@charset "utf-8";

/* =========================================================================
@ Area
============================================================================ */


/* =========================================================================
@ Site Regulation
============================================================================ */

body{
	color:#4c4c4c;
	font-size:12px;
	line-height:150%;
	background:#ebebeb url(/material/img/top/bg_body.gif) repeat-x 0 111px;
	font-family: "ＭＳ Ｐゴシック";
	text-align:center;
}

/* @ Header
----------------------------------------- */
/* @ Contents
----------------------------------------- */
#Contents{
	clear:both;
	width:990px;
	margin:0 auto;
	padding:14px 0 12px 0;
	text-align:left;
	color:#4c4c4c;
}


/* =========================================================================
@ Column
============================================================================ */

/* @ oneColumn
----------------------------------------- */
.oneColumn{
	width:990px;
	background:none;
	display:block;
	margin:0 0 10px 0;
}

.oneColumn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* @ twoColumn
----------------------------------------- */
.twoColumn{
	width:990px;
	display:block;
	background:url(/material/img/top/bg_twoColumn.gif) no-repeat left bottom;
	padding:0 0 25px 0;
	_margin:-3px 0 0 0;
}

.twoColumn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.twoColumn .left{
	float:left;
	width:676px;
	background:url(none);
}

.twoColumn .right{
	float:right;
	width:255px;
}



/* =========================================================================
@ Indent Box
============================================================================ */

/* @ normalIndent
----------------------------------------- */
.normalIndent{
	padding:25px 20px 0 20px;
}
.twoColumn .normalIndent{
	background:url(/material/img/top/bg_twoColumn_head.gif) no-repeat left top;
}


/* =========================================================================
@ Module
============================================================================ */

/* @ btnTxt Module
----------------------------------------- */
a.btnTxt:link,
a.btnTxt:visited,
a.btnTxt:hover,
a.btnTxt:active{
	color:#3E3E3E;
	text-decoration:none;
}

/* @ txtIndent
----------------------------------------- */
.txtIndent{
	padding:0 6px 10px 6px;
}

/* @ firstColmn
----------------------------------------- */
.twoColumn #firstColmn{
	width:942px;
	height:88px;
	_width:990px;
	_height:124px;
	background:url(/material/img/top/img_contents_menu_01.jpg) no-repeat 0 0;
	padding:20px 20px 16px 28px;
}

.twoColumn #sfirstColmn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.twoColumn #firstColmn ul{
	float:left;
	width:550px;
	height:88px;
}

.twoColumn #firstColmn ul li{
	float:left;
	width:100px;
	height:22px;
	display:block;
}

.twoColumn #firstColmn ul li a{
	width:100px;
	height:22px;
	display:block;
}

.twoColumn #firstColmn ul li.menu01{
	margin:66px 80px 0 0;
}

.twoColumn #firstColmn ul li.menu02,
.twoColumn #firstColmn ul li.menu05,
.twoColumn #firstColmn ul li.menu08,
.twoColumn #firstColmn ul li.menu11{
	margin:0 24px 0 0;
}

.twoColumn #firstColmn ul li.menu03,
.twoColumn #firstColmn ul li.menu06,
.twoColumn #firstColmn ul li.menu09,
.twoColumn #firstColmn ul li.menu12{
	margin:0 18px 0 0;
}

.twoColumn #firstColmn div.menu13{
	float:right;
	width:382px;
	height:88px;
	display:block;
}

.twoColumn #firstColmn div.menu13 a{
	width:200px;
	height:48px;
	_width:382px;
	_height:88px;
	padding:40px 0 0 182px;
	display:block;
}


/* @ oneColmn
----------------------------------------- */
.oneColumn #secondColmn{
	width:990px;
	position:relative;
	z-index:1;
}

.oneColumn #secondColmn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.oneColumn #secondColmn ul{
	margin:0 0 0 3px;
	padding:0;
}

.oneColumn #secondColmn ul li{
	float:left;
	margin:0 1px;
	background:url(/material/img/top/bnr_contents_bg.jpg) no-repeat 0 0;
	padding:0 8px 8px 8px;
}

.oneColumn #secondColmn ul li a{
	width:228px;
	height:113px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.oneColumn #secondColmn ul li.menu01 a{
	background:url(/material/img/top/bnr_contents_01.jpg) no-repeat 0 0;
}

.oneColumn #secondColmn ul li.menu02 a{
	background:url(/material/img/top/bnr_contents_02.jpg) no-repeat 0 0;
}

.oneColumn #secondColmn ul li.menu03 a{
	background:url(/material/img/top/bnr_contents_03.jpg) no-repeat 0 0;
}

.oneColumn #secondColmn ul li.menu04 a{
	background:url(/material/img/top/bnr_contents_04.jpg) no-repeat 0 0;
}

