@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none;}

table { font-size:100%;}
th { text-align:left; font-weight:bold;}

input,select { vertical-align:middle;}

/* 定義 */

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}
strong.red { color:#F00;}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

.clear { clear:both; }
.clear hr { display:none;}

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

div.line01 hr { visibility:hidden; display:none;}

div.line02 hr { visibility:hidden; display:none;}

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

body { text-align:center; background:url(../img/bg.png) left top repeat-x #E2E4D9;}

body div.base { width:950px; margin:0 auto; background-position:center; background-repeat:repeat-y; text-align:left;}

header #header { margin:0; height:50px; position:relative;; background-position:left top; background-repeat:no-repeat;}

#header h1 {background-position:left top; background-repeat:no-repeat;}
#header {margin: 0;height: 50px;position: relative;;background-position: left top;background-repeat: no-repeat;}
#header div#FloNavi { position:absolute; left:600px; top:20px;}
#header div#FloNavi ul li { float:left; display:inline;}
#header div#FloNavi ul li a { display:block; width:100%; text-indent:-9999px;}


/* container */
#container div.article { margin:20px 0;}
#container div.article div.txtarea p { margin:10px;}


#container div.col01 { margin:20px 75px; background:url(../img/col01_bg.png) center top repeat-y;}
#container div.col01 h2 { text-align:center;}
#container div.col01 div.txtarea { text-align:center;}

#container div.col02 { background:url(../img/bg01.png) center bottom no-repeat;}
#container div.col02 div.txtarea { padding:20px 20px; font-size:80%;}
#container div.col02 div.txtarea h3 { text-align:center;}
#container div.col02 div.txtarea ul.type01 { margin:20px 0 0 0; text-align:center;}
#container div.col02 div.txtarea ul.type01 li { display:inline; margin:22px;}

#container div.col03 { background:url(../img/col03_bg.png) center bottom no-repeat;}
#container div.col03 h2 { height:150px;}
#container div.col03 div.txtarea { background:url(../img/col03_txtarea_bg.jpg) center -150px no-repeat; font-size:80%; padding:0 0 50px 0;}
#container div.col03 div.txtarea div.box01 { width:381px; height:420px;}
#container div.col03 div.txtarea div.box01.fL { margin:9px 0 0 70px; }
#container div.col03 div.txtarea div.box01.fR { margin:9px 70px 0 0; }
#container div.col03 div.txtarea div.box01 .txt {background:#FFF; height:280px;}
#container div.col03 div.txtarea div.box01 p { margin:0 20px 20px 20px;}

#container div.col04 { background:url(../img/bg01.png) center bottom no-repeat;}
#container div.col04 div.txtarea { padding:10px 45px; font-size:80%;}
#container div.col04 div.txtarea div.box01 { background:left top no-repeat;}
#container div.col04 div.txtarea div.box01 h3 { margin:0 0 0 185px; padding:28px 0 0 0;}
#container div.col04 div.txtarea div.box01 p { margin:10px 20px 10px 200px;}
#container div.col04 div.txtarea div.box02 { margin:5px; text-align:center; background:url(../img/col04_box02_bg.png) left bottom no-repeat;}
#container div.col04 div.txtarea div.box02 div.inbox { width:410px; text-align:left;}
#container div.col04 div.txtarea div.box02 p { margin:20px;}

#container div.col05 { background:url(../img/col05_bg.png) center bottom no-repeat;}
#container div.col05 div.txtarea { font-size:80%; height:1730px;}
#container div.col05 div.txtarea h3 { clear:both;}
#container div.col05 div.txtarea div.box01 { clear:both; margin:0 50px; padding:10px 0 50px 0;}
#container div.col05 div.txtarea div.box01 p { margin:10px 250px 0 40px;}
#container div.col05 div.txtarea div.inbox.fL { margin:0 0 0 55px;}
#container div.col05 div.txtarea div.inbox.fR { margin:0 55px 0 0;}
#container div.col05 div.txtarea div.inbox p{ margin:0;}

#container div.col06 { background:url(../img/bg01.png) center bottom no-repeat;}
#container div.col06 div.txtarea { margin:0 50px; padding:30px 0;}
#container div.col06 div.txtarea p { margin:10px 0;}
#container div.col06 div.txtarea table.type01 { width:850px; border-left:#ccc solid 1px; border-top:#ccc solid 1px; border-collapse:separate; border-spacing:0; text-align:center;}
#container div.col06 div.txtarea table.type01 tr th { width:50%; padding:7px; background:#E2E4D9; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; text-align:center; font-size:80%;}
#container div.col06 div.txtarea table.type01 tr td { padding:15px 0; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px;}
#container div.col06 div.txtarea h3 { margin:10px 0;}
#container div.col06 div.txtarea div.box01 { background:url(../img/col06_box01_bg.png) center bottom no-repeat;}
#container div.col06 div.txtarea div.box01 div.inbox { width:270px;}
#container div.col06 div.txtarea div.box01 div.inbox.fL { margin:0 0 0 10px;}
#container div.col06 div.txtarea div.box01 div.inbox.fR { margin:0 8px 0 0}
#container div.col06 div.txtarea div.box01 div.inbox ul { margin:15px;}

#container div.col07 { background:url(../img/bg01.png) center bottom no-repeat;}
#container div.col07 div.txtarea { padding:30px; text-align:center;}



#container div.res_box01 { height:275px; background:url(../img/res_box01_bg.png) left top no-repeat;}
#container div.res_box01 img.btn { margin:0 0 0 320px;}

#container div.res_box02 {height:282px; margin:0 3px 0 4px; background:url(../img/res_box02_bg.jpg) left top no-repeat;}
#container div.res_box02 p.txt { padding:23px 0 0 247px;}
#container div.res_box02 p.btn { padding:2px 0 0 247px;}
#container div.res_box02 p.tel { padding:16px 0 0 0;}




#container #main { display:inline; float:left;}
#container #sub { display:inline; float:right;}

#sourcePath ul { txtarea-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { background-position:left 50%; background-repeat:no-repeat;}

div.PageTop { clear:both; padding:20px; text-align:right; font-size:80%;} 

div.FootBack { text-align:right;} 

/* footer */
#footer { clear:both; position:relative;}

#footer ul { text-align:left; font-size:80%;}
#footer ul li { display:inline; border-left:#333 solid 1px;}
#footer ul li a { color:#333; padding:0 7px;}

#footer div.copyright { position:absolute; left:500px; top:0px; width:450px; text-align:right; font-size:80%;}

/*---------------------------------
		TypeCSS
---------------------------------*/

table.formtype01 tr td input,select { margin:3px;}
