@charset "UTF-8";


/*各ページごとの特別指定*/


/*----------------------------------------------------------------------

★トップ

----------------------------------------------------------------------*/

#contents-top #main-visual{
	background:url(../images/bg_mv.jpg) 0 0 repeat-x;
	padding:7px 0 7px 7px;
}


/*Visual*/

#contents-top #visual{
	overflow: hidden;
	position: relative;
	width:676px;
	height:264px;
	border: 3px #fff solid;
	float:left;
}
#contents-top #visual h2{
	position: absolute;
	top: 23px;
	left: 11px;
}
#contents-top #visual .btn{
	position: absolute;
	bottom: 8px;
	right: 5px;
}
#contents-top #visual .img{
}

/*女性のための病院検索*/

#contents-top .search{
	width:242px;
	height:270px;
	float:right;
	padding-right:7px;
	background:url(../images/bg_topmv_search.jpg) 0 bottom no-repeat;
	position:relative;
}

.search .txt{
	font-size:14px;
	padding:5px 15px;
}

.search .btn{
	position:absolute;
	top:230px;
	right:35px;
}


/*----------------------------
サイドカラム
----------------------------*/
#contents-top #sub{
	background:url(../images/bg_side_head.gif) 0 0 no-repeat;
	padding:26px 0 0 0 ;
}

#contents-top #rank{
	background:url(../images/bg_side_btm.gif) 0 bottom no-repeat;
	padding:0 0 26px 20px;
 }


/*リスト用*/

#contents-top #sub ul{
	padding:10px 0 0 5px;
}

#contents-top #sub ul li{
	padding:7px 0 0 5px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}
#contents-top #sub ul li a{

	background:url(../images/icon_arrow02.gif) 0 center no-repeat;
	padding-left:20px;
	display:block;
}

/*ランキング用
#contents-top #sub ul li.rank1{
	background:url(/images/top/side_icn_rank01.jpg) 0 0 no-repeat;

}

#contents-top #sub ul li.rank2{
	background:url(/images/top/side_icn_rank02.jpg) 0 0 no-repeat;
}

#contents-top #sub ul li.rank3{
	background:url(/images/top/side_icn_rank03.jpg) 0 0 no-repeat;
}

#contents-top #sub ul li.rank4{
	background:url(/images/top/side_icn_rank04.jpg) 0 0 no-repeat;
	padding-top:3px;
}

#contents-top #sub ul li.rank5{
	background:url(/images/top/side_icn_rank05.jpg) 0 0 no-repeat;
	padding-top:3px;
}

#contents-top #sub ul li{
	padding:7px 0 0 45px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}
*/


/*----------------------------
メイン
----------------------------*/

.checkwrap h2{
	display:none;
}


.check {
	background:url(../images/bg_top_cnt_qa_btm.jpg) 0 bottom no-repeat;
	padding-bottom:5px;
}

.checkwrap {
	background:url(../images/bg_top_cnt_qa_top.jpg) 0 0 no-repeat;
	padding:0 0 5px 0;
}

.check ul{
	width:470px;
	padding-left:195px;
	background:url(../images/img_qa01.jpg) right bottom no-repeat;
	font-size:15px;
	line-height:1.8em;
	padding-top:25px;
}

.check ul li{
	width:300px;
}

.check ul li a{
	color:#666;
}

/*アイコン*/
.check ul li.icnpnk{
	background:url(../images/icon_top_arrow_p.gif) 0 center no-repeat;
	padding-left:19px;
}

.check ul li.icnyl{
	background:url(../images/icon_top_arrow_y.gif) 0 center no-repeat;
	padding-left:19px;
}

/**/

.txtlink{
	text-align:right;
	margin-right:30px;

}

.txtlink a{
	color:#FFF;
}

/**/

#contents-top .cnt-list{
	width:234px;
	float:left;
	padding:0 0 0;
	position:relative;
	margin-top:20px;

/*高さ調整*/
	min-height: 240px;
	height: auto !important;
	height: 240px;
}

#contents-top .lastchild{
	width:222px;
}

#contents-top .list01{
	background:url(../images/bg_top_cnt01.gif) 0 bottom no-repeat;
}

#contents-top .list02{
	background:url(../images/bg_top_cnt02.gif) 0 bottom no-repeat;
}

#contents-top .list03{
	background:url(../images/bg_top_cnt03.gif) 0 bottom no-repeat;
}

.cnt-listtxt{
	width:100px;
	padding:2px 10px 10px;
}

.cnt-listbtn{
	text-align:right;
	margin-right:10px;
	position:absolute;
	bottom:10px;
	right:10px;
}
















/*----------------------------------------------------------------------

★下層

----------------------------------------------------------------------*/

/*----------------------------
共通
----------------------------*/
.box02 .leadimg{
	text-align:center;
	padding-bottom:20px;
}

