/* function
-------------------------------- */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	overflow: hidden;
	}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clear { clear: both; }
.f-left { float: left; }
.f-right { float: right; }



/* container “à
---------------------------------- */
.krm_idx .column01 {
	width: 938px;
	height: 380px;
	background-color: #4a2105;
	background-image: url(../images/index/column01_bk.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-bottom: 10px;
	position: relative;
	}
.krm_idx .column01 h4 { margin-bottom: 3px; }

.krm_idx .column01 .topics {
	float: left;
	width: 470px;
	margin: 20px 0px 0px 15px;
	*display: inline;
	}
.krm_idx #mainimg {
	width: 470px;
	height: 275px;
	position: relative;
	}
.krm_idx #mainimg ul,
.krm_idx #mainimg li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.krm_idx #mainimg .banner {
	width: 470px;
	height: 275px;
	float: left;
	position: absolute;
	}
.krm_idx #mainimg .banner li {
	position: absolute;
	text-indent: -9999em;
	width: 470px;
	height: 275px;
	z-index: 10;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.krm_idx #mainimg .banner li a {
	width: 470px;
	height: 275px;
	display: block;
	}
.krm_idx #mainimg .banner li.on {
	z-index: 15;
	}
.krm_idx #mainimg .banner li#bn01 { background-image: url(../images/index/topic_01.jpg); }
.krm_idx #mainimg .banner li#bn02 { background-image: url(../images/index/topic_02.jpg); }
.krm_idx #mainimg .banner li#bn03 { background-image: url(../images/index/topic_03.jpg); }


.krm_idx #mainimg .navi {
	width: 200px;
	height: 35px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
	}
.krm_idx #mainimg .noscript {
	display: block;
	color: #fff;
	text-align: left;
	}

.krm_idx #mainimg ul.navi li {
	float: left;
	width: 60px;
	height: 35px;
	margin: 0px 0px 0px 5px;
	*display: inline;
	}
.krm_idx #mainimg ul.navi li img { border: 1px solid #ffffff; }
.krm_idx #mainimg ul.navi li.on img { border: 1px solid #ce0000; }

.krm_idx #mainimg .navi a:hover img {
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	}
.krm_idx #mainimg #nv_left,
.krm_idx #mainimg #nv_right {
	height: 115px;
	width: 30px;
	position: absolute;
	top: 80px;
	z-index: 20;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: pointer;
}
.krm_idx #mainimg #nv_right { right: 10px; }
.krm_idx #mainimg #nv_left  { left : 10px; }


.krm_idx .column01 .ranking {
	float: right;
	width: 421px;
	margin: 20px 15px 0px 0px;
	*display: inline;
	}
.krm_idx .column01 .ranking ul {
	width: 421px;
	height: 130px;
	background-image: url(../images/index/rank_bk.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	}
.krm_idx .column01 .ranking li {
	float: left;
	list-style: none;
	padding: 0px 2px 0px 3px;
	margin: 3px 0px 2px 0px;
	*display: inline;
	}

.krm_idx .column01 .news {
	float: right;
	width: 421px;
	margin: 20px 15px 0px 0px;
	*display: inline;
	}
.krm_idx .column01 .news iframe {
	width: 420px;
	height: 92px;
	background-color: #ffffff;
	border: 1px solid #c6c6c6;
	padding: 0px;
	}
/*News_midashi*/
.news_title_bg {
	width:420px;
	height:25px;
	text-align:right;
	background-image: url(../images/index/h4_03.jpg);
	background-repeat:no-repeat;
	padding-top:6px;
	}
.news_link_txt {
	margin-right:4em;
	font-size:83%;
	text-decoration:none;
	margin-top:auto;
	}
.news_link_txt a {
	margin-right:4em;
	color:#FFFFFF;
	font-size:83%;
	text-decoration:none;
	line-height:150%;
	margin-top:1em;
	}


.krm_idx .column02 {
	width: 938px;
	position: relative;
	}

/* news.html */
body#news_inline {
	padding: 10px;
	margin: 0px;
	}
body#news_inline dl {
	width: 380px;
	font-size: 0.75em;
	line-height: 1.5;
	padding: 0px;
	margin: 0px;
	}
body#news_inline dt {
	float: left;
	width: 70px;
	padding: 0px;
	margin: 0px 0px 5px 0px;;
	}
body#news_inline dd {
	float: left;
	width: 310px;
	padding: 0px;
	margin: 0px 0px 5px 0px;;
	}

/* news.html */
body#news_body {
	padding: 0px;
	margin: 0px;
	}
body#news_body h3 { margin: 0px; }
body#news_body iframe { margin: 0px 0px 20px; }

body#news_body .bt_close {
	width: 500px;
	font-size: 0.75em;
	text-align: center;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 3px 0px;
	margin-bottom: 10px;
	}
