@charset "UTF-8";

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

/* _____________________________________________________________________H */

h1{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

h2{
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

h3{
	margin:0px 0px 15px 0px;
	padding:0px 10px 0px 0px;
}

.margin0_h1{
	margin:0px;
	padding:0px;
}

.margin0_h2{
	margin:0px;
	padding:0px;
}

/* _____________________________________________________________________TEXT COLOR*/

.tex_black{
	color:#000000;
}

.tex_white{
	color:#FFFFFF;
}

.tex_red{
	color:#FF0000;
}

.tex_a{
	color:#A00060;
}


/* _____________________________________________________________________LINK */

a:link{
	text-decoration:none;
	color:#356734;
}

a:visited{
	text-decoration:none;
	color:#356734;
}

a:hover{
	text-decoration:underline;
	color:#FF9900;
}

a:active{
	text-decoration:underline;
	color:#000000;
}

a.link_blue:link{
	text-decoration:underline;
	color:#2f2ef8;
}

a.link_blue:visited{
	text-decoration:underline;
	color:#2f2ef8;
}

a.link_blue:hover{
	text-decoration:underline;
	color:#FF9900;
}

a.link_blue:active{
	text-decoration:underline;
	color:#000000;
}


a.link_brown:link{
	text-decoration:underline;
	color:#550e14;
}

a.link_brown:visited{
	text-decoration:underline;
	color:#550e14;
}

a.link_brown:hover{
	text-decoration:underline;
	color:#FF9900;
}

a.link_brown:active{
	text-decoration:underline;
	color:#000000;
}


a.link_green:link{
	text-decoration:underline;
	color:#618120;
}

a.link_green:visited{
	text-decoration:underline;
	color:#618120;
}

a.link_green:hover{
	text-decoration:underline;
	color:#FF9900;
}

a.link_green:active{
	text-decoration:underline;
	color:#000000;
}

/* _____________________________________________________________________ mb系 */

.mb0{
	margin:0px;
	position:relative;
}
.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;
}





/* _____________________________________________________________________INTERFACE */

body{
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url(../img/interface/bg_main.gif);
	background-repeat:repeat;
	text-align:center;
}

#layout_area{
	width:900px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	position:relative;
}

header{
	width:900px;
	height:59px;
	margin:0px;
	padding:0px;
	background-image:url(../img/interface/bg_header.gif);
	background-repeat:no-repeat;
}

#logo_position{
	position:absolute;
	top:15px;
	left:0px;
}

#btn_als_position{
	position:absolute;
	top:20px;
	right:120px;
}

#btn_mail_position{
	position:absolute;
	top:20px;
	right:20px;
}

footer{
	width:900px;
	height:22px;
	margin:0px;
	padding:0px 0px 50px 0px;
	background-image:url(../img/interface/bg_footer.gif);
	background-repeat:repeat-x;
	text-align:center;
	color:#ffffff;
	font-size:10px;
}

#copyrihgt_area{
	margin:0px;
	padding:5px;
}

#main_contents_area{
	width:900px;
	margin:0px 0px 15px 0px;
	padding:0px;
	position:relative;
}

#btn_to_intro{
	position:absolute;
	top:1px;
	right:17px;
}

#contents_area{
	width:600px;
	margin:0px;
	padding:0px;
	float:left;
}

aside{
	width:230px;
	margin:0px;
	padding:0px;
	float:right;
}

nav{
	width:210px;
	margin:75px 0px 0px 0px;
	padding:0px;
}

#navi_list{
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style:none;
}

#navi_list li{
	margin:0px;
	padding:0px;
}

#side_banner_area{
	width:192px;
	margin:0px 0px 0px 10px;
	padding:0px;
}
#side_banner_area_02{
	width:210px;
	margin:0px 0px 20px 0px;
	padding:0px;
}

/* _____________________________________________________________________sub */

#upper_bg{
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url(../img/interface/bg_sub_upper_area.gif);
	background-repeat:repeat-x;
}

#sub_key{
	width:900px;
	height:112px;
	margin:0px 0px 28px 0px;
	padding:0px;
	position:relative;
}

#topic_path{
	position:absolute;
	bottom:-23px;
	left:0px;
	font-size:12px;
}
#topic_path a:link{
	color:#489048;
}
#topic_path a:visited{
	color:#489048;
}
#topic_path a:hover{
	color:#489048;
}
#topic_path a:active{
	color:#489048;
}


