@charset "utf-8";


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


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

/* == emergency == */
#emergency {
	width: 821px;
	height: auto;
	margin: 0 auto 40px;
	padding: 0 0 7px 0;
	font-size: 110%;
	clear: both;
	background: url(../images/emergency_bg_bottom.png) bottom center no-repeat;
}
#emergency .box {
	width: 821px;
	height: auto;
	padding: 7px 0 0 0;
	background: url(../images/emergency_bg_top.png) top center no-repeat;
}
#emergency .box .contents{
	width: 821px;
	padding-top: 1px;
	background: url(../images/emergency_bg_mid.png) center repeat-y;
}
#emergency .box .contents .title{
	float: left;
}
#emergency .box .contents .title img{
	margin: 15px 33px 9px 18px;
}
#emergency .box .contents .topics{
	float: right;
	height: auto;
	width: 630px;
	margin: 0;
	padding: 0 15px 0 0;
	overflow: hidden;
}
#emergency .box .contents .topics li{
	list-style: none;
	padding: 10px 0 9px 13px;
	color: #6f4335;
	line-height: 18px;
	font-size: 12px;
	margin-top: -1px;
	*zoom: 1;
	background: url(../images/emergency_border.gif) top left no-repeat;
}
#emergency .box .contents .topics li .date{
	float: left;
	color: #8f7d67;
	padding: 0 15px 0 0;
}
#emergency .box .contents .topics li a{
	width: 550px;
	text-decoration: underline;
}
#emergency .box .contents .topics li a:hover{
	text-decoration: none;
}
#emergency .box .contents .topics li a.level_2{
	color: #c70001;
	width: 525px;
	padding: 0 0 0 25px;
	background: url(../images/emergency_level2_icon.gif) left top no-repeat;
}
#emergency .box .contents .topics li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* == / emergency == */
/* == recovery_info == */
#recovery_info {
	width: 821px;
	height: auto;
	margin: 0 auto 40px;
	padding: 0 0 7px 0;
	font-size: 110%;
	clear: both;
	background: url(../images/emergency_bg_bottom.png) bottom center no-repeat;
}
#recovery_info .box {
	width: 821px;
	height: auto;
	padding: 7px 0 0 0;
	background: url(../images/emergency_bg_top.png) top center no-repeat;
}
#recovery_info .box .contents{
	width: 821px;
	padding-top: 1px;
	background: url(../images/emergency_bg_mid.png) center repeat-y;
}
#recovery_info .box .contents .title{
	float: left;
}
#recovery_info .box .contents .title img{
	margin: 15px 33px 9px 18px;
}
#recovery_info .box .contents .topics{
	float: right;
	height: auto;
	width: 630px;
	margin: 0;
	padding: 0 15px 0 0;
	overflow: hidden;
}
#recovery_info .box .contents .topics li{
	list-style: none;
	padding: 10px 0 9px 13px;
	color: #6f4335;
	line-height: 18px;
	font-size: 12px;
	margin-top: -1px;
	*zoom: 1;
	background: url(../images/emergency_border.gif) top left no-repeat;
}
#recovery_info .box .contents .topics li .date{
	float: left;
	font-weight: bold;
	color: #cdada2;
	padding: 0 15px 0 0;
}
#recovery_info .box .contents .topics li a{
	width: 550px;
	text-decoration: underline;
}
#recovery_info .box .contents .topics li a:hover{
	text-decoration: none;
}
#recovery_info .box .contents .topics li a.level_2{
	color: #c70001;
	width: 525px;
	padding: 0 0 0 25px;
	background: url(../images/emergency_level2_icon.gif) left top no-repeat;
}
#recovery_info .box .contents .topics li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* == / recovery_info == */

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


