@charset "UTF-8";
body{margin:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height:1.6;
}

.clear{clear:both;height:0;line-height:0;}


#wrap_head{background:#00A2EC;width:100%;height:26px;}
#header{ width:980px; margin:0 auto;}


ul.headinfo{ width:980px; height:26px; background-color:#00A2EB; margin:0 auto;}
ul.headinfo li{float:left;line-height:26px;}

.headinfo01{
	margin-left:18px; margin-right:7px;
}
.headinfo02{
	margin-left:67px;margin-top:3px;margin-bottom:-3px;
}
.headinfo03{
	margin-left:14px;margin-top:3px;margin-bottom:-3px;
}

.content{width:980px;margin:0 auto;position:relative;overflow:hidden;}

.head_l{
	float:left;
	width:580px;
	margin:17px 0 0 10px;
}
.head_r{
	float:right;
	width:380px;
}
#footer{
	height:26px;
	line-height:26px;
	background:#CCC;
	color:#FFF;
	text-align:center;	
}

a.mail{ color:#FFF; text-decoration:none; font-size:14px;}
a:hover.mail{ text-decoration:underline;}

#info{ 
	float:right;
	
	text-align:center;
	
	background-color:#F5F5F5;
	padding:5px 15px 7px 15px;
	
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	
	margin-bottom:8px;
}
#info a{ text-decoration:none; color:#666;}
#info a:hover{ text-decoration:underline;}

.logo_iso{text-align:right;margin-right:10px;margin-top:20px;margin-bottom:10px;}



#navigation{width:100%;height:60px;background:#00A1EB;background:url(../images/navi_bg.png) repeat-x;}
#navicon{width:980px;margin:0 auto;
}

#navicon ul{width:980px;margin:0 auto;position:relative;overflow:hidden;}
#navicon ul li{float:left;}


a#navi01,a#navi02,a#navi03,a#navi04,a#navi05,a#navi06,a#navi07, a#navi01a,a#navi02a,a#navi03a,a#navi04a,a#navi05a,a#navi06a,a#navi07a{
	display:block;
	height:60px;
	background:url(../images/navi.png) no-repeat;
	text-indent:-9999px;
}
a#navi01{background-position:0 0;width:140px;}
a:hover#navi01{background-position:0 -60px;}
a#navi01a{width:140px;background-position:0 -60px;}

a#navi02{background-position:-140px 0;width:139px;}
a:hover#navi02{background-position:-140px -60px;}
a#navi02a{width:139px;background-position:-140px -60px;}

a#navi03{background-position:-279px 0;width:139px;}
a:hover#navi03{background-position:-279px -60px;}
a#navi03a{width:139px;background-position:-279px -60px;}

a#navi04{background-position:-418px 0;width:139px;}
a:hover#navi04{background-position:-418px -60px;}
a#navi04a{width:139px;background-position:-418px -60px;}

a#navi05{background-position:-557px 0;width:140px;}
a:hover#navi05{background-position:-557px -60px;}
a#navi05a{width:140px;background-position:-557px -60px;}

a#navi06{background-position:-697px 0;width:140px;}
a:hover#navi06{background-position:-697px -60px;}
a#navi06a{width:140px;background-position:-697px -60px;}

a#navi07{background-position:-837px 0;width:143px;}
a:hover#navi07{background-position:-837px -60px;}
a#navi07a{width:143px;background-position:-837px -60px;}


#container{ width:980px; margin:0 auto;}
#container_in{width:880px;margin:0 auto;}
.container_out{border:1px solid #DDD;width:978px;margin:0 auto;padding:0 0 40px 0;}

#content_bg{ background-image:url(../images/news_back01.jpg); width:980px; height:335px;}
#content_bg_tbl{width:900px;position:relative;overflow:hidden;margin-left:45px;padding-top:70px;}
.content_bg_td{height:230px; overflow:scroll;}


.marb10{margin-bottom:10px;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marb50{margin-bottom:50px;}

.marl10{margin-left:10px;}
.marl20{margin-left:20px;}
.marl30{margin-left:30px;}
.marl40{margin-left:40px;}
.marl50{margin-left:50px;}

.marr10{margin-right:10px;}
.marr20{margin-right:20px;}
.marr30{margin-right:30px;}
.marr40{margin-right:40px;}
.marr50{margin-right:50px;}

.mart10{margin-top:10px;}
.mart20{margin-top:20px;}
.mart30{margin-top:30px;}
.mart40{margin-top:40px;}
.mart50{margin-top:50px;}


.topcon_l{
	float:left;
	width:740px;
	background:url(../images/logo_bg.png) no-repeat;
	background-position:50% 70px;
}
.topcon_r{
	float:right;
	width:230px;
	text-align:right;

}

.top01{margin:10px 0 0 30px;width:685px;}
.top02{text-align:right;margin-right:10px;}
a.top03{color:#00A2ED;}

.ohtc01{float:right;margin:0 0 0px 32px;text-align:center;}

.cms_date{color:#F5A538}
ul.whatsnew{width:425px;}
ul.whatsnew li{border-bottom:1px dotted #CCC;padding:5px 0;}

.bar_common{border-bottom:2px solid #A9BAD9;padding-bottom:7px;}
.bar_common p{padding:0 7px;font-size:16px;font-weight:bold;}
.bar_bg{background:#F5F5F5;padding-left:32px;}

.tmp_obj{width:285px;height:200px;background:#CCC;margin-right:20px;margin-bottom:20px;}

.training_l{float:left;width:300px;}
.training_r{float:right;width:500px;}

.training01{border-top:2px solid #A9BAD9;background:#F5F5F5;}
.training01_in{padding:10px 30px;}
.training02{font-size:18px;color:#668BB9;font-weight:bold;}

.profile_l{float:left;width:620px;}
.profile_r{float:right;width:240px;text-align:right;}

.whatsnew a{color:#333;text-decoration:none;}
.whatsnew a:hover{text-decoration:underline;}

.contacttbl{width:820px;border-top:1px solid #DDD;}
.contacttbl th,.contacttbl td{padding:5px;border-bottom:1px solid #DDD;}
.contacttbl th{vertical-align:top;}

.red{color:#F00;}

.formw1{width:500px;}
.formw2{width:350px;}
.formw3{width:300px;}



.infotbl td{
	vertical-align:middle;
}
.infoad{
	float:right;
	width:186px;
	border:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
	box-sizing:border-box;
	margin-right:20px;
	margin-top:17px;
}
.extred{
	color:#C00;font-size:14px;
}
.b_ccc{
	border:1px solid #CCC;
}