@charset "Shift_JIS";
@import "content.css";



body {
	margin: 0;
	background-image:url(../image/backgoround.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-size:0.8em;
	line-height:1.6;
	color:#222222;
	}

p {
	margin: 0;
	}


/* レイアウト */


#outer
	{
	width:820px;
	background-color: #FFFFFF;
	margin:0 auto 0 auto;
	background-image:url(../image/menubg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	}

#head
	{
	background-color: #FFFFFF;
	}


#menu
	{
	float:left;
	width:180px;
	background-color: #F4EAD5;
	}


#main
	{
	float:left;
	width:580px;
	}
#main_top
	{
	float:left;
	width:640px;
	}
	.main_img
	{
	width:610px;
	margin:5px 15px 5px 15px;
	}

#main_content
	{
	margin: 0px 15px;
	text-align:left;
	overflow:visible;
	clear:both;
	}
#main_contents_left {
float:left;
}


.clears
	{
	clear:both;
	}

#top-main {
overflow:visible;
clear:left;
}

/* ヘッダーボタン */

#btn
	{
	text-align: right;
	}

#btn .topbt_area_01
	{
	float:right;
	padding:0px 15px;
	background: url("../image/point_01.jpg") no-repeat;
	}

#btn .topbt_area_02
	{
	float:right;
	padding:0px 15px;
	background: url("../image/point_02.jpg") no-repeat;
	}

#btn .topbt_area_03
	{
	float:right;
	padding:0px 15px;
	background: url("../image/point_06.jpg") no-repeat;
	}
	
#btn .topbt_area a
	{
	font-size:0.8em;
	color:#3463AD;
	text-decoration: none;
	}

#btn .topbt_area a:hover
	{
	color:#5A3D1C;
	text-decoration: underline;
	}


	
/* 左メニュー リンク */
	
#menulist
	{
	width: 158px;
	margin-top: 10px;
	margin-left: 10px;
	}
	

#menulist .link_02 a 
	{
	background: url("../image/point_03.gif") no-repeat 10px;
	padding: 0px 0px 0px 28px;
	line-height: 2em;
	text-decoration:none;
	text-align: left;
	color: #FFFFFF;
	display: block;
	border-bottom: 1px #5A3D1C dotted;
	background-color: #DFBF7B;
	}

#menulist .link_02 a:hover
	{
	
	background: url("../image/point_03.gif") no-repeat 10px;
	text-decoration:none;
	color:#FFFFFF;
	text-align: left;
	background-color: #DFBF7B;
	}

#menulist .link_01 a 
	{
	background: url("../image/point_03.gif") no-repeat 10px;
	padding: 0px 0px 0px 28px;
	line-height: 2em;
	text-decoration:none;
	text-align: left;
	color: #5A3D1C;
	display: block;
	border-bottom: 1px #5A3D1C dotted;
	}

#menulist .link_01 a:hover
	{
	
	background: url("../image/point_03.gif") no-repeat 10px;
	text-decoration:none;
	color:#FFFFFF;
	text-align: left;
	background-color: #DFBF7B;
	}

/* 左メニュー リンク　下部 */

#menu_foot
	{
	width: 158px;
	margin-top: 22px;
	margin-left: 10px;	
	}

#menu_foot .link_02 a {
	padding: 2px 0px 2px 10px;
	font-size:0.9em;
	text-decoration:none;
	text-align: left;
	color: #5A3D1C;
	display: block;
	border-left: solid #5A3D1C 3px;
	border-top: 1px #00872E dotted;
	}

#menu_foot .link_02 a:hover{
	font-size:0.9em;
	text-decoration:none;
	color:#00872E;
	text-align: left;
	}	

/* ターゲット別メニュー*/

#main_content .btn_02{
	width: 565px;
	border-bottom: 1px #5A3D1C dotted;
	margin:0;
}

/* WHAT’S   NEW*/

.news_area{
	width: 400px;
	height:360px;
	margin-bottom:20px;
	}

.news_area_category{
	margin:0;
	padding:0px;
	text-align:left;
	}



.news_title{
	border-bottom: 1px #5A3D1C dotted;
	color: #00581C;
	font-weight: bolder;
	font-size: 0.9em;
	text-align:left;
	width:430px;
	}

/*バナーエリア*/
.banner_area{
	width: 172px;
	float: right;
	margin:0px;
	}
.banner{
	width: 600px;
	margin:0 auto 0 auto;
	}

.banner_l{
	width: 281px;
	float: left;
	margin: 0px 5px 0 5px;;
	}

.banner_r{
	width: 287px;
	float: left;
	}

#main-banner {
width:430px;
border:1px solid #ee8a01;
background-color:#faf6ed;
text-align:center;
padding:20px auto;
margin-bottom:10px;
margin-top:2px;
}

#main-banner td { width:50%; padding:3px; text-align:center;}
#main-banner td img { margin:1px;}
.banner-line {border-right:1px dotted #ee8a01;}
.banner-line2 {border-bottom:1px dotted #ee8a01;}

/* フッター */

#foot
	{
	clear:left;
	background: url("../image/footer_back.jpg") repeat-x;
	height: 25px;
	vertical-align:top;
	}
	
.foot_left
	{
	width: 400px;
	float: left;
	height:25px;
	vertical-align:top;
	padding-top:5px;
	}

.foot_right
	{
	width: 400px;
	float: right;
	text-align: right;
	color: #FFF;
	font-size: 0.9em;
	padding: 4px 20px 0px 0;
	}	
	
#foot .copy
	{
	color: #FFF;
	font-size: 0.9em;
	padding: 0px 0 0px 20px;
	}
	
#foot a {
	color: #FFF;
	padding: 0px 0;
	font-size:0.9em;
	text-decoration:none;
	}

#foot a:hover{
	color: #EBD7AE;
	padding: 0px 0;
	font-size:0.9em;
	text-decoration:none;
	}