﻿/*structure
-----------------------------------------------------------------------------*/
html {
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
}
body{
	font-size:0.8em;
	line-height:1.6;
	font-family:Arial,Verdana;
	color:#333333;
	text-align:center;
	background:url(../images/body-bg.gif) repeat-x top;
}
body#toppage{ background:url(../images/top/body-bg-top.gif) repeat-x top; }
#all{
	width:800px;
	margin:0 auto;
	text-align:left;
}
#header{
	text-align:center;
	background:url(../Library/images/header/header-bg.gif) no-repeat center bottom;
}
#header-inner{
	width:800px;
	height:75px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#header-navi{
	width:800px;
	height:51px;
	overflow:hidden;
	background:url(../Library/images/header/header-navi-bg.gif) no-repeat;
}
#container{
	padding:15px 0 0;
	background:#ffffff;
	overflow:hidden;
	width:800px;
}
#contents{
	float:left;
	margin:0 0 0 10px;
	display:inline;
	width:580px;
	padding:0 0 30px;
}
#menu{
	float:right;
	margin:0 10px 0 0;
	display:inline;
	width:180px;
	padding:0 0 30px;
}
#contents-full{
	width:780px;
	margin:0 10px;
	padding:0 0 30px;
}
#footer{
	clear:both;
	padding:0 10px;
	text-align:center;
}
#footer-inner{
	width:800px;
	margin:0 auto;
	text-align:left;
}


/*header detail
------------------------------------*/
#description{
	height:30px;
	line-height:30px;
	position:absolute;
	top:0;
	left:5px;
}
#logo{
	width:250px;
	height:26px;
	position:absolute;
	top:35px;
	left:5px;
}
#tel{
	width:255px;
	height:17px;
	position:absolute;
	top:10px;
	right:10px;
}
#header-subnavi{
	width:480px;
	height:30px;
	position:absolute;
	top:45px;
	right:0;
	background:url(../Library/images/header/header-subnavi-bg.gif) no-repeat;
}
#header-subnavi li{ display:inline; }
#header-subnavi li a{
	height:30px;
	display:block;
	float:left;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
#header-subnavi li.navi01 a{ width:77px; }
#header-subnavi li.navi02 a{ width:107px; }
#header-subnavi li.navi03 a{ width:83px; }
#header-subnavi li.navi04 a{ width:106px; }
#header-subnavi li.navi05 a{ width:107px; }
#header-subnavi li a:hover{ background:url(../Library/images/header/header-subnavi-hover-bg.gif) no-repeat; }
#header-subnavi li.navi01 a:hover{ background-position:0 0; }
#header-subnavi li.navi02 a:hover{ background-position:-77px 0; }
#header-subnavi li.navi03 a:hover{ background-position:-184px 0; }
#header-subnavi li.navi04 a:hover{ background-position:-267px 0; }
#header-subnavi li.navi05 a:hover{ background-position:-373px 0; }

/* ヘッダーナビ */
#header-navi{
	margin:0 0 0 10px;
}
#header-navi li{
	display:inline;
}
#header-navi li a{
	height:51px;
	display:block;
	float:left;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
#header-navi li a:hover{ background:url(../Library/images/header/header-navi-hover-bg.gif) no-repeat; }
#header-navi li.navi01 a{ width:111px; }
#header-navi li.navi02 a{ width:108px; }
#header-navi li.navi03 a{ width:136px; }
#header-navi li.navi04 a{ width:144px; }
#header-navi li.navi05 a{ width:98px; }
#header-navi li.navi06 a{ width:86px; }
#header-navi li.navi07 a{ width:97px; }
#header-navi li.navi01 a:hover{ background-position:0 0; }
#header-navi li.navi02 a:hover{ background-position:-111px 0; }
#header-navi li.navi03 a:hover{ background-position:-219px 0; }
#header-navi li.navi04 a:hover{ background-position:-355px 0; }
#header-navi li.navi05 a:hover{ background-position:-499px 0; }
#header-navi li.navi06 a:hover{ background-position:-597px 0; }
#header-navi li.navi07 a:hover{ background-position:-683px 0; }


/*menu detail
------------------------------------*/
#menu{
	line-height:1.33;
}
#menu h3{
	margin:0 0 10px;
}
.menu-message{
	overflow:hidden;
	margin:0 5px 15px;
	width:170px;
}
.menu-message dt{
	width:65px;
	float:right;
}
.menu-message dd{
	width:100px;
	float:left;
}
.menu-navi{
	padding:0 0 20px 5px;
}
.menu-navi li{
	padding:0 0 3px 10px;
	background:url(../Library/images/menu/arrow.gif) no-repeat left .4em;
}

