@charset "UTF-8";

*{
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐ ゴシック','ＭＳ ゴシック',Verdana,Arial,Monaco,sans-serif;
}

/* _____________________________________________________________________ H */

h1{
	margin:0px 0px 20px 0px;
	padding:0px;
}
h2{
	margin:0px;
	padding:0px 0px 40px 0px;
}
h3{
	margin:0px;
	padding:0px 0px 30px 0px;
}
h4{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

/* _____________________________________________________________________ TEXT COLOR*/

.text_black{
	color:#000000;
}
.text_white{
	color:#FFFFFF;
}
.text_red{
	color:#FF0000;
}
.text_a{
	color:#A00060;
}

/* _____________________________________________________________________ LINK */

a:link{
	text-decoration:underline;
	color:#12a8e7;
	outline: none; 
}
a:visited{
	text-decoration:underline;
	color:#12a8e7;
	outline: none; 
}
a:hover{
	text-decoration:none;
	color:#12a8e7;
	outline: underline; 
}
a:active{
	text-decoration:underline;
	color:#000000;
	outline: underline; 
}

a.icon_link:link{
	text-decoration:none;
	color:#000000;
	outline: none; 
	padding:0px 0px 0px 8px;
	font-size:13px;
	line-height:13px;
	background:url(../img/common/icon_link.gif) no-repeat left center;
}
a.icon_link:visited{
	text-decoration:none;
	color:#000000;
	outline: none; 
	padding:0px 0px 0px 8px;
	font-size:13px;
	line-height:13px;
	background:url(../img/common/icon_link.gif) no-repeat left center;
}
a.icon_link:hover{
	text-decoration:underline;
	color:#12a8e7;
	outline: none; 
	padding:0px 0px 0px 8px;
	font-size:13px;
	line-height:13px;
	background:url(../img/common/icon_link.gif) no-repeat left center;
}
a.icon_link:active{
	text-decoration:none;
	color:#12a8e7;
	outline: none; 
	padding:0px 0px 0px 8px;
	font-size:13px;
	line-height:13px;
	background:url(../img/common/icon_link.gif) no-repeat left center;
}

/* _____________________________________________________________________ mb系 */

.mb0{
	margin:0px;
	position:relative;
}
.mb0_02{
	margin:0px;
	position:relative;
	line-height:0em;
	font-size:1px;
}
.mb10{
	margin:0px 0px 10px 0px;
	position:relative;
}
.mb20{
	margin:0px 0px 20px 0px;
	position:relative;
}
.mb30{
	margin:0px 0px 30px 0px;
	position:relative;
}
.mb40{
	margin:0px 0px 40px 0px;
	position:relative;
}
.mb50{
	margin:0px 0px 50px 0px;
	position:relative;
}
.mb60{
	margin:0px 0px 60px 0px;
	position:relative;
}
.mb70{
	margin:0px 0px 70px 0px;
	position:relative;
}
.mb80{
	margin:0px 0px 80px 0px;
	position:relative;
}
.mb90{
	margin:0px 0px 90px 0px;
	position:relative;
}
.mb100{
	margin:0px 0px 100px 0px;
	position:relative;
}

/* _____________________________________________________________________ INTERFACE */

body{
	margin:0px;
	padding:0px;
	text-align:center;
}
#upper{
	width:100%;
	margin:0px auto;
	background:url(../img/bg/bg_upper.gif) repeat-x;
}
.layout{
	width:1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
#logo{
	margin:0px;
	padding:23px 0px 0px 0px;
	font-size:1px;
	line-height:0em;
}
header{
	width:1000px;
	height:104px;
	margin:0px;
	position:relative;
}
nav{
	width:622px;
	height:49px;
	margin:0px;
	padding:0px; 
	position:absolute;
	top:23px;
	left:165px;
	line-height:0px;
	font-size:1px;
}

#nav_list{
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav_list li{
	margin:0px 30px 0px 0px;
	padding:0px;
	float:left;
}
#btn_header_info{
	position:absolute;
	top:20px;
	right:0px;
}

article{
	margin:0px;
	padding:0px;
}
#mainimg{
	width:1000px;
	margin:0px 0px 35px 0px;
}

#banner_area{
	width:960px;
	margin:0px;
	padding:15px 20px 10px 20px;
	background-color:#eeebef;
}
.banner_area_01{
	width:243px;
	margin:0px;
	float:left;
}
.banner_area_02{
	width:244px;
	margin:0px;
	float:left;
}
.banner_area_03{
	width:230px;
	margin:0px;
	float:left;
}
.banner_area_01 img,.banner_area_02 img,.banner_area_03 img{
	margin:0px 0px 3px 0px;
}

footer{
	width:100%;
	height:80px;
	margin:0px;
	background:url(../img/bg/bg_footer.gif) repeat-x;
}
#copy{
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size:11px;
}
#zeal{
	position:absolute;
	top:15px;
	right:0px;
	font-size:12px;
}
#zeal a:link{
	color:#000000;
	text-decoration:none;
}
#zeal a:visited{
	color:#000000;
	text-decoration:none;
}
#zeal a:hover{
	color:#000000;
	text-decoration:underline;
}
#zeal a:active{
	color:#000000;
	text-decoration:none;
}

#pagetop{
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:right;
	font-size:12px;
	line-height:1.2em;
}
#pagetop a:link{
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../img/common/icon_pagetop.gif) no-repeat left center;
	text-decoration:none;
	color:#000000;
}
#pagetop a:visited{
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../img/common/icon_pagetop.gif) no-repeat left center;
	text-decoration:none;
	color:#000000;
}
#pagetop a:hover{
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../img/common/icon_pagetop.gif) no-repeat left center;
	text-decoration:underline;
	color:#000000;
}
#pagetop a:active{
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../img/common/icon_pagetop.gif) no-repeat left center;
	text-decoration:none;
	color:#000000;
}

/* _____________________________________________________________________ sub */


#upper{
	width:100%;
	margin:0px auto;
}

#topic_path{
	font-size:12px;
	line-height:1.2em;
	margin:0px 0px 25px 0px;
}
#topic_path span{
	font-size:12px;
	line-height:1.2em;
	color:#12a8e7;
}
#topic_path a:link{
	color:#000000;
	text-decoration:none;
}
#topic_path a:visited{
	color:#000000;
	text-decoration:none;
}
#topic_path a:hover{
	color:#12a8e7;
	text-decoration:underline;
}
#topic_path a:active{
	color:#12a8e7;
	text-decoration:none;
}