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

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

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","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;}
strong.red02 { color:#660000;}
strong.red03 { color:#F00; font-size:85%; text-shadow: 2px 2px 2px #FFFFFF;}

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

.pL10{ padding-left:10px;}

.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 { text-align:right;}
div.link01 a { padding:0 0 0 15px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; color:#A35C00;}


/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/
a { color:#333;}

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

/* header */
#header { position:relative; background-image:url(img/); background-position:left top; background-repeat:no-repeat; border-bottom: 3px solid #133E73; margin-bottom: 4px; height: 90px;}

#header h1 { background-image:url(img/h1_logo.jpg); background-position:left top; background-repeat:no-repeat; width:402px;}
#header h1 a { display:block; width:402px; height:50px; text-indent:-9999px;}

#header #ContactBox {
	position:absolute;
	left:451px;
	top:21px;
	width:249px;
	height:68px;
}
#header #ContactBox2 {
	position:absolute;
	left:717px;
	top:9px;
	width:174px;
	height:11px;
}
#header #ContactBox3 {
	position:absolute;
	left:709px;
	top:26px;
	width:192px;
	height:29px;
}
#header #ContactBox4 {
	position:absolute;
	left:709px;
	top:56px;
	width:192px;
	height:29px;
}
#header #ContactBox5 {
	background-image: url("img/icon/arrow01.png");
	background-position: 5% 50%;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	position:absolute;
	left:451px;
	top:7px;
	width:94px;
	height:17px;
}
#header #ContactBox5 p {
	color: #153A71;
	font-size: 90%;
}
#header #ContactBox5 p a {
	color: #153A71;
	font-size: 90%;
	text-decoration:none;
}

#header div.description {
 font-size: 75%;
 height:;
 line-height: 2.5;
 width: 385px;
}

#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 {}

#Gnavi { height:41px; margin-bottom:5px;}
#Gnavi li { float:left; display:inline; width:148px; height:41px;}
#Gnavi li a { display:block; width:100%; height:41px; text-indent:-9999px;}

#Gnavi li.button01 a { background-image:url(img/globalnavi/gnavi01_off.jpg)}
#Gnavi li.button02 a { background-image:url(img/globalnavi/gnavi02_off.jpg)}
#Gnavi li.button03 a { background-image:url(img/globalnavi/gnavi03_off.jpg)}
#Gnavi li.button04 a { background-image:url(img/globalnavi/gnavi04_off.jpg)}
#Gnavi li.button05 a { background-image:url(img/globalnavi/gnavi05_off.jpg)}

#Gnavi li.button01 a:hover { background-image:url(img/globalnavi/gnavi01_on.jpg)}
#Gnavi li.button02 a:hover { background-image:url(img/globalnavi/gnavi02_on.jpg)}
#Gnavi li.button03 a:hover { background-image:url(img/globalnavi/gnavi03_on.jpg)}
#Gnavi li.button04 a:hover { background-image:url(img/globalnavi/gnavi04_on.jpg)}
#Gnavi li.button05 a:hover { background-image:url(img/globalnavi/gnavi05_on.jpg)}

#Gnavi li.button01 { width:236px;}
#Gnavi li.button02 { width:168px;}
#Gnavi li.button03 { width:168px;}
#Gnavi li.button04 { width:168px;}
#Gnavi li.button05 { width:160px;}


/* container */
#container { overflow:hidden;}

div.FootBack { text-align:right;} 


