@charset "utf-8";


/* CSS Document */


/* cssリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; list-style-position:outside;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:'';}

body { background-color:#5bbcb7; background-image: url(../img/bg.gif); background-repeat:repeat-y; background-position:center; text-align:center;}

html{ height:100%;}

a:link {text-decoration:underline; color:#3366CC;}

a:visited {text-decoration:underline; color:#3399FF;}

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

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



/* クラスフォント色 */
.font_white{color:#FFFFFF;}
.font_dred{color:#CC0033}
.font_orange{ color:#FF3344;}
.font_indigo{ color:#000033;}
.font_dgreen{ color:#616600;}
.font_brown{ color:#43270E;}
.font_yellow{ color: #FFCC33;}
.font_lyellow{ color: #CCCC66;}
.font_blue{ color: #0099CC;}
.font_lblue{ color:#0033FF;}
.font_purple{ color:#363E7F;}
.font_black{ color:#000000;}
.font_gray{ color:#999999;}
.font_pink{ color:#C40469;}


/* BG色 */
.bg_f0f0f0{background-color:#f0f0f0;}


/* クラス*/
.spannone {display:none;}
.width100{ width:100px;}
.width200{ width:200px;}
.width400{ width:400px;}
.width30{ width:30px;}
.width50{ width:50px;}
.float_l{ float:left;}
.float_r{ float:right;}
.cb{ clear:both;}
.f0{font-size:0; line-height:0; vertical-align:bottom;}

 
 
/* クラスマージン */ 

.auto{margin:auto;}
.T5{ margin-top:5px;}
.T10{ margin-top:10px;}
.T20{ margin-top:20px;}
.T30{ margin-top:30px;}
.T40{ margin-top:40px;}
.T50{ margin-top:50px;}


.L0{ margin-left:0px;}
.L5{ margin-left:5px;}
.L10{ margin-left:10px;}
.L20{ margin-left:20px;}
.L30{ margin-left:30px;}
.L40{ margin-left:40px;}
.L45{ margin-left:45px;}
.L50{ margin-left:50px;}
.L60{ margin-left:60px;}
.L3em{ margin-left:3em;}

.R5{ margin-right:5px;}
.R10{ margin-right:10px;}
.R20{ margin-right:20px;}
.R30{ margin-right:30px;}
.R40{ margin-right:40px;}
.R50{ margin-right:50px;}

.B5{ margin-bottom:5px;}
.B10{ margin-bottom:10px;}
.B20{ margin-bottom:20px;}
.B30{ margin-bottom:30px;}

.ALL10{ margin:10px;}

.padding_all05{padding:5px;}
.padding_all10{padding:10px;}


/* クラスフォントサイズ */
.text_s{font-size: 0.6em; line-height: 1.3em;}
.text_n{font-size: 0.9em; line-height: 1.6em;}
.text_sn{font-size: 0.8em; line-height: 1.4em;}
.text_nb{font-size: 1.1em; line-height: 1.6em;}
.text_b{font-size: 1.3em; line-height: 1.8em;}
.text_h{font-size: 1.4em; line-height: 1.3em;}
.text_u{font-size: 36px; line-height: 110%;}


/* テーブルクラス */
.table001{}
	.table001 td{ padding:5px; border:#CCCCCC 1px solid; border-collapse:collapse;}
	.table001 th{ padding:5px; background-color:#DBF7FB; border:#CCCCCC 1px solid; border-collapse:collapse;}



/* ヘッダーイメージ */
.h001{ border-bottom:#CCCCCC 1px dotted; padding:5px 0 2px 0; color: #003333;}


/* ID */

#all-contents{ width:100%;}

#header{ width:100%; background-image:url(../img/bg_heder.gif); background-repeat:repeat-x;}
#header_con{ margin:0 auto;}
	#header_con h1{ font-size:12px; font-weight: normal; width:950px; text-align:left; margin:0 auto;}
	#header_con h2{ display:inline; float:left;}
	#header_con p{ float:left; display:inline}
#header_logo{ width:950px; margin:0 auto;}
 #header_logo:after{content : ""; display : block; height : 0; clear : both;}

#menu_left{width:240px; float:left; font-size:0; line-height:0; vertical-align:bottom;}
	#menu_left ul{}
	#menu_left li{ }
	
#con{ width:710px; float: left;}
#main{ width:640px; margin-left:40px; margin-top:10px;}

#footer{margin-top:20px; text-align:center;}

#pan{ margin:0 0 10px 23px;}

#mid{ clear:left; width:950px; margin:0 auto; text-align:left; }