@charset "utf-8";

/*
===== CONTENTS ===========================================

	1: CONTAINER
	2: HEADER
	3: FOOTER
	4: NAVIGATION
	5: MAIN CONTENT

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

/*
===== 1: CONTAINER ==========================================
*/
div.container { text-align: center; width:100%; }
div.container-box { margin: 0px auto; text-align: left;}


/*
===== 2: HEADER ==========================================
*/
div#header{width:100%;text-align:center;display:table; float:left; height:83px;}
#header-area{ height:83px;}
table#logo { width:940px;}

div#header2{width:100%;text-align:center;display:table; float:left; height:40px;}
#header-area2{ height:40px; }

div#header3{width:100%;text-align:center;display:table; border-bottom:1px #ddd solid; float:left; height:35px;}/*パンくずエリアの下線*/
#header-area3{ height:30px; padding-top:7px;}

/*ヘッダーメニュー*/
#h_menu {
	height:38px;
	border-top:1px #e85298 solid;
	border-bottom:1px #e85298 solid;
	/*background-color:#e60012;*//*ヘッダーメニューの色*/
}
#h_menu ul {
	width:940px;
	height:38px;
	margin:0px auto;
}
#h_menu ul li {
	float:left;
	width:132px;
	height:38px;
	text-align:center;
	border-right:1px solid #e85298;/*ヘッダーメニューの縦ライン色（右）*/
	list-style-type: none;
}
#h_menu ul li:nth-child(1) {
	border-left:1px solid #e85298;/*ヘッダーメニューの縦ライン色（左）一番左のみ*/
}
#h_menu ul li a {
	display:block;
	color:#e4007F;/*ヘッダーメニューの文字の色*/
	text-decoration:none;
	font-size:14px;
	line-height:30px;
	padding-top:6px;
}
#h_menu ul li a:hover,#h_menu ul li.active {
	background-color:#fbe6ef;/*ヘッダーメニューのマウスオン時の色*/
	color:#e4007F;
}
#h_menu ul li a:hover {
	height:32px;
}


/*
===== 3: NAVIGATION ======================================
*/
div#visual{width:100%;text-align:center;display:table;float:left; height:275px; margin-top:10px;}
/*
===== 4: MAIN CONTENT ====================================
*/

div#m-box{width:100%;text-align:center;display:table;float:left;}
div#box-area{ margin:0 auto; width:940px;}

div#le-container{ width:230px; float:left; margin-top:30px;}
div#le-container p{ font-size:15px;}
div#ri-container{ width:660px; float:right; margin-top:30px}


div#ri-container #le-box{ width:482px; float:left; margin-top:30px;}

div#ri-container #ri-box{ width:128px; float:right; margin-top:30px; padding:10px 10px; background-color:#ccc}



/*
===== 5: FOOTER ==========================================
*/
div#footer-container {width:100%; display:table;float:left; margin-top:30px; padding:5px 0px 20px 0px; background-color:#fff; border-top:2px #e85298 solid;}/*フッターエリアの背景と上部ライン*/
div#footer-area {margin:30px auto;width:940px;color:#333; display:table}/*フッターエリアの文字の色*/
div#footer-area .box{margin:0px auto;width:940px; font-size:12px; float:left; margin-top:15px;}
div#footer-area .box .logo{width:590px; font-size:12px; float:left; text-align:left;}
div#footer-area .box .logo img{ padding-bottom:5px;}
div#footer-area .box .cr{width:350px;; font-size:12px; float:right; text-align:right; margin-top:40px;}
div#footer-container dl{width:205px; padding-right:30px; float:left;}
div#footer-container dt{border-bottom:1px solid #e85298; font-size:15px; margin-bottom:10px; padding-bottom:5px;}/*フッターカテゴリー下の点線*/
div#footer-container li{list-style:none; font-size:12px;}