@charset "Shift_JIS";

img{vertical-align:top;}

#updateBox {
width:760px;
margin:7px auto 10px auto;
padding:0;
overflow:hidden;
clear:both;
}
#updateBox dt {
width:141px;
float:left;
margin:0;
padding:0 9px 0 0;
}
#updateBox dd {
width:560px;
float:left;
margin:0;
padding:0 25px;
min-height:44px;
background:url(/static/images/images_contraception_oc_comic_bg_update.gif) left top;
background-repeat:no-repeat;
line-height:44px;
font-size:1.2em;
font-weight:bold;
}
*html #updateBox dd {
height:44px;
}

#comicBox {
width:700px;
margin:0 auto;
padding:0;
background:url(/static/images/images_contraception_oc_comic_contents_bg.gif) left bottom;
background-repeat:no-repeat;
}

#humanIm01 {
width:660px;
margin:0 auto;
padding:13px 0 0 0;
}

#humanBox {
width:660px;
margin:0 auto 25px auto;
padding:0;
overflow:hidden;
}
#humanBox li#humanIm02 {
width:224px;
float:left;
margin:0;
padding:0;
}
#humanBox li#humanIm03 {
width:212px;
float:left;
margin:0;
padding:0;
}
#humanBox li#humanIm04 {
width:224px;
float:left;
margin:0;
padding:0;
}

#storyBox {
width:660px;
margin:0 auto;
padding:0;
overflow:hidden;
clear:both;
}
#storyBox dt {
width:660px;
margin:0;
padding:0;
}
#storyBox dd {
width:460px;
margin:0;
padding:0 0 0 200px;
font-size:1.2em;
font-weight:bold;
color:#0099cc;
}
#storyBox dd#storyIm01 {
min-height:40px;
background:url(/static/images/images_contraception_oc_comic_bg_story_01.gif) left top;
background-repeat:no-repeat;
line-height:40px;
}
#storyBox dd#storyIm02 {
min-height:40px;
background:url(/static/images/images_contraception_oc_comic_bg_story_02.gif) left top;
background-repeat:no-repeat;
line-height:40px;
}
#storyBox dd#storyIm03 {
min-height:40px;
background:url(/static/images/images_contraception_oc_comic_bg_story_03.gif) left top;
background-repeat:no-repeat;
line-height:40px;
}
#storyBox dd#storyIm04 {
min-height:40px;
background:url(/static/images/images_contraception_oc_comic_bg_story_04.gif) left top;
background-repeat:no-repeat;
line-height:40px;
}
#storyBox dd#storyIm05 {
	min-height:46px;
	background-repeat:no-repeat;
	line-height:46px;
	background-image: url(/static/images/images_contraception_oc_comic_bg_story_05.gif);
	background-position: left top;
}
*html #updateBox dd#storyIm01,
*html #updateBox dd#storyIm02,
*html #updateBox dd#storyIm03,
*html #updateBox dd#storyIm04 {
height:40px;
}
*html #updateBox dd#storyIm05 {
height:46px;
}

#storyTxt01 {
width:198px;
margin:0;
padding:13px 0 22px 20px;
}

#story01Txt01 {
width:473px;
margin:0;
padding:10px 0 0 15px;
}
#story01Txt02 {
width:602px;
margin:0;
padding:7px 0 0 20px;
}
#story01Im01 {
width:500px;
margin:0 auto;
padding:6px 0 0 0;
}

#storyDetailBox {
width:660px;
margin:20px auto 0 auto;
padding:0;
min-height:143px;
background:url(/static/images/images_contraception_oc_comic_bg_story_detail.gif) left top;
background-repeat:no-repeat;
overflow:hidden;
clear:both;
}
*html #storyDetailBox {
height:143px;
}
#storyDetailBox dt {
width:500px;
margin:0;
padding:25px 0 10px 160px;
}
#storyDetailBox dd {
width:500px;
margin:0;
padding:0 0 5px 160px;
font-size:1.2em;
font-weight:bold;
}

#naviBox {
width:683px;
margin:25px auto 0 auto;
padding:0;
overflow:hidden;
}
#naviBox li#naviIm01 {
width:184px;
float:left;
margin:0;
padding:0 30px 0 0;
}
#naviBox li#naviIm02 {
width:255px;
float:left;
margin:0;
padding:0 30px 0 0;
}
#naviBox li#naviIm03 {
width:184px;
float:left;
margin:0;
padding:0;
}