

@import "common.css";



/***mugon***/










/**メインコンテンツ**/
#centerbox{
	float:left;
	width:750px;
	_width:748px;
	margin:0 0 0 23px;
	padding:0;

	height:100%;


}
.viewport{
	margin:0 0 200px 0;
	padding:0;
}
h5{
	clear:both;
	margin:12px 0 0 0;
	padding:12px 0 12px 12px;
	border-bottom:1px solid #CCC;
	border-left:5px solid #CCC;
	font-size:1.15em;
	color:#CCC;
}

h5 a{
	display:block;
	height:13px;
	float:right;
	margin:20px 0 0 0;
	/margin:-20px 0 0 0;
	padding:0 0 0 20px;
	font-weight:normal;
	background: url("../linklist/images/icon_arrow.gif") no-repeat top left;
}

h5 span{

	height:13px;
	margin:20px 0 0 0;
	/margin:-20px 0 0 0;
	padding:0;
	font-weight:normal;
	font-size:0.65em;
}








/*ニュース*/

.news_maker{
	position:relative;

	height:110px;


	margin:0 0 0 2px;
	padding:12px 3px;
	_padding:12px 3px 12px 3px;
	list-style:none;
	/*border-bottom:1px solid #CCC;*/
	background:#000 url(../images/bg_contentsline.jpg) no-repeat bottom left;
}
.news_maker02{
	position:relative;

	height:110px;


	margin:0 0 0 2px;
	padding:12px 3px;
	_padding:12px 3px 12px 3px;
	list-style:none;
	/*border-bottom:1px solid #CCC;*/
	background: url(../images/bg_contentsline.jpg) no-repeat bottom left;
}
.news_maker_img{
	text-align:center;

	float:left;
	width:126px;
	height:93px;
	margin:0 10px 0 0;
	padding:3px 0 0 0;
	font-size:0;
	background:#333;
	/*border:3px solid #333;*/

}


.over_img{
	display:block;
	width:126px;
	height:96px;
	position:absolute;
	margin:-3px 0 0 0;
	background: url(../news/images/icon_new.png) no-repeat top right;
	z-index:1000;
}

.news_maker_date{

	float:left;
	margin:3px 10px 0 0;
	padding:0;
	font-size:0.65em;

}

.news_maker_icon{
	float:left;
	width:500px;
	margin:0;
	padding:0 0 0 10px;

	background: url(../images/bg_newsline.gif) no-repeat top left;


}
.news_maker_coment{
	float:left;
	width:500px;
	margin:12px 0 0 0;
	padding:0;

}



.news_maker_coment a{
	float:left;
	margin:0;
	padding:1px 0 0 20px;

	background: url(../images/icon_next02.png) no-repeat top left;
	_background: url(../images/icon_arrow.gif) no-repeat top left;

}

.news_maker_coment span{
	float:left;
	display:block;
	width:20px;
	height:9px;
	margin:0 0 0 5px;
	/margin:3px 0 0 5px;
	padding:0;
}



.news_maker_coment02{
	float:left;
	width:600px;
	margin:12px 0 0 0;
	padding:0;
	font-size:0.75em;
	line-height:1.4;
}










/***メインコンテンツ***/

#centerbox_item{

	margin:0 0 0 199px;
	padding:0 0 0 0;



}




#centerbox_item03{
	min-height:1000px;
	margin:12px 0 0 199px;

	padding:0 0 0 0;

	border-top:1px solid #CCC;

}
.no_item_txt{
	margin:20px 0;
	padding:0;
}
.no_item_txt span{
	margin:0 10px;
	padding:0;
	font-size:0.75em;
}

/***アイテム詳細***/

