@charset "utf-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	リセット
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,button{
	margin:0px;
	padding:0px;
}

ul,li { list-style:none; }

img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:bottom;
}

th{ font-weight:normal; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	デフォルト
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body {
	margin:0px;
	padding:0px;
	background: #FFFFFF;
	border-top:4px solid #22662b;
	font-size:90%;
	font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
	line-height:1.5em;
}

*html body {/* IE6 フォント指定*/
	font-size:80%;
}
/*IE6用 ロールオーバーチラつき解除*/
html{
	height:100%;
	_filter expression(document.execCommand("BackgroundImageCache",fals,true));	
}

h1 { margin:0; }

h2 { margin:0; }

h3 { margin:0; }

h4 { margin:0; }

a,
a:link,
a:visited {
	text-decoration:underline;
}
a:hover,
a:active {
	text-decoration:none;
}

p { line-height:1.5em; }

hr { display:none; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	全体枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Section_All{
	margin:0;
	padding:0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Header{
	width:100%;
	margin:0 auto;
	background:url("../../common/images/head_bg.gif") repeat left 1px;
	border-bottom:1px solid #FFFFFF;
}

#Header h1{
	height:30px;
	color:#888888;
	font-size:80%;
	font-weight:normal;
}

#Header #Header_Menu{
	width:1000px;
	margin:0 auto;
}

#Header #Header_Menu h2{ /*ロゴで使用*/
	float:left;
	width:205px;
}

#Header #Header_Menu ul{
	float:right;
	width:740px;
}

#Header #Header_Menu ul li{
	float:left;
	padding-right:5px;
}

#Header #Header_Menu ul li.h_menu01{
	margin-top:15px;	
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	メイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Content{
	background:url("../../common/images/content_bg.jpg") repeat-x left top;
}

#Content #Content_Area{
	width:1000px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#Content #Content_Area h3{
	text-align:center;
	margin-bottom:19px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	メインメニュー３つ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
ul#Top_Menu{
	width:1000px;
	clear:both;
}

ul#Top_Menu li{
	width:300px;
	float:left;
}

ul#Top_Menu li.menu02{
	margin:0 50px;	
}


/*その下読み物系メニュー*/
#Other_Menu{
	float:left;
	width:320px;
	margin-bottom:15px;
	border-right:2px solid #e0ddbb;
	border-bottom:2px solid #e0ddbb;
	border-left:2px solid #e0ddbb;
}

#Other_Menu .ttl{
	text-align:center;
	background-color:#22662B;
	color:#fff;font-weight:bold;
}

#Other_Menu .om01{
	width:290px;
	padding:10px 0 10px 15px;	
}

#Other_Menu .om01 img{
	float:left;
	width:47px;
}

#Other_Menu .om01 dl{
	float:left;
	width:233px;
	padding-left:10px;
	margin-bottom:15px;
}

#Other_Menu .om01 dl dt{
	padding-left:10px;
	background:url("../../common/images/arrow_green.gif") no-repeat left center;
}

#Other_Menu .om01 dl dt a{
	font-weight:bold;
	color:#e18001;
}

#Other_Menu .om01 dl dd{
	padding-left:10px;
	font-size:80%;
	line-height:1.2em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	新着情報・バナー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Content_Bottom{
	width:1000px;
	padding:0 0 30px 0;

}

/*新着*/
#Content_Bottom #News{
	float:left;
	width:605px;
	margin-right:30px;
	padding:7px 20px;
	background:url("../images/news_grayline.gif") repeat-y left top;
}

#Content_Bottom #News dd.wrapper{
	padding:0 10px 18px 0px;/*ニュース内容が増えたらボトムのpaddingを減らす*/
}
#Content_Bottom #News dl.date{
	padding:10px 5px 5px 0;
	background:url("../../common/images/dot_gray_line.gif") repeat-x left bottom;
}
#Content_Bottom #News dl.date dt{
	float: left;
	width: 5em;
}
#Content_Bottom #News dl.date dd{
	float: left;
}

#Content_Bottom #News dl.date a{
	color:#e18001;
}

.ssl{
	clear:both;
	width:320px;
	}

/*バナー*/
ul#Top_Banner{
	float:left;
	width:290px;
	margin-left:30px;
}

ul#Top_Banner li{
	margin-bottom:10px;
}

.banner_online,
.banner_qa{
	float:left;
	width:327px;
	margin-right:9px;
	}
.banner_search_area{
	float:left;
	width:327px;
	}	
.banner_wedding{
	margin-top:10px;
	}

/*---------------------------------------
	フロート解除用
---------------------------------------*/
.clearfix{
	zoom:1; /* clear float - ie */
}
.clearfix:after{ /* clear float */
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}