@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////
CSS Information
File name: sex-and-the-city.css

=common
=rel_items
=index
=satc_vol01
=satc_vol02
=satc_vol03

/////////////////////////////////////////////////////////////////// */

/* =========================================================
=common
========================================================= */
#content {
	padding-top:25px!important;
}

#maincol #head_title p {
	margin:-18px 0 1px 0;
	text-align:right;
}
#maincol p.lead {
	margin:7px 0 25px;
}
#maincol .copyright {
	margin:0 0 1em 0;
	text-align:center;
}
#maincol .goto_top{
	margin:0 0 45px 0;
	text-align:center;
}
#maincol .all_check{
	margin:0 0 40px 0;
	text-align:center;
}

#subcol_b{
	font-size:93%;
}

#subcol_b h3{
	font-size:120%;
	font-weight:900;
	border-bottom:dotted 1px #666;
}
#subcol_b p.date{
	text-align:right;
	margin:0;
	font-weight:900;
}

/* =========================================================
=rel_items
========================================================= */
.rel_items {
	margin:0 0 11px;
	overflow:hidden;
}
* html .rel_items {height:1%;}/* IE6 用*/

.rel_items ul {
	padding:17px 50px 0;
	overflow:hidden;
}
* html .rel_items ul { height:1%;}/* IE6 用*/

.rel_items li {
	width:104px;
	float:left;
	padding:0 0 10px 0;
}
.rel_items .photo img{
	margin:0 0 2px 0;
	padding:1px;
	background-color:#FFF;
	border:#cfcdce 1px solid;
}
.rel_items .name img {
	margin-right:2px;
}
.rel_items .name a { color:#404040;}
.rel_items .name a:visited { color:#404040;}
.rel_items .name a:hover { color:#404040; text-decoration:underline;}

.rel_items .buyer_name a { color:#404040;}
.rel_items .buyer_name a:visited { color:#404040;}
.rel_items .buyer_name a:hover { color:#404040; text-decoration:underline;}

/* =========================================================
=index
========================================================= */
#index #head_title {
	position:relative;
	height:285px;
}
#index #head_title h1 {
	position:absolute;
	top:144px;
	left:0;
}
#index #head_title p {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	text-align:left;
}
#index .leftcol {
	float:left;
	width:435px;
	padding:30px 0 25px 0;
}
#index .rightcol {
	float:right;
	width:341px;	
}
#index .leftcol p {
	margin:0 0 18px 2px;
}
#index .leftcol ul {
	margin:-10px 0 0 0;
	text-align:center;
}
#index .rightcol p{
	padding:5px 25px 35px 20px;
	background: url(/contents/promo_img/08070101_sex-and-the-city/index_bg_info.gif?101) bottom no-repeat;
	background-color:#fad6e8;
}
#index .movie_info {
	clear:both;
	overflow:hidden;
	margin:25px 0 28px 0;
	padding:0 0 10px 0;
	background:url(/contents/promo_img/08070101_sex-and-the-city/index_bg_movie_btm.gif?101) bottom no-repeat;
	background-color:#e9e3d9;
}
* html #index .movie_info {height:1%}/* IE6 用*/

#index .movie_info h3 {
	padding:16px 0 0 20px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/index_bg_movie_top.gif?101) top no-repeat;
	font-weight:bold;
}
#index .movie_info p {
	margin:0 17px 0 20px;
	font-size:93%;
	line-height:1.2;	
}
#index .movie_info img {
	float:right;
	margin:-20px 0 0 30px;
}
#index .rel_items {
	background:url(/contents/promo_img/08070101_sex-and-the-city/index_bg_rel_mid.gif?101) repeat-y;
}
#index .rel_items ul {
	padding:17px 0 17px 25px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/index_bg_rel_btm.gif?101) bottom no-repeat;
}
#index .pagetop {
	margin-bottom:30px;
}

