@charset "UTF-8";

/*CSSリセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSSリセットここまで */

/* chuchu独自 */

#content #promain{
	margin:0 auto;
	padding:0;
	width:700px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

#content #promain #protitle{
	margin:0 auto;
	padding:0;
	width:700px;
	height:100px;
	}
#content #promain #proph{
	margin:0 auto;
	padding:0;
	width:700px;
	height:400px;
	}

#midlecolum{
	margin: 0;
	padding: 0;
	}
#midlecolum #midleleft{
	margin: 0 auto 10px auto;
	padding: 0;
	width: 400px;
	height: 80px;
	display: block;
	text-align: center;
	}
#midlecolum #midleright{
	margin: 0 auto;
	padding: 0;
	width: 400px;
	}

/*productshop*/
#midlecolum #midleleft #promoji ul#shop{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	height:40px;
	width:400px;
	display:block;
	background-image:url(../img/shopbannar.png) ;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
	
#midlecolum #midleleft #promoji ul#shop li{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	height:40px;
	float:left;
	}
	
#midlecolum #midleleft #promoji ul#shop li a{
	display:block;
	text-decoration:none;
	padding:0;
	height:40px;
	background-image:url(../img/shopbannar.png);
	background-repeat:no-repeat;
	/*\*/
	overflow:hidden;
	/**/
	}
	
#midlecolum #midleleft #promoji ul#shop li#shopnav	{width:400px;}
#midlecolum #midleleft #promoji ul#shop li#shopnav a	{background-position:0 0;}
#midlecolum #midleleft #promoji ul#shop li#shopnav a:hover	{background-position:0 100%;}


/* chuchu独自END */

/* 基本構成 */
body{
	background-color: #ffeef4;
	font-family: futura,"MS Pゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #e67eaf;
}

a{
	text-decoration: none;
	color: #59d7fe;
}

h1{
	font-size: 16px;
	margin-bottom: 0.5em;
}

#brandbar{
	height: 5px;
	background-color: #e67eb0;
	margin-bottom: 10px;
}

#maincontents{
	width: 954px;
	margin: 0 auto;
}
#leftcontents{
	width: 100px;
	margin-right: 15px;
	float: left;
}

#centercontents{
	width: 650px;
	margin-right: 15px;
	float: left;
}

#rightcontents{
	width: 174px;
	float: left;
}

#footer{
	clear: both;
	margin: 10px 0;
	color: #a2394a;
	text-align: center;
	font-size: 10px;
	line-height: 1.2em;
}

#brandlogo{
	margin-bottom: 10px;
}

#productlist{
	border-radius:12px;
	padding: 10px 3px;
	background: url(../img/bg_subcontents.png) repeat-x;
	background-size: contain;
}

.productlisttitle{
	text-align: center;
	color: #FFF;
	font-size: 14px;
	margin-bottom: 3px;
}

#lineup, #lineupporore{
	text-align: center;
	font-size: 10px;
}

#lineup a, #lineupporore a{
	color: #db619b;
	font-weight: bold;
}

#lineup li, #lineupporore li{
	background-color: #feedff;
	margin-bottom: 2px;
	border-radius: 5px;
}

#menubar{
	background-image:url(../img/menubar_base.png);
	height: 30px;
	margin-bottom: 10px;
}

#menubar .buttonlist{
	padding-left: 72px;
}

#menubar .buttonlist li{float: left;}

#a1clogo{
	position:relative;
	text-align: center;
	margin-bottom: -23px;
	z-index: 2;
}

#common{
	position:relative;
	z-index: 1;
	
	border: #f3abc7 solid 1px;
	border-radius: 10px;
	box-shadow: 0 0 3px #999 inset;
	background-color: #FFF;
	
	padding: 27px 13px 13px 13px;
}

#common .whatnew, #common .information{
	padding: 5px;
	
	font-size: 10px;
	line-height: 1.2em;
}

#common .gotohistory{
	text-align: right;
	margin-top: 5px;
}

