@charset "utf-8";


/*-----Base-----*/
/*-------------------------------------------------------------------------------*/


body{
	text-align: center;
	color: #3F3F3F;
}

#side{
	margin: 0px auto;
	width: 840px;
	text-align: left;
	background-image: url(../img/side_background.gif);
	background-repeat: repeat-y;
}

#wrapper{
	margin: 0px 20px;
	width: 800px;
	overflow: hidden;
}

div#header_wrapper{
	margin: 0px;
	width: 100%;
	height: 191px;
	text-align: center;
}

div#header {
	margin: 0px auto;
	width: 898px;
	height: 191px;
	position: relative;
	text-align: left;
	background-image: url(../img/header_background.jpg);
	background-repeat: no-repeat;
}


a:link,a:visited{
	color:#E80000;
	text-decoration:none;
}

a:active,a:hover{
	color:#E80000;
	text-decoration:none;
}

strong {
color:#FF3333;
}

/*-----Header-----*/
/*-------------------------------------------------------------------------------*/


div#header_wrapper{
	background-image: url(../img/header_w_back.gif);
	background-repeat: repeat-x;
}

div#header h1 {
	position: absolute;
	width: 460px;
	height: 118px;
	top: 0;
	left: 0;
}

div#header h1 a{
	display: block;
	width: 320px;
	height: 50px;
}

div#header p.desc {
	position:absolute;
	width:400px;
	height:20px;
	top:4px;
	left:495px;
	text-align: right;
}

div#header p#operator {
	position:absolute;
	width: 170px;
	height: 45px;
	top: 77px;
	left: 515px;
	text-indent: -9999px;
}

div#header p#operator a{
	display: block;
	width: 170px;
	height: 45px;
	background-image: url(../img/operator.jpg);
	background-repeat: no-repeat;
}

div#header p#operator a:hover{
	background-position: -170px 0px;
}

div#header p#sitemap {
	position:absolute;
	width: 170px;
	height: 45px;
	top: 77px;
	left: 685px;
	text-indent: -9999px;
}

div#header p#sitemap a{
	display: block;
	width: 170px;
	height: 45px;
	background-image: url(../img/sitemap.jpg);
	background-repeat: no-repeat;
}

div#header p#sitemap a:hover{
	background-position: -170px 0px;
}


/*-----Navi Top-----*/
/*-------------------------------------------------------------------------------*/


#navi_top{
	position:absolute;
	width: 800px;
	height: 45px;
	top: 131px;
	left: 49px;
}

#navi_top ul{
	width: 800px;
	float: left;
	list-style: none;
	margin: 0px;
}

#navi_top ul li{
	float: left;
	width: 160px;
	height: 45px;
	margin: 0px;
}

#navi_top ul li a{
	display: block;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
}

#navi_top ul li.s01 a{
	background-image: url(../img/list_s01.jpg);
	background-repeat: no-repeat;
}

#navi_top ul li.s02 a{
	background-image: url(../img/list_s02.jpg);
	background-repeat: no-repeat;
}

#navi_top ul li.s03 a{
	background-image: url(../img/list_s03.jpg);
	background-repeat: no-repeat;
}

#navi_top ul li.s04 a{
	background-image: url(../img/list_s04.jpg);
	background-repeat: no-repeat;
}

#navi_top ul li.s05 a{
	background-image: url(../img/list_s05.jpg);
	background-repeat: no-repeat;
}

#navi_top ul li a:hover{
	background-position: -160px 0px;
}


/*-----Header Box-----*/
/*-------------------------------------------------------------------------------*/


div#header_box{
	position: relative;
	width: 800px;
	height: 189px;
	margin: 0px;
	background-image: url(../img/header_box_background2.jpg);
	background-repeat: no-repeat;
}

div#header_box h2{
	position:absolute;
	width: 500px;
	height: 20px;
	top: 84px;
	left: 150px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #000000;
}


/*-----Main-----*/
/*-------------------------------------------------------------------------------*/


#main_box{
	float: left;
	display: inline;
	margin: 0px;
	width: 800px;
	text-align: left;
	background-image: url(../img/main_box_background.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#main{
	float: right;
	display: inline;
	width: 560px;
	margin: 10px 20px 0px;
	overflow: hidden;
}


/*-----Navi-----*/
/*-------------------------------------------------------------------------------*/


#navi{
	float: left;
	width: 200px;
	margin: 0px;
	line-height: 14px;
}

#navi ul{
	width: 200px;
	float: left;
	list-style: none;
	margin: 0px;
}

#navi p.rank_title{
	width: 200px;
	height: 40px;
	background-image: url(../img/rank_title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#navi ul.rank{
	background-color: #f2f2f2;
	display:inline;
}