#news {
    background: none repeat scroll 0 0 #FEF1F8;
    margin: 0 auto 25px;
    padding: 8px 0;
    width: 900px;
}
#news p{
    margin: 20 0px;
}
#news a {
	background: url("../common/images/icon-link2.gif") no-repeat 0 0.3em;
	margin:0 0 0 15px;
	padding-left: 1.8em;
	display:inline-block;
	font-weight: bold;
}
/* == MAIN CONTENTS == */
#main #main-contents {
	min-width: 680px;
	margin: 0 0 4px;
	padding: 0;
	float: left;
	overflow: hidden;
}

/* == SLIDE BOX == */
#main #main-contents .section {
	margin: 0;
}
#recommend,
#campaign {
}
#recommend {
	padding: 0 0 15px;
}
#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;
	z-index: 10;
}
.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_section {
	background: url(../images/bg_recommend_autumn.gif) center bottom no-repeat;
}
.section .body .slide_section {
	background: url(../images/bg_recommend_autumn.gif) center bottom no-repeat;
}
.section .body .slide_box {
	width: 580px;
	margin: 17px 0 0 53px;
	padding: 0;
	overflow: visible;
}
.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;
	z-index: 100;
}
.section .body .slide_section .bx-next {
	width: 30px;
	height: 30px;
	background: url(../images/right-arrow.gif);
	position: absolute;
	top: 69px;
	right: -14px;
	text-indent: -999em;
	overflow: hidden;
	z-index: 100;
}
.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 10px 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;
}

/* -- banner -- */
#banner_spsite{
	padding: 0;
	margin: 0;
}
#banner_01 a {
	width: 168px;
	height: 45px;
	background: url(../images/banner/banner_contest_shinsa.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_shinsa-on.png) no-repeat;
}

/* -- decoration -- */
.slide_section a {
	text-decoration: none;
}
.slide_section a .title {
	text-decoration: underline;
}
.slide_section a:hover .title {
	text-decoration: none;
}
.autumn #decoration_01 {
	width: 80px;
	height: 117px;
	background: url(../images/deco_01.png) no-repeat 0 -100px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.autumn #decoration_02 {
	width: 60px;
	height: 217px;
	background: url(../images/deco_02.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 200px;
}
.autumn #decoration_03 {
	width: 50px;
	height: 217px;
	background: url(../images/deco_03.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 400px;
}
.autumn #decoration_04 {
	width: 80px;
	height: 337px;
	background: url(../images/deco_04.png) no-repeat 0 0;
	position: absolute;
	bottom: -100px;
	left: 380px;
	z-index: 10;
}
.autumn #decoration_05 {
	width: 60px;
	height: 217px;
	background: url(../images/deco_05.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 190px;
}
.autumn #decoration_06 {
	width: 50px;
	height: 217px;
	background: url(../images/deco_06.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
.autumn #decoration_07 {
	width: 60px;
	height: 117px;
	background: url(../images/deco_07.png) no-repeat 0 -100px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/* -- decoration xmas -- */

#recommend.xmas .body .slide_section {
	background: url(../images/bg_recommend_xmas.gif) center bottom no-repeat;
}
.xmas #decoration_01 {
	width: 65px;
	height: 125px;
	background: url(../images/deco_xmas_01.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.xmas #decoration_02 {
	width: 70px;
	height: 125px;
	background: url(../images/deco_xmas_02.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 200px;
}
.xmas #decoration_03 {
	width: 35px;
	height: 125px;
	background: url(../images/deco_xmas_03.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 420px;
}
.xmas #decoration_04 {
	width: 60px;
	height: 100px;
	background: url(../images/deco_xmas_04.png) no-repeat 0 0;
	position: absolute;
	top: -28px;
	/top: -13px;
	right: 0px;
}
#campaign.xmas .body .slide_section {
	background: url(../images/bg_campaign_xmas.gif) center bottom no-repeat;
}
.xmas #decoration_05 {
	width: 70px;
	height: 100px;
	background: url(../images/deco_xmas_05.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0px;
}
.xmas #decoration_06 {
	width: 60px;
	height: 222px;
	background: url(../images/deco_xmas_06.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 405px;
}
.xmas #decoration_07 {
	width: 65px;
	height: 80px;
	background: url(../images/deco_xmas_07.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: 0px;
}



