@charset "utf-8";
/*
目次

メイン（トップページ）
・middle
・News
・知って得する情報

---------------------------------------------*/


/*
メイン（トップページ）
---------------------------------------------*/

body#top #content #main_top{
	clear:both;
	margin:0;
	height:240px;
	background:url(../images/top/main.jpg) top left no-repeat;

}


body#top #content #main02_top{
	clear:both;
	margin:0;
	width:880px;
	height:240px;
	background:url(../images/top/main02.jpg) top left no-repeat;
	position: relative;	

}

body#top #content #main02_top h2{
	clear:both;
	background:url(../images/top/main02.jpg) top left no-repeat;
	width:880px;
	height:240px;
	text-indent:-9999px;
}

#main02_top .headerBtn {
	height: 53px;
	width: 184px;
	position: absolute;
	left: 180px;
	bottom: 14px;
}

body#top #content #main02_top p{
	font-weight:bold;
	margin:0 30px 10px 20px;
	font-size:14px;
	padding:0;
	float:left;
	width:400px;
	height:75px;
	text-align:center;
}

body#top #content #main_top #main_button{
	text-align:center;
}


/* middle */
.main_middle{
	clear:both;
	background:#EDEDED;
	padding:5px 10px 2px 10px;
	margin:10px 0 0 0;
}
.main_middle #middle_left{
	float:left;
	width:420px;
	margin:5px 0 10px 0;
	padding:5px;
	background:#FFFFFF;
}
.main_middle #middle_left h2{
	background:url(../images/top/arrow_top.gif) left no-repeat;
	padding: 3px 0 3px 30px;
	font-weight:bold;
	color:#FF6600;
	margin:0;
	border-bottom:1px dotted #CCCCCC;
}
.main_middle #middle_left .support{
	float:left;
	margin:5px 0 10px 0;
	padding:0;
	width:420px;
}
.main_middle #middle_left .support .support_l{
	float:left;
	margin:0;
	padding:0;
	width:80px;
}
.main_middle #middle_left .support .support_l img{
	margin:0;
	padding:0;
}
.main_middle #middle_left .support .support_r{
	float:right;
	margin:0;
	padding:0;
	width:335px;
	background:url(../images/top/support_bg.gif) top left no-repeat;
	border-bottom:2px solid #FFCC00;
}
.main_middle #middle_left .support .support_r h3{
	padding:3px 10px;
}
.main_middle #middle_left .support .support_r p{
	padding:3px 0 2px 10px;
}

.main_middle #middle_right{
	float:right;
	width:420px;
	margin:5px 0 0 0;
	padding:0;
}
.main_middle #middle_right .news_bg{
	background:#FFFFFF;
	margin:0 0 10px 0;
	padding:5px;
	clear:both;
	height:160px;
}
.main_middle #middle_right .news_title{
	clear:both;
	background:url(../images/top/main_title_bg.gif) left top no-repeat;
	height:26px;
	padding:2px 0 0 0;
	border-bottom:2px solid #FFCC00;
}
.main_middle #middle_right h3{
	padding:0 0 0 20px;
	width:250px;
	float:left;
}
.main_middle #middle_right p{
	float:right;
	width:60px;
	padding:0 0 0 20px;
	margin:3px 0 0 0;
	background:url(../images/common/arrow.gif) left no-repeat;
	text-align:right;
	font-size:12px;
}
.main_middle #middle_right ul{
	clear:both;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}
.main_middle #middle_right ul li{
	background:url(../images/top/arrow_top_list.gif) top left no-repeat;
	padding:0 0 0 20px;
	line-height:1.6em;
}
.main_middle #middle_right dl{
	clear:both;
	margin:10px 0 0 10px;
}
.main_middle #middle_right dt{
	float:left;
	clear:left;
	width:120px;
	padding:0 ;
}
.main_middle #middle_right dd{
	margin-left:110px;
	padding:0 ;
}

/* News */
div.news {
	clear:both;
	margin:0;
}
div#news h2{
	margin:5px 0 0 0;
	padding:0px 10px;
	background:#6b8b97;
	color:#FFFFFF;
	font-weight:bold;
}
div#news p{
	padding:5px;
	border-left:1px solid #6b8b97;
	border-right:1px solid #6b8b97;
	border-bottom:1px solid #6b8b97;
}

div.section{
	clear:both;
}

/* 知って得する情報 */

.main_middle #info h3{
	clear:both;
	background:url(../images/top/main_title_bg.gif) left top no-repeat;
	height:26px;
	border-bottom:2px solid #FFCC00;
	padding:3px 0 0 20px;
	margin:0 0 10px 0;
}
.main_middle #info h4{
	font-size:16px;
}
.main_middle #info{
	background:#FFFFFF;
	margin:5px 0 10px 0;
	padding:5px;
	clear:both;
}

.main_middle #info #info01, .main_middle #info #info02{
	float:left;
	width:265px;
	margin:0 0 0 5px;
}
.main_middle #info #info02{
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	padding:0 10px;
}
.main_middle #info #info03{
	float:right;
	width:270px;
	margin:0 0 0 10px;
}
.main_middle #info .info_l{
	float:left;
	width:60px;
	text-align:center;
}
.main_middle #info .info_r{
	float:right;
	width:195px;
}