@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :base.css
 author     :
 style info :
=================================================================== */

/* カラム指定 */
#clist_leftcol{
	width:710px;
	float:left;
}
#clist_rightcol{
	width:220px;
	margin-top:20px;
	float:right;
}

/* タイトル部分指定 */
#clist_title{
	background:url(../image/con_mainbg.gif) 0 0 no-repeat;
	width:710px;
	height:210px;
	margin:10px 0 20px 0;
}
#clist_title #clist_title_t{
	padding:30px 0 13px 30px;
}
#clist_title h2{
	background:url(../image/con_mainttl.gif) 0 0 no-repeat;
	width:394px;
	height:98px;
	display:block;
	text-indent:-9999px;
}

/* ナビゲーション指定 */
#clist_navigation{
	margin:0 0 0 11px;
}
#clist_navigation li{
	float:left;
	display:block;
}
#clist_navigation li.li1{
	width:115px;
}
#clist_navigation li.li2{
	width:135px;
}
#clist_navigation li.li3{
	width:135px;
}
#clist_navigation li.li4{
	width:148px;
}
#clist_navigation li a{
	background:url(../image/con_navigation_off.gif) 0 0 no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:55px;
}
#clist_navigation li a.clist_navi1{
	background-position:0 0;
}
#clist_navigation li a.clist_navi2{
	background-position:-115px 0;
}
#clist_navigation li a.clist_navi3{
	background-position:-250px 0;
}
#clist_navigation li a.clist_navi4{
	background-position:-385px 0;
}
#clist_navigation li a:hover {
  background-image: url(../image/con_navigation_on.gif);
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  height: 67px;
}

/* コンテンツ各タイトル指定 */
.clist_main h3{
  width:698px;
  height:50px;
  text-indent:-9999px;
  margin:0 0 10px 10px;
}
.clist_main h3.clist_ttl1{
  background: url(../image/con_ttl1.gif) 0 0 no-repeat;
}
.clist_main h3.clist_ttl2{
  background: url(../image/con_ttl2.gif) 0 0 no-repeat;
}
.clist_main h3.clist_ttl3{
  background: url(../image/con_ttl3.gif) 0 0 no-repeat;
}
.clist_main h3.clist_ttl4{
  background: url(../image/con_ttl4.gif) 0 0 no-repeat;
}

/* コンテンツ */
.clist_con_wrapper{
	border-bottom:1px solid #bababa;
	padding:0 0 10px 0px;
	margin:0 0 10px 10px;
}
/* コンテンツ左 */
.clist_con_l{
	width:330px;
	float:left;
	margin-right:25px;
}
/* コンテンツ右 */
.clist_con_r{
	width:330px;
	float:left;
}
.clist_con_r li{
	overflow:hidden;
}
.clist_con_r dt,.clist_con_r li{
	min-height:20px;
}
.clist_con_r dd{
	margin-left:22px;
	font-size:110%;
}

.clist_pagetop{
	text-align:right;
	margin-bottom:20px;
}
.mb5{
	margin-bottom:5px;
}

/* コンテンツ各大項目 */
.clist_con_main{
	font-size:120%;
	font-weight:bold;
}
.clist_red{
  background: url(../image/con_icon_red.gif) left 2px no-repeat;
  padding-left:25px;
}
.clist_blue{
  background: url(../image/con_icon_blue.gif) left 2px no-repeat;
  padding-left:25px;
}
.clist_green{
  background: url(../image/con_icon_green.gif) left 2px no-repeat;
  padding-left:25px;
}
.clist_yellow{
  background: url(../image/con_icon_yellow.gif) left 2px no-repeat;
  padding-left:25px;
}

/* コラム */
.clist_main h4.clist_column_ttl{
  background: url(../image/con_ttl5.gif) 0 0 no-repeat;
  width:698px;
  height:32px;
  text-indent:-9999px;
  margin:0 0 10px 10px;
}

/* カラム指定 */
.clist_column_wrapper .clist_col_1{
	width:312px;
	float:left;
	padding:0 20px;
	border-right:1px solid #CECECE;
}
.clist_column_wrapper .clist_col_2{
	width:312px;
	float:left;
	padding:0 20px;
}
.clist_column_wrapper li{
	margin-bottom:5px;
}
.clist_newicon{
	vertical-align:-0.2em;
	padding-left:5px;
}

/*------------------------------------------------------------------------------
mp 20120801
コンテンツボトムアクションエリア
------------------------------------------------------------------------------*/
#contentsmain_bottom{
	width:710px;
	height:360px;
	background:url(../image/contentsmain_bg.gif) 0 0 no-repeat;
	margin-top:30px;
	padding:10px 0 8px 0;
}
#contentsmain_bottom p{
	background:url(../image/contentsmain_catch.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:583px;
	height:43px;
	margin:0 0 6px 24px;
}
#contentsmain_bottom #contentsmain_bottom_inner{
	width:710px;
	margin:13px 0 0 12px;
}
#contentsmain_bottom #contentsmain_bottom_inner dd{
	line-height:1.3em;
	padding:0 10px 0 5px;
}
#contentsmain_bottom #contentsmain_bottom_l{
	background:url(../image/contentsmain_bg1.gif) 0 0 no-repeat;
	width:224px;
	height:189px;
	float:left;
	margin-right:9px;
}
#contentsmain_bottom #contentsmain_bottom_l dt{
	background:url(../image/contentsmain_ttl1.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:111px;
	height:40px;
	margin:23px 0 13px 72px;
}
#contentsmain_bottom #contentsmain_bottom_c{
	background:url(../image/contentsmain_bg2.gif) 0 0 no-repeat;
	width:224px;
	height:189px;
	float:left;
	margin-right:9px;
}
#contentsmain_bottom #contentsmain_bottom_c dt{
	background:url(../image/contentsmain_ttl2.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:142px;
	height:40px;
	margin:23px 0 13px 72px;
}
#contentsmain_bottom #contentsmain_bottom_r{
	background:url(../image/contentsmain_bg3.gif) 0 0 no-repeat;
	width:224px;
	height:189px;
	float:left;
}
#contentsmain_bottom #contentsmain_bottom_r dt{
	background:url(../image/contentsmain_ttl3.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:104px;
	height:40px;
	margin:23px 0 13px 72px;
}
#contentsmain_bottom #contentsmain_bottom_btn a{
	background:url(../image/contentsmain_btn.jpg) 0 0 no-repeat;
	width:305px;
	height:56px;
	margin:41px auto 0 auto;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#contentsmain_bottom #contentsmain_bottom_btn a:hover{
	background-position:0 -56px;
}