@charset "utf-8";
/* CSS Document */

/*--------------------
	共通
--------------------*/
body {
	margin: 0px auto;
	padding: 0px;
	background-color: #BAA79B;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	line-height: 120%;
}
/* ----- すべての要素に対して ----- */
* {
	margin: 0;
	padding: 0;
}

/* ----- アンカーリンク ----- */
a:link { color: #666666; text-decoration: none; }
a:visited { color: #808080; text-decoration: none; } 
a:hover { color: #231812; text-decoration: underline; }
a:active { color: #3983BC; text-decoration: underline; }
/* ----- Float Clear ----- */
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/* ----- Clearfix ----- */
.clearfix:after {
  content: ".";		/* 新しい要素を作る */
  display: block;	/* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}	
/* ---http://blog.d-spica.com/entry/070307clearfix.html--- */

/*--------------------
	Container
--------------------*/
#container {
	width: 750px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
}
/*--------------------
	Header
--------------------*/
#header {
	width: 750px;
	height: 93px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_yamano.jpg);
	background-repeat: no-repeat;
	background-position: 17px 13px;
}
#header #h_left{
	width: 460px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#header #h_left h2{
	margin: 2px 0px 0px 10px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	height: 13px;
}
#header #h_left h1{
	margin: 24px 0px 0px 10px;
	padding: 0px;
}
#header #h_right{
	width: 270px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
}
#header #h_right ul{
	width: 258px;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	list-style-type: none;
}
#header #h_right li{
	width: 85px;
	height: 19px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
}
#header #h_right .info{
	margin: 13px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
/*--------------------
	MenuNavi
--------------------*/
#menunavi {
	width: 740px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/menu_navi_bg.jpg);
	background-repeat: repeat-x;
}
#menunavi ul{
	list-style-type: none;
}
#menunavi li{  
	list-style-type: none;
	float: left;
	width: 122px;  
	height: 40px;
}  
#menunavi li a {  
	width: 122px;  
	height: 40px;
	display: block;  
	text-decoration: none;  
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	text-indent: -9999px;  
}
/* hoverで表示される画像 */
#menunavi li.doronko {	background-image: url(../images/menu_navi_01_on.jpg);}
#menunavi li.kohaku {	background-image: url(../images/menu_navi_02_on.jpg);}
#menunavi li.bridal {	background-image: url(../images/menu_navi_03_on.jpg);}
#menunavi li.salon {	background-image: url(../images/menu_navi_04_on.jpg);}
#menunavi li.school {	background-image: url(../images/menu_navi_05_on.jpg);}
#menunavi li.blog {		background-image: url(../images/menu_navi_06_on.jpg);}
/* a表示される画像をhoverの時に消す */
#menunavi li.doronko a:hover,
#menunavi li.kohaku a:hover,
#menunavi li.bridal a:hover,
#menunavi li.salon a:hover,
#menunavi li.school a:hover,
#menunavi li.blog a:hover {
	background-image: none;
}
/* aで表示される画像 */  
#menunavi li.doronko a {background-image: url(../images/menu_navi_01.jpg);}
#menunavi li.kohaku a {	background-image: url(../images/menu_navi_02.jpg);}
#menunavi li.bridal a {	background-image: url(../images/menu_navi_03.jpg);}  
#menunavi li.salon a {	background-image: url(../images/menu_navi_04.jpg);}  
#menunavi li.school a {	background-image: url(../images/menu_navi_05.jpg);}  
#menunavi li.blog a {	background-image: url(../images/menu_navi_06.jpg);}  
/* 現在表示されているページ */
#menunavi li a.currentpage {
	background-image: none;
}
    
/*--------------------
	CatchImages
--------------------*/
#catch_images {
	width: 750px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
/*--------------------
	Wrapper
--------------------*/
#wrapper {
	width: 750px;
	height: auto;
	margin: 14px 0px 0px 0px;
	padding: 0px;
}
/*--------------------
	Contents
--------------------*/
#contents {
	width: 515px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	float: right;
	display: inline;
}
/* タイトル画像 */
#contents h4.tagline{
	margin: 0px;
	padding: 0px;
}
#contents h5.tagline{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#contents h4.tagline img,
#contents h5.tagline img,
#contents p img{
	vertical-align: bottom;
}
/*--------------------
	SideBar
--------------------*/
#sidebar {
	width: 220px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	display: inline;
}
#sidebar .sec{
	width: 220px;
	margin: 0px;
	padding: 0px;
}
#sidebar h4{
	margin: 0px;
	padding: 0px;
}
#sidebar .sec01{
	width: 220px;
	margin: 0px;
	padding: 0px;
}
#sidebar .sec01 h4{
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
#sidebar p{
	margin: 0px;
	padding: 10px 15px 0px 0px;
}
#sidebar h4 img,
#sidebar p img{
	vertical-align: bottom;
}

/*--------------------
	Footer
--------------------*/
#footer {
	width: 750px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#footer_box {
	margin: 0px;
	padding: 0px;
}
#footer .footer_navi{
	width: 220px;
	margin: 35px 0px 0px 10px;
	padding: 0px;
	float: left;
}
#footer .copyright{
	width: 400px;
	margin: 35px 10px 0px 0px;
	padding: 0px;
	float: right;
}
#footer a:link { color: #666666; text-decoration: none; }
#footer a:visited { color: #808080; text-decoration: none; } 
#footer a:hover { color: #231812; text-decoration: underline; }
#footer a:active { color: #3983BC; text-decoration: underline; }