@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; font-style: normal; line-height: 1.5em; }
body { margin:10px 0; text-align: center; color: #666; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { color: #09f; text-decoration: underline; }
a:visited { color: #09f; text-decoration: underline; }
a:hover, a:active { color: #f39; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after, .mc:after, .ph_l:after, .ph_r:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr, .mc, .ph_l, .ph_r { display: inline-table; min-height: 1%; }
/* Hide from mac IE5*/
* html .clr, * html .mc, * html .ph_l, * html .ph_r { height: 1%; }
.clr, .mc, .ph_l, .ph_r { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hd { text-indent: -9999px; overflow: hidden; }
.hd a { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
body { text-align:center; width:100%; }
#container { margin: 0 auto; width:800px; }
.rc { float: right; }
.lc { float: left; }
.small { font-size: 84%; }
.small a { font-size: 100%; }
.medium { font-size: 92%; }
.spc { margin-bottom: 1em; }
strong { font-weight: bold; }

body.jp #header { background: url(../../jpn/special/manga_girls/img/bg_header.jpg) left top no-repeat; height: 290px; }
body.en #header { background: url(../../eng/special/manga_girls/img/bg_header.jpg) left top no-repeat; height: 290px; }
#header h1 { font-size:0; }
#header .banner { padding-top: 217px; padding-left: 617px; }
#header .banner img { border: 1px solid #fff; }

#idx .body { padding-top: 15px; background: url(../special/anniv10/bg_body.gif) left top repeat-y; }

.body #common { padding: 0 17px 0 17px; background: url(../special/anniv10/bg_common.gif) left top repeat-y; margin-bottom: 10px; }
.body #common .line { border-bottom: 1px solid #66ccff; }
.body #common p { margin-bottom: 1em; }
.body #common #set01 { width: 397px; padding-top: 5px; padding-left:5px; padding-bottom: 15px; }
.body #common #set01 .btn { margin-bottom:8px; }
.body #common #set02 { width: 322px; padding-top: 5px; padding-bottom: 20px; }
.body #common #set02 #movie dl { float: left; width: 150px; }
.body #common #set02 #movie dl#trailer { margin-right: 17px; }
.body #common #set02 #movie dt { padding-bottom: 5px; }
.body #common #set02 #movie dd { color: #f39; font-size: 90%; }
.body #common #set02 .movie dl { float: left; width: 150px; }
.body #common #set02 .movie dl.trailer { margin-right: 17px; margin-bottom: 10px; }
.body #common #set02 .movie dt { padding-bottom: 5px; }
.body #common #set02 .movie dd { color: #f39; font-size: 90%; }
.body #common #set03 { width: 397px; padding-top: 19px; padding-left:5px; padding-bottom: 15px; }
.body #common #set03 .lc img { margin: 0 10px 5px 0; }
.body #common #set03 dt { float: left; width: 165px; }
.body #common #set03 dd.link { float: left; padding-top: 15px; width: 10px; }
.body #common #set03 dd { float: left; width: 200px; padding-top: 15px; }
.body #common #set03 dd a { font-size: 84%; }
.body #common #set04 { width: 322px; padding-top: 19px; padding-bottom: 15px; }
.body #common h2 { margin-bottom: 10px; }
.body #common .link { font-size: 84%; color: #09f; }

.body #tab { width: 766px; margin-left: 17px; }
.body #tab li { float: left; }
.body #tab li img { vertical-align:top; }
.body #tab li.margin { margin-right: 2px; }
.body .area { background: #aae2ff; margin: 0 17px; padding: 10px 10px; }
.body .area p { font-size: 92%; line-height: 140%; }
.body .area p strong { font-size: 100%; line-height: 140%; }
.body .area a { font-size: 100%; line-height: 140%; }
.body .area a:link { color: #09f; text-decoration: underline; }
.body .area a:visited { color: #09f; text-decoration: underline; }
.body .area a:hover, .body .area a:active { color: #f39; text-decoration: underline; }

.body .area #outline { padding-left: 3px; }
.body .area .topic { margin-top: 20px; background: url(../special/anniv10/bg_dot.gif) left top repeat-x; padding-top:20px; }
.body .area .topic_nb { margin-top: 10px; }
.body .area h3 { color: #f39; font-weight: bold; margin-bottom: 5px; }
.body .area h4 { color: #f39; margin-bottom: 5px; }
.body .area .link { font-size: 92%; color: #09f; }

.body #omote #topic01 { padding-left: 3px; }
.body #omote #topic01 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
.body #omote #topic01 p { margin-bottom: 1em; }
.body #omote #topic01 p.last { margin-bottom: 0; }
.body #omote #topic02 { padding-left: 3px; }
.body #omote #topic02 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
.body #omote #topic02 p { margin-bottom: 1em; }
.body #omote #topic03 { padding-left: 3px; }
.body #omote #topic03 .lc { width: 360px; }
.body #omote #topic03 .rc { width: 360px; }
.body #omote #topic03 p { margin-bottom: 1em; }
.body #omote #topic03 p.last { margin-bottom: 0; }
.body #omote #topic03 li { float:left; margin-right: 10px; }
.body #omote #topic04 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
.body #omote #topic04 p { margin-bottom: 1em; }
.body #omote #topic04 p.last { margin-bottom: 0; }

.body #vf #topic01 { padding-left: 3px; }
.body #vf #topic01 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
.body #vf #topic01 p { margin-bottom: 1em; }
.body #vf #topic01 p.last { margin-bottom: 0; }
.body #vf #topic02 { padding-left: 3px; }
.body #vf #topic02 .mc p { width: 275px; padding-left: 85px; height: auto !important; height: 115px; min-height: 115px; }
.body #vf #topic02 p#doll01 { background: url(../special/anniv10/img_vf02.jpg) left top no-repeat; margin-bottom: 10px; }
.body #vf #topic02 p#doll02 { background: url(../special/anniv10/img_vf03.jpg) left top no-repeat; margin-bottom: 10px; }
.body #vf #topic02 p#doll03 { background: url(../special/anniv10/img_vf04.jpg) left top no-repeat; margin-bottom: 10px; }
.body #vf #topic02 p#doll04 { background: url(../special/anniv10/img_vf05.jpg) left top no-repeat; margin-bottom: 10px; }
.body #vf #topic02 p#doll05 { background: url(../special/anniv10/img_vf06.jpg) left top no-repeat; }
/*.body #vf #topic02 p#doll06 { background: url(../special/anniv09/img_venus02.jpg) left top no-repeat; margin-bottom: 10px; }
.body #vf #topic02 p#doll07 { background: url(../special/anniv09/img_venus03.jpg) left top no-repeat; }
.body #vf #topic02 p#doll08 { background: url(../special/anniv09/img_venus04.jpg) left top no-repeat; }*/

.body #ot #topic01 { padding-left: 3px; }
.body #ot #topic01 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
.body #ot #topic01 p { margin-bottom: 1em; }
.body #ot #topic01 p.last { margin-bottom: 0; }
.body #ot #topic02 { padding-left: 3px; }
.body #ot #topic02 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
.body #ot #topic02 p { margin-bottom: 1em; }
.body #ot #topic02 p.last { margin-bottom: 0; }
.body #ot #topic02 ul { margin-bottom: 1em; }
.body #ot #topic02 li { list-style: disc; font-size: 84%; margin-left: 20px; }

.body .area .credit { padding-left: 3px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #fff; }
.body .area .credit p { font-size:84%; margin-right: 3px; }
.body .area .credit p.margin { margin-bottom: 1em; }
.body .area .credit_in {margin-top: 10px; padding-top: 10px; border-top: 1px dotted #fff; }
.body .area .credit_in p { font-size:84%; margin-right: 3px; }
.button_area { margin: 0 0 0 750px; width: 46px; }

#footer { line-height: 1em; width: 800px; margin-top: 5px; }
#footer .credit { font-size:84%; text-align: center; color: #666; }

/*body#goods h1 { background: url(../special/anniv09/img_main_2nd.jpg) no-repeat left top; height: 75px; padding-left:120px; }*/
body#goods .body { background: url(../special/anniv10/bg_body.gif) left top repeat-y; padding: 25px 22px 0 22px; margin: 0; }
body#goods .body #lead { width: 756px; margin-bottom: 20px; }
body#goods .body h2 { color: #f39; font-weight: bold; margin-bottom: 3px; }
body#goods .body h3 { font-weight: bold; margin-bottom: 3px; }
body#goods .body .ph_r { padding: 15px 0; border-top: 1px dotted #66ccff; }
body#goods .body .ph_r .img { float: right; width: 268px; }
body#goods .body .ph_r .txt { float: left; width: 480px; }
body#goods .body .ph_l { padding: 15px 0; border-top: 1px dotted #66ccff; }
body#goods .body .ph_l .txt { float: right; width: 410px; }
body#goods .body .ph_l .img { float: left; width: 338px; }
body#goods .body .img img { margin-bottom: 5px; }
body#goods .body .txt p { margin-bottom: 1em; }
body#goods .body .cap { color: #666; font-size: 84%; line-height: 120%; }
body#goods .body  p.last { margin-bottom: 0; }
body#goods #back { background: url(../special/anniv10/bg_body.gif) repeat-y left top; padding: 5px 17px 0 17px; margin: 0; }
body#goods #back p { width: 766px; border-top: 1px solid #66ccff; padding-top:10px; text-align: right; }

/*body#brand h1 { background: url(../special/anniv09/img_main_2nd.jpg) no-repeat left top; height: 75px; padding-left:120px; }*/
body#brand .body { background: url(../special/anniv10/bg_body.gif) left top repeat-y; padding: 25px 22px 0 22px; margin: 0; }
body#brand .body #lead { width: 756px; margin-bottom: 20px; }

body#brand .lc { width: 368px; }
body#brand .rc { width: 368px; }
body#brand .set { border-top: 1px dotted #66ccff; padding-top:15px; padding-bottom: 20px; }
body#brand #spring { border-bottom: 1px dotted #00206b; padding-bottom:20px; }
body#brand .set dl { margin-bottom: 8px; }
body#brand .set dt { float: left; padding-right: 5px; font-weigt: bold; color: #f39; _padding-top: 3px; }
body#brand .set dd { float: left; }
body#brand .set li { list-style-type: disc; margin-left: 20px; margin-bottom: 0.2em; }
body#brand #back { background: url(../special/anniv10/bg_body.gif) repeat-y left top; padding: 5px 17px 0 17px; margin: 0; }
body#brand #back p { width: 766px; border-top: 1px solid #66ccff; padding-top:10px; text-align: right; }

/*===charity===*/
body#charity { text-align:center; width:100%; _width:97%; }
body#charity #container { margin: 0 auto; width:500px; padding: 20px; }
body#charity .body h1 { color: #f39; font-weight: bold; margin-bottom: 10px; }
body#charity .body h2 { font-size: 84%; font-weight: bold; margin-bottom: 5px; }
body#charity .body p { margin-bottom: 1em; font-size: 84%; line-height: 140%; }
body#charity .body p#last { margin-bottom: 0; }
body#charity .body td a { font-size: 100%; text-decoration: none; }
body#charity .body td a:link { color: #09f; text-decoration: underline; }
body#charity .body td a:visited { color: #09f; text-decoration: underline; }
body#charity .body td a:hover, body#charity .body td a:active { color: #f39; text-decoration: underline; }
body#charity .body td,body#charity .body th { font-size: 84%; line-height: 140%; }
body#charity .body table { width: 100%; margin-bottom: 10px; }
body#charity .body th { width: 10%; vertical-align: top; }
body#charity .body td.group { width: 75%; }
body#charity .body td.amount { width: 15%; text-align: right; padding-right: 10px; vertical-align: top; }
body#charity .body p strong { font-size: 100%; font-weight: bold; }