.menu-company{
	padding:20px 0 0;
	background:url(../Library/images/menu/line.gif) no-repeat center top;
}
.menu-company p{ margin:0;padding:0 0 0 15px; }
.menu-company address{
	padding:0 0 25px 15px;
	background:url(../Library/images/menu/line.gif) no-repeat center bottom;
}
#menu div.menu-company-title{
	margin:0 0 0 15px;
	padding:6px 0 6px 25px;
	font-size:16px;
	line-height:1;
	font-weight:bold;
	background:url(../Library/images/menu/icon-logo.gif) no-repeat left center;
}
.menu-logo dl{
	width:180px;
	overflow:hidden;
	border-bottom:solid 1px #dddddd;
}
.menu-logo dl dt{
	float:left;
	width:35px;
	margin-left:5px;
	padding:20px 0 17px;
	display:inline;
}
.menu-logo dl.michinoku dt{
	width:75px;
	margin:0 5px;
	padding:5px 0 2px
}
.menu-logo dl dd{
	float:left;
	width:140px;
	padding:17px 0;
}
.menu-logo dl.michinoku dd{
	width:95px;
	padding:17px 0 0;
}


/*footer detail
------------------------------------*/
#footer a{
	color:#666666;
}
/* フッターナビ */
#footer-navi{
	text-align:center;
	border-top:solid 3px #41AA16;
	border-bottom:solid 1px #CCCCCC;
	padding:6px 0;
	margin:0 0 6px;
}
#footer-navi li{
	display:inline;
	margin-right:7px;
	padding-left:11px;
	background:url(../Library/images/footer/footer-navi-separater.gif) no-repeat left center;
}
#footer-navi li.home{
	background:none;
}

#footer-logo{
	float:left;
	margin:0 10px 0 0;
	padding:4px 0;
}
#footer-subnavi{
	width:640px;
	float:right;
}
#footer-subnavi li{
	float:right;
	height:30px;
	white-space:nowrap;
	line-height:30px;
	margin-left:12px;
	padding-left:12px;
	background:url(../Library/images/footer/arrow.gif) no-repeat left .85em;
}
*:first-child + html #footer-subnavi li{ background-position:left .8em; }
* html #footer-subnavi li{ background-position:left .8em; }
head~/* */body #footer-subnavi li{ background-position:left .8em; }
html:not(:target) #footer-subnavi li{ background-position:left .85em; }

#footer-navi li.lastchild{
	background:none;
	padding-left:0;
}
#copy{
	clear:both;
	font-size:.8em;
	margin:0;
	padding:0 0 30px;
}


/*other Template detail
------------------------------------*/
ol#pankuzu{
	padding:0 0 15px;
}
ol#pankuzu li{
	display:inline;
	line-height:110%;
	list-style-type:none;
	color:#666666;
}
ol#pankuzu li a{
	padding-right:10px;
	background:url(../images/arrow-pankuzu.gif) no-repeat right center;
	color:#666666;
}


/*module
-----------------------------------------------------------------------------*/

/*block
------------------------------------*/
/* 余白・文字揃えモジュール */
.btm-0{ margin-bottom:0 !important;padding-bottom:0 !important; }
.btm-5{ margin-bottom:5px !important;padding-bottom:0 !important; }
.btm-10{ margin-bottom:10px !important;padding-bottom:0 !important; }
.btm-20{ margin-bottom:20px !important;padding-bottom:0 !important; }
.btm-40{ margin-bottom:40px !important;padding-bottom:0 !important; }
.top-3{ margin-top:3px !important;padding-top:0 !important; }
.top-15{ margin-top:15px !important;padding-top:0 !important; }
.top-20{ margin-top:20px !important;padding-top:0 !important; }
.rt-10{ margin-right:10px !important;padding-right:0 !important; }
.rt-20{ margin-right:20px !important;padding-right:0 !important; }
.lt-10{ margin-left:10px !important;padding-left:0 !important; }
.lt-15{ margin-left:15px !important;padding-left:0 !important; }
.lt-20{ margin-left:20px !important;padding-left:0 !important; }
.lt-100{ margin-left:100px !important;padding-left:0 !important; }

