@charset "utf-8";
/* ===================================================================
CSS information
style info : 共通部分設定

	header
	Base
	footer
=================================================================== */


/* --------------------------------------------------------
	header
-------------------------------------------------------- */
#header {
	width: 100%;
	height:100px;
	text-align: left;
	background: url(../images/header_bg.jpg) repeat-x;
	position: relative;
	z-index: 1;
}
#header .header_top {
	width:960px;
	height:70px;
	margin: 0 auto;
}
#header .header_top h1.logo {
	width:300px;
	height:70px;
	line-height:70px;
	float:left;
}
#header .header_top h1.logo a {
	width:300px;
	height:70px;
	display:block;
}

/* ----131212追加　検索窓---- */
#header .header_top .searchBox {
	width:275px;
	height:28px;
	float:right;
	background: url(../images/search_bg.png) no-repeat;
	margin-top:25px;
	position: relative;
}

#searchKeywords{
	width: 217px;
	height: 15px;
	border: 1px solid #D1D1D1;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2) inset;
	margin:5px;
}

#searchBtn {
	position: absolute;
	top: 5px;
	right: 5px;
	display:block;
	width:40px;
	height:20px;
	padding:0;
	border:0;
	background:url(../images/search_btn.png) no-repeat left top;
	text-indent:-9999px;
	font-size: 0px;
	ine-height: 0px;
	cursor:pointer;
}
#searchBtn:hover,
#searchBtn:focus {
	background-position:left -20px;
}

#header .menu {
	width: 960px;
	height: 30px;
	margin:0 auto;
	display:block;
}
#header .menu a {
	width:250px;
	font-size:12px;
	color:#FFFFFF;
}
#header .menu span {
	display:block;
	width:137px;
	font-size:12px;
	color:#FFFFFF;
}
#header .menu_height {
	width:137px;
	height:30px;
	text-indent:-9999px;
}
#header .menu {
	position:relative;left:0;top:0;
}
#menu1 {position:absolute;left:0px;top:0;}
#menu2 {position:absolute;left:138px;top:0;}
#menu3 {position:absolute;left:275px;top:0;}
#menu4 {position:absolute;left:412px;top:0;}
#menu5 {position:absolute;left:549px;top:0;}
#menu6 {position:absolute;left:686px;top:0;}
#menu7 {position:absolute;left:823px;top:0;}
#menu1 .menu_height {background: url(../images/gnav01.jpg) no-repeat;width:138px;}
#menu2 .menu_height {background: url(../images/gnav02.jpg) no-repeat;}
#menu3 .menu_height {background: url(../images/gnav03.jpg) no-repeat;}
#menu4 .menu_height {background: url(../images/gnav04.jpg) no-repeat;}
#menu5 .menu_height {background: url(../images/gnav05.jpg) no-repeat;}
#menu6 .menu_height {background: url(../images/gnav06.jpg) no-repeat;}
#menu7 .menu_height {background: url(../images/gnav07.jpg) no-repeat;}

#menu1 .menu_height:hover {background: url(../images/gnav01_on.jpg) no-repeat;}
#menu2 .menu_height:hover {background: url(../images/gnav02_on.jpg) no-repeat;}
#menu3 .menu_height:hover {background: url(../images/gnav03_on.jpg) no-repeat;}
#menu4 .menu_height:hover {background: url(../images/gnav04_on.jpg) no-repeat;}
#menu5 .menu_height:hover {background: url(../images/gnav05_on.jpg) no-repeat;}
#menu6 .menu_height:hover {background: url(../images/gnav06_on.jpg) no-repeat;}
#menu7 .menu_height:hover {background: url(../images/gnav07_on.jpg) no-repeat;}

#header .down_box {
	width:250px;
	height:25px;
	border-bottom:1px solid #333;
	background: url(../images/submenu_bg.png) no-repeat;
}
*html #header .down_box {
	width:240px;
	height:25px;
	margin:0; padding:0;
	border-bottom:1px solid #333;
	line-height:normal;
	background: url(../images/submenu_bg.jpg) no-repeat #000;
}
*+html #header .down_box {
	width:250px;
	height:25px;
	margin:0; padding:0;
	border-bottom:1px solid #333;
	line-height:normal;
	background: url(../images/submenu_bg.png) no-repeat;
}
.submenu a {
	width:220px;
	line-height:normal;
	padding:3px 10px 6px 20px;
	display:block;
}
*html .submenu a {
	width:220px;
	height:20px;
	line-height:normal;
	padding:6px 10px 0px 20px;
}
*+html .submenu a {
	width:220px;
	height:20px;
	line-height:normal;
	padding:6px 10px 0px 20px;
}
.submenu a:hover { background: url(../images/submenu_bg_on.jpg) no-repeat left top;}
.submenu {
	visibility:hidden;
	position:absolute;
	left:0;
	top:auto;
}
.submenu_others {
	visibility:hidden;
	position:absolute;
	left:-113px;
	top:auto;
}
.submenu_others a {
	width:220px;
	height:25px;
	line-height:normal;
	padding:3px 10px 3px 20px;
	display:block;
}
*+html .submenu_others a {
	width:220px;
	height:25px;
	padding:6px 10px 0px 20px;
}
*html .submenu_others a {
	width:220px;
	height:20px;
	padding:6px 10px 0px 20px;
}
.submenu_others a:hover { background: url(../images/submenu_bg_on.jpg) no-repeat left top;}



/* --------------------------------------------------------
	Base
-------------------------------------------------------- */
#content {
	width:960px;
	height:auto;
	margin: 0 auto;
}

#main {
	width: 750px;
	position: relative;
	z-index: 0;
}
#sub {
	width: 200px;
	position: relative;
	z-index: 0;
}
#header:after, 
#header .header_top:after, 
#header .menu:after, 
#content:after, 
#main:after, 
#sub:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.focus{
	color:#999;
	padding:3px 0 0 3px;
}



/* --------------------------------------------------------
	footer
-------------------------------------------------------- */
#footer {
	width:100%;
	height:100px;
	text-align:center;
	background: url(../images/footer_bg.jpg) repeat-x;
}
#footer p{
	padding-top: 12px;
	font-size:10px;
	line-height:140%;
	text-align:center;
	color:#fff;
}

#footer a {
	color:#fff;
	text-decoration:underline;
}
#footer a:hover {
	background-color:#333;
	color:#FFFFFF;
}


/* --------------------------------------------------------
	K-1クライマックスキャンペーンで使用(2015/02追加)
-------------------------------------------------------- */
.art_border02 {
	width:725px;
	height:3px;
	margin:10px 0;
	background: url(/image/art_border.jpg) no-repeat;
}

.new_title02 {
	width:600px;
	font-size:28px;
	font-weight:bold;
	padding-left:80px;
	line-height:1.4;
	background: url(/image/new_icon.jpg) no-repeat 0 center;
	margin-top:10px;
}