﻿* {
 margin: 0;
 padding: 0;
 }

/* htmlとbodyタグの設定：サイト全体の設定 */
html {
 text-align:center;
 margin: 0;
 padding: 0;
 color: #555;
 height:100%;
 font-size: 12px;
 background-position:center;
 }

body {
 }


#page{
	width:840px;
	background:#FFFFFF url(img/bg_page.jpg) repeat;
        margin-top:0px;
        text-align:left;
}

#page_inner{
	width:800px;
        margin-top:0px;
	margin-left:18px;
	background:#FFFFFF ;
        background-position:center;
}

#header_logo{
        width:800px;
	height:73px;
        margin-top:0px;
	background:#FFFFFF url(img/image_logo.jpg) no-repeat;
	text-align:right;

}

.menu_top{
	height:10px;
	margin-top:25px;
	margin-right:8px;
	font-size:8pt;
	float:right;

}

.menu_top a{
	text-decoration:none;
}

#header_image{
        width:800px;
	height:265px;
        margin:0px 0px 5px 0px;
	background:#FFFFFF url(img/image_top.jpg) no-repeat;
}

#header_image2{
        width:800px;
	height:140px;
        margin:0px 0px 5px 0px;
	background:#FFFFFF url(img/image_top2.jpg) no-repeat;
}

/* ボタンのロールオーバー設定 */
#button a{
        display:block;
        width:170px;
        height:35px;
        color:#ff6600; 
        line-height:2.5em;
	background:url(img/button.jpg) no-repeat;
        text-decoration:none;
        margin-left:3px;
        margin-bottom:5px;
        text-indent:10px;
        text-align:left;
        font-size:10pt;
        padding-bottom:3px;
        padding-left:15px;

}

#button a:hover{
        display:block;
        color:#ff0000; 
        line-height:2.5em;
        background:url(img/button_2.jpg) no-repeat;
        text-decoration:none;

}

/* テーブル内半透明の設定 */
#body table{
	width:500px;
        font-size:10pt;
        margin-left:25px;
        filter:alpha(opacity=50);
        background-color:#ffffff;
}

#main{
	width:800px;
        margin:0px;
	padding:0px;
}

#main_left{
	display:block;
	width:200px;
        margin:0px;
	padding:5px;
	float:left;

}

#main_left:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main_left {
    height: 1em;
    overflow: visible;
}
/**/

.button{
	display:block;
	width:180px;
	height:40px;
	margin:3px 5px 2px 5px;
}

.banner{
	display:block;
	width:180px;
	height:40px;
	margin:8px 5px 2px 5px;
}

#renraku{
	display:block;
	width:180px;
	height:300px;
	margin:10px 5px 0px 3px;
	float:left;

}

#news{
	display:block;
	width:180px;
	height:60px;
	margin:10px 5px 0px 3px;
	padding:5px 0px 5px 0px;
	text-align:center;
	font-size:10pt;
	line-height:1.2em;
	float:left;
	border:solid 1px #003366;
}

.kyochomoji{
	font-size:10pt;
	font-weight:bold;
	color:#ff0000;

}

#main_right{
	display:block;
	width:570px;
        margin:0px;
	padding:5px;
	float:left;

}

#label_kansya{
	width:450px;
	height:30px;
	margin:20px 0px 0px 10px;
	float:left;

}

#goen{
	display:block;
	width:550px;
	margin:10px 0px 0px 10px;
	font-size:11pt;
	font-weight:bold;
	color:#333366;
	line-height:2.0em;
	float:left;

}

#rinen{
	width:410px;

	margin:5px 0px 10px 50px;
}

#main_right table{
	margin:10px 0px 0px 18px;
	border-collapse: collapse;
}

#main_right td{
	font-size:12px;
	line-height:1.8em;
	padding:3px;

}

.td_koumoku{
	width:120px;
	border-bottom:solid 1px #ccc;
}

.td_naiyou{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.td_naiyou2{
	border-bottom:solid 1px #ccc;

}

.koumoku{
	color:#0099ff;

}

.naiyou{
	width:460px;
	color:#666666;
	margin-left:15px;
	line-height:2.0em;
}

.lease_kingaku{
	width:460px;
	margin-top:10px;
	margin-left:100px;
}

.address{
	width:500px;
	height:20px;
	margin:10px 0px 5px 10px;
	line-height:1.5em;
}

#map{
	display:block;
	width:480px;
	height:400px;
	margin-left:20px;
	padding:8px;
	border:solid 1px #ccc;
	float:left;
}

#photo{
	display:block;
	width:480px;
	height:180px;
	margin-left:20px;
	padding:8px;
	float:left;
}