/* アンカー */
p.anchor{
	text-align:right;
}
p.anchor a{
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	background:url(../images/arrow-anchor.gif) no-repeat left .4em;
}
*:first-child + html p.anchor a{ background-position:left .3em; }
* html p.anchor a{ background-position:left .3em; }

p.anchor-left{
	padding:0 0 0 10px;
	background:url(../images/arrow-anchor.gif) no-repeat left .4em;
}

a.external span{
	padding-right:13px;
	margin-right:3px;
	background:url(../images/icon-external.gif) no-repeat right .3em;
}
*:first-child + html a.external span{ background-position:right .15em; }
* html a.external span{ background-position:right .15em; }


/* アンカーボックス */
.anchor-box{
	text-align:center;
	margin:0 0 0 20px;
    padding:5px 0;
}
.anchor-box ul{
	width:558px;/* ie5.5 hack */
	border:solid 1px #66BB44;
	padding:10px 15px;   
    overflow:hidden;
	text-align:center;
}
/* ie5.5 hack */
.anchor-box ul{ width: /**/528px; }
#contents-full .anchor-box ul{ width:758px; }
#contents-full .anchor-box ul{ width: /**/728px; }

.anchor-box ul li{
    float:left;
	list-style:none;
    margin:0 25px 0 0;
    white-space:nowrap;
    line-height:2;
}
.anchor-box ul li a{
    zoom:1;
    padding-left:13px;
    background:url(../images/arrow-pagedown.gif) no-repeat left .3em;
}
*:first-child + html .anchor-box ul li a { background-position:left .6em; }
* html .anchor-box ul li a { background-position:left .6em; }

/* PDFリンク */
p.pdf{
	padding:0 0 0 15px;
	background:url(../images/icon-pdf.gif) no-repeat left .2em;
}
*:first-child + html p.pdf{ background-position:left .4em; }
* html p.pdf{ background-position:left .4em; }

/* ページトップへ戻る */
p.pagetop{
	text-align:right;
}
p.pagetop a{
	padding:0 0 0 13px;
	background:url(../images/arrow-pagetop.gif) no-repeat left center;
}


/*ボックス
------------------------------------*/
/* レイアウトボックス */
.col2-box{
	width:560px;
	overflow:hidden;
}
#contents-full .col2-box{ width:760px; }
body #contents-full .center-box{
	width:580px;
	margin-left:90px;
}
.col2-box .w_240{ width:240px; }
.col2-box .w_260{ width:260px; }
.col2-box .w_275{ width:275px; }
.col2-box .w_300{ width:300px; }
.col2-box .w_340{ width:340px; }
.col2-box .w_356{ width:356px; }
.col2-box .w_450{ width:450px; }
.col2-box .w_470{ width:470px; }
.col2-box .w_500{ width:500px; }
.col2-box .w_556{ width:556px; }
.col2-box .w_560{ width:560px; }
.col2-box .w_650{ width:650px; }

/* 3カラム幅10ボックス */
.col3-box{
	width:560px;
	overflow:hidden;
}
.col3-box li{
	width:180px;
	margin-right:10px;
	float:left;
}
.col3-box li.lastChild{
	margin-right:0;
}

#contents-full .col3-box{ width:760px; }
#contents-full .col3-box li{
	width:240px;
	margin-right:20px;
}
#contents-full .col3-box li.lastChild{ margin-right:0; }


/* 4カラム幅20ボックス */
.col4-box{
	width:560px;
	overflow:hidden;
}
.col4-box li{
	width:125px;
	margin-right:20px;
	float:left;
}
.col4-box li.lastChild{
	margin-right:0;
}

/* 緑ボックス */
.box-deco1{
	margin-bottom:20px;
	border:solid 1px #66BB44;
	background:#eff8ec;
	padding:10px 15px;
}
.box-deco1 p{
	margin:0 0 10px;
	padding:0;
}

/* 灰ボックス */
.box-deco3{
	margin-bottom:20px;
	border:solid 1px #999999;
	background:#eeeeee;
	padding:10px 15px;
}
.box-deco3 p{
	margin:0 0 10px;
	padding:0;
}
.box-deco3 h3{
	font-size:1.2em;
	background:url(../images/arrow-gray.gif) no-repeat left .5em;
	padding:0 0 0 10px;
	margin:0 0 5px;
}
.box-deco3 dl dt{
	margin:0 0 5px;
	font-weight:bold;
}
.box-deco3 dl dd{
	margin:0 0 0 15px;
}


