﻿@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "ＭＳ Ｐゴシック";}

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 */
.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.link01 {}
div.link01 a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}

.fsS  { font-size:90%;}
.fsSS { font-size:80%;}
.fsSSS{ font-size:70%;}

.fsL  { font-size:110%;}
.fsLL { font-size:125%;}
.fsLLL{ font-size:137%;}
.fsXL { font-size:165%;}

.boldM{ font-weight: bold;}
.boldL{	font-weight: bold; font-size: 18px;}

.mAuto{ margin-left:auto !important; margin-right:auto !important; }
/* iblock ibox */
.iblock{ display: -moz-inline-box; display:inline-block; zoom:1; height:auto; }
.ibox { display: -moz-inline-box; display:inline-block; zoom:1; height:auto; }
.ibox a {text-decoration:none;}
.ibox a span {text-decoration:underline;}
body * .last { border:none !important;}




/*---------------------------------
		BaseCSS
---------------------------------*/

a { color:#320000;}

body { text-align:center; line-height:1.4;}

#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:0; width:900px; position:relative; background-image:url(img/header_bg.jpg); background-position:left top; background-repeat:no-repeat; background-color:#000000; z-index:999;}

#header h1 { width:295px; background-image:url(img/h1_bg.jpg); background-position:left top; background-repeat:no-repeat; text-align:center; font-size:75%; font-weight:bold; font-family:serif; }
#header h1 a { display:block; width:100%; height:90px; text-indent:-9999px; text-decoration:none; color:#fff; line-height:2; }

#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; width:px; height:40px;}
#header #Gnavi li a { display:block; width:100%; height:40px; text-indent:-9999px;}

#header #Gnavi li.button01 a { background-image:url(img/globalnavi/btn_01_01.png)}
#header #Gnavi li.button02 a { background-image:url(img/globalnavi/btn_02_01.png)}
#header #Gnavi li.button03 a { background-image:url(img/globalnavi/btn_03_01.png)}
#header #Gnavi li.button04 a { background-image:url(img/globalnavi/btn_04_01.png)}
#header #Gnavi li.button05 a { background-image:url(img/globalnavi/btn_05_01.png)}
#header #Gnavi li.button06 a { background-image:url(img/globalnavi/btn_06_01.png)}
#header #Gnavi li.button07 a { background-image:url(img/globalnavi/btn_07_01.png)}
#header #Gnavi li.button08 a { background-image:url(img/globalnavi/btn_08_01.png)}
#header #Gnavi li.button09 a { background-image:url(img/globalnavi/btn_09_01.png)}

#header #Gnavi li.button01 { width:57px;}
#header #Gnavi li.button02 { width:155px;}
#header #Gnavi li.button03 { width:97px;}
#header #Gnavi li.button04 { width:70px;}
#header #Gnavi li.button05 { width:180px;}
#header #Gnavi li.button06 { width:73px;}
#header #Gnavi li.button07 { width:78px;}
#header #Gnavi li.button08 { width:114px;}
#header #Gnavi li.button09 { width:75px;}

#header div#FloNavi { position:absolute; left:300px; top:7px; width:600px;}

#header div#FloNavi div.mailbox { float:right; width:200px; margin:0 10px; text-align:center;}
#header div#FloNavi div.mailbox img.banner { margin:10px 0;}
#header div#FloNavi div.telbox { float:right; width:200px; margin:0 10px;}
#header div#FloNavi div.telbox img.banner {}
#header div#FloNavi div.telbox {}

#header div#FloNavi ul { margin:50px 0 0 0; font-size:80%;}
#header div#FloNavi ul li { display:inline; height:;}
#header div#FloNavi ul li a { padding:0 0 0 20px; background-image:url(img/icon/arrow03.png); background-position:left 50%; background-repeat:no-repeat; color:#D2A669; text-decoration:none;}

#header div.headbox {}
#header div.headbox div.fL { width:230px; font-size:0;}
#header div.headbox div.fL img.banner01 { margin:13px 10px 4px 10px; z-index:0}
#header div.headbox div.fL img.banner02 { margin:3px 10px;}
#header div.headbox div.fL img.banner03 { margin:3px 10px;}
#header div.headbox img.Image { margin:10px 0;}
#header div.headbox {}


/* container */
#container { font-size:107%; }

#sourcePath { margin:10px 0; }
#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; font-size:90%; line-height:1.1; }
#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; }

div.FootBack { text-align:right; font-size:90%; font-weight:bold; clear:both; padding:10px 0; } 

/* footer */
#footer { clear:both; font-size:80%;}

#footer div.footbox { background-color:#000000; padding:0 240px; height:90px;}
#footer div.footbox div.mailbox { float:left; margin:0 10px; text-align:center;}
#footer div.footbox div.mailbox img.banner { margin:10px 0;}
#footer div.footbox div.telbox { float:right; margin:0 10px;}
#footer div.footbox div.telbox img.banner {}
#footer div.footbox div.telbox {}

#footer ul { margin:10px; text-align:center;}
#footer ul li { display:inline;}
#footer ul li a {}
#footer ul li {}

#footer div.copyright { padding:10px; text-align:center;}

/*---------------------------------
		TypeCSS
---------------------------------*/

/* List Type */

ul.type01 { margin:10px; font-size:95%; }
ul.type01 li { margin:0 0 13px;}
ul.type01 li a { padding:0 0 0 23px; background-image:url(img/icon/arrow03.png); background-position:left 50%; background-repeat:no-repeat;}
.box01 ul.type01 { margin:0; }


ul.type02 {}
ul.type02 li {
	padding:2px 0 2px 18px;
	background-image:url(img/icon/sqr1.png);
	background-position:left 50%;
	background-repeat:no-repeat;
}
ul.type02 li a {}

ul.type03 { margin:0 5px; font-size:87%; }
ul.type04 {
	margin:0 5px;
	font-size:80%;
}
ul.type04 li { padding:0 0 0 14px; background-image:url(img/icon/sqr1.png); background-position:left 50%; background-repeat:no-repeat; margin:0 0 15px; }
ul.type04 li a {}

ul.type05 { margin:10px; font-size:95%; }
ul.type05 li { margin:0 0 13px; padding:0 0 0 23px; background-image:url(img/icon/arrow03.png); background-position:left 4px; background-repeat:no-repeat;}
ul.type05 li a {}


/* Table Type */

table.type01 { border:#CCCCCC solid 1px; margin:0 10px 20px;}
table.type01 tr {}
table.type01 tr th { text-align:left; width:20%; padding:5px; background-color:#E4DBC3;}
table.type01 tr td { padding:5px; background-color:#EDEDED;}
table.type01 tr.title th { padding:10px;}
table.type01 tr.title td {}

table.type02 { border:#CCCCCC solid 1px; margin:10px;}
table.type02 tr {}
table.type02 tr th { padding:5px; background-color:#E4DBC3;}
table.type02 tr td { text-align:center; padding:5px; background-color:#EDEDED;}

table.type03 { border:#CCCCCC solid 1px; margin:10px;}
table.type03 tr {}
table.type03 tr th { padding:5px; background-color:#E4DBC3;}
table.type03 tr td { padding:5px; background-color:#EDEDED;}

table.formtype01 { border-bottom:#999999 solid 1px; border-right:#999999 solid 1px;}
table.formtype01 tr th { padding:5px; background-color:#E9E9E9; border-top:#999999 solid 1px; border-left:#999999 solid 1px;}
table.formtype01 tr td { padding:5px; border-top:#999999 solid 1px; border-left:#999999 solid 1px;}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

.redstrong {font-weight: bold; color: #F00; }
strong {font-weight:bold; color: #000; }
strong.red { color:#F00;}
.red { color:#F00;}
.org {
	color: #C60;
}
.redfont {
	color: #F00;
	font-size: 18px;
}

/**/
.bx { background-image: url(../img/price/p_bg.png); background-repeat: no-repeat; background-position: left top; clear: both;margin:0px 0px 20px 0px;padding:0px 0px 10px 0px; }
.bx h3.ttl {}
.bx .inn { background-image: url(../img/price/bg_line.png); background-repeat: no-repeat; background-position: center bottom;padding-bottom:15px; }
.bx .inn img {_margin-left:-3px;}
.bx h3 img {vertical-align:middle;margin-right:2px;}
.bx p {float:right;width:440px;}
.bx ol {float:right;width:420px;}

