@charset "UTF-8";
@import url("../colour/colour.css");

/* piichi css_base [091206] */


* {margin:0; padding:0;}
html,body {height:100%;}
body {margin:0; padding:0; font: .8em/1.3em verdana, arial, helvetica, sans-serif; color:#4a4a4a; background:url("../img/all/bg.gif") repeat-y center #fff;}

#page {margin:0 auto; width:950px;}
#tb_wide {margin:0 auto; background:url("../img/all/bg.gif") repeat-y center #fff; height:100%;}

#header {width:950px; margin:0 auto; clear:both; overflow:hidden; height:70px;}
#footer {width:950px; margin:0 auto; clear:both; overflow:hidden; height:30px;}

#content {width:950px; margin:0px auto 0 auto; clear:both; overflow:hidden;}
#content_flex {width:950px; clear:both;}

#content_350 {width:950px; margin:0 auto; clear:both; overflow:hidden; height:350px;}
#content_400 {width:950px; margin:0 auto; clear:both; overflow:hidden; height:400px;}
#content_500 {width:950px; margin:12px auto 0 auto; clear:both;	overflow:hidden;height:500px;}
#content_600 {width:950px; margin:12px auto 0 auto; clear:both;	overflow:hidden;height:600px;}
#content_650 {width:950px; margin:12px auto 0 auto; clear:both;	overflow:hidden;height:650px;}
#content_690 {width:950px; margin:12px auto 0 auto; clear:both;	overflow:hidden;height:690px;}
#content_875 {width:950px; margin:12px auto 0 auto; clear:both;	overflow:hidden;height:875px;}
#content_wide {margin:12px auto 0 auto; clear:both; overflow:hidden;height:690px;}

#top {margin:0; overflow: hidden; float:right;}
#top_130 {margin:0; overflow: hidden; float:right; width:825px; height:130px;}
#top_400 {margin:0; overflow: hidden; float:right; width:825px; height:400px;}
#top_600 {margin:0; overflow: hidden; float:right; width:825px; height:600px;}
#top_650 {margin:0; overflow: hidden; float:right; width:825px; height:650px;}
#top_825 {margin:0; overflow: hidden; float:right; width:825px; height:825px;}
#top_850 {margin:0; overflow: hidden; float:right; width:825px; height:850px;}
#top_1000 {margin:0; overflow: hidden; float:right; width:825px; height:1000px;}
#top_1450 {margin:0; overflow: hidden; float:right; width:825px; height:1450px;}

#menuleft {width:125px; margin:0; overflow:hidden; vertical-align: top; float:left; background-color:#f2f2f2; }
#menu_magazine {width:200px; height:150px; overflow:hidden; vertical-align: top; background-color:#F4EDE0; margin:3px 0px 3px 0px; }
#menu_books { width:200px; height:150px; overflow:hidden; vertical-align: top; background-color:#E2F0F5; margin:0px 0px 3px 0px; }


div.wide_box {margin:0 auto; text-align:center;}




img {border:none;}
ul {list-style:none;}

table {border-collapse:collapse;}
table td,
table th {vertical-align:top; line-height:130%;}
a.alp:hover,
a.alp:hover img {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.red {color:#d30000;}
.tenline {background:url("../img/all/p_tenline.gif") repeat-x 0 50%; font-size:1px; line-height:1px; height:1px;}
.line {border-bottom:1px solid #999; font-size:1px; line-height:1px; height:1px;}
.clear {clear:both; line-height:1px; font-size:1px; height:1px; display:block;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.top {vertical-align:top;}
.bottom {vertical-align:bottom;}
.middle {vertical-align:middle;}
.f_right {float:right;}
.f_left {float:left;}
em,.em {font-weight:bold; font-style:normal;}
.nowrap {white-space:nowrap;}
.dispimg {display:block; text-indent:-9999px;}
.hide {position:absolute; top:-9999px; left:9999px;}
.imgbrd {border:1px solid #ccc;}

.ft36 {font-size:36px;}
.ft34 {font-size:34px;}
.ft32 {font-size:32px;}
.ft30 {font-size:30px;}
.ft28 {font-size:28px;}
.ft26 {font-size:26px;}
.ft24 {font-size:24px;}
.ft22 {font-size:22px;}
.ft20 {font-size:20px;}
.ft18 {font-size:18px;}
.ft16 {font-size:16px;}
.ft14 {font-size:14px;}
.ft12 {font-size:12px;}
.ft11 {font-size:11px;}
.ft10 {font-size:10px;}

.margin5 {font-size:1%; line-height:5px;}
.margin10 {font-size:1%; line-height:10px;}
.margin20 {font-size:1%; line-height:20px;}
.margin40 {font-size:1%; line-height:40px;}
.margin60 {font-size:1%; line-height:60px;}
.margin80 {font-size:1%; line-height:80px;}
.margin100 {font-size:1%; line-height:100px;}
.margin120 {font-size:1%; line-height:120px;}
.margin140 {font-size:1%; line-height:140px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.mt45 {margin-top:45px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.mb45 {margin-bottom:45px;}

.w50 {width:50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}



/* layout main table */

table.tb_contents, 
table.tb_content {margin:0; width:950px;}
table.tb_contents td.main,
table.tb_content td.main {padding:25px 20px 0 20px; line-height:1.3em;}
table.tb_contents td.sidemenu,
table.tb_content td.sidemenu {width:180px; background:#f3f3f3; padding:25px 10px 20px 10px;}

table.tb_books { margin:5px 0 0 0; float:right; }
table.tb_books td.main {padding:0 25px; line-height:1.3em;}
table.tb_books td.sidemenu {width:200px; background:#f1f1f1;}

table.tb_books_sec {margin:20px 0 0 0; float:right; width:825px;}
table.tb_books_sec td.main {padding:0 25px; line-height:1.3em;}

table.tb_toppage { margin:5px 0 0 0; width:950px; }
table.tb_toppage td.leftmenu {padding:0; width:200px;}
table.tb_toppage td.main {padding:0 25px; line-height:1.3em;}
table.tb_toppage td.sidemenu {width:200px; background:#f1f1f1;}


/* pankuzu style */

p.hd_pankuzu {font-size:10px;}
table.ft_pankuzu {width:100%; margin:10px auto 10px auto;}
table.ft_pankuzu td {font-size:10px; vertical-align:bottom;}
table.ft_pankuzu td.link {text-align:left;}
table.ft_pankuzu td.gotop {text-align:right;}
table.ft_pankuzu td.bnrs {padding-top:10px;}
table.wide_pankuzu {width:900px;}


/* buttons style */

table.form_btns {margin:auto;}
table.form_btns td {padding:20px;}
table.form_btns a {display:block; width:90px; height:25px; margin:0 20px; text-indent:-9999px;}
table.form_btns a.btn_send {background:url("../img/btn/btn_send.gif") no-repeat #EEE;}
table.form_btns a.btn_send:hover {background-position:0 -25px;}
table.form_btns a.btn_clear {background:url("../img/btn/btn_clear.gif") no-repeat #EEE;}
table.form_btns a.btn_clear:hover {background-position:0 -25px;}
table.form_btns a.btn_apply {background:url("../img/btn/btn_apply.gif") no-repeat #EEE;}
table.form_btns a.btn_apply:hover {background-position:0 -25px;}
table.form_btns a.btn_regist {background:url("../img/btn/btn_regist.gif") no-repeat #EEE;}
table.form_btns a.btn_regist:hover {background-position:0 -25px;}
table.form_btns a.btn_next {background:url("../img/btn/btn_next.gif") no-repeat #EEE;}
table.form_btns a.btn_next:hover {background-position:0 -25px;}
table.form_btns a.btn_request {background:url("../img/btn/btn/btn_request.gif") no-repeat #EEE;}
table.form_btns a.btn_request:hover {background-position:0 -25px;}
table.form_btns a.btn_reset {background:url("../img/btn/btn_clear_s.gif") no-repeat #EEE;}
table.form_btns a.btn_back {background:url("../img/btn/btn_back_s.gif") no-repeat #EEE;}
table.form_btns input.reset {background:url("../img/btn/btn_clear_s.gif"); width:90px; height:25px; text-indent:-999px; border-width:1px; border-color:#fff;}


/* banner */

div.bnrs_impact {padding-bottom:15px; text-align:center;}

p.cts_impact {float:left; width:468px;}
ul.rightbnr {}
ul.rightbnr li {margin-bottom:5px;}
ul.rightbnr li img {width:200px;}
ul.rightbnr li a {display:block; width:200px;}
ul.ctsbnr {}
ul.ctsbnr li {margin-right:10px; float:left;}
ul.ctsbnr li img {width:200px;}
ul.ctsbnr li a {display:block; width:200px;}

table.tb_bnrs {width:200px; float:right; overflow:hidden;}
table.tb_bnrs td {width:200px; line-height:1em; overflow:hidden; padding-bottom:5px;}
table.tb_bnrs td a {display:block; width:200px; background:#fff; overflow:hidden; line-height:1em;}
table.tb_bnrs td a.sql {width:95px; float:left; margin-left:3px;}
table.tb_bnrs td a.sqr {width:95px; float:right; margin-right:3px;}
table.tb_bnrs td a:hover img {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
table.tb_bnrs td object,
table.tb_bnrs td embed {display:block; width:200px; overflow:hidden;}

ul.top_leftbnr {}
ul.top_leftbnr li {margin-bottom:5px;}
ul.top_leftbnr li img {width:200px;}

ul.leftbnr {}
ul.leftbnr li {margin-bottom:5px;}
ul.leftbnr li img {width:125px;}

ul.bnr_giri {margin:0;}
ul.bnr_giri li {float:left; margin:0 10px 0 0;}
ul.bnr_giri li img {border:1px solid #999;}


/* menuleft */
table.tb_menuleft {float:left; width:125px;}
table.tb_menuleft td {background:#d8d8d8; padding-bottom:15px;}
table.tb_menuleft td.oths {padding:0; line-height:100%; vertical-align:bottom; width:125px;}

table.tb_menuleft td.oths div.side_bnrs {margin-bottom:5px;}

table.tb_menuleft td.oths div.readersbox {background:url("../img/all/p_leftreaders_bg.gif") no-repeat; width:125px; height:145px;}
table.tb_menuleft td.oths div.readersbox a {width:95px; height:18px; background:url("../img/all/p_leftreaders_btn.gif") no-repeat 0 0; margin:0 auto; position:relative;}
table.tb_menuleft td.oths div.readersbox a.regist {/*background-position:0 0; top:96px;*/ background-position:0 0; top:105px;}
table.tb_menuleft td.oths div.readersbox a.login {/* --HideBotton--  background-position:0 -18px; top:100px;*/ position:absolute; top:-9999px;}



table.tb_menuleft td.oths div.mmfes 				{background:#fff; padding:10px 0; border-right:1px solid #d7d7d7; margin-bottom:5px;}
table.tb_menuleft td.oths div.mmfes div.ttl1		{text-align:center;}
table.tb_menuleft td.oths div.mmfes div.ttl1 img	{width:118px; height:38px;}
table.tb_menuleft td.oths div.mmfes div.ttl2		{padding:10px 0 3px 2px;}
table.tb_menuleft td.oths div.mmfes div.ttl2 img	{width:64px; height:13px;}
table.tb_menuleft td.oths div.mmfes div.form 		{text-align:center;}
table.tb_menuleft td.oths div.mmfes div.form input	{width:116px;}
table.tb_menuleft td.oths div.mmfes div.btn			{text-align:center; padding:10px 0;}
table.tb_menuleft td.oths div.mmfes div.btn	input	{width:114px; height:25px;}
table.tb_menuleft td.oths div.mmfes a.cap			{display:block; text-align:center;}
table.tb_menuleft td.oths div.mmfes a.cap img		{width:117px; height:31px;}

#readers {height:100px;}


/* menu right */
td.sidemenu dl.r_list {font-size:10px; line-height:110%; background:#fff; border-left:1px solid #eee;}
td.sidemenu dl.r_list dt.ttl {text-indent:-9999px; margin:5px 0 0 0;}
td.sidemenu dl.r_list dd {background:url("/common/img/all/p_tenline.gif") repeat-x bottom; padding-bottom:1px;}
td.sidemenu dl.r_list dd a {color:#333; padding:7px 10px; text-decoration:none; display:block;}
td.sidemenu dl.r_list dd a:hover {background:#efefef;}
td.sidemenu dl.r_list dd.ad_pink {border-left:5px solid #e5378e; background-color:#eee;}
td.sidemenu dl.r_list dd.ad_pink a {color:#e5378e; background:#eee; width:173px;}
td.sidemenu dl.r_list dd.ad_pink a:hover {background:#e5378e; color:#fff;}
td.sidemenu dl.r_list dd.ad_blue {border-left:5px solid #289cd9; background-color:#eee;}
td.sidemenu dl.r_list dd.ad_blue a {color:#289cd9; background:#eee; width:173px;}
td.sidemenu dl.r_list dd.ad_blue a:hover {background:#289cd9; color:#fff;}


/* right menu information */
td.sidemenu dl.r_index_information dt.ttl {background:url("../img/all/rbox_ttl_information.jpg") no-repeat; height:25px;}

/* right menu enquete */
td.sidemenu dl.r_index_enquete dt.ttl {background:url("../img/all/rbox_ttl_enquete.jpg") no-repeat; height:25px;}
td.sidemenu dl.r_index_enquete dd .mi {font-weight:bold; margin:5px 0; display:block;}

/* right menu fashion */
td.sidemenu dl.r_index_fashion dt.ttl {background:url("../img/all/rbox_ttl_fashion.jpg") no-repeat; height:25px;}

/* right menu beauty */
td.sidemenu dl.r_index_beauty dt.ttl {background:url("../img/all/rbox_ttl_beauty.jpg") no-repeat; height:25px;}

/* right menu shop */
td.sidemenu dl.r_index_shop dt.ttl {background:url("../img/all/rbox_ttl_shop.jpg") no-repeat; height:25px;}


/* cts_footer (2ndPage giri banner) */
div.cts_footer {margin-left:150px; margin-right:25px;}


/* banner impAct */
div.box_bnrs_impact {margin:0 auto; text-align:center;}
div.box_bnrs_impact a {display:block; width:468px; height:60px;}
div.box_bnrs_impact object,
div.box_bnrs_impact embed {}


/* hideorshow.js display on/off styles */
#mybox1,
#mybox2,
#mybox3,
#mybox4,
#mybox5 {padding:5px 10px; margin:5px 0 10px 0; line-height:120%; font-size:12px; display:none;}
.border {border:1px solid #ccc;}
.mybox_ttl {margin:0 0px 20px 0px; font-size:14px; padding:10px 0 15px 0; background:url("../img/all/p_tenline.gif") repeat-x 0 100%; line-height:1.2em;}