.item_img{
	float:left;

	list-style:none;
	margin:0;

	padding:30px 30px 40px 20px;
	border-right:1px solid #666;
}
.wkimg{
	font-size:0;
	width:168px;
	height:240px;
	margin:0;
	padding:0;
}
.wkimg img{
	/*border:1px solid #CCC;*/
}
.wkimg a{	font-size:0;
	display:block;
	width:168px;
	height:240px;
	margin:0;
	padding:0;

}
.wkimgbig{
	text-align:center;
	width:178px;

	margin:5px 0;
	/margin:0 0 5px 0;
	padding:0;
	font-size:0.85em;
}
.wkimgbig a{

	height:12px;
	margin:0;
	padding:0 0 0 15px;
	background: url(../work/images/icon_glass.jpg) no-repeat top left;
}
.samplmov{
	width:168px;
	height:29px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:0;
}

.samplmov02{

	margin:10px 0 0 13px;
	/margin:5px 0 0 13px;
	padding:0 0 0 20px;
	background: url(../work/images/icon_win.jpg) no-repeat top left;


}




.item_txt_all{
	list-style:none;
	width:490px;
	_width:480px;
	height:370px;
	margin:0 0 0 230px;

	padding:30px 10px 0 30px;

}

.item_txt{
	list-style:none;
	margin:0;

	padding:0;

}
.item_txt li{
	line-height:1.4;
}

/***テキスト関連***/
.item_txt_rls{
	margin:0;
	padding:0;
	font-size:0.75em;
	color:#FFF;
}

.item_txt_tl{
	margin:5px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:0.85em;
	color:#FFF;
}


.item_txt_nedan{
	margin:20px 0;
	padding:0;
	font-size:0.75em;
	color:#FFF;
}

.item_txt_nedan span{
	margin:0;
	padding:0;
	/*color:#cc0000;*/
	font-weight:bold;
	font-size:1.25em;
}




/*セレクトボックス*/

.select_box02{
	float:left;
      margin:0;
      padding:0;
      width: 336px;
	position:relative;
	z-index:10;
	color:#FFF;

}

.select_box02 span{
      margin:0;

      padding:0;

	font-size:0.75em;
	/position:absolute;
	/z-index:110;
	/top:2px;
}


.select_box02_inner{
	/margin:20px 0 0 0;
	width:290px;

}










/*
    select {
      display: block;
      width: 290px;
      height: 19px;

      color: #fff;
    }
    select.replaced {
      display: none;
    }
    ul.selectReplacement {
	border:1px solid #999;
      margin: 0;
      /margin:15px 0 0 0;
      padding: 0;
      height: 19px;
      width: 290px;

    }
    ul.selectReplacement li {

      background: #000;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 0.75em;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 14px 1px 10px;
      _padding: 0px 14px 0 10px;
      width: 266px;


    }
    ul.selectOpen li {
      display: block;
    }
    ul.selectReplacement li.selected {

      background: url(../images/btn_pulldown.jpg) top right no-repeat;
      _background: url(../images/btn_pulldown.gif) top right no-repeat;
      color: #333;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #e6e6e6;


      display: block;

    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #9e0000;
      color: #fff;
    }

*/


#srch_ymd02{

	position:absolute;
	left:300px;
	top:0px;

	border:none;
	cursor: pointer;
	text-indent: -9999px;
	display:block;
	background:url("../work/images/btn_buy.gif") no-repeat;
	width:175px;
	height:48px;
}







/***snsアイコン***/
.btn_sns{

	float:left;
	margin:30px 0 0 0;
	padding:0;
	width:500px;
	_width:480px;
}
.slink{

	width:150px;
	list-style:none;
	margin:0;
	padding:0;
}
.slink li{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}


.slink02{
	width:150px;
	margin:5px 0 0 0;
	padding:0;

}
.slink02 iframe{
	border:none;
	overflow:hidden;
	height:40px;
	color:#FFF;
}







/***アイテムボックス02***/
.centerbox_item02{	_width:760px;
float:left;
	margin:-10px 0 0 0;
	padding:0;


	/min-height: 600px;
	/height: auto !important;
	/height: 600px;
}