body#news_body .bt_close a { text-decoration: none; }
body#news_body .bt_close a:hover { text-decoration: underline; }

body#news_body #news_footer .logo { padding-left: 10px; }
body#news_body #news_footer address {
	font-size: 0.6em;
	font-style: normal;
	padding: 5px 0px 0px 10px;
	}


/* category */
.krm_idx .column02 .category {
	width: 938px;
	height: 125px;
	background-image: url(../images/index/category_bk.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-bottom: 10px;
	}
.krm_idx .column02 .category li {
	float: left;
	width: 312px;
	text-align: center;
	list-style: none;
	padding: 50px 0px 0px 0px;
	}
.krm_idx .column02 .category li img:hover { cursor: pointer; }


/* downbnr */
.krm_idx .column02 .downbnr li {
	display: none;
	list-style: none;
	position: absolute;
	top: 185px;
	}
.krm_idx .column02 .downbnr li.bt01b { left: 18px; }
.krm_idx .column02 .downbnr li.bt02b { left: 330px; }
.krm_idx .column02 .downbnr li.bt03b { left: 642px; }

.krm_idx .column02 .downbnr li img:hover { cursor: pointer; }


/* what_list */
#what_list {
	display: none;
	width: 903px;
	height: 320px;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	position: absolute;
	top: 185px;
	left: 18px;
	}

#what_list h4 {
	position: relative;
	margin: 10px 10px 7px 10px;
	}
#what_list ul {
	position: absolute;
	margin: 0px 8px 0px 10px;
	}
#what_list li {
	float: left;
	width: 175px;
	height: 127px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	list-style: none;
	margin: 0px 2px 2px 0px;
	*display: inline;
	}
#what_list li#whl01 { background-image: url(../images/index/bt_c_01_on.jpg); }
#what_list li#whl02 { background-image: url(../images/index/bt_c_02_on.jpg); }
#what_list li#whl03 { background-image: url(../images/index/bt_c_03_on.jpg); }
#what_list li#whl04 { background-image: url(../images/index/bt_c_04_on.jpg); }
#what_list li#whl05 { background-image: url(../images/index/bt_c_05_on.jpg); }
#what_list li#whl06 { background-image: url(../images/index/bt_c_06_on.jpg); }
#what_list li#whl07 { background-image: url(../images/index/bt_c_07_on.jpg); }
#what_list li#whl08 { background-image: url(../images/index/bt_c_08_on.jpg); }
#what_list li#whl09 { background-image: url(../images/index/bt_c_09_on.jpg); }


#what_list li a:hover img {
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	}

#what_list img.btclose {
	position: absolute;
	top: 18px;
	right: 15px;
	}
#what_list img.btclose { cursor: pointer; }


/* list */
.krm_idx .column02 .list {
	color: #3F3F3F;
	background-image: url(../images/index/list_bk.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-bottom: 30px;
	}
.krm_idx .column02 .list h3 {
	font-size: 0.75em;
	margin: 15px 18px 10px;
	}
.krm_idx .column02 .list h4 {
	text-align: center;
	margin: 0px 18px 10px 18px;
	}

.krm_idx .column02 .list .box {
	float: left;
	width: 312px;
	}
.krm_idx .column02 .list .box li {
	font-size: 0.75em;
	list-style: none;
	line-height: 1.5;
	margin: 0px 20px 5px 20px;
	}
.krm_idx .column02 .list .box li ul { margin: 5px 0px 10px; }
.krm_idx .column02 .list .box li li {
	font-size: 100%;
	list-style: disc;
	}

.krm_idx .column02 .list .box li a {
	color: #3F3F3F;
	text-decoration: none;
	}
.krm_idx .column02 .list .box li a:hover {
	text-decoration: underline;
	}


/* web_catalog
---------------------------------- */
.web_catalog {
	clear: both;
	width: 938px;
	border-top: 1px dashed #bbbbbb;
	padding: 20px 0px 30px;
	position: relative;
	}

.brand {
	float: right;
	margin-top: 15px;
	/*
	position: absolute;
	top: 35px;
	right: 0px;
	*/
	}
.brand h3 {
	color: #4f4946;
	font-size: 0.65em;
	font-weight: normal;
	margin-bottom: 7px;
	}
.brand ul {
	padding-left: 2px;
	}
.brand li {
	float: left;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", sans-serif, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 0.65em;
	list-style: none;
	margin-right: 20px;
	*display: inline;
	}
.brand li a:link,
.brand li a:visited {
	color: #333399;
	text-decoration: none;
	background-image: url(../images/common/list01.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding-left: 15px;
	}

.brand li a:hover {
	color: #333399;
	text-decoration: underline;
	background-image: url(../images/common/list02.gif);
	}