#common .gotohistory a{
	color: #05CCFE;
}

#common .anime, #common .game{
	margin: 5px 0 0 0;
}

#common .anime img, #common .game img{
	display: block;
	margin-bottom: 5px;
}

#common .anime{margin-bottom: 15px;}

.kadomaru{
	border-radius: 15px;
}

.fade{}

/* 基本構成ここまで */

/* トップページ */

.mainvisual{
	margin-bottom: 15px;
	position:relative;
}

#subcontents{
	height: 385px;
	margin-bottom: 5px;
	
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #feedff;
	
	padding: 10px 10px;
}

#subcontentsleft, #subcontentsright{
	border: #f3abc7 solid 1px;
	border-radius: 10px;
	box-shadow: 0 0 3px #999 inset;
	margin-bottom: 5px;
	overflow-y: scroll;
	padding: 10px;
}

#subcontentsleft{
	width: 378px;
	height: 154px;
	float: left;
	margin-right: 9px;
	background: #FFF url(../img/subcontentsleft_bg.png) no-repeat right bottom;
}

#subcontentsright{
	width: 218px;
	height: 154px;
	float: left;
	background: #FFF url(../img/subcontentsright_bg.png) no-repeat right top;
}

.newrelease, .lineup{
	margin: 5px 0 10px 0;
}

#historycontents{
	height: 859px;
	margin-bottom: 5px;
	
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #feedff;
	
	padding: 20px;
}

#historycontents p{
	margin-bottom: 10px;
}

/* トップページここまで */

/* Product */

#productlistbanner{
	height: 630px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #fff;
	border: #f3abc7 solid 1px;
	box-shadow: 0 0 3px #999 inset;
	padding: 10px 10px;
}

#productlistbanner .product li{
	margin-bottom: 10px;
}

#productlistbanner .product li img{
	border-radius: 10px;
}

.product{
	margin: 5px 0 10px 0;
}

/* Productここまで */

/* 作品詳細ページ */


#main_banner{
	
position:relative;
	}
	
	
#main_banner .new_banner{

position:absolute;
top:520px;
left:10px;

}

.mainvisual .new_banner2{
position:absolute;
top:120px;
right:20px;
	
	}
	
/*
#main_banner:after{
position: absolute;
content: '';
background-image: url(../product/koibito_BD/test_img.png);
background-repeat: no-repat;
width: 55px;
height: 55px;

top: 100px;
left: 15px;
z-index: 10;
}
*/

#productdetail{
	margin-bottom: 5px;
	border-radius: 15px;
	background-color: #fff;
	
	padding: 20px;
	
	color: #ff7fc7;
	font-size:14px;
	line-height: 1.5em;
}

#poroph h1{
	color: #fb34ae;
}

#porotokuten{
	margin: 20px 0;
	text-align: center;
}

#porotokuten li{
	display: inline;
}

/* 作品詳細ページここまで */

/* Help */
#helpform{
	height: 610px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #fff;
	border: #f3abc7 solid 1px;
	box-shadow: 0 0 3px #999 inset;
	padding: 20px;
}

#helpform .section{
	margin-bottom: 10px;
}

#helpform .hanbai{
	margin-top: 15px;
}

/* Helpここまで */

/* リンクここから */

#linkcontents{
	height: 610px;
	margin-bottom: 5px;
	overflow-y: scroll;
	border-radius: 15px;
	background-color: #fff;
	border: #f3abc7 solid 1px;
	box-shadow: 0 0 3px #999 inset;
	padding: 20px;
}

#linkcontents li{
	display: block;
	float: left;
	
	margin: 0 1px 10px 1px;
}

#linkcontents .section{
	margin-bottom: 10px;
}

#linkcontents .info{
	background-color: #FFF;
	border-radius:10px;
	padding: 10px;
	
	text-align:center;
}

#linkcontents .attension{
	font-size: 14px;
	font-weight:bold;
	line-height: 1.5em;
}

/* リンクここまで */


/* trailerここから */
#trailer .body{
	color: #333333;
	margin-bottom: 0.5em;
}

