@charset "utf-8";


/* == header == */
#header #header-top h1#header-logo a {
	display: block;
}
/* == /header == */

/* emergency */
#emergency {
	width: 800px;
	margin: 0 auto 35px auto;
	font-size: 110%;
	clear: both;
}
#emergency .header {
	width: 800px;
	height: 17px;
	background: url(../images/border_top-emergency.gif);
}
#emergency .footer {
	width: 800px;
	height: 22px;
	background: url(../images/border_bottom-emergency.gif);
}
#emergency .emergency_inner {
	width: 760px;
	padding: 0 20px;
	background: url(../images/border_middle-emergency.gif) repeat-y;
}
#emergency p {
	color: #6f4335;
	font-size: 117%;
}
#emergency a {
	color: #6f4335;
}
#emergency span {
	padding-left:15px;
}
#emergency .topic-timestamp {
	float: left;
	font-size: 100%;
	line-height: 150%;
	color: #A1887F;
}
#emergency .topic-title {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 90px;
	padding: 0;
	color: #441200;
}
#emergency .topic-title-nolink {
	font-size: 100%;
	line-height: 150%;
	color: #441200;
	margin: 0;
	margin-left: 90px;
	padding: 0;
}
#emergency .to-effort{
	text-align:right;
}
#emergency .link{
	background: url("../common/images/icon-link.gif") no-repeat 0 0.3em;
	padding-left: 1.2em;
	display:inline-block;
	font-weight: bold;
}

/* == main == */
/*#main .section .section-inner .header h2 {
	border-bottom: none;
}*/

/* == FLASH == */
#main #promotion {
	margin: 0 0 35px;
}


/* == MAIN CONTENTS == */
#main #main-contents {
	min-width: 680px;
	margin: 0 0 4px;
	padding: 0;
	float: left;
}

/* == SLIDE BOX == */
#main #main-contents .section {
	margin: 0;
}
#recommend,
#campaign {
}
#recommend .head {
	width: 680px;
	height: 40px;
	background: url(../images/border_h2-recommend.gif);
}
#campaign .head {
	width: 680px;
	height: 40px;
	background: url(../images/border_h2-campaign.gif);
	position: relative;
	overflow: visible;
}
/* -- banner -- */
#banner_01 a {
	width: 168px;
	height: 45px;
	background: url(../images/banner/banner_contest.png) no-repeat;
	position: absolute;
	top: -10px;
	right: 70px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#banner_01 a:hover {
	background: url(../images/banner/banner_contest-on.png) no-repeat;
}

.section .body {
	position: relative;
}
.section .body .slide_section {
	width: 680px;
	padding: 0 0 55px 0;
	background: url(../images/wood.gif) center bottom no-repeat;
	position: relative;
}
.section .body .slide_box {
	width: 580px;
	margin: 17px 0 0 53px;
	padding: 0;
}
.section .body .slide_box ul {
	width: 9000px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.section .body .slide_box ul li {
	width: 173px;
	min-height: 144px;
	margin: 0;
	padding: 0 28px 0 0;
	float: left;
	position: relative;
	background: url(../images/slide_box-bottom.gif) no-repeat left bottom;
}
.section .body .slide_section .slide_box ul li a {
	display: block;
	padding: 10px;
	background: url(../images/slide_box-top.gif) no-repeat left top;
}
.section .body .slide_section .slide_box ul li span {
	display: block;
}
.bx-window {
	width: 580px !important;
	overflow: hidden;
}
.section .body .slide_section .bx-prev {
	width: 30px;
	height: 30px;
	background: url(../images/left-arrow.gif);
	position: absolute;
	top: 69px;
	left: -38px;
	text-indent: -999em;
	overflow: hidden;
}
.section .body .slide_section .bx-next {
	width: 30px;
	height: 30px;
	background: url(../images/right-arrow.gif);
	position: absolute;
	top: 69px;
	right: -10px;
	text-indent: -999em;
	overflow: hidden;
}
.section .body .slide_section .bx-prev.pre {
	width: 30px;
	height: 30px;
	background: url(../images/left-arrow.gif);
	position: absolute;
	top: 69px;
	left: 15px;
	text-indent: -999em;
	overflow: hidden;
}
.section .body .slide_section .bx-next.pre {
	width: 30px;
	height: 30px;
	background: url(../images/right-arrow.gif);
	position: absolute;
	top: 69px;
	right: 15px;
	text-indent: -999em;
	overflow: hidden;
}
#main-contents .slide_box ul li .timestamp {
	margin: 6px 0 0 2px;
	font-size: 92%;
	font-weight: bold;
	color: #cdada2;
	line-height: 150%;
}
#main-contents .slide_box ul li .title {
	height: 2em;
	padding: 0 0 0 1px;
	font-size: 100%;
	color: #6f4335;
	letter-spacing: -0.05em;
}
#main-contents .slide_box ul li .title-nolink {
	padding: 0 0 0 1px;
	font-size: 100%;
	color: #441200;
}
#main-contents .slide_box ul li .newtag {
	width: 60px;
	height: 30px;
	background: url(../images/newtag.png);
	position: absolute;
	top: 101px;
	right: 19px;
	text-indent: -999em;
	overflow: hidden;
}