#recommend.winter .body .slide_section {
	background: url(../images/bg_recommend_winter.gif) center bottom no-repeat;
}
#campaign.winter .body .slide_section {
	background: url(../images/bg_campaign_winter.gif) center bottom no-repeat;
}
.winter #decoration_01 {
	width: 65px;
	height: 80px;
	background: url(../images/deco_winter_01.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.winter #decoration_02 {
	width: 60px;
	height: 70px;
	background: url(../images/deco_winter_02.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 210px;
}
.winter #decoration_03 {
	width: 65px;
	height: 95px;
/*	background: url(../images/deco_winter_03.png) no-repeat 0 0;*/
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.winter #decoration_04 {
	width: 55px;
	height: 65px;
	background: url(../images/deco_winter_04.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 160px;
}
.winter #decoration_05 {
	width: 55px;
	height: 217px;
	background: url(../images/deco_winter_05.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 410px;
}
.winter #decoration_06 {
	width: 65px;
	height: 95px;
	background: url(../images/deco_winter_06.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* -- decoration spring -- */


#recommend.spring .body .slide_section {
	background: url(../images/bg_recommend_spring.jpg) 5px bottom no-repeat;
}
#campaign.spring .body .slide_section {
	background: url(../images/bg_campaign_spring.jpg) 0 bottom no-repeat;
}
.spring #decoration_01 {
	width: 60px;
	height: 65px;
	background: url(../images/deco_spring_01.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	left: 119px;
}
.spring #decoration_02 {
	width: 48px;
	height: 130px;
	background: url(../images/deco_spring_02.png) no-repeat 0 0;
	position: absolute;
	top: -20px;
	left: 215px;
}
.spring #decoration_03 {
	width: 130px;
	height: 65px;
	background: url(../images/deco_spring_03.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: 262px;
}
.spring #decoration_04 {
	width: 30px;
	height: 130px;
	background: url(../images/deco_spring_04.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 230px;
}
.spring #decoration_05 {
	width: 160px;
	height: 78px;
	background: url(../images/deco_spring_05.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 35px;
}
.spring #decoration_06 {
	width: 40px;
	height: 60px;
	background: url(../images/deco_spring_06.png) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 27px;
}
.spring #decoration_07 {
	width: 98px;
	height: 65px;
	background: url(../images/deco_spring_07.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	left: 62px;
}
.spring #decoration_08 {
	width: 100px;
	height: 65px;
	background: url(../images/deco_spring_08.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: 297px;
}
.spring #decoration_09 {
	width: 55px;
	height: 75px;
	background: url(../images/deco_spring_09.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: 220px;
}
.spring #decoration_10 {
	width: 110px;
	height: 65px;
	background: url(../images/deco_spring_10.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: 47px;
}

/* -- decoration eary-summer -- */

#recommend.early-summer .body .slide_section {
	background: url(../images/bg_recommend_early-summer.jpg) 5px bottom no-repeat;
}
#campaign.early-summer .body .slide_section {
	background: url(../images/bg_campaign_early-summer.jpg) 0 bottom no-repeat;
}
.early-summer #decoration_01 {
	width: 75px;
	height: 55px;
	background: url(../images/deco_early-summer_01.png) no-repeat 0 0;
	position: absolute;
	bottom: 10px;
	left: 170px;
}
.early-summer #decoration_02 {
	width: 36px;
	height: 55px;
	background: url(../images/deco_early-summer_02.png) no-repeat 0 0;
	position: absolute;
	bottom: 10px;
	right: 214px;
}
.early-summer #decoration_03 {
	width: 45px;
	height: 50px;
	background: url(../images/deco_early-summer_03.png) no-repeat 0 0;
	position: absolute;
	bottom: 25px;
	right: 237px;
}