#btn_for_download{
	position:absolute;
	top:0px;
	right:160px;
}

#main_contetns_sub_bottom{
	width:900px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:1px;
}

#sub_navi_step_area{
	width:566px;
	height:42px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:5px;
	left:14px;
}

#sub_navi_list{
	margin:0px;
	padding:0px;
	list-style:none;
}

#sub_navi_list li{
	margin:0px;
	padding:0px;
	float:left;
}

.contetns_sub_padding{
	width:530px;
	margin:0px 0px 0px 40px;
	padding:240px 0px 0px 0px;
}

.sub_contetns_h1_area{
	width:560px;
	margin:0px 0px 25px 0px;
	padding:0px;
	position:absolute;
	top:60px;
	left:13px;
}

#btn_area{
	text-align:right;
}

.bottom30{
	margin:0px 0px 20px 0px;
	padding:0px;
}

.contetns_pink{
	width:530px;
	margin:0px 0px 40px 0px;
	padding:0px;
	background-image:url(../img/bg_pink.gif);
	background-repeat:repeat-y;
}

.contetns_pink_bottom20{
	width:530px;
	margin:0px 0px 20px 0px;
	padding:0px;
	background-image:url(../img/bg_pink.gif);
	background-repeat:repeat-y;
}

.contetns_pink_top{
	width:530px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:1px;	
}

.contetns_pink_padding{
	width:500px;
	margin:0px 0px 0px 15px;
	padding:0px;
}

.contetns_pink_bottom{
	width:530px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:1px;
}

.contetns_yellow_line{
	width:530px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/bg_yellow_line.gif);
	background-repeat:repeat-y;
	position:relative;
}

.contetns_yellow_line_bottom{
	width:530px;
	margin:0px 0px 20px 0px;
	padding:0px;
	background-image:url(../img/bg_yellow_line.gif);
	background-repeat:repeat-y;
	position:relative;
}

.bg_yellow_line_top{
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:0em;
}

.contetns_yellow_line_p{
	width:485px;
	margin:0px 0px 0px 35px;
	padding:0px;
	font-size:13px;
	line-height:1.7em;
}
.contetns_yellow_line_p_bottom{
	width:485px;
	margin:0px 0px 0px 35px;
	padding:0px 0px 20px 0px;
	font-size:13px;
	line-height:1.7em;
}

.bg_yellow_line_bottom{
	line-height:0px;
	font-size:1px;
}

.half{
	width:530px;
	margin:0px 0px 20px 0px;
	padding:0px;
	background-image:url(../img/bg_half.gif);
	background-repeat:repeat-y;
	font-size:13px;
}

.half_float_area{
	width:530px;
	margin:0px;
	padding:0px 0px 10px 0px;
}

.half_float_left{
	width:270px;
	margin:0px;
	padding: 0px;
	float:left;
}

.half_float_right{
	width:250px;
	margin:0px;
	padding:0px;
	float:right;
}

.half_h1{
	margin:0px 0px 10px 10px;
	padding:15px 0px 0px 0px;
	line-height:0px;
	font-size:1px;
}

.half_left_p{
	width:250px;
	margin:0px 0px 0px 10px;
	padding:0px;
	line-height:1.7em;
}

.half_right_p{
	width:240px;
	margin:0px;
	padding:0px;
	line-height:1.7em;
}

.half_bg_line{
	line-height:0px;
	font-size:1px;
}

.bg_pink_line_bottom_top{
	line-height:0px;
	font-size:1px;
}

.contetns_pink_line{
	width:530px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/bg_pink_line.gif);
	background-repeat:repeat-y;
	position:relative;
}

.contetns_pink_line_bottom{
	width:530px;
	margin:0px 0px 20px 0px;
	padding:0px;
	background-image:url(../img/bg_pink_line.gif);
	background-repeat:repeat-y;
	position:relative;
}

.contetns_pink_line_p{
	width:485px;
	margin:0px 0px 0px 35px;
	padding:0px;
	font-size:13px;
	line-height:1.7em;
}

.contetns_pink_line_p_top{
	width:485px;
	margin:0px 0px 0px 35px;
	padding:15px 0px 0px 0px;
	font-size:13px;
	line-height:1.7em;
}

.bg_pink_line_bottom{
	line-height:0px;
	font-size:1px;
}


#main_contents_sub{
	width:900px;
	margin:0px;
	padding:0px 0px 30px 0px;
	background-image:url(../img/interface/bg_main_contents_sub.gif);
}