@charset "shift_jis";

/* //////////////////////////////////////////////////////////////////////////

ibah
name::	common.css

	*. base layout
	1. header layout

///////////////////////////////////////////////////////////////////////////*/

body {
	text-align: center;
	color: #504030;
	font-size: 78%;
	line-height: 1.6;
	background-color: #FCF8EC;
	margin-bottom: 0px;
	}
h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
	}
.clear {
	clear: both;
	}

/*----------------------------------------------------
	link style
----------------------------------------------------*/
a:link, a:visited {
	text-decoration: underline;
	color: #d38c0a;
	}
a:hover {
	text-decoration: none;
	}



/* //////////////////////////////////////////////////////////////////////////

	*.base layout

///////////////////////////////////////////////////////////////////////////*/
#base {
	text-align: left;
	margin: 50px auto 0;
	width: 940px;
	}



/* ==========================================================

	1. header layout
	
========================================================== */
#header {border-bottom: solid 7px #6F5740;}
	#header {zoom:1;}
	#header:after {
		content: ""; 
		display: block; 
		clear: both;}
	* html #header { height: 1%; }

#header #logo {
	float: left;
	width: 200px;
	}

/*	#primary
----------------------------------------------------*/
#header #primary {
	float: right;
	width: 600px;
	margin-top: 15px;
	}
	/* h1 */
	#header #primary h1 {
		width: 400px;
		float: left;
		text-align: right;
		color: #503F30;
		font-size:80%;
		margin-top: 12px;
		}
	#header #primary p {
		float: right;
		text-align: right;
		padding-left: 10px;
		}



/* ==========================================================
	global navi
========================================================== */
#gnavi {
	float: left;
	width: 380px;
	padding-bottom: 145px;
	margin-left: -119px;
	}
	#gnavi li {
		width: 220px;
		margin-left: 119px;
		}
	#gnavi li a {
		display: block;
		height: 51px;
		width: 220px;
		background-repeat: no-repeat;
		background-position: left;
		text-indent: -9999px;
		}
	#gnavi #gn_top a {background-image: url(../img/menu/menu_top.png);}
	#gnavi #gn_top a:hover {background-image: url(../img/menu/menu_top_f2.png) }
	#gnavi #gn_price a {background-image: url(../img/menu/menu_price.png);}
	#gnavi #gn_price a:hover {background-image: url(../img/menu/menu_price_f2.png);}
	#gnavi #gn_staff a {background-image: url(../img/menu/menu_staff.png);}
	#gnavi #gn_staff a:hover {background-image: url(../img/menu/menu_staff_f2.png);}
	#gnavi #gn_inquiry a {background-image: url(../img/menu/menu_inquiry.png);}
	#gnavi #gn_inquiry a:hover {background-image: url(../img/menu/menu_inquiry_f2.png);}
	#gnavi #gn_access a {background-image: url(../img/menu/menu_access.png);}
	#gnavi #gn_access a:hover {background-image: url(../img/menu/menu_access_f2.png);}
	#gnavi #gn_topics a {background-image: url(../img/menu/menu_topics.png);}
	#gnavi #gn_topics a:hover {background-image: url(../img/menu/menu_topics_f2.png);}
	#gnavi #gn_blog a {background-image: url(../img/menu/menu_staffblog.png);}
	#gnavi #gn_blog a:hover {background-image: url(../img/menu/menu_staffblog_f2.png);}



/* ==========================================================
	#contents
========================================================== */
#contents {
	clear: both;
	padding-bottom: 80px;
	}
	#contents {zoom:1;}
	#contents:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html #contents { height: 1%; }

/*pagetop*/
#contents .pagetop {
	clear: both;
	margin: 0px 20px;
	padding: 16px 0px;
	background-image: url(../img/sub/dotted.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	#contents .pagetop a {
		text-indent: -9999px;
		display: block;
		background-image: url(../img/sub/pagetop.gif);
		background-repeat: no-repeat;
		height: 21px;
		width: 88px;
		margin-left: 3px;
		}
	#contents .pagetop a:hover {background-image: url(../img/sub/pagetop_f2.gif);}


/* ==========================================================
	#footer 
========================================================== */
#footer {
	clear: both;
	width: 100%;
	background-color: #6F5740;
	position: relative;
	height: 225px;
	}
.warp {
	width: 940px;
	margin: 0px auto;
	}

#footer ul#fnavi {
	float: left;
	width: 700px;
	padding: 10px 0px 0px;
	text-align: left;
	}
	#footer ul#fnavi li {
		display: inline;
		border-left: 1px solid #B0977D;
		line-height: 1.2;
		padding: 0px 13px;
		}
		#footer ul#fnavi li#first {
			border-left: none;
			padding-left: 0px;
			}
	#footer ul#fnavi a:link, #footer ul#fnavi a:visited {
		color: #FFF;
		text-decoration: none;
		}
	#footer ul#fnavi a:hover {
		color: #B0977D;
		text-decoration: underline;
		}

	#footer #copy {
		float: left;
		width: 500px;
		padding-top: 40px;
		text-align: left;
		color: #FFF;
		}
	#footer #finner {
		float: right;
		width: 230px;
		text-align: right;
		}
		#footer #finner img {margin-top: -35px;}