@charset "utf-8";
/****search box *******************************************/

/*sprite setting*/
.leadcopy .headw,.leadcopy .circle1,.leadcopy .circle2,.leadcopy .circle3,.rightBlock .ctitle,.rightBlock .columnfoot,.topArea .chead,.topArea .chead2,.topArea .chead3{ background:url(/img/top/topsprite.png) no-repeat;}



/*top searchbox*/
div.categorylistArea{
	float:left;
	width:224px;
	background-color:#E6F0CC;
	z-index:1001;
	margin:37px 0 0 78px;
	position:relative;
	text-align:left;
}

div.categorylistArea select{width:160px;text-align:left;
}

div.srchboxArea{
	float:left;
	width:600px;
	z-index:250;
	margin:37px 0 0 0px;
	position:relative;
}

div.recommendArea{
	background-color:#E6F0CC;
	z-index:0;
	height:34px;
}


.opReccomend{
	margin:0 auto 0px auto;position:relative; 
	width:970px;
	text-align:left;
	z-index:0 !important; 
}


/*reccomend area*/
.header{ position:relative}
.opReccomend .rblock{
	/*position:absolute;
	left:-128px;
	top:59px;
	
	z-index:10000 !important; 
	*/
	text-align:left;
	width:700px;
	/*height:20px;*/
	padding-top:5px;

/*	left:0px;
	top:95px;
*/


}
.opReccomend .rblock:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

.opReccomend .rehead{float:left;width:85px !important;height:20px;}
.rblock .rewords{float:left;width:600px;height:20px;overflow:hidden; z-index:0 !important}
.rblock .rewords span{ display:none; z-index:1 !important}
.rblock .rewords a{margin-right:10px;}


