@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :try.css
 style info :zwei.com 結婚・恋愛力チェックページ用CSS
=================================================================== */


/* -----------------------------------------------------------
	.try TOP専用
----------------------------------------------------------- */


.try #main #main_area_top a{
	color:#526093;
	text-decoration:underline;
}

.try #main #main_area_top a:hover{
	color:#a9b0c9;
	text-decoration:underline;
}

.try #wrapper{
	width:960px;
	margin:0 auto;
}

.try #main{
	width:920px;
	margin:0 auto;
}

.try #main_top2{
	width:920px;
	height:100px;
	background:url(../img/share/bg-main_top.jpg) no-repeat;
	padding-top:10px;
	position:relative;
}

.try #main_top2 h2{
	width:131px;
	height:21px;
	margin-top:15px;
	margin-left:20px;
	position:absolute;
	top:35px;
	left:0px;
	line-height:0;
}

.try #main_area_top #local_area{
	width:640px;
	margin:20px 0 0px 0px;
	padding-left:25px;
	padding-bottom:40px;
	float:left;
}

.try #main_area_top #local_area #intro_section{
	width:640px;
	margin-bottom:25px;
}

.try #main_area_top #local_area #intro_section h3{
	background:none;
	padding:0;
	margin-bottom:1em;
}

.try #main_area_top #local_area #intro_section p{
	padding-left:5px;
	margin-bottom:1em;
}

.try #main_area_top #local_area #check_link{
	width:630px;
	padding-left:5px;
}


.try #main_area_top #local_area #check_link li{
	clear:both;
	width:630px;
	border-top:1px solid #e6e6e6;
	padding:15px 0 0;
	min-height:118px;
	height:auto !important;
	height:118px;
	zoom:1;
}

.try #main_area_top #local_area #check_link li .imgL{
	margin-bottom:0;
	padding-bottom:0;
}

.try #main_area_top #local_area #check_link li p{
	margin-bottom:1em;
	float:right;
	width:428px;
}

.try #main_area_top #local_area #check_link li p a.vc_link{
	padding-right:10px;
}

.try #main_area_top #local_area #check_link li:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* キャンペーンTOPサイドナビ */

.try #main_area_top #aside_area{
	background:url(../img/share/bg-local_right.gif) no-repeat left top;
	padding-left:20px;
	float:right;
	width:216px;
	min-height:400px;
	height:auto !important;
	height:400px;
}

.try #main_area_top #aside_area a{
	color:#333;
	text-decoration:none;
}

.try #main_area_top #aside_area a:hover{
	color:#333;
}

.try #main_area_top #aside_area h5{
	margin-left:6px;
	margin-top:20px;
	width:180px;
	background:#89c51d;
	color:#fff;
	padding:2px 0 2px 10px;
	margin-bottom:0;
	font-size:120%;
}

.try #main_area_top #aside_area h5 a{
	color:#fff;
}

.try #main_area_top #aside_area h5 a:hover{
	color:#fff;
}

.try #main_area_top #aside_area ul.link_only_list{
	margin-left:6px;
	margin-bottom:30px;
	border-bottom:1px solid #89c51d;
	width:190px;
	padding-bottom:0;
}

.try #main_area_top #aside_area ul.link_only_list li{
	padding:3px 0 4px 12px;
	background:url(../img/share/ico-arrow_shop2.gif) no-repeat left top;
	border-bottom:1px solid #e5e5e5;
	width:178px;
	clear:left;
}

.try #main_area_top #aside_area ul.link_only_list li#current{
	background:none;
	padding:0;
	width:190px;
}

.try #main_area_top #aside_area ul.link_only_list li#current dl dt{
	padding:4px 0 4px 12px;
	background:url(../img/share/ico-arrow_shop.gif) no-repeat 0 0.15em;
/*	font-weight:bold;*/
}

.try #main_area_top #aside_area ul.link_only_list li#current dl dd{
	padding:4px 0 4px 25px;
	border-top:1px solid #e5e5e5;
	background:url(../img/share/ico-arrow_shop3.gif) no-repeat 0 0.15em;
}


.try #main_area_top #bnr_area{
	clear:right;
	padding-right:20px;
	padding-top:20px;
	float:right;
	width:190px;
	margin-bottom:20px;
}