#navi ul.rank li{
	margin: 2px 0px;
	text-indent: 10px;
	display:inline;
	line-height:30px;
}

#navi ul.rank li.rank1 a,#navi ul.rank li.rank1 a:hover{
	font-size: 16px;
	color: #E80000;
	font-weight: bold;
}

#navi ul.rank li.rank2 a,#navi ul.rank li.rank2 a:hover{
	font-size: 16px;
	color: #E56D00;
	font-weight: bold;
}

#navi ul.rank li.rank3 a,#navi ul.rank li.rank3 a:hover{
	font-size: 14px;
	color: #E80000;
}

#navi ul.rank li.rank4 a,#navi ul.rank li.rank4 a:hover{
	font-size: 14px;
	color: #E56D00;
}

#navi ul.rank li.rank5 a,#navi ul.rank li.rank5 a:hover{
	font-size: 12px;
	color: #E80000;
}

#navi ul.rank li.rank6 a,#navi ul.rank li.rank6 a:hover{
	font-size: 12px;
	color: #E56D00;
}

#navi p.contents_title{
	width: 200px;
	height: 40px;
	background-image: url(../img/contents_title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear:both;
}

#navi ul.ul_set li{
	width: 200px;
	margin: 0px;
}

#navi ul.ul_set li a{
	display: block;
	margin: 0px;
	color: #ffffff;
	background-image: url(../img/menu_background01.jpg);
	background-repeat: no-repeat;
}

#navi ul.ul_set li a:hover{
	color: #ffffff;
	background-position: -200px 0px;
}

#navi ul.ul_set li ul li{
	margin: 0px;
	background-image: url(../img/menu_background02.jpg);
	background-repeat: no-repeat;
}

#navi ul.ul_set li ul li a{
	display: block;
	margin: 0px;
	color: #666666;
	background-image: url(../img/menu_background02.jpg);
	background-repeat: no-repeat;
}

#navi ul.ul_set li ul li a:hover{
	color: #666666;
	background-position: -200px 0px;
}

#navi ul.ul_set a{
	width: 165px;
	height: 40px;
	line-height: 18px;
	padding: 3px 0px 0px 35px;
}

#navi ul.banner{
	width: 200px;
	float: left;
	list-style: none;
	margin: 10px 0px;
}

#navi ul.banner li{
	width: 200px;
	height: 50px;
	margin: 0px 0px 5px;
	text-indent: -9999px;
}

#navi ul.banner li a{
	display: block;
	width: 200px;
	height: 50px;
	margin: 0px;
	background-repeat: no-repeat;
}

#navi ul.banner li a:hover{
	background-position: 0px;
}

#navi ul.banner li.b01 a{
	background-image: url(../img/banner01.jpg);
}


/*-----Footer-----*/
/*-------------------------------------------------------------------------------*/


#footer{
	float: left;
	display: inline;
	margin: 0px;
	width: 800px;
	height: 165px;
	color: #666666;
	text-align: center;
	background-image: url(../img/footer_background.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#footer div#footer_btn{
	width: 800px;
	height: 25px;
	margin: 0px;
	color: #ffffff;
	background-color: #b0b0b0;
}

#footer div#footer_btn a:link,#footer div#footer_btn a:visited,#footer div#footer_btn a:active,#footer div#footer_btn a:hover{
	color: #ffffff;
}

#footer p.rss_btn{
	float : left;
	display: inline;
	width: 110px;
	height: 25px;
	margin: 0px 0px 0px 345px;
	line-height: 25px;
	text-indent: 15px;
	text-align: center;
	background-image: url(../img/icon_rss.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#footer p.page_top{
	float : right;
	display: inline;
	width: 78px;
	height: 25px;
	margin: 0px 15px 0px 0px;
	text-indent: -9999px;
	background-image: url(../img/page_top.gif);
	background-repeat: no-repeat;
}

#footer p.page_top a{
	display: block;
	width: 78px;
	height: 25px;
}

#footer dl{
	clear: both;
	margin: 10px auto;
	width: 700px;
	text-align: center;
	overflow: hidden;
}

#footer dl a:link,#footer dl a:visited,#footer dl a:active,#footer dl a:hover{
	color: #666666;
}

#footer dl dt,#footer dl dd {
	font-size: 80%;
}

#footer dl dt {
	display: inline;
	text-align: left;
}

#footer dl dd {
	float: left;
	text-indent: -9999px;
}

address {
	clear: both;
	font-size: 80%;
	font-style: normal;
}

address a:link,address a:visited,address a:active,address a:hover{
	color: #666666;
}


