/*
 * Copyright B-communications
 * Auter T.saitou
 * Date 2009.11.9
 */

body {
	background-color:#000000;
	/* IE6Hack */
	text-align:center;
}

a{
	color:#72aed0;
	text-decoration: none;
}

#wrap{
	width:950px;
	height:740px;
	margin: 0 auto;
	background-color:#ffffff;
}

#header{
	margin:0 auto;
	width:950px;
	height:30px;
}

#header h1{
	display:none;
}

#footer{
	margin:0 auto;
	width:950px;
	height:30px;
}

#left_area{
	float:left;
	padding:0 0 0 30px;
	width:720px;
}

#right_area{
	float:right;
	width:200px;
	height:740px;
	background-color:#3e3a39;
}

#logo_area{
	float:left;
	width:720px;
	height:137px;
}

/* メニュー上段 */
.menu_area1 ul{
	width:720px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

.menu_area1 ul li{
	margin:0px;
	text-align:left;
	float:left;
	list-style:none;
}

.menu_area1 ul li.mn01 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn01_btn.jpg") no-repeat left top;
}

.menu_area1 ul li.mn02 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn02_btn.jpg") no-repeat left top;
}

.menu_area1 ul li.mn03 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn03_btn.jpg") no-repeat left top;
}

.menu_area1 ul li.mn04 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn04_btn.jpg") no-repeat left top;
}

.menu_area1 ul li.mn05 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn05_btn.jpg") no-repeat left top;
}

.menu_area1 ul li.mn01 a span,
.menu_area1 ul li.mn02 a span,
.menu_area1 ul li.mn03 a span,
.menu_area1 ul li.mn04 a span,
.menu_area1 ul li.mn05 a span{
	display:none;
}

/* メニュー下段 */
.menu_area2 ul{
	width:720px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

.menu_area2 ul li{
	margin:0px;
	text-align:left;
	float:left;
	list-style:none;
}

.menu_area2 ul li.mn01 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn06_btn.jpg") no-repeat left top;
}

.menu_area2 ul li.mn02 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn07_btn.jpg") no-repeat left top;
}

.menu_area2 ul li.mn03 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn08_btn.jpg") no-repeat left top;
}

.menu_area2 ul li.mn04 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn09_btn.jpg") no-repeat left top;
}

.menu_area2 ul li.mn05 a{
	display:block;
	width:144px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../new_img/btn/mn10_btn.jpg") no-repeat left top;
}

/* hover処理 */
.menu_area1 ul li a:hover{
	color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


.menu_area2 ul li a:hover{
	color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


.menu_area2 ul li.mn01 a span,
.menu_area2 ul li.mn02 a span,
.menu_area2 ul li.mn03 a span,
.menu_area2 ul li.mn04 a span,
.menu_area2 ul li.mn05 a span{
	display:none;
}

/* whats_new */
#whats_new{
	float:left;
	width:300px;
	height:145px;
	background: url("../new_img/whats_new.jpg") no-repeat left top;	
	text-align:left;
}

#whats_new ul{
	float:left;
	text-align:left;
	width:240px;
	height:100px;
	padding:15px 5px 10px 20px;
}

/* IE8用 */
*+html>/**/body #whats_new ul{
	float:left;
	text-align:left;
	width:240px;
	height:100px;
	padding:15px 5px 10px 20px;
	background-color:#8080ff;
}

/* IE7用 */
*:first-child+html #whats_new ul{
	float:left;
	text-align:left;
	width:240px;
	height:100px;
	position:relative; top:15px; left:-40px; right:0px;
}

#whats_new ul li{
	line-height : 150%;
	font-size:10px;
	padding : 2px 0;
}


/* text_area */
#text_area{
	float:right;
	width:415px;
	height:145px;
	/* padding:5px 5px 5px 5px; */
	background: url("../new_img/text_back.jpg") no-repeat left top;		
}

#text_area p{
	font-size:10px;
	padding:20px 40px 30px 40px;
	text-align:left;
	line-height:20px;
}

/* footer_link */
#link_menu{
	float:left;
	width:480px;
	height:20px;
	padding:10px 0 0 30px;
	color:#ffffff;
	font-size:10px;
	text-align:left;
}

#link_menu a{
	color:#ffffff;
}

#copyright{
	float:right;
	width:350px;
	height:20px;
	padding:10px 0 0 30px;
	color:#ffffff;
	font-size:10px;
	text-align:right;
}