/*ページナビ*/
.btm-pagelink{
	width:600px;
	padding:10px 0 0;
}

.btm-pagelink li.linkright{
	float:right;
	width:215px;
	text-align:right;
}

.btm-pagelink li.linkleft{
	float:left;
	width:200px;
}

/*ページナビ1カラム*/
#main-1culumn .btm-pagelink{
	width:760px;
	padding:10px 0 0;
	margin:0 auto;
}

/*----------------------------
避妊の大切さ
----------------------------*/

.bg-conttop-imp{
	background:url(../images/img_catetop.jpg) right 0 no-repeat;
	min-height: 290px;  
	height: auto !important;  
	height: 290px;
}

/**/


.imp-list .cnt-listleft{
	background:url(../images/img_top_cntbg01.jpg) 0 bottom no-repeat;
	width:283px;
	padding-bottom:15px;
	margin-bottom:15px;
	float:left;
}

.imp-list .cnt-listleft .dtltxt{
	padding:10px 20px;
}

.imp-list .cnt-listleft dl{
	width:264px;
	margin:0 auto;
	background:url(../images/img_top_cntbgdot01.jpg) 0 bottom no-repeat;
}


.imp-list .cnt-listleft dl ul{
	padding:10px;
}

.imp-list .cnt-listleft dl ul li{
	background:url(../images/icon_arrow01.jpg) 0 center no-repeat;
	padding-left:15px;
	font-size:11px;
}

/**/


.imp-list .cnt-listright{
	background:url(../images/img_top_cntbg01.jpg) right bottom no-repeat;
	width:295px;
	padding-bottom:15px;
	margin-bottom:15px;
	float:right;
}

.imp-list .cnt-listright .dtltxt{
	padding:10px 20px 10px 30px;
}

.imp-list .cnt-listright dl{
	width:264px;
	margin:0 0 0 20px;
	background:url(../images/img_top_cntbgdot01.jpg) 0 bottom no-repeat;
}


.imp-list .cnt-listright dl ul{
	padding:10px;
}


.imp-list .cnt-listright dl ul li{
	background:url(../images/icon_arrow01.jpg) 0 center no-repeat;
	padding-left:15px;
	font-size:11px;
}

/**/

.imp-list .know-sec{
	min-height: 114px;  
	height: auto !important;  
	height: 114px;
	background:url(../images/img_top_knowbg01.jpg) 0 bottom no-repeat;
}

.imp-list .kwon-txt{
	padding:25px 30px 0 135px;

}


/**/

li.bg-exa{
	background:url(../images/icon_top_exa.jpg) 0 center no-repeat;
	padding-left:120px;
	width:350px;
}


	
/*----------------------------
色々な避妊法を知ろう
----------------------------*/

.leadtxt{
	width:600px;
	font-size:14px;
	color:#1c4563;
	line-height:1.8;
	padding-top:30px;
}

.leadtxt p{
	margin-bottom:10px;
}

.bg-conttop{
	background:url(../images/contraception_img_catetop.jpg) right 0 no-repeat;
	min-height: 238px;  
	height: auto !important;  
	height: 238px;
}


/*表*/

.method-list img{
	vertical-align:top;
}

table.ptnlist01{
	margin-bottom:10px;
}

table.ptnlist01 th{
	border:none;
	padding:0 0 10px;
	margin:0;
}

table.ptnlist01 td{
	padding:0;
	margin:0;
	background-color:#E6FDFF;
}

.method-list td.tblhead img{
	vertical-align:bottom;
}

td.bg-tblinr01{
	background:url(../images/img_tbl_bg_inr.gif) 0 0 repeat-y ;
	padding-left:3px;
}

/*中のテーブル*/

table.inrtbl01{
	margin-bottom:5px;
}

table.inrtbl01 td {
	background:none;
}


table.inrtbl01 td.td01{
	width:339px;
	vertical-align:top;

}

table.inrtbl01 td.td02{
	width:75px;
	background:url(../images/img_tbl_arrow01.gif) 0 center no-repeat;
	padding:20px 27px 0 16px;
	color:#ff364d;
	font-size:16px;
	line-height:1.2;
	text-align:center;
	word-wrap:break-word;
}

table.inrtbl01 td.td02 span{
	font-size:14px;
}
	
table.inrtbl01 td.td03{
	padding-right:10px;
}




/*避妊法*/

div.method {
	width:312px;
	padding:0 10px 0 13px;
}

div.method dl{
	width:215px;
}

div.method dt{
	font-size:16px;
	margin-bottom:7px;
}

div.method dd .dtlbtn{
	margin-top:5px;
	margin-right:10px;
	text-align:right;
}


/*避妊法画像指定*/

.method-bg01{
	background:url(../images/top_img_method01.gif) right 10px no-repeat;
}