/* 修正20150514BK
.twoColumn #secondColmn{
	width:990px;
}

.twoColumn #secondColmn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.twoColumn #secondColmn ul{
	width:977px;
	margin:0 0 0 6px;
}

.twoColumn #secondColmn ul li{
	float:left;
	margin:0;
}

.twoColumn #secondColmn ul li a{
	width:134px;
	height:60px;
	_width:244px;
	_height:108px;
	display:block;
	padding:48px 0 0 110px;
}

.twoColumn #secondColmn ul li.menu01 a{
	background:url(/material/img/top/img_contents_menu_02.jpg) no-repeat 0 0;
}

.twoColumn #secondColmn ul li.menu02 a{
	background:url(/material/img/top/img_contents_menu_03.jpg) no-repeat 0 0;
}

.twoColumn #secondColmn ul li.menu03 a{
	background:url(/material/img/top/img_contents_menu_04.jpg) no-repeat 0 0;
}

.twoColumn #secondColmn ul li.menu04 a{
	width:135px;
	height:60px;
	_width:245px;
	_height:108px;
	background:url(/material/img/top/img_contents_menu_05.jpg) no-repeat 0 0;
}
*/

/* @ search 20150514ページ内header記述を移動
----------------------------------------- */
.cateSearchBox .tab{
	margin-left:6px;
	overflow:hidden;
}
.cateSearchBox .tab li{
	float:left;
	width:315px;
	height:35px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.cateSearchBox .tab li.tab01{
	background:url(/material/img/top/tab_01_off.gif) no-repeat 0 0;
	margin-right:17px;
}
.cateSearchBox .tab li.tab01.select{
	background:url(/material/img/top/tab_01_on.gif) no-repeat 0 0;
}
.cateSearchBox .tab li.tab02{
	background:url(/material/img/top/tab_02_off.gif) no-repeat 0 0;
	margin-right:16px;
}
.cateSearchBox .tab li.tab02.select{
	background:url(/material/img/top/tab_02_on.gif) no-repeat 0 0;
}
.cateSearchBox .tab li.tab03{
	background:url(/material/img/top/tab_03_off.gif) no-repeat 0 0;
}
.cateSearchBox .tab li.tab03.select{
	background:url(/material/img/top/tab_03_on.gif) no-repeat 0 0;
}

.cateSearchBox .content {
	background:url(/material/img/top/bg_search.gif) no-repeat left bottom;
	padding:0 6px 9px 6px;
	margin-bottom:10px;
}
.cateSearchBox .content li{
	background:url(/material/img/top/bg_search_header.gif) repeat-x left top;
	padding:20px 40px 20px 40px;
}

.cateSearchBox .hide {
	display:none;
}

.cateSearchBox .content #short{
	background:url(/material/img/top/search_tit_01.gif) no-repeat;
	padding: 20px 0 20px 225px;
}
.cateSearchBox .content #short a#moreSearch{
	background:url(/material/img/common/arrow_04.gif) no-repeat left center;
	padding-left:12px;
}


/* @ top_contents
----------------------------------------- */
.twoColumn .left .top_contents01{
	width:676px;
	margin:0 0 20px 0;
}
.twoColumn .left .top_contents02{
	width:676px;
	margin:0;
}

.twoColumn .left .tit{
	width:676px;
	height:30px;
}

.twoColumn .left ul{
	width:655px;
	margin:0 0 0 10px;
}

.twoColumn .left ul li{
	width:655px;
	padding:10px 0;
	border-bottom:1px solid #D9D9D9;
}

.twoColumn .left ul li dl{
	width:655px;
}

.twoColumn .left ul li dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.twoColumn .left ul li dl dt{
	float:left;
	width:67px;
	padding:0 0 0 3px;
	font-weight:bold;
}

.twoColumn .left ul li dl dd{
	float:right;
	width:560px;
}


/* @ right
----------------------------------------- */
.twoColumn .right ul{
	width:255px;
	padding:0 0 5px 0;
}

.twoColumn .right ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.twoColumn .right ul li{
	width:255px;
	margin:0 0 7px 0;
}

.twoColumn .right ul li.menu01 a{
	width:255px;
	height:52px;
	display:block;
	background:url(/material/img/top/btn_contents_01.jpg) no-repeat 0 0;
}

.twoColumn .right ul li.menu02 a{
	width:255px;
	height:52px;
	display:block;
	background:url(/material/img/top/btn_contents_02.jpg) no-repeat 0 0;
}

.twoColumn .right ul li.menu03 a{
	width:223px;
	height:43px;
	_width:255px;
	_height:79px;
	display:block;
	background:url(/material/img/top/btn_contents_03.jpg) no-repeat 0 0;
	padding:36px 0 0 32px;
}

.twoColumn .right ul li.menu03 a.btnTxt:link,
.twoColumn .right ul li.menu03 a.btnTxt:visited,
.twoColumn .right ul li.menu03 a.btnTxt:hover,
.twoColumn .right ul li.menu03 a.btnTxt:active{
	color:#000;
	text-decoration:none;
}