/***作品コメント***/
.item_cmt02{
	margin:0;
	padding:0 15px;
	line-height:1.4;
	font-size:0.75em;
	color:#FFF;

}
.item_cmt02 span{
	font-weight:bold;
	

}
/***アイテムの表***/
table.hyocredit{
	width:740px;
	margin:10px auto;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-collapse:collapse;
	border-spacing:0;
	background:url("../work/images/bg_news.gif") repeat top left;



	empty-cells:show;
	font-size:0.75em;
}
.hyocredit th{
	border-right:1px solid #333;
	border-bottom:1px solid #333;

	/*background: url("../work/images/bg_dgray.gif") repeat top left;*/
	padding:10px 0 10px 5px;
	text-align:left;
}
.hyocredit td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:5px;
	line-height:1.2;
}
.hyocredit span{
	font-weight:bold;
}
.hyocredit td a{
	font-size:1em;
}
.hyocredit td a:hover{
	font-size:1em;
}
.tbgraybg{
	background:url("../work/images/bg_rgray.gif") repeat top left;
	font-weight:bold;
	color:#333;
}

.tb_md{
	width:153px;
	/*background:url("../work/images/bg_rgray.gif") repeat top left;*/

	text-align:center;
}

.item_chuitxt{
	list-style:none;
	margin:0;

	padding:0 0 0 20px;
	height:17px;
	font-size:0.65em;
	
}

.item_chuitxt li{
	float:left;
	margin:0;
	padding:0;
}

.item_chuitxt span{display:block;

	margin:2px 0 0 2px;
	padding:0;
}

.item_chuitxt02{
	width:720px;
	margin:0;
	padding:20px 0 0 20px;
	height:17px;
	font-size:0.65em;
	
}
.item_chuitxt02 a{

	font-size:1.1em;
	
}
.item_chuitxt02 a:hover{

	font-size:1.1em;
	
}
.item_chuitxt02 span{display:block;

	margin:2px 0 0 2px;
	padding:0;
}


/***ポートエリア***/
.mkfootlink10{
	margin:20px 5px 0 5px;
	padding:2px 0;
	border-bottom:1px solid #CCC;
	border-top:0px;
}
.mkfootlink10 span{
	font-weight:bold;
	font-size:0.75em;
	margin:0;
	padding:0;
}
.mkfootlink10 a{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background: url("../images/icon_orarrow.gif") no-repeat center left;
}

.wp_works03area{
	clear:both;
	margin:0 5px;
	_margin:0 0 0 5px;
	padding:0;
}
.wp_works03{

	list-style:none;
	margin:0;
	padding:0;
}
.wp_works03 li{
	float:left;
	margin:5px 5px 0 0;
	padding:0;
	font-size:0;
}
.boxend{
	clear:both;
}
#imgarea_lg{
	display:none;
}

.img_warning{

	margin:20px 0 0 0;
	/margin:-18px 0 0 0;
	padding:0 0 20px 0;

	line-height:1.2;
	font-size:0.65em;
}


/***最近チェックした作品***/
.wp_works04area{
	clear:both;
	margin:0 5px 120px 5px;
	padding:0 0 40px 0;
	background: url("../images/bg_news.gif") repeat top left;
}
.wp_works04{

	list-style:none;
	margin:0;
	padding:0;


}
.wp_works04 li{
	text-align:center;
	width:95px;
	float:left;
	margin:20px 15px 0 15px;
	_margin:20px 12px 0 12px;
	padding:0 0 0 0;

}
.wp_works04 img{
	font-size:0;
}
.wp_works04 a{display:block;
	/line-height:1.4;
}



.wp_works04 a:hover{

text-decoration:none;
}


.wp_works04 img:hover{
	text-decoration:none;
}

/*
.wp_works04 a:hover span{text-decoration:underline;}
*/











/***mugon***/