/* responce */
.responce { background: url("img/bg_download.jpg") no-repeat scroll left bottom #FFFFFF; position:relative; height: 85px; padding: 5px; width: 895px; clear: both;}
.responce .inner { padding: 15px 0 0 40px; font-size: 70%; font-weight:bold; color:#d1050e;}
.responce .inner dl {}
.responce .inner dl dt {}
.responce .inner dl dd {}
.responce .inner p.tel { height: 68px; left: 218px; position: absolute; top: 26px; width: 249px;}
.responce .inner ul {}
.responce .inner ul li { height: 41px; width: 203px;}
.responce .inner ul li a {}
.responce .inner ul li.estimate { position:absolute; left:485px; top:49px; width:203px; height: 41px;}
.responce .inner ul li.catalog { position:absolute; left:692px; top:49px; width:203px; height: 41px;}

div.PageTop { clear:both; padding:10px 0 0 0; text-align:right;} 
div.PageTop a { text-align:right;} 



/* footer */
#footer { clear:both;}

#footer div.footbox { margin:0 auto; padding:15px 0 5px; width:900px; border-bottom: 1px dotted #999;}
#footer div.footbox ul { text-align:center;}
#footer div.footbox ul li { display:inline; border-right:#7f7f7f solid 1px; font-size:75%;}
#footer div.footbox ul li a { padding:0 10px 0 10px; color:#333; text-decoration: none;}
#footer div.footbox ul li a:hover { text-decoration: underline;}


#footer div.footbox02 { margin:0 auto; padding:10px 0 10px 0; width:900px; }
#footer div.footbox02 ul { text-align:center;}
#footer div.footbox02 ul li { display:inline; border-right:#7f7f7f solid 1px; font-size:75%;}
#footer div.footbox02 ul li a { padding:0 7px 0 7px; color:#333; text-decoration: none;}
#footer div.footbox02 ul li a:hover { text-decoration: underline;}


#footer div.footbox03 { margin:0 auto; margin-bottom:40px; padding:5px 0 5px 0; width:900px; height:15px; background-color: #133E73; background-repeat:repeat-x; }
#footer div.footbox03 div.address p { font-size: 70%; font-style: normal; font-weight:bold; margin-bottom: 10px; text-align: center; color:#fff;}
#footer div.footbox03 div.address p a { color:#fff; text-decoration:none;}
#footer div.footbox03 div.address p a:hover { color:#fff; text-decoration:underline;}






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

/* List Type [ul] */
ul.type01 {}
ul.type01 li { padding:5px 0; border-bottom:#999 dotted 1px;}
ul.type01 li a { padding:0 0 0 25px; background-image:url(img/icon/arrow05.png); background-position:5px 50%; background-repeat:no-repeat;}

ul.type02 {}
ul.type02 li { padding:1px 0 1px 18px; background-image:url(img/icon/arrow01.png); background-position:3px 50%; background-repeat:no-repeat;}
ul.type02 li a {}

ul.type03 {}
ul.type03 li { padding:5px 0; border-bottom:#999 dotted 1px;}
ul.type03 li a { padding:0 0 0 25px; background-image:url(img/icon/arrow01.png); background-position:5px 50%; background-repeat:no-repeat;}


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

/* List Type [dl] */
dl.type01 { padding:0 14px;}
dl.type01 dt { color:#133e73; border-top:1px dotted #cccccc; font-size:80%; background:url(img/icon/arrow01.png) no-repeat left 55%; padding:2px 2px 2px 12px;}
dl.type01 dd { font-size:80%; padding:3px 3px 5px 13px;}

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


/* Table Type */

table.type01 { border-collapse:separate; border-spacing:0; border-top:#CCC solid 1px; border-right:#CCC solid 1px;}
table.type01 tr th { padding:5px; background-color:#EBEBEB; border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; vertical-align:top; font-weight:normal;}
table.type01 tr td { padding:5px; border-bottom:#CCC solid 1px; border-left:#CCC solid 1px;}
table.type01 {}

table.type02 {}
table.type02 tr th {}
table.type02 tr td {}
table.type02 {}

table.type03 { margin:10px; border-collapse:separate; border-spacing:0; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}
table.type03 tr th { padding:5px; font-size:10px; background-color:#F2FBFF; color:#42538A; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
table.type03 tr td { padding:5px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
table.type03 {}

table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

table.th_w10 tr th { width:10%;}
table.th_w20 tr th { width:20%;}
table.th_w25 tr th { width:25%;}
table.th_w30 tr th { width:30%;}
table.th_w40 tr th { width:40%;}
table.th_w50 tr th { width:50%;}


dl.curri_09 {overflow: hidden;zoom: 1; margin:10px 0 0 0;}  
dl.curri_09 dt {margin-bottom: 5px;padding-bottom: 5px;width: 120px;float: left;clear: both;}
dl.curri_09 dd {margin-bottom: 5px;padding: 0 0 5px 140px;border-bottom: 1px dotted #999;}