/*-----Index-----*/
/*-------------------------------------------------------------------------------*/


div#header_box1{
	width: 800px;
	height: 235px;
	margin: 0px;
}

div#header_box1 p{
	width: 800px;
	height: 235px;
}

div#header_box1 p a{
}

div#header_box1 p a:hover{
}

div.seg_news{
	float: left;
	display: inline;
	width: 560px;
	height: 226px;
	margin: 0px 0px 10px;
	background-image: url(../img/seg_news_background.jpg);
	background-repeat: no-repeat;
}

div.seg_news h3{
}

div.seg_news div{
	float: left;
	display: inline;
	width: 460px;
	height: 115px;
	padding: 10px 50px;
	margin: 0px 0px 0px;
	overflow: auto;
}

div.seg_news div p{
	width: 440px;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left center;
}

div.seg_topick{
	float: left;
	display: inline;
	width: 560px;
	height: 250px;
	margin: 0px 0px 10px;
	background-image: url(../img/seg_topick_background.jpg);
	background-repeat: no-repeat;
}

div.seg_topick h3{
}

div.seg_topick div{
	float: left;
	display: inline;
	width: 535px;
	height: 195px;
	padding: 0px 25px;
	margin: 0px 0px 0px;
}

div.seg_topick div p{
	width: 510px;
	line-height: 18px;
	margin: 5px 0px;
}

div.seg_boy,div.seg_girl{
	float: left;
	display: inline;
	width: 560px;
	height: 159px;
	margin: 0px 0px 10px;
	background-image: url(../img/seg_boy_background.jpg);
	background-repeat: no-repeat;
}

div.seg_girl{
	background-image: url(../img/seg_girl_background.jpg);
}

div.seg_boy h3,div.seg_girl h3{
	width:210px;
	height:90px;
	float:left;
}

div.seg_boy div,div.seg_girl div{
	float: left;
	display: inline;
	width: 520px;
	height: 110px;
}

div.seg_boy div p,div.seg_girl div p{
	float: left;
	width: 290px;
	_width: 300px;
	line-height: 18px;
	padding:5px;
}

div.seg_boy div p.images,div.seg_girl div p.images{
	float: right;
	width: 200px;
	height: 110px;
	margin-top: 45px;
	padding:0;
}

div.seg_boy div p.images a,div.seg_girl div p.images a{
	display: block;
	width: 200px;
	height: 110px;
	text-indent: -9999px;
	background-image: url(../img/seg_boy_images.jpg);
	background-repeat: no-repeat;
}

div.seg_girl div p.images a{
	background-image: url(../img/seg_girl_images.jpg);
}

div.seg_boy div p.images a:hover,div.seg_girl div p.images a:hover{
	background-position: -200px 0px;
}

div.main_banner{
	float: left;
	display: inline;
	width: 560px;
	height: 50px;
	margin: 0px 0px 10px;
}

div.main_banner p{
	width: 560px;
	height: 50px;
	margin: 0px;
}

div.main_banner p a{
	display: block;
	width: 560px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(../img/banner_pairing.jpg);
	background-repeat: no-repeat;
}

div.main_banner p a:hover{
	background-position: -560px 0px;
}

div.seg_pick_up{
	float: left;
	display: inline;
	width: 560px;
	height: 190px;
	margin: 0px 0px 10px;
	overflow:hidden;
}

div.seg_pick_up div{
	float: left;
	width: 180px;
	height: 195px;
	margin: 0px 3px 5px 0px;
	border: 1px dotted #c3c3c3;
	overflow:hidden;
}

div.seg_pick_up div h4{
	margin: 0px 5px 0px;
}


div.seg_pick_up div p{
	width: 170px;
	margin: 0px 5px 0px;
}

div.seg_pick_up div p.images{
	height: 60px;
}

div.seg_pick_up div p.images a{
	display: block;
	width: 170px;
	height: 60px;
	text-indent: -9999px;
}

div.seg_pick_up div.p01 p.images a{
	background-image: url(../img/p01_image.jpg);
	background-repeat: no-repeat;
}

