@charset "UTF-8";
/* ===================================================================
CSS information
 site URL  :rumbleengineering.com
 file name  :common.css
 author     :mio
 style info :共通設定
=================================================================== */


/* ------------------------------------------------------------
---------------------------------------------------------------
	 ■common.css
	 
	 1.body, wrapper
	 2.font-setting(h1～h5)
	 3.header
	 4.navi
	 5.mainImage
	 6.mainContents
	 7.footer
	 8.gallery.html
	 9.access.html
	 
---------------------------------------------------------------
------------------------------------------------------------ */ 

/* 1.body, wrapper
======================================================= */
html>/**/body {
	font-size: 14px;
	color: #E6E6E6;/*グレー*/
	background-color: #1E242D;/*紺色*/
	text-align: center;
} /* Except IE */

html, body { height:100%;
	font-size: 14px;
	color: #E6E6E6;/*グレー*/
	background-color: #1E242D;/*紺色*/
	text-align: center;
 }

#wrapper {
text-align: left;
margin-right: auto;
margin-left: auto;
width: 826px;
}

/* 2.font-setting
======================================================= */

	h1{
	display: block;
	height: 100px;
	width: 816px;
	text-indent: -9999px;
	overflow: hidden;
	padding-left: 10px;
	margin-bottom: 20px;
	margin-top: 25px;
	}
	
	h2 {
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #DECE40;
	line-height: 2.5em;
	height: 2.5em;
	border: 1px solid #999999;
	text-indent: 1em;
	margin-bottom: 20px;
	}
	
	h3 {
	display: block;
	font-size: 120%;
	color: #CCCCCC;
	height: 2em;
	line-height: 2em;
	text-indent: 1em;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}

	h4 {
	display: block;
	font-size: 110%;
	line-height: 2.5em;
	color: #DECE40;
	border-left: 5px solid #DECE40;
	text-indent: 0.5em;
	height: 2.5em;
	background-position: center;
	margin-bottom: 15px;
	}
	
	h5 {
	line-height: 2.5em;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1em;
	}

/* 3.header
======================================================= */
#header #logo {
	height: 139px;
	width: 220px;
	float: left;
	margin-bottom: 20px;
}

#header #contactInfo {
	display: block;
	height: 139px;
	width: 253px;
	float: right;
	text-indent: -9999px;
	margin-bottom: 20px;
	background-image: url(../images/contactInfo.gif);
	background-repeat: no-repeat;
	background-position: 0px 50px;
}


/* 4.navi
======================================================= */
/*#navi{
	height: 39px;
	width: 825px;
	clear: both;
}
*/
ul#navi{
height: 39px;
width: 826px;
clear: both;
list-style: none;
border-top: 1px solid #F0E9A5;/*薄い黄色*/
zoom:1}

ul#navi li{
display: inline-block;
float:left;
}

ul#navi li a{
display:block;
width:118px;
height: 39px;
text-indent:-9999px;
background: url(../images/nav_sprt.png);
}

/*menu1.policy
-------------------------------*/
	ul#navi li a.policy{
	background-position: 0 0;
	}
	/*hover*/
	ul#navi li a.policy:hover{
	background-position:0 -39px;
	}
	/*openPage*/
	ul#navi li a.policy.on{
	background-position:0 -39px;
	}

	/*menu2.info
	-------------------------------*/
	ul#navi li a.info{
	background-position:-118px 0;
	}
	ul#navi li a.info:hover{
	background-position:-118px -39px;
	}
	ul#navi li a.info.on{
	background-position:-118px -39px;
	}

	/*menu3.menu
	-------------------------------*/
	ul#navi li a.menu{
	background-position:-236px 0;
	}
	ul#navi li a.menu:hover{
		background-position:-236px -39px;
	}
	ul#navi li a.menu.on{
	background-position:-236px -39px;
	}

	/*menu4.forsale
	-------------------------------*/
	ul#navi li a.forsale{
	background-position:-354px 0;
	}
	ul#navi li a.forsale:hover{
	background-position:-354px -39px;
	}
	ul#navi li a.forsale.on{
	background-position:-354px -39px;
	}

	/*menu5.gallery
	-------------------------------*/
	ul#navi li a.gallery{
	background-position:-472px 0;
	}
	ul#navi li a.gallery:hover{
	background-position:-472px -39px;
	}
	ul#navi li a.gallery.on{
	background-position:-472px -39px;
	}

	/*menu6.blog
	-------------------------------*/
	ul#navi li a.blog{
	background-position:-590px 0;
	}
	ul#navi li a.blog:hover{
	background-position:-590px -39px;
	}
	ul#navi li a.blog.on{
	background-position:-590px -39px;
	}

	/*menu7.access
	-------------------------------*/
	ul#navi li a.access{
	background-position:-708px 0;
	}
	ul#navi li a.access:hover{
	background-position:-708px -39px;
	}
	ul#navi li a.access.on{
	background-position:-708px -39px;
	}

