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

/*
URL: http://ninps.com/shop/
Description: はたらく妊婦のためのお役立ちサイトニンプス
Version: 1.0
Update : 2009/06/23
*/


/* RESET ****************************************************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; font-size:100%; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; margin:0; padding:0; }
caption,th { text-align:left; }
hr { display:none; }


/* DEFAULT ****************************************************************/

a { overflow: hidden; }
a:link {
	color:#2e8bd1;
	text-decoration:underline;
}
a:visited {
	color:#2e8bd1;
	text-decoration:underline;
}
a:hover, a:active {
	color:#2e8bd1;
	text-decoration:none;
}



/* HEADER ****************************************************************/


/* Visual */
div#bookHeader {
    margin: 30px auto;
    width: 910px;
}
div#bookHeader div#Visual {
	text-align:center;
}


div#bookHeader div#Visual2 {
	display:block;
	width:910px; height:80px;
	background:url(../../data/book/visual2on.jpg) no-repeat;
}

div#Visual2 a#Visual2 {
	display:block;
	width:910px; height:80px;
	background:url(../../data/book/visual2.jpg) no-repeat;
}

div#Header a#Visual2:hover {
	background:url(../../data/book/visual2on.jpg) no-repeat;
}


/* CONTENTS ****************************************************************/
div#bookContents {
    margin: 0 auto;
    width: 950px;
}
div#Contents {
    margin: 0 0 50px 0;
	float:left;
	width:680px;
}

div#Contents h1 {
	margin:0 0 20px 30px;
}

div#Contents h2 {
	margin:20px 0 20px 30px;
}

div#Contents h3 {
	margin:20px 0 20px 30px;
}

div#Contents p {
	margin:0 0 15px 30px;
	line-height:180%;
}

div.ToTop {
	clear:both;
	padding:0 0 10px 0;
	text-align:right;
}


div.ToShop { float:right; clear:both; margin:0 0 10px 0; width:209px; height:55px; background:url(../../data/book/btn_buyon.gif) no-repeat;}
div.ToShop a{ display:block; margin:0; width:209px; height:55px; background:url(../../data/book/btn_buy.gif) no-repeat; }
div.ToShop a:hover { background:none; }


div#Contents2 {
	width:910px;
	margin:30px 0 30px 20px;
}


div#Contents2 h1 {
	margin:0 0 20px 0;
	color:#2e8bd1;
}
div#Contents2 img {
	margin:0;
	border:solid 1px #B6B6B6;
}


/* NAVI ****************************************************************/
ul#Navi {
	float:right;
	width:250px;
}

ul#Navi a {
	display:block;
	width:250px;
}
ul#Navi li{
	margin:0 0 10px 0;
}



/* TOP ****************************************************************/
/* BTN RollOver */
div#TopBtns { margin:20px 0 0 30px; }
div#TopBtns a {
	display:block; 
	margin:0 10px 10px 0;
	width:150px;
	height:110px;
}
div#Top1 {float:left; display:block; background:url(../../data/book/topbtn_1on.gif) no-repeat; }
a.Top1 { background:url(../../data/book/topbtn_1.gif) no-repeat; }
a.Top1:hover { background:none;}
div#Top2 {float:left; display:block; background:url(../../data/book/topbtn_2on.gif) no-repeat; }
a.Top2 { background:url(../../data/book/topbtn_2.gif) no-repeat; }
a.Top2:hover { background:none;}
div#Top3 {float:left; display:block; background:url(../../data/book/topbtn_3on.gif) no-repeat; }
a.Top3 { background:url(../../data/book/topbtn_3.gif) no-repeat; }
a.Top3:hover { background:none;}
div#Top4 {float:left; display:block; background:url(../../data/book/topbtn_4on.gif) no-repeat; }
a.Top4 { background:url(../../data/book/topbtn_4.gif) no-repeat; }
a.Top4:hover { background:none;}
div#Top5 {float:left; display:block; background:url(../../data/book/topbtn_5on.gif) no-repeat; }
a.Top5 { background:url(../../data/book/topbtn_5.gif) no-repeat; }
a.Top5:hover { background:none;}
div#Top6 {float:left; display:block; background:url(../../data/book/topbtn_6on.gif) no-repeat; }
a.Top6 { background:url(../../data/book/topbtn_6.gif) no-repeat; }
a.Top6:hover { background:none;}
div#Top7 {float:left; display:block; background:url(../../data/book/topbtn_7on.gif) no-repeat; }
a.Top7 { background:url(../../data/book/topbtn_7.gif) no-repeat; }
a.Top7:hover { background:none;}
div#Top8 {float:left; display:block; background:url(../../data/book/topbtn_8on.gif) no-repeat; }
a.Top8 { background:url(../../data/book/topbtn_8.gif) no-repeat; }
a.Top8:hover { background:none;}