/***/
.topFrame{background:#CCC; text-align:center}
.topFrame .container{margin:0 auto 0 auto;width:970px;}



.topArea{	}
.topArea:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
.topArea .mainBlock{float:left; width:690px;padding-top:20px; text-align:left}
.topArea .leftBlock{float:left;width:345px;margin-bottom:20px; text-align:left}
.topArea .centerBlock{float:left;width:345px;margin-bottom:20px; text-align:left}
.topArea .rightBlock{float:left;width:280px;padding-top:20px;margin-bottom:20px; text-align:left}



/*one*/
.topArea .mainBlock .boxfr{width:345px}

.topArea .mainBlock .one{width:325px; margin-right:20px;/* float:left;*/ }

/*two*/
.topArea .mainBlock .two{width:670px; float: left;}

.mainBlock a:hover img,.rightBlock a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;background: #fff;}

.mainBlock .one .cont .column{ overflow:hidden; width:305px;overflow:hidden;margin:10px 0px 0 10px}	
.mainBlock .two .cont .column{ overflow:hidden; width:650px;overflow:hidden;margin:10px 0px 0 10px}	


.topArea .rbox{margin:0px 20px 20px 0 ;background:#FFF;}
/*.topArea .rbox .chead{background:url(/img/top/lt.png) no-repeat left top;background-color:#FFF;height:10px;}*/

.topArea .one .chead{ background-position:0 -130px;height:40px; width:325px;}
.topArea .one .chead a{width:285px;display:block; text-align:left; font-weight:bold; height:40px; line-height:40px; padding-left:33px;}
.topArea .one .chead a:link,.topArea .one .chead a:visited{ color:#4C4C4C;}
.topArea .one .chead a:hover{ text-decoration:none;color:#7AB12A;}

/*.topArea .rbox .photo{ margin:10px 10px 0 10px;}*/


.topArea .rbox .cfoot{background:url(/img/top/lb.png) no-repeat left top;background-color:#FFF;height:10px;}
.topArea .rbox .cfoot span{display:block;background:url(/img/top/rb.png) no-repeat top right;height:10px;}
.topArea .rbox .column{margin:10px 10px 0 10px;}

.topArea .rbox .tlink{text-align:right;margin:7px 0 0 auto;border-top:1px dashed #CCC; padding-top:8px;}
.topArea .rbox .tlink2,.topArea .rbox .tlink3{text-align:right;margin:10px 0 0 auto;}





.topArea .rbox .tlink a.topics,.topArea .rbox .tlink a.detail,.topArea .rbox .tlink a.colum,.topArea .rbox .tlink a.gallery,.topArea .rbox .tlink a.category,.topArea .rbox .tlink a.category2,.topArea .rbox .tlink a.creator,.topArea .rbox .tlink a.recommend,.topArea .rbox .tlink a.freedl{background:url(/img/top/topbtns.png) no-repeat;
	width:163px;height:16px;display:block;margin:0px 0 0 auto;}
.topArea .rbox .tlink2 a.tg,.topArea .rbox .tlink3 a.tg2{background:url(/img/top/tgbtn.png) no-repeat;width:305px;height:50px;display:block;margin:0px 0 0 auto;}
.topArea .rbox .tlink a.topics{background-position:0px -36px}
.topArea .rbox .tlink a.detail{background-position:0px 0px}
.topArea .rbox .tlink a.colum{background-position:0px -18px}
.topArea .rbox .tlink a.gallery{background-position:0px -54px}
.topArea .rbox .tlink a.category{background-position:0px -72px}
.topArea .rbox .tlink a.recommend{background-position:0px -90px}
.topArea .rbox .tlink a.creator{background-position:0px -108px}
.topArea .rbox .tlink a.category2{background-position:0px -126px}
.topArea .rbox .tlink a.freedl{background-position:0px -144px}

.topArea .rbox .tlink a.topics:hover{background-position:-164px -36px}
.topArea .rbox .tlink a.detail:hover{background-position:-164px 0px}
.topArea .rbox .tlink a.column:hover{background-position:-164px -18px}
.topArea .rbox .tlink a.gallery:hover{background-position:-164px -54px}
.topArea .rbox .tlink a.category:hover{background-position:-164px -72px}
.topArea .rbox .tlink a.recommend:hover{background-position:-164px -90px}
.topArea .rbox .tlink a.creator:hover{background-position:-164px -108px}
.topArea .rbox .tlink a.category2:hover{background-position:-164px -126px}
.topArea .rbox .tlink a.freedl:hover{background-position:-164px -144px}

.topArea .rbox .tlink2 a.tg{background-position:0px 0px}
.topArea .rbox .tlink2 a.tg:hover{background-position:-305px 0px}
.topArea .rbox .tlink3 a.tg2{background-position:0px -50px}
.topArea .rbox .tlink3 a.tg2:hover{background-position:-305px -50px}


/*.topArea .rbox .cont .colum{ overflow:hidden; width:305px;}	*/
.topArea .rbox .cont .column .catebox{ width:320px;}
.topArea .rbox .cont .column .cate{ width:97px; float:left; margin:0px 7px 5px 0px;}
.topArea .rbox .cont .column .cate .clink{ width:97px; font-size:12px; background:url(/img/top/arrow_cate.png) no-repeat; background-position:center left; padding:3px 0px 0px 8px;}
.topArea .rbox .cont .column .cate .clink a{ text-decoration:none; color:#666;}
.topArea .rbox .cont .column .cate .clink a:hover{ text-decoration:none; color:#7AB12A;}

	
.topArea .rbox .tlink a:hover img,.topArea .rbox .tlink2 a:hover img{margin-top:0px;}

.topArea .rbox .ctext{ margin-top:8px; font-size:93%; line-height:16px;}

.topArea .rbox .cont .banner{margin:0 auto 10px auto}
.topArea .rbox .cont .banner a{margin:0 auto 10px auto;width:234px;display:block}

.topArea .rbox .cont .banner2{margin:0 auto 10px auto}
.topArea .rbox .cont .banner2 a{margin:0 auto 10px auto;width:254px;display:block}



/*category*/
.aboutus .category .cont{margin-bottom:0px !important;}

.topArea .category .chead{ background-position:0 -170px;height:40px; width:670px;}
.topArea .category .chead span{display:block; text-indent:-300px; white-space:nowrap; overflow:hidden; float:left;}

.topArea .category .chead .link{display:block; text-align:right; float:right; font-weight:bold; height:40px; line-height:40px; margin-right:30px;}
.topArea .category .chead a.link:hover{ text-decoration:none;}

.topArea .category .column{margin:10px 0px 0 10px !important; overflow:hidden;}
.topArea .category .thumb{width:670px;}
.topArea .category .thumb .tfr{ border-bottom:1px dashed #CCCCCC; margin-bottom:4px;}

.topArea .category .thumb .cateblock{ float:left; width:165px; height:104px;}
.topArea .category .thumb .cimglink{ display:block; height:70px;}
.topArea .category .thumb .clink{display:block; background:url(/img/top/cateogry/arrow.png) left center no-repeat;margin:0px 0;padding:0px 10px 0px 2em;line-height:33px; height:33px;}


.category .thumb a.clink:link,.category .thumb a.clink:visited{ color:#4C4C4C}
.category .thumb a.clink:hover{ color:#7AB12A; text-decoration:none;}



.topArea .category .thumb .cline{height:1px;border-bottom:1px dashed #CCCCCC; margin-bottom:1px;}
.topArea .category .thumb .cateblock_s{ float:left; width:165px; height:20px; margin-top:5px;}
.topArea .category .thumb .cateblock_s .clink{line-height:20px; height:20px;}


/*illust*/

.topArea .illust .chead{ background-position:-325px -130px;height:40px; width:325px;}
.topArea .illust .chead:hover{background-position:-280px -236px}
.topArea .illust .chead span{display:block; text-indent:-300px; overflow:hidden; float:left;}
.topArea .illust .chead a:hover{background-position:-280px -236px;height:40px; width:325px;}
.topArea .illust .chead2{ background-position:-280px -210px;height:26px;width:325px;margin-top:10px;}
.topArea .illust .chead2 a{width:285px;display:block; text-align:left; font-weight:bold; height:26px; line-height:26px; padding-left:33px;}
.topArea .illust .chead2 a:link,.topArea .illust .chead2 a:visited{ color:#4C4C4C;}
.topArea .illust .chead2 a:hover{ text-decoration:none;color: #F33;}
.topArea .illust .chead3{background-position:-280px -276px;width:325px;height:26px;}
.topArea .illust .chead3 span{display:block; text-indent:-300px; overflow:hidden; float:left;}
.topArea .illust .photo{ margin-bottom:10px;}

.topArea .illust .thumb{width:350px;}

.topArea .illust .thumb .cateblock{ float:left; width:157px; height:91px}
.topArea .illust .thumb .cateblock2{ float:left; width:157px; height:83px}

.topArea .illust .thumb .cimglink{ display:block; height:58px;}
.topArea .illust .thumb .clink{display:block; background:url(/img/top/column/arrow_p.png) left center no-repeat;margin:0px 0;padding:0px 10px 0px 2em;line-height:33px; height:33px;}


.illust .thumb a.clink:link,.illust .thumb a.clink:visited{ color:#4C4C4C}
.illust .thumb a.clink:hover{ color: #F03; text-decoration:none;}




/*right*/
.topArea .box{padding:0px 0px 10px 0 ;background:#FFF;}
.topArea .box .chead{height:40px;}
.topArea .box .chead .ctitle{height:40px;color:#FFF;margin-left:0px;padding:0 0 0 0px;font-size:12px;font-weight:bold;
line-height:30px;
letter-spacing:1px;}
.topArea .box .cont{margin:0px 6px 0px 6px ;padding:0px;}
.topArea .box .cont ul{overflow:hidden;}
.topArea .box .cont li{margin:-1px 0 0 0;padding:10px 10px 10px 2em;border-top:1px #CCC dashed;background:#FFF;
background:url(/img/top/right/arrow.png)  no-repeat 3px 12px;}
.topArea .box .cont li.info{margin:0px 0;padding:10px 0 10px 2em;background:url(/img/top/arrow_info.png)  no-repeat -3px 11px;}
.topArea .box .cont li.mainte{margin:0px 0;padding:10px 0 10px 2em;background:url(/img/top/arrow_mainte.png)  no-repeat -3px 11px;}
.topArea .box .cont li.manu{margin-top:0px;}



.topArea .box .cont .list{padding:10px 0 0px 24px;}

.topArea .box .cont li a:link,.topArea .box .cont li a:visited{color:#4C4C4C;}
.topArea .box .cont li a:hover,.topArea .box .cont li a:active{color:#7AB12A}


/*ssss .rightBlock .ctitle,.rightBlock .columnfoot{ background:url(/img/top/right/right_title.png) no-repeat;}*/


/*new arrival*/
.topArea .newbox .chead .ctitle{width:280px;height:40px;color:#FFF;margin-left:0px;padding:0 0 0 0px;font-size:12px;font-weight:bold;
line-height:40px;letter-spacing:1px; background-position:0 -210px}
.topArea .newbox .chead span{display:block; text-indent:-300px; overflow:hidden; float:left;}
.topArea .newbox .chead .link{ color:#FFF;display:block; text-align:right; float:right; font-weight:bold; height:40px; line-height:40px; margin-right:30px;}
.topArea .newbox .chead .link:hover{ line-height:40px; color:#7AB12A; text-decoration:none;}

/*.topArea .newbox .cont{margin:0px 0px 0px 0px !important;padding:0px;}*/


.newphotoArea{}
.topArea .box .cont .list{padding:10px 0 0px 4px;}
.newphotoArea .list ul{ list-style:none !important;}
.newphotoArea .list li{ list-style:none !important;float:left; width:86px; height:86px;
margin:0 1px 1px 0 !important;padding:0px !important;border-top:none !important;background:none !important;}

.newphotoArea .list li a{
 display:block;
 width:86px; /*トリミング後の横幅*/
 height:86px; /*トリミング後の縦幅*/
 overflow:hidden;
 position:relative;
 z-index:1;
 }
.newphotoArea .list li a img{
 float:left;
 position:absolute;
 }
.newphotoArea .lastarrival{ text-align:right; margin:4px 5px 0 0;}


/*info*/
.topArea .information .chead .ctitle{width:280px;height:40px;color:#FFF;margin-left:0px;padding:0 0 0 0px;font-size:12px;font-weight:bold;
line-height:40px;letter-spacing:1px; background-position:0 -250px}
.topArea .information .chead span{display:block; text-indent:-300px; overflow:hidden; float:left;}

/*twitter*/
.topArea .twitter .box{padding:0px 0px 0px 0 ;}

.topArea .twitter .chead .ctitle{width:280px;height:40px;color:#FFF;margin-left:0px;padding:0 0 0 0px;font-size:12px;font-weight:bold;
line-height:40px;letter-spacing:1px;background-position:0 -290px}
.topArea .twitter .chead span{display:block; text-indent:-300px; overflow:hidden; float:left;}
.topArea .twitter .chead .link{ color:#FFF;display:block; text-align:right; float:right; font-weight:bold; height:40px; line-height:40px; margin-right:30px;}
.topArea .twitter .chead .link:hover{ color:#7AB12A; text-decoration:none;}

.twitter .cont{margin:0px 0px 0 0px !important;background:#FFF !important;}

.topArea .twitter .box .chead .ctitle a{}
.topArea .twitter .box .chead .ctitle a:hover{}
.topArea .twitter .cont{ background:#FFF;}

.topArea .twitter .twfr{width:279px; height:246px !important; overflow:hidden; margin:4px 0 0px 3px;}
.topArea .twitter .twfr iframe{ margin:-2px 0 0px -2px !important;}

/*about*/
.topArea .aboutus .chead .ctitle{width:280px;height:40px;color:#FFF;margin-left:0px;padding:0 0 0 0px;font-size:12px;font-weight:bold;
line-height:40px;letter-spacing:1px;background-position:0 -330px}
.topArea .aboutus .chead span{display:block; text-indent:-300px; overflow:hidden; float:left;}
.aboutus .cont{margin:10px 10px 0 10px !important;}
.aboutus .box{padding:0px 0px 6px 0 !important}

/*banner*/
.bannerArea{/*margin-top:20px;*/}
.bannerArea .banner{ text-align:center; margin:10px 0px 10px 0px; padding-bottom:10px; border-bottom:1px dashed #CCC;}
.bannerArea .banner_end{ text-align:center; margin:10px 0px 10px 0px;}

.bannerArea .ctitle{width:280px;height:40px;color:#FFF;margin-left:0px;padding:0 0 0 0px;font-size:12px;font-weight:bold;
line-height:40px;letter-spacing:1px; background-position:-280px -302px}
.bannerArea .ctitle span{display:block; text-indent:-300px; overflow:hidden; float:left;}
.bannerArea .box{padding:0px 0px 6px 0 !important}

/*column foot*/
.rightBlock .columnfoot{ width:280px; height:4px; background-position:-280px -342px; margin-bottom:20px;}


/*btn*/
.rightareabtn{}

/*twitter---------*/
.tweetheader{
	padding-top:0px;
}

.tweetframe{
	padding-left:0px;
	/*border:1px solid #CCC;*/
	width:280px;
	height:143px;
}

/*バナー*/



/*PR-------*/
.prbanner{margin:10px 0 10px 4px}

	
/* footer */
.footer .fTop{
/*	background:#4D4D4D !important;}*/
/*footer--------*/
}
.footer .fTop{
	height:20px;
	/*background:url(/img/top/fshadow-black.png) repeat-x bottom left !important;*/
	background:#4D4D4D !important;
}

.twtr-ft{display:none !important}

.twtr-hd{display:none !important}

.twtr-widget{border:#FFF !important;}

/*about*/
.about{
	padding:10px 4px 0px 4px;
	font-size:93%;
	
	
}

/*slide*/


#photoframe{
	margin:0px auto 0 auto;
	padding-top:0px;
	width:970px;
	text-align:left;
	position:relative;
	z-index:0 !important;

}
/*#photoframe .piframe{
	width:970px;
	height:406px;
	z-index:0 !important;

}


*/div#photoArea {
	margin:0 0 12px 0px;
	padding:0;
	/*margin:0 auto 0 auto;*/
	width:970px;
	text-align:left;
	position:relative;
	height: 350px;
	
}
/*photo*/
#photoArea .leftfr{position:absolute !important;top:0;left:-0;width:6px;height: 350px;z-index:100; background:url(/img/top/photo/fr_l.png) no-repeat;}
#photoArea .rightfr{position:absolute !important;top:0;right:0;width:6px;height: 350px;z-index:100;background:url(/img/top/photo/fr_r.png) no-repeat;}

#photoArea .topfr{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	width:968px;
 	height: 348px;
	margin-left:1px;
}

#photoArea .photoStage  {
    padding: 0px 0 0px 0;
	background-color:#F00;
	width:968px;
 	height: 348px;
	text-align:left;
	overflow:hidden;
	z-index:1;
}
#photoStage{
	display:none;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
/*	width:970px;20160920*/
	width:996px;
	overflow:hidden;
	position:relative;
	display:block;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container a {
/*	width:970px;20160920*/
	width:996px;
	height: 350px;
	display:block;
}

.slides_container div {
/*	width:970px;20160920*/
	width:996px;
	height: 350px;
	display:block;
}

.slides_container a img {
	display:block;
}

#photoArea .controlarea{
	 position:absolute;

	/*text-align:right;
	float:right;*/
	 top:320px;
/*	 right:19px;20160921*/
	 right:11px;
	
	margin:0px 0 0px 0;
	/*width: 156px;*/
	/*padding:4px 0 4px 0;*/
	height:16px;
	z-index:100;
	/*background:url(/imgs/top/sliderline.png) repeat-x;*/
}


/*
	Pagination
*/
.controlarea li {
	float:left;
	/*margin:0 1px;*/
	margin-left:8px;
	list-style:none;
	height:9px;
}

.controlarea li a {
	outline:none;
/*	width:9px;20160921*/
	width:12px;
	display:block;
	float:left;
	height:0;

/*	background: url(/img/top/photo/paiging.png) no-repeat;20160921*/
	background-color: #dddddd;

	background-position:-9px 0px;
	overflow:hidden;
	padding-top:12px;

	border: 4px solid #ffffff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;

}

.controlarea li.current a {
	background-position:0 0;

	background-color: #79B12A;
	border: 4px solid #ffffff;

}




.ysbanner{ position:relative; z-index:1000;}
.ysbanner a{
	display:block;
	position: absolute;
/*	width:445px;
	height:70px;
	top:-78px;
	left:12px;*/

	width:445px;
	height:40px;
	top:-47px;
	left:7px;
/*	opacity: 0.6;*/

	z-index:1000;
/*	background:url(/img/top/photo/banner.png) 0 0 no-repeat;*/
	background-color: #ffffff;
	color: #666666;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);

}
.ysbanner a:hover{ background-position:0 -70px;}

/** control **/

/*#photoArea .topnavi{width:700px;_width:680px;float:left; height:16px;margin:14px 0 0 0;paddnig:0;}*/

/*lead*/
.leadcopy{ width:970px; height:130px; background: url(/img/top/lead/lfr_r.png) right 30px no-repeat; text-align:left; /*overflow:hidden*/}
.leadcopy .innerlead{ width:964px; height:130px; background:url(/img/top/lead/lfr_l.png) left 30px no-repeat;}
.leadcopy .cont{width:958px; height:130px; margin-left:6px;background:url(/img/top/lead/lfr_c.png) left 30px repeat-x;}
.leadcopy .cont div{ float:left;}


.leadcopy .cont .headw{margin:44px 13px 0 9px; width:62px; height:45px; background-position:-670px -130px;}
.leadcopy .cont .cont1{ display:block; width:181px; height:86px; margin:44px 1px 0 17px; font-size:12px; line-height:16px; font-weight:bold;}
.leadcopy .cont .cont2{ display:block; width:252px; height:86px;margin:44px 11px 0 15px; font-size:12px; line-height:16px; font-weight:bold;}
.leadcopy .circle1{float:left; width:130px; height:130px;margin:0; background-position:0 0 ;}
.leadcopy .circle1:hover{background-position:-390px 0 ;}
.leadcopy .circle2{float:left; width:130px; height:130px;margin:0; background-position:-130px 0 ;}
.leadcopy .circle2:hover{background-position:-520px 0 ;}
.leadcopy .circle3{float:left; width:130px; height:130px;margin:0; background-position:-260px 0 ;}
.leadcopy .circle3:hover{background-position:-650px 0 ;}


/*old
.leadcopy .cont .cont1{ width:181px; height:86px; margin:44px 12px 0 12px; font-size:12px; line-height:16px; font-weight:bold;}
.leadcopy .cont .cont2{ width:252px; height:86px;margin:44px 8px 0 12px; font-size:12px; line-height:16px; font-weight:bold;}
*/

.chead h2{display:block; text-indent:-300px !important; white-space:nowrap !important; overflow:hidden !important; float:left;}
.topArea .category .chead h2{display:block; text-indent:-300px; white-space:nowrap; overflow:hidden; float:left;}




.searchCont{
	height: 0px !important;
}


.searchArea>.searchCont>.srchboxArea{
	background-color: transparent !important;
}

.searchArea>.searchCont>.srchboxArea>.srchBox{
	margin-left: 142px;
}





body{

	font-family:Helvetica, Arial,
	 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	 Meiryo, メイリオ, sans-serif;
}

.srchboxArea .check{
	right: -77px !important;
}


.searchArea>.searchCont>.srchboxArea>.option>.srchOptionArea{
left: 400px !important;
}


.historyArea .thumbInner {
/*	height:87px !important;*/
	height:75px !important;
}





.kwArea .usedkwArea {
	width:100% !important;
	}



.thumb { 
/*  width:87px;
  height:87px;*/
  width:75px;
  height:75px;
  overflow:hidden;
  position:relative;
}


.thumb img { 
  max-width:140%;
  min-width:100%;
  width:auto;
  min-height:100%;
  max-height:140%;
  height:auto;
  position:absolute;
  top:-40%;
  right:-40%;
  bottom:-40%;
  left:-40%;
  margin:auto;
}