/* =========================================================
=satc_vol01
========================================================= */
#satc_vol01 .leftcol {
	float:left;
	width:438px;
}
#satc_vol01 .rightcol {
	position:relative;
	width:333px;
	float:right;
}
#satc_vol01 p {
	margin-bottom:1em;
}
#satc_vol01 strong {
	color:#FF3366;
}
#satc_vol01 .reporter {
	margin:0 0 5px 0;
	background:url(/contents/promo_img/08070101_sex-and-the-city/bg_reportor_top.gif?101) top no-repeat;
}
#satc_vol01 .reporter h3 {
	padding:12px 30px 11px 173px;
	line-height:1.3;
	background: url(/contents/promo_img/08070101_sex-and-the-city/bg_repoter_btm.gif?101) bottom no-repeat;
	font-weight:bold;
	color:#FFF;
}
#satc_vol01 .reporter .number {
	display:block;
	width:8.5em;
	margin:0 0 2px 0;
	padding:1px 0;
	background-color:#000;
	text-align:center;
}
#satc_vol01 .reporter h3 a:link,
#satc_vol01 .rel_items h4 a:link{color:#FFF;}
#satc_vol01 .reporter h3 a:visited,
#satc_vol01 .rel_items h4  a:visited{color:#FFF;}
#satc_vol01 .reporter h3 a:hover,
#satc_vol01 .rel_items h4 a:hover{color:#FFF;}
#satc_vol01 .reporter h3 a:active,
#satc_vol01 .rel_items h4 a:active{color:#FFF;}

#satc_vol01 .rel_items {
	width:437px;
	margin:40px 0 11px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/bg_relitem_mini_mid.gif?101) repeat-y;
}
#satc_vol01 .rel_items h4 {
	overflow:hidden;
	height:45px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/bg_relitem_mini_top.gif?101) no-repeat;
	line-height:41px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	font-weight:bold;
}
#satc_vol01 .rel_items ul {
	padding:17px 0 17px 40px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/bg_relitem_mini_btm.gif?101) bottom no-repeat;
}
#satc_vol01 .rel_items li {
	padding:0 0 10px
}
#satc_vol01 .rel_items p{
	margin:0;
}
#satc_vol01 .rel_items .check {
	margin:0;
	padding:2px 0;
	background-color:#FFF;
	text-align:right;
}
#satc_vol01 .rightcol p {
	margin:540px 0 0 0;
}
#satc_vol01 .rightcol img {
	position:absolute;
	top:0;
	left:0;
}
#satc_vol01 .rightcol p.cap {
	position:absolute;
	margin:0;
	line-height:1.3;
	font-size:93%;
}
#satc_vol01 .rightcol #cap01 { top:258px; left:0; width:130px;}
#satc_vol01 .rightcol #cap02 { top:416px; left:38px; width:102px;}
#satc_vol01 .rightcol #cap03 { top:201px; left:0; width:185px;}
#satc_vol01 .rightcol #cap04 { top:571px; left:0; width:130px;}

#satc_vol01 .pagetop {
	clear:both;
	margin:0 0 58px 0;
	padding:5px 0 0 0;
}
/* IE6,IE7 用*/
*:first-child+html #satc_vol01 .pagetop { margin-top:-3em;}
* html #satc_vol01 .pagetop { margin-top:-3em;}

/* =========================================================
=satc_vol02
========================================================= */
#satc_vol02 p.lead {
	margin-bottom:0px;
}
#satc_vol02 h3 {
	margin:0 0 5px 0;
}
#satc_vol02 #style{
}
#satc_vol02 #style dd{position:relative; margin:0 0 15px 0;}
#satc_vol02 #style dd.item01{ height:457px;}
#satc_vol02 #style dd.item02{ height:437px;}
#satc_vol02 #style dd.item03{ height:508px;}
#satc_vol02 #style dd.item04{ height:486px;}

#satc_vol02 #style dd p {position:absolute;margin:0;}
#satc_vol02 #style p.txt {
	top:16px;
	left:226px;
	width:216px;
	z-index:999;
}
#satc_vol02 #style .item03 p.txt {left:186px;width:245px;}
#satc_vol02 #style .item04 p.txt {left:186px;width:245px;}

#satc_vol02 #style .photo01 { top:0; left:0;}
#satc_vol02 #style .photo02 { top:0; right:0; z-index:998;}
#satc_vol02 #style .photo03 { top:150px; left:172px;}