.try #main_area_top #bnr_area ul li{
	padding-bottom:10px;
}



.try #main_area_top:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}


/* -----------------------------------------------------------
	.try ローカルエリア
----------------------------------------------------------- */

.try #main_top{
	width:920px;
	padding-top:10px;
	background:url(../img/share/bg-topic_path.gif) top no-repeat;
}

.try #main_top #topic_path{
	padding-bottom:0px;
}

.try #main_top #topic_path ul{
	padding-bottom:5px;
}

.try #main_area{
	width:880px;
	margin:0 auto;
}

.try #main_area .intro p{
	width:565px;
	padding:30px 0 20px 30px;
	float:left;
}

.try #main_area .intro p strong{
	color:#ee5189;
}

.try #main_area .intro .imgR{
	width:228px;
	float:right;
	padding:30px 30px 0 0;
}

.try #main_area .intro:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

.try #main_area p.apply{
	clear:both;
	width:228px;
	margin:10px auto 30px;
}

.try #main_area p.apply_gpoint{
	clear:both;
	width:auto;
	margin:10px auto 30px;
	text-align:center;
	color:#999999;
}

.try #main_area p.apply_netmile{
	clear:both;
	width:auto;
	margin:10px auto 30px;
	text-align:center;
}

.try #main_area p.apply_gpoint img,.try #main_area p.apply_netmile img{
	padding-bottom:10px;
}


.try #main_area .intro .imgR{
	width:228px;
	float:right;
	padding:30px 20px 0 0;
}

.try #main_area .about{
	width:830px;
	margin:0 auto 20px;
}

.try #main_area .about h3{
	margin-bottom:15px;
}

.try #main_area .about h4{
	margin-bottom:15px;
	padding-left:5px;
}

.try #main_area .about h4.bottom_change{
	margin-bottom:20px;
}

.try #main_area .about .section{
	width:825px;
	padding-left:5px;
	margin-bottom:20px;
}

.try #main_area .about .section_netmile{
	width:825px;
	padding-left:5px;
	margin-bottom:20px;
}

.try #main_area .about .section_netmile h4{
	padding-left:0px;
	margin-bottom:10px;
}

.try #main_area .about .section_netmile p{
	margin-bottom:15px;
}

.try #main_area .about .section_netmile p a{
	display:inline-block;
	padding-top:8px;
}

.try #main_area .about .section p.catching{
	color:#ee5189;
	margin-bottom:20px;
}

.try #main_area .about .section p{
	width:583px;
	margin-bottom:15px;
}

.try #main_area .about .section p.about_netmile{
	width:583px;
	margin-bottom:15px;
}

.try #main_area .about .section .text_section{
	float:left;
	width:583px;
}

.try #main_area .about .section .text_section p.info_more{
	width:520px;
	border:1px solid #c7c7c7;
	padding:20px 30px;
	min-height:194px;
	height:auto !important;
	heoght:194px;
}

.try #main_area .about .section .img_section{
	float:right;
	width:226px;	
}

.try #main_area .about .section .img_section img{
	padding-bottom:5px;
}

.try #main_area .about .section .img_section dt img{
	padding-bottom:8px;
}

.try #main_area .about .section .img_section dd img{
	padding-bottom:0px;
}

.try #main_area .about .section:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

div.caution_area{
	width:820px;
	margin-left:30px;
	margin-bottom:40px;
}

div.caution_area h4{
	margin-bottom:7px;
}

div.caution_area ul{
	width:820px;
}

div.caution_area ul li{
	line-height:1.8;
	list-style-type:decimal;
	margin-left:17px;
	_margin-left:26px; /*  for IE6 */
	padding-bottom:7px;
	width:803px;
	display:list-item;
	margin-top:0px;
	vertical-align:top;
}

p.goto_top2{
	text-align:right;
	background:url(../../../yoyaku/img/share/ico-goto_top.gif) no-repeat right;
	padding-right:20px;
	margin-right:0px;
	margin-bottom:30px;
}

/* -----------------------------------------------------------
	特定文字色変更部分共通
----------------------------------------------------------- */

.try #main_area a.red_txt,.try #main_area span.red_txt,.try #main_area strong.red_txt{
	color:#be0707 !important;
}

.try #main_area .gray_text{
	color:#999999;
}
