@charset "Shift_JIS";

*{
margin:0;
padding:0;
}




div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
margin: 0;
padding: 0;
font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}


body{
background: url(../image/background.jpg) repeat-x top;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
font-size: 12px;/*font-size初期化*/
_font-size: 75%;/*IE6向け*/
text-align: center;
}

ol {
zoom : 1;
padding-left : 2em;
}

ol li{
	zoom : normal;
	line-height:1.4em;
}

/*リンク関係*/
a:hover img{
filter: alpha(opacity=80);
opacity:0.8;
border:none;}

a:active{
color:#FF0000;
}


p{/*段落設定*/
line-height:1.5em;
}


#wrapper{
width:770px;
margin: 0 auto;
text-align: center;
background-repeat: repeat-y;
background-position: center center;
}




#header{
	width:770px;
	height:385px;
	background:url(../image/topbunner.jpg) no-repeat center top;
	margin: 0 auto;
	background-color: #CCCCCC;
	position:relative;
}

#headerin{/*header内のアドレスなどの文字を囲うボックス*/
width:770px;
height:30px;
}

#headerin p{/*headerの上の文字段落*/
width:680px;
padding:7px 0 0 90px;
line-height: 130%;
color:#638A48;
text-align:left;
}

#headerin p span {
	font-size: 10px;
	}



#contents{/*すべてを囲うBOX*/
width:770px;
margin:0 auto;
background-image: url(../image/contentsbacktop.jpg) no-repeat;
}
#contentsin {/*すべてを囲うBOXの箱*/
width:770px;
background-image: url(../image/mainbackground.jpg);
background-repeat: repeat-y;

}


ul#topnavigation {/*上部のナビゲーション*/
width:721px;
padding:0px 24px 0;
margin: 0 auto;
list-style:none;
float:left;
position:absolute;
top: 325px;
left: -1px;
}


#topnavigation li {/*上部のナビゲーション*/
width:103px;
height:40px;
margin:0;
padding:0;
float: left;
text-decoration:none;
}





#sub{/*メニューがある左側のBOX*/
width:164px;
float:left;
padding-top:10px
}






#sub #navigation{/*左側のBOXメニュー*/
width:164px;
}



#sub #infobox,#sub #infobox2{/*companyinfoの箱*/
width:164px;
background-image: url(../image/infomiddle.jpg);
background-repeat: repeat-y;
}
#infobox .infotop{/*companyinfoの上画像*/
width:164px;
}

p.infomiddle{/*companyinfo中身*/
width:164px;
margin:0 auto;
}


#infobox #infoin,#infobox2 #infoholidayin {/*定休日info箱の中の箱*/
width:164px;
margin: 0 auto;
}
#infobox #infoin p{/*companyinfo箱の中の箱の文字*/
text-align:left;
padding: 0 0 0 45px;
width: 100px;
}

#infobox2 #infoholidayin p{/*定休日info箱の中の箱の文*/
width:134px;
padding: 0 0 0 20px;
}

#infobox #infoin p.title{/**companyinfoの会社名*/
line-height:180%;
}


#infobox #infoin p.address{/*company段落の文字間隔*/
padding-top:10px;
}




#main{/*右側のメインコンテンツ*/
	width:594px;
	float:right;
	text-align:left;
	padding:10px 0 0 10px;
}



#companymain {/*右側のメインコンテンツ*/
	width:594px;
	float:right;
	text-align:left;
	padding:10px 0 0 10px;
	background-image: url(../image/companyback.jpg);
	background-repeat: no-repeat;
	background-position: 380px 430px;
}




#footer{/*フッター*/
width:770px;
margin:0 auto;
background-image: url(../image/mainbackground.jpg);
background-repeat: repeat-y;
text-align:right;
}



#footer p {/*フッター文字*/
padding:5px 28px 0 0;
font-size: 90%;
line-height:90%;
}



/*リセット関係*/

/*clearfix*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


.clearbox{/*フロート解除*/
clear:both;
}

ul{
list-style:none;
}

img{/*img関係*/
border:none;
}

/*--seo master--*/
div.sbox table {
 margin: 0 auto;
}