@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* common */
html { overflow-y: scroll; }
dl:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; }
dl { display: inline-block; min-height: 1%; }

/* No MAC IE \*/
* html dl { height: 1%; }
dl { display: block; }

div { zoom: 1; }
div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background: url(../images/common/bg.gif) left top repeat; font-size: 0.75em; line-height: 1.5em; text-align: center; text-align: justify; text-justify: inter-ideograph; color: #333; }

#wrapper { 	width: 900px; text-align: left; margin: 0 auto; }

/* header */
#header { background: url(../images/common/header-bg.gif) left top no-repeat; overflow: hidden; padding: 0 25px 0 40px; height: 188px; overflow: hidden; }
#logo { float:left; width:80px; padding-top:44px;}
#h1{ float:left; padding-top:44px;
width:500px;}
h1{ font-size:10px; font-weight:normal; height:15px; line-height:1.0em; padding-top:7px; padding-left:15px;}


/* navigation */
#navi { width: 567px; float: right; }

#headnavi { width: 245px; float: right; }
#headnavi ul { padding: 25px 0 0; list-style: none; }
#headnavi1 { width: 140px; float: left; }
#headnavi2 { width: 105px; float: left; }

#mainnavi { clear: right; width: 567px; }
#mainnavi ul { list-style-type: none; }
#mainnavi li { margin: 0; padding: 0; float: left; height:57px; }
#navi01{ width:121px;}
#navi02{ width:126px;}
#navi03{ width:124px;}
#navi04{ width:196px;}

#yokohama-navi { clear: both; }
#yokohama-navi ul { list-style-type: none; }
#yokohama-navi li { margin: 0; padding: 0; float: left; }

#yamato-navi { width: 250px; float: left; }
#yamato-navi ul { list-style-type: none; }
#yamato-navi li { margin: 0; padding: 0; float: left; }

/* pagebody */
#pagebody { background: url(../images/common/wrapper-bg.gif) left top repeat-y; padding: 0 25px; }
/*#pagebody ul { margin: 0; }
#pagebody ol { margin: 0; }
#pagebody li { margin: 0 0 10px 2em; }*/
ul,
ol {list-style:none;}
#pagebody p { line-height: 1.75em; }

#main { width: 585px; float: right; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 10px 2em; }
#main p { line-height: 1.75em; }

h2 { clear: both; }
h3 { clear: both; }
h4 { clear: both; font-size: 1.0em; }
h5 { clear: both; }
h6 { clear: both; }

.h2-title { font-size: 150%; padding: 0 0 2px; border-bottom: 5px solid #000; margin: 0 0 15px; }
.h3-title { font-size: 120%; padding: 0 0 0 10px; border-left: 5px solid #000; margin: 0 0 15px; }
.h4-title { font-size: 1.0em; }

/* footer */
#pagetop { text-align: right; }
#footer { background: url(../images/common/footer-bg.gif) left top repeat-y; padding: 0 25px; }
#textlink { clear: both; font-size: x-small; padding: 0 0 10px;}
#textlink p { line-height: 40px; font-size: }
#textlink a { outline: none; }
#textlink a:link { color: #333; text-decoration: underline; } 
#textlink a:visited { color: #333; text-decoration: underline; } 
#textlink a:hover, a:active { color: #333; text-decoration: none; } 
.f-sitemap { width: 850px; }
.f-sitemaptd { width: 170px; vertical-align: top; }


address { font-size: x-small; font-style: normal; line-height: 1.5em; height: 65px; overflow: hidden; background: url(../images/common/footer-btm.gif) left bottom no-repeat; padding: 0 25px; }

/* index */
#mainimg { margin: 0 0 27px; }

#appeal { width: 585px; float: left; }
#appeal h4 { font-size: 1.0em; }
.map { width: 302px; float: left; }
.access { width: 260px; float: right; }
.gotoarrow { padding: 0 0 0 15px; background: url(../images/arrow.gif) left center no-repeat; }
.freedial { padding: 0 0 0 25px; background: url(../images/freedial.gif) left center no-repeat; margin: 0 0 10px; font-weight: bold;}

#ssc { width: 250px; float: right; background: url(../images/ssc-bg.jpg) left top repeat-y; }
#ssc p { padding: 0 10px 10px; font-size: x-small; line-height: 1.5em; }
.ssc-btm { background: url(../images/ssc-btm.jpg) left bottom no-repeat; }

#wn02 { background: url(../images/info-bg.gif) left 23px no-repeat; }
.tb-info { margin: 0 0 15px; width: 100%;}
.tb-info th,
.tb-info td {
	padding:10px 15px;
	text-align:left;
	vertical-align:top;
}
.th-info {
	width:1%;
	white-space:nowrap;
}
.th-info span {
	background: url(../images/info-icon.gif) left center no-repeat;
	padding-left:15px;
}
.td-info img {
	vertical-align:middle; padding-left:10px;
}

/* table */
.tb1 { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 20px;}
.th1 { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
.td1 { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

/* access */
#map { width: 400px; float: left; }
#access { width: 260px; float: right; }

/* faq */
#faq { margin: 0 0 15px; }
.questions_box h3 { }

/* company */
.emblem { border: 2px solid #360; padding: 2px; }
.emblem1 { border: 1px solid #360; padding: 5px; }
.l120 { width: 120px; float: left; }
.r260 { width: 260px; float: right; }


/* sitemap */
#sitemap h2 { margin: 0 0 10px; }
#sitemap h3 { margin: 0 0 10px; }

/* contact - form */
form table { width: 760px; }
form th { }
form td { width: 400px; }
.form-s { width: 100px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: text-bottom; }
input, textarea { line-height: 1.4em; padding: 0; vertical-align: middle; }

/* link */
a { outline: none; }
a:link { color: #693; text-decoration: underline; } 
a:visited { color: #693; text-decoration: underline; } 
a:hover, a:active { color: #693; text-decoration: none; } 

/* general-purpose */
p { zoom: 1; }
p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.column { border-top: 1px dotted #ccc; padding: ;}

img { border: none; vertical-align: bottom; }

.clear { clear: both; }
.page-break { page-break-before: always; }

.paging img { vertical-align: middle; }

th, td { font-size: 1.0em;}

/*
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 20px;}
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
*/

/* align */
.tar { text-align: right }
.tac { text-align: center }
.tal { text-align: left }

/* float */
.fl { float: left }
.fr { float: right; }

.l200 { width: 200px; float: left; }
.r200 { width: 200px; float: right; }

.l410 { width: 410px; float: left; }
.r410 { width: 410px; float: right; }


/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb05 { margin: 0 0 5px; }
.mb10 { margin: 0 0 10px; }
.mb15 { margin: 0 0 15px; }
.mb20 { margin: 0 0 20px; }
.pd10 { padding: 20px 10px; }

@media print{
#navi { width: 568px;}
#mainnavi { width: 568px; }
}