/* LightView */
div#Contents div#Reads {
	width:655px;
	margin:0 0 0 30px;
}
div#Contents p.Read {
	float:left;
	width:200px;
	margin:0 15px 20px 0;
	_margin:0 15px 0 0;
	padding-right:3px;
}
/* 
p.Read a {
	margin:0 0 0 105px;
}

*/
p.Read img.read-btn {
	margin:0 0 10px 105px;
}

p.Read img.sample {
	margin:0 0 6px 0;
	border:solid 1px #B6B6B6;
}

p.Read img.lineup {
	margin:0 0 10px 0;
}

a.: { overflow: hidden; }

a.tocontents:link {
	color:#FAA115;
	text-decoration:none;
	font-size:11px;
}
a.tocontents:visited {
	color:#FAA115;
	text-decoration:none;
	font-size:11px;
}
a.tocontents:hover, a.tocontents:active {
	color:#FAA115;
	text-decoration:underline;
	font-size:11px;
}

/* SHOP ****************************************************************/
table.Tel {
	margin:0 0 15px 30px;
	line-height:180%;
}

table.Tel th {
	width:20px;
	vertical-align:top;
}

table.Tel td {
	padding:0 0 15px 0;
	vertical-align:top;
}

table.Tel img {
	float:left;
	margin-right:10px;
}

a.Timing {
	display:block;
	float:left;
	width:180px;
	height:55px;
	background:url(../../data/book/timing.gif) no-repeat;
}
a.Timing:hover { background:url(../../data/book/timingon.gif) no-repeat; }

div#Contents h3.Shop {
	margin:0 0 15px 0;
}



div#Contents p.Cart {
	float:left;
	margin:10px 0 0 0;
	width:208px;
	height:41px;
	background:url(../../data/book/course_carton.gif)  no-repeat; 
}

div#Contents p.Cart span {
	position:relative;
	top:25px;
	margin-left:15px;
}

a.toCart {
	display:block;
	margin:0;
	width:208px;
	height:41px;
	background:url(../../data/book/course_cart.gif) no-repeat;
}

a.toCart:hover { background:none; }


div#Contents p.Cart-cou {
	float:right;
	margin:10px 0 10px 431px;
	background:url(../../data/book/tocarton.gif)  no-repeat; 
	height:auto;
}


a.toCart-cou {
	display:block;
	margin:0;
	width:209px;
	height:55px;
	background:url(../../data/book/tocart.gif) no-repeat;
}
a.toCart-cou:hover { background:none;}

div#Contents div.Shop2 p.Cart2 {
	float:left;
	margin:10px 0 0 0;
	width:165px; height:38px;
	background:url(../../data/book/tocart2on.gif) no-repeat; 
}

 p.Cart2 span {
 	display:block;
 	margin:10px 0 8px 0;
}


a.toCart2 {
	display:block;
	margin:0;
	width:165px;
	height:38px;
	background:url(../../data/book/tocart2.gif) no-repeat;
}

a.toCart2:hover { background:none; }


html[xmlns*=""] body:last-child p.Cart a.toCart {
	margin:10px 10px 0 0;
}

div#Contents div#Shop2 {
	width:655px;
	margin:0 0 0 30px;
}


div#Contents div.Shop2 {
	float:left;
	margin:0 40px 0 0;
	width:175px;
}
div#Contents div.Shop2 img {
	margin-bottom:12px;
}
div#Contents div.Shop2 p.small {
	margin:0 0 0 10px;
}




/* COURSE ****************************************************************/
div#Contents div#Points {
	width:660px;
	margin:0 0 0px 30px;
}
div#Contents p.Point {
	float:left;
	margin:0 10px 0 0;
	_margin:0 10px 10px 0;
	width:320px; height:260px;
	background:url(../../data/book/bg_point.gif) no-repeat;
}

p.Point img {
	margin:13px 0 0 13px;
}

a.btnPoint {
    display:block;
    float:left;
    width:180px; height:55px;
    background:url(../../data/book/btn_point.gif) no-repeat;
}
a.btnPoint:hover { background:url(../../data/book/btn_pointon.gif) no-repeat; }

div#Contents p.Sim {
    width:660px; height:96px;
    background:url(../../data/book/bg_sim.gif) no-repeat;
	text-align:center;
}
div#Contents p.Sim img { margin:0 8px 2px 0; vertical-align:middle; }
div#Contents p.Sim .SimTitle { margin:15px 300px 10px 0; }