#trailer td{
	vertical-align: middle;
}

#contenttrail{
	clear: both;
	padding: 0;
	margin: 115px auto 0 auto;
	width: 550px;
	border-top: 20px solid #333333;
	border-bottom: 20px solid #333333;
	border-right: none;
	border-left: none;
	color: #999999;
	background-color: #ffffff;
	}

#trailermov{
	margin:0 auto 15px;
	padding:0;
	width:480px;
	text-align:center;
	}
#trailermov2{
	margin:0 auto 15px;
	padding:0;
	width:320px;
	text-align:center;
	}	

#trailer h1{
	font-size:12px;
	text-align:center;
	color:#ff00cc;
	}
#trailermov h5{
	font-size:10px;
	color:#ff0000;
	}
#contenttrail ul{
	padding:0;
	margin:0;
	}

#toptrail{
	margin:0 auto;
	padding:0;
	width:550px;
	}
#toptrail #inner-content{
	width:530px;
	list-style:none;
	margin:0;
	padding:5px;
	}
#trailer td.details {padding: 2px 0 0 15px;}


#trailer .details h4 {font-size: 14px; margin: 0 0 3px 0;color:#ffcc00;}

#toptrail #inner-content p{
	font-size:11px;
	}
#toptrail #inner-content p.txt_right{
	font-size:11px;
	color:#ff0000;
	}

	
#toptrail #inner-content table.layout{
	font-size:12px;
	}
#toptrail #inner-content table.layout td.art{
	margin:0;
	padding:0 0 0 5px;
	}
#trailer .rule
	{border-top: 1px solid #c4c6c7; margin: 10px 0;}




#toptrail ul#growordbox li{
	padding:0;
	background:#000000;
	}

#toptrail ul#growordbox li#mainph{
	padding:0;
	margin:0;
	width:200px;
	height:450px;
	display:block;
	float:left;
	}

#trailer span.size10{
	font-size: 14pt;
	color: #333333;
	line-height: 1.2em;
	}
#trailer span.subtitle{
	font-size:10pt;
	
	}
#trailer .head{
	font-size:8pt;
	color:#666666;
	}

#toptrail #inner-content a {text-decoration:none; color:#ff00cc;}
#toptrail #inner-content a:visited{color:#ffcc00;}
#toptrail #inner-content a:hover{color:#999999;}

#subpr.cleared:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#trailer .cleared{display:inline-block;}

#subpr #detaile2 #spec dl.bun{
	margin:15px 10px 0 0;
	padding:0:
	float:right;
	color:#999999;
	}
/* trailerここまで */


/* galleria */

.galleria{
	list-style:none;
	width:200px
}
.galleria li{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;
}
.galleria li a{
	display:none
}
.galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px;
}
.galleria li div img{
	cursor:pointer;
}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
.galleria li .caption{
	display:block;
	padding-top:.5em
}
* html .galleria li div span{width:400px} /* MSIE bug */

#poroph{
	text-align:center;
	color:#bbbbaa;
}
.caption{
	font-style:italic;
	color:#ff60ee;
}
.demo{
	position:relative;
	margin-top:1em;
	padding: 10px;
}
.gallery_demo{
	width:600px;
	margin:0 auto;
}
.gallery_demo li{
	width:64px;
	height:36px;
	border:3px double #ff4a97;
	margin: 2px 2px;
	background:#ff4a97;
	border-radius:8px;
}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{
	font:italic 0.7em/1.4 georgia,serif;
}

#main_image{
	margin: 0 auto 40px auto;
	height: 400px;
	width: 480px;
}
#main_image img{
	margin-bottom:10px;
	border-radius:10px;
}
.nav{
	padding-top:15px;
	clear:both;
	font:80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
}

/* galleriaここまで */

.caution{
	font-size: 12px;
	border: solid 1px #89d6f9;
	padding: 3px 10px;
	margin: 0 10px;
	border-radius: 5px;
}

.caution a{font-weight: bold;}