/* -- decoration -- */
.slide_section a {
	text-decoration: none;
}
.slide_section a .title {
	text-decoration: underline;
}
.slide_section a:hover .title {
	text-decoration: none;
}
#decoration_01 {
	width: 65px;
	height: 95px;
	background: url(../images/deco_01.png);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#decoration_02 {
	width: 40px;
	height: 87px;
	background: url(../images/deco_02.png);
	position: absolute;
	bottom: 0;
	left: 432px;
}
#decoration_03 {
	width: 70px;
	height: 97px;
	background: url(../images/deco_03.png);
	position: absolute;
	bottom: 0;
	right: 0;
}
#decoration_04 {
	width: 80px;
	height: 70px;
	background: url(../images/deco_04.png);
	position: absolute;
	top: -10px;
	right: 0;
}
#decoration_05 {
	width: 87px;
	height: 76px;
	background: url(../images/deco_05.png);
	position: absolute;
	bottom: 0;
	left: 0;
}
#decoration_06 {
	width: 35px;
	height: 81px;
	background: url(../images/deco_06.png);
	position: absolute;
	bottom: 0;
	left: 230px;
}
#decoration_07 {
	width: 63px;
	height: 76px;
	background: url(../images/deco_07.png);
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#main #sidebar {
	width: 180px;
	margin: 0;
	padding: 0;
	border: none;
	float: right;
}
#main #sidebar .shop_box{
	width: 182px;
	height: 240px;
	background-image: url(../images/box-shop.gif);
	background-repeat: no-repeat;
	margin: 4px 0 25px -1px;
	overflow: visible;
	position: relative;
}
#main #sidebar .shop_box h3{
	text-indent: -999em;
	overflow: hidden;
}
#main #sidebar .shop_box .shop-search_btn a {
	width: 85px;
	height: 25px;
	background: url(../images/btn-search_shop.png) left top;
	position: absolute;
	top: 190px;
	left: 17px;
	text-indent: -999em;
	overflow: hidden;
	display:block;
}
#main #sidebar .shop_box .shop-search_btn a:hover {
	background: url(../images/btn-search_shop.png) left bottom;
}