div#Result { width:680px; }
div#Result h3 { margin:5px 0 0 20px; }
div#Result p.Border-Glay {
	float:right;
	margin:0 0 5px 0;
	padding:8px;
	width:450px;
	font-size:18px;
	font-weight:bold;
	border:5px solid #dddddd;
}

div#Result p.Cart {
	margin:10px 0 0 20px;
}


/* LINEUP ****************************************************************/
div.Border-Glay {
　	width:660px;
	padding:10px;
	margin:0 0 10px 30px;
	border:5px solid #dddddd;
}

div.Border-Glay img {
	margin:0 0 10px;
}

div.Border-Glay ul {
	float:left;
	margin:0 20px 0 20px;
	color:#666666;
}

div.Border-Glay ul li {
	margin:0 0 6px;
}

ul.Line {
	margin:0 0 0 30px;
	color:#666;
}
ul.Line li {
	margin:0 0 6px 0;
}

img.coming	{ padding-left :105px; }


/* QA ****************************************************************/
div#Contents p.Pay {
	margin-left:40px;
}

div#Contents p.Koza {
	margin-left:70px;
	padding:5px;
	width:170px;
	background:#e8e8e8;
}

/* CHECK ****************************************************************/

h2.check{
	font-size:22px;
	line-height:130%;
	letter-spacing:0.2em;
}

span.subtitle{
	font-size:16px;
	color:#309CD8;
	letter-spacing:0;
}

span.number{
	font-size:14px;
	color:#309CD8;
	letter-spacing:0.2em;
}

div#check-title img{
	float:right;
	border:solid 1px #B6B6B6;
	margin:7px 0 20px 15px;
}

h3.check{
	font-size:12px;
	color:#309CD8;
	letter-spacing:0.2em;
}

div#check-read img{
	float:right;
	border:solid 1px #B6B6B6;
	margin:7px 0 20px 15px;
}


div#check-contents div.imgleft{
	float:left;
	margin:5px 20px 20px 30px;
	width:180px;
}

div#check-contents div.imgright{
	float:right;
	margin:5px 0 20px 20px;
	width:350px;
	
}

div#check-contents img{
	border:solid 1px #B6B6B6;
	margin-bottom:10px;
}
	

span.check-cap{
	font-size:10px;
	line-height:130%;
	color:#666;
	padding-top:1em;
	text-align:left;
}



h4.check-shop{
	margin:20px 0 0 30px;
	text-align:left;
	font-size:12px;
	color:#309CD8;
	letter-spacing:0.2em;
}


div#check-shop p.imgleft{
	float:left;
	padding:0 10px 8px 0;
	width:166px;
}


div#check-shop p.imgright{
	float:right;
	width:460px;
}
div#check-shop div.right{
	display:block;
	float:right;
	width:460px;
	
}

div#Contents div.Cart-check {
	float:right;
	padding:0 10px 0 0;
	background:url(../../data/book/tocart3on.gif)  no-repeat; 
	height:auto;
}

a.toCart-check {
	display:block;
	margin:0;
	width:165px;
	height:38px;
	background:url(../../data/book/tocart3.gif) no-repeat;
}
a.toCart-check:hover { background:none;}


#reviewwrap{
	width:650px;
	margin:10px 0 15px 30px;
}

#review{
	height:auto;
	margin:0 auto;	
	border:solid 5px #DDDDDD;
	
}

#review #titleimg{
	margin:0 10px 20px 10px;	
	border:none;
}

#review #review-content{
	width:600px;
	margin:0 auto;
	height:auto;
}

#review #review-icon{
	width:30px;
	height:auto;
	float:left;
}


#review #review-text{
	float:right;
	width:570px;
	height:auto;
}

#review p#review-midashi{
	margin:0px;
	text-align:left;
	line-height:160%;
	margin-bottom:1em;
}

p#review-midashi span.b{
	font-weight:bold;
}

#review p#review-detail{
	margin:0px;
	text-align:left;
	line-height:160%;
}


#review span.star{
	color:#FAA115;
}

#review div.tomore {
	text-align:right;
	padding-right:10px;
	margin-bottom:5px;
}



/* FOOTER ****************************************************************/
div#ToIndex {
	clear:both;
	margin:20px 20px;
	text-align:right;
	font-size:11px;
}

div#Footer {
	clear:both;
	height:30px;
	background:url(../../data/book/bg_footer.gif) repeat-x;
	text-align:center;
}

div#Footer img {
	margin:10px 0 0 0;
}

/* FREE ****************************************************************/
.clear{ clear:both; }
.fleft { float:left; }
.fright-img { float:right; margin:0 0 8px 8px; }
.fleft-img { float:left; padding:0 15px 8px 0; }
.fleft-img2 { float:left; padding:0 0 8px 0; }
.fleft-img3 { float:left; padding:0 15px 8px 0; _padding:0 5px 8px 0; }

