@charset "utf-8";









/* reset ----------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}    

ol,ul {list-style:none;}

table{border-collapse:collapse;border-spacing:0;}  

caption,th {text-align:left;}

a{outline:none;}

li img{font-size:0;line-height:0;vertical-align:top;}

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}

body{ /* Always show scroll bars */

	overflow-y: scroll;

	/overflow-y: auto; /* for ie6/7 */

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size:90%;

	line-height:1.5;

	background-color:#F8F8F3;

}

/* clearfix ----------------------- */

.clearfix:before, .clearfix:after{ content:""; display:table;}

.clearfix:after { clear:both;}

.clearfix{ zoom:1;}/* for IE 6/7 */





/* clearboth ----------------------- */



.clear {clear:both;}



/* link ----------------------- */

a {color:#119CDA;}

a:hover {color:#00CCCC;}











/* font ----------------------- */

.fz10{ font-size:10px !important;}

.fz11{ font-size:11px !important;}

.fz12{ font-size:12px !important;}

.fz13{ font-size:13px !important;}

.fz14{ font-size:14px !important;}

.fz15{ font-size:15px !important;}

.fz16{ font-size:16px !important;}

.fw-n{ font-weight:normal !important;}

.fw-b{ font-weight:bold !important;}



/* margin ----------------------- */

.mt0{ margin-top:0 !important;}

.mt5{ margin-top:5px !important;}

.mt10{ margin-top:10px !important;}

.mt15{ margin-top:15px !important;}

.mt20{ margin-top:20px !important;}

.mt25{ margin-top:25px !important;}

.mt30{ margin-top:30px !important;}

.mt50{ margin-top:50px !important;}

.mr20{ margin-right:20px !important;}

.mr25{ margin-right:25px !important;}

.mr30{ margin-right:30px !important;}

.mr35{ margin-right:35px !important;}

.mr40{ margin-right:40px !important;}

.mr80{ margin-right:80px !important;}

.mr100{ margin-right:100px !important;}

.mb10{ margin-bottom:10px !important;}

.mb20{ margin-bottom:20px !important;}



/* padding ----------------------- */

.pt0{ padding-top:0 !important;}
.pt5{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt35{ padding-top:35px !important;}
.pt40{ padding-top:40px !important;}
.pr10{ padding-right:10px !important;}
.pl10{ padding-left:10px !important;}





/* text-align ----------------------- */

.ta-r{ text-align:right !important;}

.ta-l{ text-align:left !important;}

.ta-c{ text-align:center !important;}



/* border ----------------------- */

.bd-n{ border:none !important;}



/* overflow ----------------------- */

.ov-h{ overflow:hidden !important;}



/* float ----------------------- */

.flt-right {float:right;display:block;}





/*reset-end*******************************************/







/*

 * header

 */

#header{

	width: 100%;

	height:130px;

	background-image:url(../img/bg-header.jpg);

	background-repeat:repeat-x;

}



#header h1 {

	margin-top:40px;

	float:left;

	}



#header h2 {

	padding:38px 5px 0 0;

	float:right;

	}





.stage {

	width:950px;

	margin:0 auto;

	padding:0;

}









/*

 * container

 */

#container {

	width: 950px;

	margin: 0 auto;

	font-size: 1.0em;

	color: #333;

}





#container .bloc {

	margin:30px 0;

	border:4px solid #DEDEC7;

	padding:40px 40px 35px 40px;

	background-color:#fff;

}



#container .bloc-inr-left {

	margin:0 60px 0 0;

	padding:0;

	width:400px;

	float:left;

}



#container .bloc-inr-right {

	margin:0;

	padding:0;

	width:400px;

	float:right;

}





#container .bloc02 {

	margin:30px 0;

	padding:0;

	float:left;

	width:249px;

}

#container .bloc02-2 {

	margin:28px;

	padding:0;

	float:left;

	width:415px;

}



#container .bloc03 {

	margin:9px 8px 0 0;

	padding:12px;

	float:left;

	border:4px solid #C2E8F1;

	background-color:#fff;

	/*width:198px;*/
	width:197px;

	font-size:0.9em;

}



#container .bloc03-last {

	margin:8px 0 0 0;

	padding:12px;

	float:left;

	border:4px solid #C2E8F1;

	background-color:#fff;

	width:201px;

	font-size:0.9em;

}







/*

 * pageTop

 */

.pagetop {

    clear: both;

    margin: 0 auto;

    text-align: right;

    width: 950px;

	height:27px;

}









/*

 * footer

 */

#footer {

	width:100%;

	height:30px;

	background-color:#0099CC;

	padding: 20px 0;

	font-size:85%;

	color:#fff;

	text-align: right;

}





/*#footer {

    background-color: #0099CC;

    overflow: hidden;

    padding-top: 21px;

}*/



#footer .ft-logo {

	margin:10px 0 0 20px;

	font-size:80%;

}







/*

 * others

 */

 

/*img*/ 

.img-v-mdl {vertical-align:middle;margin:10px 0;}





/*text*/



.red {color:#C00;}



.text-indent {margin-left: 1em;text-indent: -1.1em;}



h3{

	margin:0 auto;

	padding:30px 0 0 0;

	text-align:center;

}



h4 {

	margin:3px 0 5px 0;

	padding:0 0 4px 0.8em;

	font-weight: bold;

	font-size: 1.1em;

	border-bottom:2px solid #DEDEC7;

}



h5 {

	margin:0 0 5px 0;

	padding:0 0 3px 0;

	font-weight: bold;

	font-size: 1.4em;

	border-bottom:1px dotted #666;

}

h6 {

	margin:8px 0 5px 0;

	padding:0;

	font-size:1.2em;

	font-weight:bold;

}