.method-bg02{
	background:url(../images/top_img_method02.gif) right 10px no-repeat;
}

.method-bg03{
	background:url(../images/top_img_method03.gif) right 10px no-repeat;
}

.method-bg04{
	background:url(../images/top_img_method04.gif) right 10px no-repeat;
}

.method-bg05{
	background:url(../images/top_img_method05.gif) right 10px no-repeat;
}

.method-bg06{
	background:url(../images/top_img_method06.gif) right 10px no-repeat;
}

.method-bg07{
	background:url(../images/top_img_method07.gif) right 10px no-repeat;
	min-height: 70px;
	height: auto !important;  
	height: 70px;
}




/**/
ul.tbl-border{
	width:75px;
}

li.bg-per{
	background:url(../images/bg_tbl_border_dot.gif) 0 bottom repeat-x;
	margin-bottom:10px;
	padding-bottom:10px;
	letter-spacing:0.1;

}

/*----------
服用されている方からの質問
----------*/

/*ピンクアイコン指定*/

.icnpnk02{
	padding:20px 0 10px;
}

.icnpnk02 li {
	margin-bottom:3px;	
}

.icnpnk02 li a{
	background:url(../images/icon_arrow02.gif) 0 center no-repeat;
	padding-left:17px;
}


/*質問リスト*/

.qalist-dtl li{
	margin-bottom:20px;
}

.qalist-dtl dl{
	width:530px;
}

.qalist-dtl dl dt{
	background:url(../images/icn_q_tit.gif) 0 bottom no-repeat;
	padding-left:30px;
	padding-bottom:4px;
	padding-top:10px;
	font-size:16px;
	color:#347BAD;
	margin-bottom:3px;
}

.qalist-dtl dl dd{
	background:url(../images/icn_a.gif) 15px 0 no-repeat;
	padding-left:33px;
}

.dtl-link{
	background:url(../images/icn_dtl01.gif) 0 0 no-repeat;
	padding-left:95px;
	margin-top:3px;
}



/*下部ボックス*/

.navi-box{
	width:500px;
	border-top:1px solid #6495BD;
	padding:18px 0 0 30px;

}



/*よくある質問*/

dl.qa01-wh{
	margin-bottom:30px;
}
dl.qa01-wh dt{
	margin-bottom:15px;
}

dl.qa01-wh ul li a{
	background:url(../images/icon_arrow_blue01.gif) 0 center no-repeat;
	padding-left:19px;
}

/*カテゴリから探す*/

dl.qa02-wh{
	margin-bottom:50px;
}

dl.qa02-wh dt{
	margin-bottom:10px;
}

dl.qa02-wh dd li{
	margin-bottom:3px;
}


/**/

.btm-qabtn {
	border-top:1px solid #6495BD;
	padding:20px;
	margin-top:20px;
}

.btm-qabtn li{
	text-align:center;
}

/*----------
OC
----------*/

.txt-img01{
	background:url(../images/oc_image01.gif) right 0 no-repeat;
	width:526px;
	padding:20px 0;
	min-height: 150px;
	height: auto !important;  
	height: 150px;
	}


.txt-img01 p{
	width:255px;
}




/*----------
避妊手術
----------*/

.sterilization h3{
	width:97px;
	float:left;
}

.sterilization .dtltxt{
	width:396px;
	float:left;
	padding:24px 12px 33px;
}




/*----------------------------
女性の健康
----------------------------*/


.bg-conttop-health{
	background:url(../images/health_img_catetop.jpg) right 0 no-repeat;
	min-height: 337px;  
	height: auto !important;  
	height: 337px;
}


.bg-conttop-health dl{
	width:310px;
}

.bg-conttop-health dl dt{
	margin:30px 0 10px;
}

.bg-conttop-health dl dd{}

/*背景指定*/

.bg-dot290{
	background:url(../images/bg_dot_290.gif) 0 0 no-repeat;
	padding-top:11px;
	width:290px;
	margin-bottom:30px
}