div#Contents p.fleft-img-ie { _margin:0 0 0 10px; _padding:0 0px 8px 0; }
div#Contents p.fleft-img-ie2 { _margin:0 0 0 15px; _padding:0 20px 8px 0; }
div#Contents p.fleft-img-ie3 { _margin:0 0 0 15px; _padding:0 10px 8px 0; }

.small { font-size:10px; color:#666; }
.blue { color:#309cd8; }
.glay { color:#666; font-size:12px;line-height:160%; margin-top:5px; }

.MgB10 { margin-Bottom:10px; }
.MgL10 { margin-left:10px; }
.MgL125 { margin-left:125px; _margin-left:62px; }
.MgL265 { margin-left:235px; _margin-left:115px; }
.MgL441 { margin-left:441px;}

.indent { text-indent:-1000em; display:block; }

/* SYSTEM ************************************************************/
#num4,#num5,
#Shop2s,#backNum4,#backNum5,#backNum6 {
    display: none;
}
div#Contents #Shop2s h3 {
	margin:20px 0 20px 0;
}


/*--------------------------------------------------------
■共通設定
--------------------------------------------------------*/

.clear{
clear:both;
}


.align_right{
text-align:right;
}


.dash{
background:url(/book/images/common/dash.gif) repeat-x center;
margin:10px 0;
}


/*--------------------------------------------------------
■フォント設定
--------------------------------------------------------*/

.font10{
font-size:10px;
line-height:140%;
}


.font14{
font-size:14px;
}


.font16{
font-size:16px;
}

.gray{
font-size:14px;
color:#999999;
}

.pink{
color:#ff517d;
}


/*--------------------------------------------------------
■マージン設定
--------------------------------------------------------*/

.m_all_5 { 
margin:5px;
}
.m_5 { 
margin:5px 0;
}
.m_10 { 
margin:10px 0;
}
.m_15 { 
margin:15px 0;
}
.m_20 { 
margin:20px 0;
}
.m_30 { 
margin:30px 0;
}
.m_60 { 
margin:60px 0;
}
.m_top5 { 
margin-top: 5px;
}
.m_top10 { 
margin-top: 10px;
}
.m_top15 { 
margin-top: 15px;
}
.m_top20 { 
margin-top: 20px;
}
.m_top30 { 
margin-top: 30px;
}
.m_top40 { 
margin-top: 40px;
}
.m_top50 { 
margin-top: 50px;
}
.m_bottom5 { 
margin-bottom: 5px;
}
.m_bottom10 { 
margin-bottom: 10px;
}
.m_bottom15 { 
margin-bottom: 15px;
}
.m_bottom20 { 
margin-bottom: 20px;
}
.m_bottom30 { 
margin-bottom: 30px;
}
.m_bottom40 { 
margin-bottom: 40px;
}
.m_bottom50 { 
margin-bottom: 50px;
}
.m_left5 { 
margin-left: 5px;
}
.m_left10 { 
margin-left: 10px;
}
.m_left15 { 
margin-left: 15px;
}
.m_left20 { 
margin-left: 20px;
}
.m_left30 { 
margin-left: 30px;
}


/*ナビ */
#gnavi{
clear:both;
width:950px;
height: 40px;
margin: 0 0 30px 0;
}


#gnavi ul{
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#gnavi li{
display: inline;
margin: 0 3px 0 0;
padding: 0;
float: left;
}

#gnavi .navi_last{
margin: 0 0 0 0;
}


/* ==================== 特典！ふろく付きページ ==================== */


#special_main{
background:url(/book/images/special/01_back.jpg) no-repeat top;
}



#special_coupons{
background:url(/book/images/special/03_back.gif) repeat-y;
margin:25px 0 0 0;
width:675px;
}



#special_coupons_bottom{
background:url(/book/images/special/03_bottom.gif) no-repeat bottom;
height:30px;
width:675px;
}



#special_sample{
background:url(/book/images/special/04_back.gif) repeat-y;
margin:0 0 0 0;
width:274px;
}


#special_sample02{
margin:0 25px 0 20px;
width:229px;
}


#special_sample_top{
background:url(/book/images/special/04_top.gif) no-repeat bottom;
height:20px;
}



#special_sample_bottom{
background:url(/book/images/special/04_bottom.gif) no-repeat bottom;
height:25px;
}

/* BOOK HEADER */
#bookHeader{
width:950px;
height: 101px;
margin:20px 0 35px 0;
padding:0;
background:url(/book/images/common/header_back.gif) no-repeat top;
}
#header_left{
float:left;
width:250px;
margin:0 0 0 10px;
}


#header_right{
float:right;
margin:0 0 0 0;
text-align:right;
}