#satc_vol02 #style .item01 .item_search { top:389px; left:480px;}
#satc_vol02 #style .item02 .item_search { top:327px; left:480px;}
#satc_vol02 #style .item03 .item_search { top:315px; left:480px;}
#satc_vol02 #style .item04 .item_search { top:316px; left:480px;}

#satc_vol02 #style p.pagetop{bottom:0; right:0}

#satc_vol02 #recommend{
	position:relative;
	height:285px;
}
#satc_vol02 #brand{
	position:relative;
	margin:12px 0 0;
	height:500px;
}
#satc_vol02 #recommend dt,
#satc_vol02 #recommend dd,
#satc_vol02 #brand dt,
#satc_vol02 #brand dd { position:absolute;}

#satc_vol02 #recommend dt.item01 { top:0; left:0;}
#satc_vol02 #recommend dt.item02 { top:0; left:328px;}
#satc_vol02 #recommend dt.item03 { top:0; left:600px;}

#satc_vol02 #recommend dd.item01 { top:195px; left:0; width:245px;}
#satc_vol02 #recommend dd.item02 { top:195px; left:308px; width:297px;}
#satc_vol02 #recommend dd.item03 { top:148px; left:625px; width:150px;}

#satc_vol02 #brand dt {
	padding:375px 0 0 10px;
	font-weight:bold;
}
#satc_vol02 #brand dt.brand01 {
	top:0;
	left:0;
	width:255px;
	padding-right:10px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/vol02_bg_brand01.jpg?101) left top no-repeat;
}
#satc_vol02 #brand dt.brand02 {
	top:0;
	left:255px;
	width:260px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/vol02_bg_brand02.jpg?101) left top no-repeat;
}
#satc_vol02 #brand dt.brand03 {
	top:0;
	left:515px;
	width:263px;
	padding-left:30px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/vol02_bg_brand03.jpg?101) left top no-repeat;
}
#satc_vol02 #brand dd.brand01 { top:412px; left:10px; width:240px;}
#satc_vol02 #brand dd.brand02 { top:397px; left:265px; width:250px;}
#satc_vol02 #brand dd.brand03 { top:397px; left:545px; width:250px;}

#satc_vol02 .goto_top{ margin:0 0 20px 0;}
#satc_vol02 .copyright { margin:42px 0 1em 0;}

/* =========================================================
=satc_vol03
========================================================= */
#satc_vol03 p {
	margin:0 0 1em 0;
}
#satc_vol03 #head {
	min-height:412px;
	margin:0 0 40px 0;
	padding-right:340px;
	background:url(/contents/promo_img/08070101_sex-and-the-city/vol03_bg_head.jpg?101) top right no-repeat;
}
* html #satc_vol03 #head { height:412px;}/* IE6 用*/

#satc_vol03 #head h2 {
	margin:0 0 5px 0;
}
#satc_vol03 h3 {
	clear:both;
	margin:0 0 9px 0;
}
#satc_vol03 .interview {
	margin:0 0 57px 0;
}
#satc_vol03 dt {
	color:#B80015;
	font-size:115%;
	font-weight:900;
}
#satc_vol03 dd {
	line-height:1.3;
	margin:0 0 10px 0;
}
#satc_vol03 #sara {
	background:url(/contents/promo_img/08070101_sex-and-the-city/vol03_bg01.jpg?101) top left no-repeat;
}
#satc_vol03 #sara h4 {
	margin:0 0 5px 399px;
}
#satc_vol03 #sara dl {
	padding:0 0 10px 399px;
}
#satc_vol03 #sara ul {
	margin:30px 0 0 0;
}
#satc_vol03 #sara li {
	display:inline;
	padding:0 12px 0 19px;
}
#satc_vol03 #sara .pagetop {
	margin:25px 0 -5px 0;
	padding:0;
}
#satc_vol03 #director{
	background:url(/contents/promo_img/08070101_sex-and-the-city/vol03_bg02.jpg?101) top right no-repeat;
}
#satc_vol03 #director h4 {
	margin:0 399px 5px 0;
}
#satc_vol03 #director dl {
	padding:0 399px 10px 0;
}
#satc_vol03 #director .pagetop {
	margin:50px 0 -5px 0;
	padding:0;
}