﻿@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { background-color:#fff; 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;}

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 { visibility:hidden; display:none;}

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

div.line01 {}
div.line01 hr { visibility:hidden; display:none;}

div.line02 {}
div.line02 hr { visibility:hidden; display:none;}

/*---------------------------------
		BaseCSS
---------------------------------*/

a { color:#865B26;}

body { text-align:center; line-height:1.4; background-image:url(img/bg.png); background-repeat:repeat-x !important; background-position:left top; }

#base { width:910px; margin:0 auto; background-color:#fff; background-image:url(); background-position:center; background-repeat:repeat-y; text-align:left;}

#top { width:910px; margin:0 auto; background-image:url(); background-position:center; background-repeat:repeat-y; text-align:left; color:#FFF;}

/* header */
#header { margin:0 5px; position:relative; background-image:url(img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

#header h1 { background-image:url(img/h1_bg.png); background-position:left top; background-repeat:no-repeat; }
#header h1 a { display:block; width:240px; height:100px; text-indent:-9999px; }

#header #Gnavi { background-image:url(img/globalnavi/bg.png); background-position:left top; background-repeat:repeat-x; }
#header #Gnavi li { float:left; display:inline; width:px; height:30px; }
#header #Gnavi li a { display:block; width:100%; height:30px; text-indent:20px; background-image:url(img/globalnavi/ball.png); background-position:5px 9px; background-repeat:no-repeat; font-size:80%; color:#F3DEAF; line-height:2.3; text-decoration:none; }
#header #Gnavi li a:hover { color:#FBAAE2; }

/*
#header #Gnavi li.button01 a { background-image:url(img/globalnavi/btn_01.png)}
#header #Gnavi li.button02 a { background-image:url(img/globalnavi/btn_02.png)}
#header #Gnavi li.button03 a { background-image:url(img/globalnavi/btn_03.png)}
#header #Gnavi li.button04 a { background-image:url(img/globalnavi/btn_04.png)}
#header #Gnavi li.button05 a { background-image:url(img/globalnavi/btn_05.png)}
#header #Gnavi li.button06 a { background-image:url(img/globalnavi/btn_06.png)}
#header #Gnavi li.button07 a { background-image:url(img/globalnavi/btn_07.png)}
#header #Gnavi li.button08 a { background-image:url(img/globalnavi/btn_08.png)}
#header #Gnavi li.button09 a { background-image:url(img/globalnavi/btn_09.png)}
*/
#header #Gnavi li.button01 {
	margin:0 0 0 80px;
	width:100px;
}
#header #Gnavi li.button02 { width:120px;}
#header #Gnavi li.button03 { width:110px;}
#header #Gnavi li.button04 { width:150px;}
#header #Gnavi li.button05 { width:150px;}
#header #Gnavi li.button06 { width:101px;}
#header #Gnavi li.button07 { width:px;}
#header #Gnavi li.button08 { width:px;}
#header #Gnavi li.button09 { width:px;}

#header div#FloNavi { position:absolute; left:500px; top:5px;}
#header div#FloNavi div.fR { font-size:70%; display:inline; margin:0 5px;}
#header div#FloNavi div.fR h3 { margin:0 0 5px 0;}
#header div#FloNavi div.fR img { vertical-align:middle;}
#header div#FloNavi {}
#header div#FloNavi {}
#header div#FloNavi { position:absolute;}

#header div.TopHead { position:relative; margin:5px 0;}
#header div.TopHead div.btnBox {}
#header div.TopHead div.btnBox img { margin:0;}
#header div.TopHead img.TopImage { position:absolute; left:235px; top:0; float:right;}
#header div.TopHead {}
#header div.TopHead {}
#header div.TopHead {}

/* container */
#container { margin:0 5px; }

#sourcePath { margin:5px;}
#sourcePath ul { padding:0 20px; background-image:url(img/icon/sourcepath_02.png); background-position:left 50%; background-repeat:no-repeat; text-align:left; font-size:80%;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { display:-moz-inline-box; display:inline-block; padding:0 20px 0 0; background-image:url(img/icon/sourcepath_01.png); background-position:right 50%; background-repeat:no-repeat; }

/* footer */
#footer { clear:both; padding:5px; background-color:#545454; color:#FFFFFF; }

#footer ul { float:left; text-align:left; font-size:80%;}
#footer ul li { display:inline; padding:0 5px; border-right:#FFFFFF solid 1px;}
#footer ul li a { color:#FFFFFF;}
#footer ul li {}

#footer div.copyright { text-align:right; font-size:80%;}

#footBox{
background-image:url(img/footbox_bg.jpg);
background-repeat:no-repeat;
width:900px;
height:109px;
text-align:center;
font-size:80%;
border:#CCC 4px solid;
}

/*---------------------------------
		TypeCSS
---------------------------------*/

/* List Type */

ul.type01 { margin:10px 20px;}
ul.type01 li { line-height:2.0;}
ul.type01 li a { padding:0 0 0 15px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}
ul.type01 li.down {}
ul.type01 li.down a { padding:0 0 0 45px; background-image:url(img/icon/arrow02.png); background-position:30px 50%; background-repeat:no-repeat;}

ul.type02 {}
ul.type02 li {}
ul.type02 li a {}

ul.type03 {}
ul.type03 li {}
ul.type03 li a {}

dl.type01 {}
dl.type01 dt { float:left; width:70px; color:#C91D2B;}
dl.type01 dd { margin:0 0 0 80px;}

dl.QandA01 {}
dl.QandA01 dt { padding:5px 0 5px 30px; border-bottom:#999999 dashed 1px; background-image:url(img/icon/str_q01.jpg); background-position:left 50%; background-repeat:no-repeat; color:#865B26;}
dl.QandA01 dd { margin:0 0 15px 0; padding:10px 5px 10px 50px; border-bottom:#999999 solid 1px; background-image:url(img/icon/str_a01.jpg); background-position:10px 50%; background-repeat:no-repeat;}

ul.QandA01 {}
ul.QandA01 li { padding:5px 0 5px 30px; border-bottom:#999999 solid 1px; background-image:url(img/icon/str_q01.jpg); background-position:left 50%; background-repeat:no-repeat; color:#865B26;}
ul.QandA01 dd { margin:0 0 15px 0; padding:10px 5px 10px 50px; border-bottom:#999999 solid 1px; background-image:url(img/icon/str_a01.jpg); background-position:10px 50%; background-repeat:no-repeat;}

/* Table Type */

table.type01 { border:#CCCCCC solid 1px;}
table.type01 tr th { padding:3px 7px; text-align:center;}
table.type01 tr th.male { background-color:#D7E6F2;}
table.type01 tr th.female { background-color:#FFE1E8;}
table.type01 tr td { padding:3px; background-color:#EDEDED;}
table.type01 tr td.price { text-align:right; padding:3px 7px;}
table.type01 tr th {}
table.type01 tr td {}
table.type01 {}

table.type02 { border:#CCCCCC solid 1px;}
table.type02 tr th { padding:5px; background-color:#F0E4CE;}
table.type02 tr td { padding:5px; background-color:#EDEDED;}
table.type02 {}

table.formtype01 { border:#CCCCCC solid 1px;}
table.formtype01 tr th { padding:5px; background-color:#F0E4CE;}
table.formtype01 tr td { padding:5px; background-color:#EDEDED;}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}