.table-deco table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}
* html .table-deco table{ width:auto; }
.table-deco table th{
	padding:5px 5px 5px 10px;
	width:33%;
	background-color:#DDDDDD;
	border:2px solid #ffffff;
	font-weight:normal;
	text-align:left;
}
.table-deco table td{
	padding:5px 5px 5px 10px;
	width:67%;
	background-color:#EFEFEF;
	border:2px solid #ffffff;
	text-align:left;
}
.table-deco table td p{
	margin:5px 0;
}
.table-deco table td label{
	margin:0 0 0 2px;
}
.table-deco table td.submit{
	width:auto;
	text-align:center;
	vertical-align:middle;
	padding:10px 160px;
}
.table-deco table td.submit img{
	width:100px;
	float:right;
}
* html .table-deco table td.submit img{ margin-left:20px; }
.table-deco table td.submit input{
	width:100px;
	float:left;
}
* html .table-deco table td.submit input{ margin-right:20px; }

.table-deco2 table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border:solid 1px #66BB44;
	background:#eff8ec;
}
* html .table-deco2 table{ width:560px; }
.table-deco2 table th{
	padding:5px 5px 5px 10px;
	width:24%;
	border:solid 1px #66BB44;
	background:#eff8ec;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.table-deco2 table td{
	padding:5px;
	width:76%;
	border:solid 1px #66BB44;
	background:#ffffff;
	text-align:left;
}
.table-deco2 table td ul{
	width:158px;
}
.table-deco2 table td ul li{
	line-height:1.2;
	margin:4px 0;
}

.list-deco{
	margin:0 0 20px;
}
.list-deco dl{
	width:560px;
	margin:0 0 5px;
	overflow:hidden;
	border-bottom:dotted 1px #999999;
}
.list-deco dl dt{
	width:150px;
	padding:5px 0 5px 22px;
	background:url(../images/arrow-deco2.gif) no-repeat 10px center;
	float:left;
}
.list-deco dl dd{
	width:380px;
	padding:5px 0;
	float:right;
}

dl.deco dt{
	width:20px;
	float:left;
	clear:left;
	text-align:center;
}
dl.deco dd{
	margin-left:20px;
}


/*list
------------------------------------*/
ul.list-p{
	list-style:disc outside;
	padding:0 0 0 20px;
}
ol.list-p{
	list-style:decimal outside;
	padding:0 0 0 30px;
}


/*font
------------------------------------*/
.midashi-h1{
	background:url(../images/midashi-h1.gif) no-repeat left bottom;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px;
	padding:11px 0 14px 20px;
	line-height:1;
	color:#350400;
	min-height:18px;
}
#contents-full .midashi-h1{ background:url(../images/midashi-h1-full.gif) no-repeat left bottom; }

.midashi-h2{
	background:url(../images/midashi-h2.gif) no-repeat left bottom;
	margin:0 0 10px;
	padding:10px 0 0 14px;
	font-size:1.4em;
}
.midashi-h2 span{
	background:url(../images/midashi-h2-inline_block.gif) no-repeat left bottom;
	display:inline-block;
	padding:0 10px 4px 0;
	font-weight:bold;
}

.midashi-h3{
	background:url(../images/midashi-h3.gif) no-repeat left bottom;
	padding:10px 0 0 14px;
	margin:0 0 5px;
	font-size:1.4em;
	font-weight:bold;
}

.midashi-sub{
	padding:0 0 0 14px;
	background:url(../images/arrow-deco2.gif) no-repeat 1px .5em;
	margin:10px 0 5px;
	font-size:1.2em;
	font-weight:bold;
}
.rem{ color:#fb0000;font-weight:bold; }
.bold{ font-weight:bold !important; }
.red{ color:#fb0000; }
.blue{ color:#0000fb; }
.large{ font-size:1.2em !important; }
.small{ font-size:0.8em !important; }
em.reg{
	font-style:normal;
	background:url(../images/icon-reg.gif) no-repeat right top;
	padding-right:7px;
	margin-right:3px;
}
.freedial{
	margin:0 !important;
	padding:0 0 0 23px !important;
	background:url(../about/images/company/icon-freedial-small.gif) no-repeat left .4em;
}

/* 非アンカーテキスト */
#description a,.midashi-h2 a,.midashi-h3 a,.box-deco2 h3 a,.box-deco3 h3 a,.midashi-sub a{ color:#333333; }
#description a:hover,.midashi-h2 a:hover,.midashi-h3 a:hover,.box-deco2 h3 a:hover,.box-deco3 h3 a:hover,.midashi-sub a:hover{ text-decoration:none; }