#toiawase{
	display:block;
	width:450px;
	height:250px;
	margin-left:10px;
}

#main_right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main_right {
    height: 1em;
    overflow: visible;
}
/**/

#aisatu{
	display:block;
	width:565px;
	height:80px;
	padding:5px;
	font-size:12pt;
	border:solid 1px #6699cc;
	float:left;
}

#service_waku{
	display:block;
	width:570px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;

}

.label_title{
	display:block;
	width:575px;
	height:30px;
	margin-bottom:10px;
}

.label_title2{
	display:block;
	width:300px;
	height:20px;
	margin-bottom:10px;
}

.service_l{
	display:block;
	width:280px;
	height:40px;
	margin:0px 5px 2px 0px;
	float:left;
}

.service_r{
	display:block;
	width:280px;
	height:40px;
	margin:0px 0px 2px 0px;
	float:left;
}

#oil{
	display:block;
	width:480px;
	margin:10px 0px 5px 18px;
	float:left;
}

.oil_title{
	display:block;
	background:#fff url(img/icon_sankaku.jpg) no-repeat;
	font-size:12pt;
	font-weight:bold;
	color:#003366;
	padding-left:18px;
	float:left;
	zoom:1;
}

.oil_bun{
	display:block;
	width:480px;
	margin:10px 0px 2px 18px;
	line-height:1.4em;
	float:left;

}

.oil_bun2{
	display:block;
	width:480px;
	margin:0px 18px 5px 0px;
	line-height:1.4em;
	text-align:right;
	color:#003366;
	float:left;

}

#lease{
	display:block;
	width:480px;
	margin:0px 0px 5px 18px;
	float:left;
}

.lease_title{
	display:block;
	background:#fff url(img/icon_sankaku.jpg) no-repeat;
	font-size:13pt;
	font-weight:bold;
	color:#003366;
	padding-left:18px;
	float:left;
	zoom:1;
}

.lease_bun{
	display:block;
	width:460px;
	margin:10px 0px 2px 18px;
	line-height:1.4em;
	float:left;

}

.lease_bun2{
	display:block;
	width:460px;
	margin:0px 18px 5px 0px;
	line-height:1.4em;
	text-align:right;
	color:#003366;
	float:left;

}

.lease_bun_td{
	background-color:#336699;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.lease_chuui{
	display:block;
	width:450px;
	margin:10px 0px 2px 0px;
	line-height:1.2em;
	float:left;

}

.bold{
	font-weight:bold;
}

.kataban{

}

#oil_table{
	display:block;
	width:500px;
	margin:0px;
	padding:0px;
	float:left;
}

#oil_jx{
	display:block;
	width:500px;
	height:175px;
	background:#fff url(img/img_oil_jx.jpg) no-repeat;
	margin:5px 0px 5px 18px;
	padding:0px 0px 0px 20px;
	font-size:13pt;
	font-weight:bold;
	line-height:1.8em;
	float:left;

}

#oil_max{
	display:block;
	width:500px;
	height:175px;
	background:#fff url(img/img_oil_max.jpg) no-repeat;
	margin:5px 0px 5px 18px;
	padding:0px 0px 0px 20px;
	font-size:13pt;
	font-weight:bold;
	line-height:1.8em;
	float:left;
}

#oil_mix{
	display:block;
	width:500px;
	height:175px;
	background:#fff url(img/img_oil_mix.jpg) no-repeat;
	margin:5px 0px 5px 18px;
	padding:0px 0px 0px 20px;
	font-size:13pt;
	font-weight:bold;
	line-height:1.8em;
	float:left;
}

#oil_srg{
	display:block;
	width:500px;
	height:175px;
	background:#fff url(img/img_oil_srg.jpg) no-repeat;
	margin:5px 0px 15px 18px;
	padding:0px 0px 0px 20px;
	font-size:13pt;
	font-weight:bold;
	line-height:1.8em;
	float:left;
}

#footer{
	display:block;
	width:800px;
	height:30px;
	background:#FFFFFF url(img/image_footer.jpg) no-repeat;	
	color:#666;
	margin-top:20px;
	float:left;

}

.copy{
	display:block;
	width:550px;
	height:30px;
	margin:8px 10px 0px 0px;
	font-size:9pt;
	font-family: 'ＭＳ ゴシック';
	text-align:right;
	float:right;

}

/*動画*/
.movie{
	display:block;
	width:380px;
	height:245px;
	border:solid 1px #cccccc;
	margin:0px 15px 20px 20px;
	padding:15px;
	float:left;
}