/* -- decoration summer -- */

#recommend.summer .body .slide_section {
	background: url(../images/bg_recommend_summer.jpg) 5px bottom no-repeat;
}
#campaign.summer .body .slide_section {
	background: url(../images/bg_campaign_summer.jpg) 0 bottom no-repeat;
}
.summer #decoration_01 {
	width: 40px;
	height: 90px;
	background: url(../images/deco_summer_01.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	left: 222px;
}
.summer #decoration_02 {
	width: 68px;
	height: 90px;
	background: url(../images/deco_summer_02.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: -5px;
}
.summer #decoration_03 {
	width: 45px;
	height: 80px;
	background: url(../images/deco_summer_03.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	left: 210px;
}
.summer #decoration_04 {
	width: 45px;
	height: 105px;
	background: url(../images/deco_summer_04.png) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	right: 230px;
}



#main #sidebar .banner_box .banner02 {
	margin-top:10px;
}

#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: 166px;
	height: 10px;
	text-indent: -999em;
	background: url(../common/images/text-copyright.gif);
	float: right;
}
/* == /footer == */

/* == main slide == */
#promotion .bx-window {
	width: 900px !important;
	overflow: hidden;
	padding:0;
	margin:0;
}
#promotion ul.bxslider{
	margin:0;
	padding:0;
	}
#promotion .bxslider li{
	margin-left:0;
	text-align:left;
	}
.bx-pager{
  padding:0 0 0 615px;
  width: 285px;
  overflow: hidden;
  position: relative;
}
.bx-pager a{
  width: 42px;
  height: 42px;
  display: block;
  float: left;
  margin:0 4px 0 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  outline:none;

}

.pager-1,
.pager-2,
.pager-3,
.pager-4,
.pager-5{
	text-indent:-9999px;
	width: 42px;
	height: 42px;
	display: inline-block;
	vertical-align: top;
	padding: 0 2;
	}
/*.pager-1{
  background-image: url(../images/slide/thum/gakken2016.gif);
}*/
/*.pager-1{
  background-image: url(../images/slide/thum/seasonal-message.jpg);
}*/
 .pager-1{
  background-image: url(../images/slide/thum/senryu_2016.jpg);
}
.pager-2{
  background-image: url(../images/slide/thum/seasonal-message.jpg);
}
.pager-3{
  background-image: url(../images/slide/thum/interior.png);
}
.pager-4{
  background-image: url(../images/slide/thum/teducon.png);
}
.pager-5{
  background-image: url(../images/slide/thum/004.png);
}
/*.pager-6{
  background-image: url(../images/slide/thum/kokyaku_no1.png);
}*/
/*.pager-1:hover,
.pager-1.active{
  background-image: url(../images/slide/thum/gakken_2015_on.gif);
};*/
/*.pager-1:hover,
.pager-1.active{
  background-image: url(../images/slide/thum/gakken2016_on.gif);
}*/
 .pager-1:hover,
.pager-1.active{
  background-image: url(../images/slide/thum/senryu_2016_on.jpg);
}
.pager-2:hover,
.pager-2.active{
  background-image: url(../images/slide/thum/seasonal-message_on.jpg);
}
.pager-3:hover,
.pager-3.active{
  background-image: url(../images/slide/thum/interior_on.png);
}
.pager-4:hover,
.pager-4.active{
  background-image: url(../images/slide/thum/teducon_on.png);
}
.pager-5:hover,
.pager-5.active{
  background-image: url(../images/slide/thum/004_on.png);
}
/*.pager-6:hover,
.pager-6.active{
  background-image: url(../images/slide/thum/kokyaku_no1_on.png);
}*/

#promotion{
	position: relative;
}
#bx-pager{
	position: absolute;
	bottom: 5px;
	right: 5px;
}