@charset "UTF-8";



/* styles */
/*/////////////////////////////////////////////////*/

div#contents {
	background:    url(../img/sub/bg_btm.png) no-repeat 0 100%;
	margin:        0 0 40px 0;
	padding:       0 0 10px 0;
}

div#contents div.inner {
	background:    url(../img/sub/bg.png) repeat-y left;
}

/* ie6 */

* html div#contents  {
	background      : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kuuki-bijin/shared/img/sub/bg_btm.png',sizingMethod=scale);
}

* html div#contents div.inner {
	background      : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kuuki-bijin/shared/img/sub/bg.png',sizingMethod=scale);
}

* html div#contents a {
	position        : relative;
	cursor          : pointer;
}

div#sub {
	width:         230px;
	float:         left;
}

div#main {
	width:         700px;
	float:         right;
}



/* sub */

ul#subnavi,
div#related {
	border-bottom: 1px solid #d1e4ed;
	padding:       15px 10px 15px 10px;
}

ul#subnavi li,
div#related ul li {
	margin:        0 0 2px 0;
	float:         left;
}

ul#subnavi li a,
div#related ul li a {
	display:       block;
}

div#related h3 {
	margin:        0 0 8px 0;
}

div#blog {
	padding:       15px 10px 15px 10px;	
}

div#blog ul {
	border:        1px solid #3383ac;
	border-top:    0;
}

div#blog ul li {
	padding:       5px 10px;
}

div#blog ul li.even {
	background:    #74b0d0;
}


div#blog ul li a {
	background:    url(../img/icon_link_w.gif) no-repeat 0 4px;
	color:         #ffffff;
	padding:       0 0 0 8px;
}

div#blog ul li a:hover { color: #cccccc; }



/* main */

div#mainvisual {
	width:          700px;
	height:         300px;
	margin:        0 0 20px 0;
}

div.profile {
	margin:        0 0 20px 0;
}

div.profile p {
	color:         #ffffff;
	padding:       10px 15px;
}

body#takagaki div.profile p { background : #d1acc9 url(../../takagaki/img/bg_profile.gif) no-repeat left bottom; }
body#emi      div.profile p { background : #cfd39a url(../../emi/img/bg_profile.gif) no-repeat left bottom; }
body#viviane  div.profile p { background : #88cbc8 url(../../viviane/img/bg_profile.gif) no-repeat left bottom; }
body#miura    div.profile p { background : #d09e9d url(../../miura/img/bg_profile.gif) no-repeat left bottom; }

	
div.purchase {
	width:         700px;
	height:        70px;
	margin:        0 0 50px 0;
	position:      relative;
}

div.purchase img.text {
	position:      absolute;
	z-index:       1;
	top:           0px;
	left:          0px;
}

div.purchase a.btn {
	position:      absolute;
	z-index:       2;
	top:           10px;
	left:          400px;
}

ul.tab {
	background:    url(../img/tab_base.gif) no-repeat 0 100%;
	border-top:    1px solid #cccccc;
	width:         690px;
	margin:        0 0 20px 0;
	padding:       35px 5px 5px 5px;
}

ul.tab li {
	width:         342px;
}


ul.tab li.tab-text {
	float:        left;
}

ul.tab li.tab-movie {
	float:        right;
}

ul.tab li a {
	display:      block;
}

div.tabbox { display: none; }
div.tabbox.tab-current { display: block; }


div.cnt {
	padding:      0 0 30px 0;
}

div#q1 { background : url(../img/bg_q1.jpg) no-repeat 0 85%; }
div#q2 { background : url(../img/bg_q2.gif) no-repeat 100% 80%; }

div.cnt div.text { width: 400px; }
div.cnt div.img  { width: 280px; }

div#btn-movie {
	text-align:    center;
	border-top:    1px solid #cccccc;
	padding:       30px 0 0 0;
	margin:        0 0 50px 0;
}


div#movie-box {
	padding:       0 87px;
	margin:        0 0 20px 0;
}

div#point {
	width:         523px;
	padding:       0 87px;
}

div#point h3 {
	margin:        0;
}

div#point ul {
	border:        1px solid #3383ac;
	border-top:    0;
	padding:       0;
}

div#point ul li {
	padding:       5px 10px;
}

div#point ul li.even {
	background:    #e1edf3;
}

div#point ul li span {
	color:         #3383ac;
	margin:        0 10px 0 0;
}


/* ClearFix */
/*/////////////////////////////////////////////////*/

div#contents div.inner:after,
ul#subnavi:after,
div#related ul:after,
ul.tab:after {
	content:          " ";
	height:           0px;
	clear:            both;
	visibility:       hidden;
	display:          block;
}

div#contents div.inner,
ul#subnavi,
div#related ul,
ul.tab {
	display:          inline-block;
}

/*\*/
* html div#contents div.inner,
* html ul#subnavi,
* html div#related ul,
* html ul.tab {
	height:           1%;
}

div#contents div.inner,
ul#subnavi,
div#related ul,
ul.tab {
	display:          block;
}
/*\*/