.bg-dot290-btm{
	background:url(../images/bg_dot_290.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	padding-left:50px;
}


.bg-dot290-btm dt{
	margin:5px 0;
}

.bg-dot290-btm li a{
	background:url(../images/icon_arrow_pink01.gif) 0 center no-repeat;
	padding-left:15px;
}

/**/

.holmon-sec{
	margin-top:20px;
	background-color:#FFF;
	clear:both;
}

.holmon-sec .sec-list {
	margin-top:20px;
}

.holmon-sec .sec-list dt{}

.holmon-sec .sec-list dd{
	padding:5px 0 30px 35px;
}



/*----------
女性の性周期
----------*/

ul.cycle-list{
	margin:40px 0;
}

ul.cycle-list li{
	margin-bottom:20px;
}


ul.cycle-list li dt{
	margin-bottom:10px;
}



/*----------
妊娠のしくみ
----------*/

.mechanism-sec01{
	width:529px;
	height:230px;
	position:relative;
	background:url(../images/img_mecha01.jpg) 0 0 no-repeat;
}

.mechanism-sec02{
	width:529px;
	height:124px;
	position:relative;
	background:url(../images/img_mecha02.jpg) 0 0 no-repeat;
}

.mechanism-sec03{
	width:529px;
	height:176px;
	position:relative;
	background:url(../images/img_mecha03.jpg) 0 0 no-repeat;
}

.mechanism-sec04{
	width:529px;
	height:138px;
	position:relative;
	background:url(../images/img_mecha04.jpg) 0 0 no-repeat;
}


/**/


.mechanism-sec01 .sec01{
	width:205px;
	position:absolute;
	left:310px;
	top:10px;
	line-height:1.1;
}


.mechanism-sec01 .sec02{
	width:205px;
	position:absolute;
	left:310px;
	top:115px;
	line-height:1.1;
}
.mechanism-sec02 .sec03{
	width:205px;
	position:absolute;
	left:310px;
	top:55px;
	line-height:1.1;
}

.mechanism-sec03 .sec04{
	width:205px;
	position:absolute;
	left:310px;
	top:10px;
	line-height:1.1;
}

.mechanism-sec03 .sec05{
	width:205px;
	position:absolute;
	left:310px;
	top:70px;
	line-height:1.1;
}

.mechanism-sec04 .sec06{
	width:205px;
	position:absolute;
	left:310px;
	top:18px;
	line-height:1.1;
}

.stit{
	margin:5px 0;
}


/*背景指定*/
.bg-dot530{
	background:url(../images/bg_dot_530.gif) 0 0 no-repeat;
	padding-top:11px;
	margin-bottom:25px;
}

.bg-dot530-btm{
	background:url(../images/bg_dot_530.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	padding-left:50px;
}

/*表*/

table.qalist-table02{
	margin:10px 0 ;
	width:470px;
}

table.qalist-table02 th{
	border:none;
	width:150px;
	padding:5px 0 5px;
	text-align:left;
}

table.qalist-table02 td{
	padding:5px 15px 5px 0;
	vertical-align:top;
}


table.qalist-table02 td li {
	margin:3px 0;
}

table.qalist-table02 td li a{
	background:url(../images/icon_arrow01.jpg) 0 center no-repeat;
	padding-left:15px;
}


/*----------
妊娠の初期症状
----------*/

.health h3{
	clear:both;
	width:97px;
	float:left;
}

.health .dtltxt{
	width:395px;
	float:left;
	padding:24px 0 33px 34px;
}

h3.connect-link{
	background:url(../images/bg_dot01.gif) 0 top repeat-x;
	width:530px;
	padding:0 !important;
	margin:0 !important;
	clear:both;
}

.connect-list{
	padding-left:92px;
	width:440px;
	clear:both;
}


.connect-list p{
	width:435px;
}

.connect-list .btn{
	background:url(../images/bg_dot01.gif) 0 center repeat-x;
	margin-bottom:15px;
	margin-top:5px;
	text-align:right;
}




/*----------------------------
避妊のQ&A
----------------------------*/

.bg-conttop-qa{
	background:url(../images/qa_img_catetop.jpg) right 0 no-repeat;
	min-height: 300px;  
	height: auto !important;  
	height: 300px;
}

/*よくある質問*/

dl.qa01{
	margin-bottom:30px;
}
dl.qa01 dt{
	margin-bottom:15px;
}

dl.qa01 ul li a{
	background:url(../images/icon_arrow_blue01.gif) 0 center no-repeat;
	padding-left:19px;
}

/*カテゴリから探す*/

dl.qa02{
	margin-bottom:50px;
}

dl.qa02 dt{
	margin-bottom:10px;
}


dl.qa02 dd li{
	margin-bottom:3px;
}


/*背景指定*/
.bg-dot600{
	background:url(../images/bg_dot_600.gif) 0 0 no-repeat;
	padding-top:11px;
	margin-bottom:25px;
}

.bg-dot600-btm{
	background:url(../images/bg_dot_600.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	padding-left:50px;
}

/*表*/

table.qalist-table{
	margin:10px 0 ;
	width:530px;
}

table.qalist-table th{
	border:none;
	width:190px;
	padding:5px 0 5px;
	text-align:left;
}

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


table.qalist-table td li {
	margin:3px 0;
}

table.qalist-table td li a{
	background:url(../images/icon_arrow01.jpg) 0 center no-repeat;
	padding-left:15px;
}



/**/
#contents-low .qa-sec h3{
	background-color:#E6FDFF;
	padding:5px 5px 5px 10px;
/*	border-bottom:2px solid #3074A7;
*/
}


/**/
.main_b_head img{
	vertical-align:bottom;
	line-height:0;
}