#main #topics {
	margin: 0;
	padding: 0;
}
#main #topics .topic-timestamp {
	font-size: 92%;
	font-weight: bold;
	line-height: 150%;
	color: #cdada2;
}
#main #topics .topic-title {
	font-size: 92%;
	line-height: 150%;
	color: #6f4335;
}
#main #topics .topic-title-nolink {
	font-size: 92%;
	line-height: 150%;
	color: #441200;
}
#main #topics #topics-inner {
	width: 860px;
	min-height: 155px;
	margin: 0 0 49px;
	padding: 41px 20px 0;
	background: url(../images/border-topics.gif) repeat-x;
}
#main #topics #pickup {
	width: 235px;
	min-height: 155px;
	margin: 0;
	padding: 0;
	float: left;
}
#main #topics #pickup .header {
	width: 235px;
	height: 20px;
	background: url(../images/h2-top_pickup-top.gif) no-repeat;
}
#main #topics #pickup .body {
	width: 205px;
	padding: 0 15px;
	background: url(../images/h2-top_pickup-middle.gif) repeat-y;
}
#main #topics #topics-inner #pickup h2 {
	width: 145px;
	height: 15px;
	padding: 0 0 0 35px;
}
#main #topics #topics-inner #pickup .topic-thumb {
	width: 70px;
	height: 88px;
	margin: 18px 0 5px;
	padding: 1px;
	border: solid 1px #e4ddd4;
	float: left;
}
#main #topics #topics-inner #pickup .topic-articlebox {
	width: 116px;
	margin: 33px 0 0;
	padding: 0;
	float: right;
}
#main #topics #topics-inner #pickup .topic-articlebox .topic-timestamp {
	line-height: 100%;
}
#main #topics #topics-inner #pickup .topic-articlebox .topic-title {
	letter-spacing: -0.03em;
}
#main #topics #pickup .footer {
	width: 235px;
	height: 10px;
	background: url(../images/h2-top_pickup-bottom.gif) no-repeat;
}
#main #topics #topics-inner #whatsnew {
	width: 595px;
	background: url(../images/border-whatsnew_top.gif) repeat-x;
	float: right;
	text-align: left;
}
#main #topics #topics-inner #whatsnew #whatsnew-top {
	width: 595px;
	height: 23px;
	padding: 8px 0 0;
	border-bottom: solid 1px #e4ddd4;
}
#main #topics #topics-inner #whatsnew #whatsnew-top h2 {
	margin: 0;
	padding: 0;
	float: left;
}
#main #topics #topics-inner #whatsnew #whatsnew-top ul.topics-links {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	float: right;
}
#main #topics #topics-inner #whatsnew #whatsnew-top ul.topics-links li {
	margin: 0;
	padding: 0;
	float: left;
}
#main #topics #topics-inner #whatsnew #scroll_bar {
	height: 125px;
	width: 595px;
	margin-top: 3px;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.jspVerticalBar .jspDrag {
	background: url(../images/img-scroll_bar_body.gif);
}
.jspVerticalBar .jspTrack {
	background: url(../images/img-scroll_bar_bg.gif);
}
#main #topics #topics-inner #whatsnew #scroll_bar ul.other-topics {
	width: 575px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#main #topics ul.other-topics li {
	width: 575px;
	padding: 8px 0 5px;
	background: url(../images/border-topics-li.gif) repeat-x left bottom;
}
#main #topics ul.other-topics li .topic-timestamp {
	width: 125px;
	padding: 0 0 0 2px;
	float: left;
}
#main #topics ul.other-topics li .topic-title {
	width: 448px;
	float:right;
}
/* == /main == */

/* == footer == */
#footer_top {
	clear: both;
	min-width: 960px;
	position: relative;
}
#footer_top #footer-inner {
	width: 900px;
	height: 50px;
	position: relative;
	background: url(../common/images/border-footer_top.gif) repeat-x;
	margin: 0 auto;
	padding: 11px 0 0 0;
}
#footer_top #to_top {
	width: 95px;
	height: 20px;
	position: absolute;
	right: 0;
	top: -31px;
}
#footer_top #to_top p a {
	display: block;
	width: 95px;
	height: 20px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../common/images/text-to_top.gif) no-repeat left top;
}
#footer_top #to_top p a:hover {
	background: url(../common/images/text-to_top.gif) no-repeat left bottom;
}
#footer_top #footer-navi {
	width: 400px;
	height: 20px;
	overflow: hidden;
	float: left;
}
#footer_top #footer-navi ul.menu {
	width: 400px;
	height: 20px;
	margin: 0 0 0 -15px;
	padding: 0;
	list-style: none;
}
#footer_top #footer-navi ul.menu li {
	height: 20px;
	margin: 0 14px 0 0;
	padding: 0 0 0 15px;
	background: url(../common/images/bg-footnavi_separator.gif) no-repeat left top;
	float: left;
}
#footer_top #footer-navi ul.menu li a {
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	overflow: hidden;
}
#footer_top #footer-navi ul.menu li a:hover {
	background-position: left bottom;
}
#footer_top #footer-navi ul.menu li#menu-mobile a {
	width: 76px;
	background-image: url(../common/images/footnavi-mobile.gif);
}
#footer_top #footer-navi ul.menu li#menu-usage a {
	width: 100px;
	background-image: url(../common/images/footnavi-usage.gif);
}
#footer_top #footer-navi ul.menu li#menu-privacypolicy a {
	width: 85px;
	background-image: url(../common/images/footnavi-privacypolicy.gif);
}
#footer_top #copyright {
	width: 260px;
	height: 20px;
	text-indent: -999em;
	background: url(../common/images/text-copyright.gif);
	float: right;
}
/* == /footer == */