/* 5.mainImage
======================================================= */

#mainimage {
text-align: center;
height: 300px;
width: 826px;
display: block;
margin-bottom: 10px;
}

/* 6.mainContents
======================================================= */
#mainContents{
min-height: 100%;
height: 100%;
}



/* dl for top page
---------------------------------*/
dl.info {
line-height: 2;
width: 800px;
vertical-align:baseline;
}

	dl.info dt {
	line-height: 1;
	width:7em;
	padding-left: 40px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	}

		dl.info dd {
		line-height: 1;
		text-align: left;
		margin-left: 11em;
		margin-bottom: 40px;
		margin-top: -2em;
		}

img.btnMore {
	line-height: 1;
	height: 21px;
	width: 84px;
	top: 0.5em;
	position: relative;
	margin-left: 10px;
}


/*h2-menu for each pages
-------------------------------*/
h1.policy {	background: url(../images/title_policy.gif) no-repeat 10px center;}
h1.information {background: url(../images/title_info.gif) no-repeat 10px center;}
h1.menu {background: url(../images/title_menu.gif) no-repeat 10px center;}
h1.forSale {background: url(../images/title_forSale.gif) no-repeat 10px center;}
h1.gallery {background: url(../images/title_gallery.gif) no-repeat 10px center;}
h1.access {background: url(../images/title_access.gif) no-repeat 10px center;}

	
/*.mainContents
-------------------------------*/

#mainContents .contents p {
	font-size:96%;
	line-height:150%;
	margin-top: 0px;
	margin-bottom: 1em;
}

#mainContents .contents .coment {
	display: block;
	margin-top: 40px;
}



/*.information.html
-------------------------------*/

#mainContents .contents .infoPage dt {
	text-indent: 1.5em;
	display: inline;
	padding: 0.2em 0px 0px;
	clear: both;
	float: left;
	width: 13em;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	margin-top: 0px;
	margin-right: -13em;
	margin-bottom: 0px;
}
#mainContents .contents .infoPage dd {
	padding: 0.2em 10px;
	margin-left: 8em;
	margin-bottom: 40px;
}

dl.infoPage {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

dl.infoPage::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}



/* 7.footer
======================================================= */
#footer {
text-align: center;
color: #E0CD40;/*黄色*/
height: 90px;
width: 825px;
}

#toTop {
margin-bottom: 20px;
text-align: right;
margin-right: 20px;
}

/* 8.gallery.html
======================================================= */
body#gallery{
	font-size: 12px;
}
#BoxArea {
	height: auto;
	font-size: 0.8em;
	text-align: left;
	display: block;
	margin: 60px 0px;
	width: 800px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

	.photobox {
	width: 103px;
	float: left;
	padding: 0px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 30px;
	}

		#BoxArea .photobox img {
		border: 3px solid #ECECEC;
		margin-bottom: 5px;
		}

		#BoxArea .photobox img:hover{
		border: 3px solid #F0F9A5;
		margin-bottom: 5px;
		}

		#BoxArea .photobox .cap {
		color: #999999;
		text-align: left;
		font-size: 1.3em;
		}

/* 9.access.html
======================================================= */
#accessBox {
	border: 1px solid #E6E6E6;
	width: 350px;
	margin-left: 20px;
	padding: 10px 5px 5px 10px;
	float: left;
	line-height: 2em;
	margin-right: 10px;
}
	#accessBox img {
	vertical-align: middle;
	display: inline-block;
	}

	#accessBox p img {
	display: block;
	float: right;
	margin-right:0;
	}

.noBorder {/*h2*/
font-size: 110%;
color: #DECE40;
line-height: 140%;
height:2em;
border:none;
font-weight: bold;
text-indent:0;
margin: 0px;
}