@charset "utf-8";
body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color: #333;
}
#header {
height: 130px;
width: 900px;
background: url(../images/top/header.jpg) no-repeat;
margin: 0px auto;
padding: 0px;
}
#header h1 img {
margin: 15px 0px 5px 20px;
padding: 0px;
}


#container {
width: 900px;
margin-right: auto;
margin-left: auto;
clear: left;
border-right: 1px solid #666;
border-left: 1px solid #666;
background: url(../images/top/main_bg.gif) repeat-y left 10px;
}
#main {
	float: right;
	width: 685px;
	margin-top: 10px;
	margin-bottom: 0.5em;
}
.main-img {
	width: 675px;
	margin-bottom: 1em;
}
p.lead {
	margin-bottom: 1em;
}
.recome-tire {
	float: left;
	width: 327px;
	border-right: thin solid #CCCCCC;
	padding-right: 10px;
	margin-bottom: 25px;
	display: inline;
}
.tire_bar {
	height: 36px;
	width: 327px;
	margin-bottom: 5px;
}
table.tirebox {
	width: 327px;
	border-width: 0px;
	float: left;
}
.tirebox td.name {
	color: #FFFF00;
	font-size: 11px;
	line-height: 1.3em;
}
.tirebox td.price {
	color: #FFFFFF;
	font-size: 80%;
}

.recome-alumi {
	float: left;
	width: 330px;
	margin-left: 10px;
	display: inline;
}
p.alumi {
	color: #FFFF00;
	padding-left: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}
#reco_alumi {
	margin-left: 10px;
	width: 178px;
	float: left;
}

.alumi_bar {
	float: right;
	width: 328px;
	height: 36px;
	margin-bottom: 5px;
}

td.datasystem {
	vertical-align: bottom;
	padding-top: 10px;
}




/*#mainsub {
	width: 780px;
	margin-left: 10px;
	clear: right;
}*/
/*.gaiyo_bar {
	margin-bottom: 0.5em;
	width: 495px;
	float: left;
}
ul.gaiyo {
	list-style: none;
	width: 14em;
	float: left;
}
.gaiyo li {
	display: block;
	color: #FFFFFF;
	margin-bottom: 0.5em;
	width: 13em;
	float: left;
}
.gaiyo li.indent {
	padding-left: 2.5em;
	text-indent: -2.5em;
}*/
#map {
	background: #ffffff;
	width: 330px;
	float: left;
	margin-right: 20px;
}
#topic {
	float: left;
	width: 330px;
	background: #CCCCCC;
}
/*#leftcolum .kobutu {
	margin-top: 9em;
	padding-left: 1em;
	color: #CCC;
}
*/

a:link{color:#000000;}
a:visited {
	color: #000000;
}
a:hover{color:blue;}
a:active{	background: url(none);color:blue;}
a img{border:0;}
div {
	zoom: 1;/*for IE 5.5-7*/
}
div:after {/*for modern browser*/
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}


#leftcolum {
margin: 0px 0px 0px -9px;
padding: 0px;
overflow: hidden;
width: 210px;background-color: transparent;
}
#headnavi  {
width: 50%;
margin-left: 20px;
padding: 0px;
margin-top: 0px;
list-style: none;
overflow: hidden;
}
#headnavi li {
display: inline-block;
float: left;
}
#headnavi li a {
font-size: 15px;
line-height: 1.5em;
text-decoration: none;
font-weight: 900;
letter-spacing: 0.1em;
padding: 0.5em .7em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
color: #000000;
text-align: center;
display: block;
}
#headnavi li a:hover{
background: #E95513;
color: #FFFFFF;
padding: 0.5em .7em;
}


#service01 {
 position:relative;
 left:0px;
 top:0px;
 width:684px;
 /* height:900px; */
 height: auto;
 clear: both;
 margin-bottom: 35px;
}

#service-01 {
 /* position:absolute;
 left:0px;
 top:0px; */
 width:684px;
 height:589px;
}

#service-02 {
 /* position:absolute;
 left:0px;
 top:589px; */
 width:684px;
 /* height:275px; */
 height: auto;
}

#service-03 {
 position:absolute;
 left:0px;
 top:864px;
 width:684px;
 height:436px;
}

#footer {
	clear: both;
	height: 25px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/top/footer_bg.gif) no-repeat;
}
#footer h5 {
	font-weight: normal;
	text-align: right;
	margin-right: 1em;
	padding-top: .5em;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.3em;
}


.subLeft {
 float: left;
 width: 300px;
 margin-bottom: .5em;
}
.subRight {
 float: right;
 width: 300px;
 clear: both;
}
.cate {
 height: 34px;
 width: 134px;
 background: #0099FF;
 margin-bottom: 0.5em;
}
.cate1 {
 float: right;
 width: 300px;
 margin-bottom: 0.5em;
 clear: both;
}

tabe.fee {
 width: 400px;
 border-collapse:collapse;
 float: left;
 margin-bottom: .5em;
 border: 1px solid #996600;

}

.fee th {
background: #F1D175;
text-align: left;
font-size: 13px;
line-height: 1.3em;
color: #333;
font-weight: 500;
border-right: 1px solid #996600;
border-bottom: 1px solid #996600;
padding: 5px 0px 5px 5px;
}
.fee .thheigh {
 padding-top: 5px;
 padding-bottom: 5px;
}


.fee td {
	color: #333;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.fee .bgc { background: #999999; }

.fee02 th{
    table-layout: fixed;
    width: 400px;
    background: #F1D175;
text-align: left;
font-size: 13px;
line-height: 1.3em;
color: #333;
font-weight: 500;
border-right: 1px solid #996600;
border-bottom: 1px solid #996600;
padding: 5px 0px 5px 5px;
}
.fee02 .thheigh {
 padding-top: 5px;
 padding-bottom: 5px;
}


.fee02 td {
	color: #333;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.fee02 .bgc { background: #999999; }






h2.ttl { margin-bottom: .5em; }

.contact_bar {
 margin-bottom: 2em;
 width: 100%;
 clear: left;
}
/*料金表*/
.mainsub {
 width: 90%;
 margin-right: auto;
 margin-left: auto;
}

p.att {
 color: #FFFFFF;
 background: #990000;
 border: 1px none #FF0000;
 font-weight: bold;
 margin-bottom: 1em;
 padding: 5px 0px 5px 5px;
 margin-top: 0.5em;
 clear: both;
}


/*お問い合わせ*/

.onerimg {
	float: left;
	width: 180px;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 12px;
	line-height: 1.3em;
}

.onerimg p {margin-top: 5px;}

/* iframe SP対応 */
.ifrm{
  width:328px;
  height:250px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display:inline-block;
}
.ifrm iframe{
  width:328px;
  min-height:250px;
  height:100%;
  padding: 0em;
  border:none;
  display:block;
}