div.seg_pick_up div.p02 p.images a{
	background-image: url(../img/p02_image.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.seg_pick_up div.p03 p.images a{
	background-image: url(../img/p03_image.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.seg_pick_up div p.images a:hover{
	background-position: -170px 0px;
}

div.seg_pick_up div p.text{
	height: 75px;
	margin: 5px;
	margin-bottom:0px;
}

div.seg_pick_up div p.more{
	height: 10px;
}

div.seg_pick_up div p.more a{
	display: block;
	width: 170px;
	height: 10px;
	text-indent: -9999px;
}

div.seg_pick_up div.p01 p.more a{
	background-image: url(../img/p01_more.jpg);
	background-repeat: no-repeat;
}

div.seg_pick_up div.p02 p.more a{
	background-image: url(../img/p02_more.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.seg_pick_up div.p03 p.more a{
	background-image: url(../img/p03_more.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.seg_pick_up div p.more a:hover{
	background-position: -170px 0px;
}


/*-----Parts-----*/
/*-------------------------------------------------------------------------------*/


div.seg01{
	float: left;
	display: inline;
	width: 560px;
	margin: 0px 0px 10px;
}

div.seg01 h3{
	width: 560px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	font-size: 18px;
	text-indent: 45px;
	background-image: url(../img/h3.jpg);
	background-repeat: no-repeat;
}

div.seg01 h4{
	width: 560px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	font-size: 18px;
	text-indent: 45px;
	background-image: url(../img/h4.jpg);
	background-repeat: no-repeat;
}

div.seg01 h5{
	width: 560px;
	height: 40px;
	line-height: 40px;
	color: #E80000;
	font-size: 18px;
	text-indent: 50px;
	background-image: url(../img/h5.jpg);
	background-repeat: no-repeat;
}

div.seg01 div{
	float: left;
	display: inline;
	width: 540px;
	padding: 10px;
	margin: 2px 0px 0px;
}

div.seg01 div.h3_p_back{
	background-image: url(../img/h3_p_back.jpg);
	background-repeat: no-repeat;
}

div.seg01 div p{
	float: left;
	display: inline;
	width: 540px;
	margin: 5px 0px;
}

div.seg01 div table{
	float: left;
	display: inline;
	width: 540px;
	line-height: 120%;
	margin: 0px 0px 10px;
}

div.read{
	float: left;
	display: inline;
	width: 560px;
	height: 120px;
	margin: 0px 0px 10px;
}

div.read p{
	width: 560px;
	height: 40px;
	margin: 2px 0px;
}

div.read p a{
	display: block;
	width: 560px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

div.read p.read01 a{
	background-image: url(../img/read01.jpg);
}

div.read p.read02 a{
	background-image: url(../img/read02.jpg);
}

div.read p.read03 a{
	background-image: url(../img/read03.jpg);
}

div.seg_info{
	float: left;
	display: inline;
	width: 560px;
	margin: 0px 0px 10px;
}

div.seg_info h4{
	width: 560px;
	height: 50px;
	line-height: 50px;
	text-indent: -9999px;
	background-image: url(../img/h4_seg_info.jpg);
	background-repeat: no-repeat;
}

div.seg_info div.back{
	float: left;
	display: inline;
	width: 540px;
	padding: 10px;
	margin: 2px 0px 0px;
	background-image: url(../img/seg_info_back.jpg);
	background-repeat: no-repeat;
}

div.seg_info div.back div.right{
	float: right;
	width: 350px;
	height: 135px;
	padding: 0px;
	margin: 0px;
}

div.seg_info div.back div.left{
	float: left;
	display: inline;
	width: 180px;
	height: 135px;
	padding: 0px;
	margin: 0px;
}

div.seg_info div.back div.right p{
	width: 350px;
	height: 95px;
	margin: 0px 0px 10px;
}

div.seg_info div.back div.right p.cost{
	width: 120px;
	height: 30px;
	margin: 0px 0px 0px 230px;
	color: #ffffff;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	background-image: url(../img/icon_cost.jpg);
	background-repeat: no-repeat;
}

strong{
	font-weight: bold;
}

.bs li{
float:left;
margin:0 4px 0 0;
line-height:1.3;}

li.bs_2{
margin:0 0px 0 0;}

.bs_bnr{
	position:absolute;
	left: 375px;
	top: 121px;
}

.p_r{
position:relative;
}
/*-----お問い合わせinquiry/index.html-----*/
/*-------------------------------------------------------------------------------*/


div.seg01 div table.inquiry th{
	width: 150px;
}

div.seg01 div table.inquiry td{
	width: 380px;
}

div.seg01 div table.form th{
	width: 150px;
}

div.seg01 div table.form td{
	width: 380px;
}

div.seg01 div table.form td.long{
	width: 530px;
}


/*-----運営監修operator/index.html-----*/
/*-------------------------------------------------------------------------------*/


div.seg01 div table.operator th{
	width: 150px;
	font-weight: bold;
}

div.seg01 div table.operator td{
	width: 380px;
}



.module-tagcloud .module-content {text-align: center; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.rank1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.rank2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.rank3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.rank4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.rank5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.rank6 { font-size: 9px; }

.new {
	display:none;
}