/*
      これはホームページのレイアウトを設定しているファイルです。
      ページの構造、文字の大きさ、色、等を設定しています。
	  
*/

/*
 *  ここから下は、ページの基本構造を設定しています。
 *
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#c0bebf;
}
#wrapper2{
	background:#FFF;
 background-image:url("../img/back.jpg");
 background-repeat:repeat-x;
 background-position: top;	
   width: 100%;
   float: left;
}
#wrapper_top { 
 margin: 0 auto;
 width: 1024px;
 float: left;
 background-image:url("../img/back_top_content.png");
 background-repeat:repeat-y;
 background-position: left;
}
#wrapper { 
 margin: 0 auto;
 width: 1024px;
 float: left;
  background: #FFF;
}
/*
 * トップページ用ヘッダーエリアの設定
 */
#header_top {
 text-align: right;
 width: 904px;
 float: left;
 padding: 150px 120px 10px 0px;
 height: 205px;
 background:#FFF;
 background-image:url("../img/back_header.jpg");
 background-repeat:no-repeat;
 background-position: left top;
}
/*
 * テンプレート用ヘッダーエリアの設定
 */
#header {
 text-align: right;
 width: 904px;
 float: left;
 padding: 50px 120px 0px 0px;
 height: 102px;
 background: #BD9C8C;
 background-image:url("../img/back_header2.jpg");
 background-repeat:no-repeat;
 background-position: left top;
}

#navigation_top {
 float: left;
 width: 904px;
 padding: 10px 0px 10px 120px;
 background: #FFF;
 background-repeat:no-repeat;
 background-position: left top;
}

#navigation {
 float: left;
 width: 854px;
 padding: 0px 0px 10px 170px;
 background: #FFF;
}

#maincolumn {
 float: left;
 min-height:560px;
 height:auto;
 padding: 20px 110px 20px 94px;
 width: 820px;
}

#leftcolumn {
 padding: 70px 43px 0px 124px;
 min-height:160px;
 height: auto;
 width: 465px;/*465+43+124=631*/
 float: left;
 background-image:url("../img/back_koshin.png");
 background-repeat:no-repeat;
 background-position: left top;
}

#rightcolumn { 
 float: right;
 margin-top: 5px;
 padding: 85px 114px 0px 26px;
 min-height:160px;
 width: 252px;/*252+114+26=392*/
 background: #FFF;
 display: inline;
 background-image:url("../img/back_address.png");
 background-repeat:no-repeat;
 background-position: left top;
}
#contents_footer { 
 width: 1024px;
 height: 116px;
 clear: both;
 background-image:url("../img/back_footer.png");
 background-repeat:no-repeat;
 background-position: left bottom;
}
#footer {
 clear: both;
 background: #c0bebf;
 padding: 20px 15px 20px 340px;
 text-align:left;
 color:#FFF;
}

/*------------------------------------*\
 * 一般リンクの文字設定
\*------------------------------------*/
a{
	color:#51765f;
	text-decoration:none;
	font-weight:bolder;
}
a:hover{
	color:#4c4c4c;
	text-decoration:none;
	font-weight:bolder;
}

/*------------------------------------*\
 * 更新情報コーナーの文字設定、リンクの設定
\*------------------------------------*/
#leftcolumn a{
	color:#FFF;
	text-decoration:none;
	font-weight: normal;
}
#leftcolumn a:hover{
	color:#820706;
	text-decoration:none;
	font-weight: normal;
}
#leftcolumn h2{
	font-family:"ＭＳ 明朝",serif; 
	letter-spacing: 2px;
	color:#FFF;
	margin:8px 0px;
}
#leftcolumn li{
	line-height: 170%;
	margin-left:20px;
}

/*------------------------------------*\
 * お問い合わせコーナーの文字設定
\*------------------------------------*/
#rightcolumn {
	font-family:"ＭＳ 明朝",serif; 
	line-height: 170%;
	color:#000;
}
#address {
	border: dotted 1px #51765f;
	padding:10px;
}


/*------------------------------------*\
	ナビゲーションメニューの設定
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px 20px;
	
	color:#000;
	background:#fff;
	text-decoration: none;
	/*border:solid 1px #FFFFFF;*/
	border-left: solid 4px #003600;

	/*text-shadow:1px 1px 1px rgba(0,0,0,0.75);*/ /* Text shadow to lift it a little */
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;*/
}
#nav li a:hover{
	color:#000;
	background: #fff;/* Solid colour fall-back #6b0c36;*/
	background:rgba(255,255,255,0.75);/* It'll look nice semi-transparent */
	text-decoration: overline;
	border-left: solid 4px #820706;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
	
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	border:solid 1px #999999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	border-left: none;/*左ボーダの打ち消し*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
	background: #ffffff; /* Solid colour fall-back */
	background:rgba(255,255,255,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	color:#820706;
	background:#333; /* Solid colour fall-back */
	border:none;
	background:rgba(200,200,200,0.75); /* It'll look nice semi-transparent */
	text-decoration: none;
	/*-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:none;
}
/*
 * ナビゲーションリンクのアンダーライン再設定
 */
#nav li a:hover{
	text-decoration: underline;
}