@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; }

.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;}

div.detaillink01 { text-align:right;}
div.detaillink01 a { padding:0 0 0 15px; background:url(img/icon/arrow01.png) left 50% no-repeat; color:#26A8D3;}

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

a { color:#000;}

body { text-align:center;}

body div.base { width:900px; margin:0 auto; background-image:url(img/bg.png); background-position:center; background-repeat:repeat-y; text-align:left;}

/* header */
#header { margin:20px 0 0 0; position:relative;}

#header .logo { padding:0 0 5px 0;}
#header  {}

#header #gNavi {}
#header #gNavi li { float:left; display:inline; width:128px; height:45px;}
#header #gNavi li a { display:block; width:100%; height:45px; text-indent:-9999px;}

#header #gNavi li.button01 a { background-image:url(img/globalnavi/btn_01.jpg)}
#header #gNavi li.button02 a { background-image:url(img/globalnavi/btn_02.jpg)}
#header #gNavi li.button03 a { background-image:url(img/globalnavi/btn_03.jpg)}
#header #gNavi li.button04 a { background-image:url(img/globalnavi/btn_04.jpg)}
#header #gNavi li.button05 a { background-image:url(img/globalnavi/btn_05.jpg)}
#header #gNavi li.button06 a { background-image:url(img/globalnavi/btn_06.jpg)}
#header #gNavi li.button07 a { background-image:url(img/globalnavi/btn_07.jpg)}

#header #gNavi li.button01 a:hover { background-image:url(img/globalnavi/btn_01_over.jpg)}
#header #gNavi li.button02 a:hover { background-image:url(img/globalnavi/btn_02_over.jpg)}
#header #gNavi li.button03 a:hover { background-image:url(img/globalnavi/btn_03_over.jpg)}
#header #gNavi li.button04 a:hover { background-image:url(img/globalnavi/btn_04_over.jpg)}
#header #gNavi li.button05 a:hover { background-image:url(img/globalnavi/btn_05_over.jpg)}
#header #gNavi li.button06 a:hover { background-image:url(img/globalnavi/btn_06_over.jpg)}
#header #gNavi li.button07 a:hover { background-image:url(img/globalnavi/btn_07_over.jpg)}

#header #gNavi li.button01 a.current { background-image:url(img/globalnavi/btn_01_over.jpg)}
#header #gNavi li.button02 a.current { background-image:url(img/globalnavi/btn_02_over.jpg)}
#header #gNavi li.button03 a.current { background-image:url(img/globalnavi/btn_03_over.jpg)}
#header #gNavi li.button04 a.current { background-image:url(img/globalnavi/btn_04_over.jpg)}
#header #gNavi li.button05 a.current { background-image:url(img/globalnavi/btn_05_over.jpg)}
#header #gNavi li.button06 a.current { background-image:url(img/globalnavi/btn_06_over.jpg)}
#header #gNavi li.button07 a.current { background-image:url(img/globalnavi/btn_07_over.jpg)}

#header #gNavi li.button01 { width:129px;}
#header #gNavi li.button02 { width:129px;}
#header #gNavi li.button03 { width:px;}
#header #gNavi li.button04 { width:px;}
#header #gNavi li.button05 { width:px;}
#header #gNavi li.button06 { width:px;}
#header #gNavi li.button07 { width:130px;}

#header div#FloNavi { position:absolute; left:500px; top:0; width:400px; text-align:right;}
#header div#FloNavi ul {}
#header div#FloNavi ul li { float:left; display:inline; height:;}
#header div#FloNavi ul li a { display:block; width:100%; height:; text-indent:-9999px;}

#header div#FloNavi ul li.button01 a { background-image:url(img/flonavi/btn_01.png)}
#header div#FloNavi ul li.button02 a { background-image:url(img/flonavi/btn_02.png)}
#header div#FloNavi ul li.button03 a { background-image:url(img/flonavi/btn_03.png)}
#header div#FloNavi ul li.button04 a { background-image:url(img/flonavi/btn_04.png)}
#header div#FloNavi ul li.button05 a { background-image:url(img/flonavi/btn_05.png)}
#header div#FloNavi ul li.button06 a { background-image:url(img/flonavi/btn_06.png)}
#header div#FloNavi ul li.button07 a { background-image:url(img/flonavi/btn_07.png)}
#header div#FloNavi ul li.button08 a { background-image:url(img/flonavi/btn_08.png)}
#header div#FloNavi ul li.button09 a { background-image:url(img/flonavi/btn_09.png)}

#header div#FloNavi ul li.button01 {}
#header div#FloNavi ul li.button02 {}
#header div#FloNavi ul li.button03 {}
#header div#FloNavi ul li.button04 {}
#header div#FloNavi ul li.button05 {}
#header div#FloNavi ul li.button06 {}
#header div#FloNavi ul li.button07 {}
#header div#FloNavi ul li.button08 {}
#header div#FloNavi ul li.button09 {}

/* container */
#container {}

div.FootBack { text-align:right;} 

/* footer */
#footer { clear:both; font-size:80%;}

#footer div.btn_box { float:left;}
#footer div.btn_box {}

#footer address { float:left; font-style:normal;}

#footer div.PageTop { float:right; margin:20px 0 0 0; display:inline; text-align:right;} 
#footer div.PageTop a { padding:0 0 0 15px; background:url(img/icon/pagetop.png) left 50% no-repeat; text-decoration:none;}

#footer ul { clear:both; text-align:left; margin:5px 0; padding:10px; border-top:#000 solid 1px;}
#footer ul li { display:inline; margin:10px;}
#footer ul li a { padding:0 0 0 15px; background:url(img/icon/arrow02.png) left 50% no-repeat; color:#000;}
#footer ul li.copyright { float:right; margin:0;}

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

/* List Type [ul] */
ul.type01 {}
ul.type01 li {}
ul.type01 li a {}

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

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

/* List Type [dl] */
dl.type01 {}
dl.type01 dt {}
dl.type01 dd {}

dl.type02 {}
dl.type02 dt {}
dl.type02 dd {}


/* Table Type */

table.type01 { border-top:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type01 tr th { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; font-weight:normal;}
table.type01 tr th.col { background:#EFEFEF; text-align:center; font-weight:normal;}
table.type01 tr td { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
table.type01 tr td.num { width:10%;}
table.type01 tr td.price { width:18%; background-color:#FBE6ED;}

table.type02 { border-top:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type02 tr th { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; font-weight:normal; background:#EFEFEF;}
table.type02 tr td { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
table.type02 {}

table.formtype01 { border-top:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.formtype01 tr th { width:30%; padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; font-weight:normal; background:#EFEFEF;}
table.formtype01 tr th img.necces_icon { margin:0 0 0 10px;}
table.formtype01 tr th div.attent { font-size:85%;}
table.formtype01 tr td { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
table.formtype01 tr td input,select,textarea { margin:3px;}
table.formtype01 {}