@charset "UTF-8";
/* common */
body#top h1 {
	float: left;
	margin-top: 15px;
}

body#popup h1 {
	text-align: left;
	text-indent: -9999px;
	height: 52px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url("/image/hmatch_pc/rogo.jpg") no-repeat;
}

h2{
	font-size: 153.9%;
	font-weight: bold;
}

h2.memberTitle{
	color: #FFF;
	text-align: left;
	width: 860px;
	height: 48px;
	line-height: 48px;
	background: url("/image/hmatch_pc/bg_member_title.jpg") no-repeat;
}

h3{
	color: #060;
	font-size: 153.9%;
	font-weight: bold;
	margin-bottom: 20px;
}

.kisei h3{
	margin-bottom: 10px;
	border-bottom: 1px solid #060;
}

.taiken h3 {
	padding: 5px;
	background: #EEE;
}

#tabs h3{
	text-align: left;
	color: #009d00;

}

#taikenC #tabs h3{
	padding-left: 10px;
}

#memberC #tabs h3{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 5px solid #009d00;
}

#login {
	float: right;
	font-size: 93%;
	text-align: right;
	width: 480px;
	height: 60px;
	margin-top: 10px;
	background: #EEE;
}

#login_l {
	float: left;
	text-align: left;
	width: 330px;
	height: 55px;
	padding-top: 5px;
	padding-left: 10px;
}

#login_r {
	float: right;
	height: 36px;
	margin-top: 15px;
	margin-right: 10px;
}

#menu_bg {
	clear: both;
	background: url("/image/hmatch_pc/botan_bg_lr.jpg") repeat-x;
}

/* #globalNav */
#globalNav {
	width: 900px;
	height: 60px;
}

#globalNav ul li{
	display: inline;
}

#globalNav ul li a{
	display: block;
	float: left;
	width: 225px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/image/hmatch_pc/btn.jpg");
	background-repeat: repeat;
}

#globalNav ul li a.home{
	background-position: 0 0;
}

#globalNav ul li a.home:hover{
	background-position: 0 -60px;
}

#globalNav ul li a.kiyaku{
	background-position: -225px 0;
}

#globalNav ul li a.kiyaku:hover{
	background-position: -225px -60px;
}

#globalNav ul li a.kisei{
	background-position: -450px 0;
}

#globalNav ul li a.kisei:hover{
	background-position: -450px -60px;
}

#globalNav ul li a.contact{
	background-position: -675px 0;
}

#globalNav ul li a.contact:hover{
	background-position: -675px -60px;
}

/* 体験談 */
#taiken{
	position: absolute;
	top: 420px;
	left: 300px;
}

/* TOP背景 */
#main_bg {
	position: relative;
	clear: both;
	height: 510px;
	margin: 0 auto 20px;
	background: url("/image/hmatch_pc/main_bg.jpg") no-repeat #FFF top center;
}

/* form */
/* table */

#main_l{
	width: 300px;	
}

#member_bg {
	position: absolute;
	float: right;
	padding-top: 65px;
	top: 13px;
	right: 45px;
}

#top_botan_bg {
	height: 76px;
	background: url("/image/hmatch_pc/top_bar.jpg") repeat-x;
}

table{
	font-size: 77%;
	width: 260px;
	text-align: left;
	margin-bottom: 10px;
}

table td,
table th{
	padding: 0.5em 0.3em;
}

table th{
	width: 50%;
}

#btnArea{
	text-align: center;
	margin: 0 auto;
}

#pass,
#id{
	width: 120px;
}

#content{
	width: 860px;
	margin: 0 auto 20px;
}

#content .right{
	position: relative;
	text-align: left;
	width: 285px;
	height: 275px;
	background: url("/image/hmatch_pc/bg_qr.jpg") no-repeat;
}

#content .right img{
	position: absolute;
	top: 75px;
	left: 30px;
	padding: 1px;
	border: 1px solid #666;
}

#sapo_bg,
#anshin_bg {
	font-size: 108%;
	text-align: left;
	line-height: 1.3em;
}

#sapo_bg {
	position: relative;
	width: 900px;
	height: 290px;
	margin-bottom: 20px;
	background: url("/image/hmatch_pc/support_bg.jpg") no-repeat;
}

#sapo_bg p{
	position: absolute;
	width: 450px;
	top: 80px;
	left: 40px;
}

#anshin_bg {
	position: relative;
	width: 900px;
	height: 290px;
	margin-bottom: 20px;
	background: url("/image/hmatch_pc/anshin_bg.jpg") no-repeat;
}

#anshin_bg ul{
	position: absolute;
	width: 470px;
	top: 80px;
	left: 410px;
}

#anshin_bg ul li{
	margin-bottom: 1em;
}

#top_bg {
	width: 860px;
	height: 184px;
	margin-left: 20px;
	padding-top: 416px;
	background: url("/image/hmatch_pc/top_bg.jpg");
}

/* #footer */
#footerNav {
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
}

#top_footer {
	width: 860px;
	height: 140px;
	padding-top: 20px;
	margin: 0 auto;
	background: url("/image/hmatch_pc/top_footer.jpg") no-repeat top;
}

span.voice_bun {
	line-height: 1.5em;
	padding-left: 5px;
	border-left: thick solid #060;
}

/* 規制法 */
p#btn{
	font-size: 116%;
	text-align: center;
	margin-bottom: 2em;
}

dl,
dl dd{
	margin-bottom: 30px;
}

dl dt {
	color: #069;
	font-size: 108%;
}

/* 体験談 */
.man,
.woman{
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.man {
	background: url("/image/hmatch_pc/man.jpg") no-repeat right top;
}

.woman {
	background: url("/image/hmatch_pc/woman.jpg") no-repeat right top;
}

.man p,
.woman p{
	width: 700px;
	padding-bottom: 3em;
}

/* タブ切り替え */

.disnon {
	display: none;
}

div#tab{
	width: 500px;
	margin: 3em auto;
}

.content_wrap {
	clear: left;
	text-align: center;
}

div#tab ul li{
	display: inline;
}

div#tab ul li a{
	display: block;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 120px;
	margin: 0 10px;
	padding: 5px 10px;
	background: #EEE;
}

div#tab ul li.select a{
	color: #FFF;
	background: #B2DE27;
}

/* メンバー検索 */

#contentBox{
	text-align: left;
	width: 860px;
	margin: 0 auto 20px;
}

#contentBox .box{
	width: 820px;
	height: 132px;
	margin: 0 auto 10px;
	background: url("/image/hmatch_pc/bg_member.jpg") no-repeat;
}

#contentBox .box .inbox{
	padding: 10px;
}

#contentBox .box .boxL{
	float: left;
	margin-right: 10px;
}

#contentBox .box .boxL img{
	border: 1px solid #999;
}

#contentBox .M ul{
	float: right;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #03C;
}

#contentBox .W ul{
	float: right;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #F36;
}

#contentBox .W ul li,
#contentBox .M ul li{
	margin-bottom: 10px;
}

#contentBox .W ul li.left,
#contentBox .M ul li.left{
	font-size: 123.1%;
	line-height: 30px;
	padding-left: 10px;
}

#contentBox .M ul li.left{
	color: #03C;
	border-left: 5px solid #03C;
}

#contentBox .W ul li.left{
	color: #F36;
	border-left: 5px solid #F36;
}

#contentBox .box .boxR{
	float: right;
	text-align: left;
	width: 690px;
}

.ui-tabs{
	zoom: 1;
	width:860px;
	margin: 0 auto 20px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#taikenC .ui-tabs{
	background: #FFF;
}

#memberC .ui-tabs{
	background: #EFFEE7;
}

.ui-tabs .ui-tabs-nav{
	width: 300px;
	margin: 0 auto 20px;
	padding: 2px 2px 0;
	overflow: hidden;
	top: 1px;
	z-index: 1000;
}

.ui-tabs .ui-tabs-nav li{
	position: relative;
	float: left; !important;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #CCC;
}
.ui-tabs .ui-tabs-nav li a{
	float: left;
	color: #000;
	text-decoration: none;
	padding: 5px 10px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	color: #FFF;
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom-width: 0;
	background: #090;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a{ cursor: text;}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

.ui-tabs .ui-tabs-panel{
	display: block;
	position: relative;
	padding: 20px;
	border-width: 0;
	background: none;
	min-height: 200px;
}

.ui-tabs .ui-tabs-hide{
	display: none !important;
}

a.mover{
	position: absolute;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 12px;
	background: #090;
}

.next-tab{bottom: -33px; right: 30px;}
.prev-tab{bottom: -33px; left: 30px;}

#search {
	background: url("/image/hmatch_pc/bg_search.jpg") no-repeat;
	width: 900px;
	height: 150px;
	margin-bottom: 15px;
}

.seach_botan {
	float: left;
	width: 204px;
	margin-top: 52px;
	margin-left: 30px;
}
.seach_botan2 {
	float: left;
	width: 204px;
	margin-top: 52px;
	margin-left: 8px;
}
.seach_botan3 {
	float: left;
	width: 204px;
	margin-top: 6px;
	margin-left: 30px;
}
.seach_botan4 {
	float: left;
	width: 204px;
	margin-top: 6px;
	margin-left: 8px;
}


/* layout */

body {
	text-align: center;
	background: url("/image/hmatch_pc/green_bg.jpg");
}

body#index #wrapper,
body#top #wrapper {
	width: 100%;
	min-width: 900px;
	margin: 0 auto;
}

/* layout */

body#popup #wrapper {
	width: 740px;
	margin: 0 auto;
	background: #FFF;
}

body#popup #header{
	margin-bottom: 30px;
	padding-top :10px;
}

body#top #container{
	padding-top: 20px;
	padding-bottom: 2em;
}

body#popup #container{
	padding: 0 50px;
	padding-bottom: 3em;
}

body#top #header {
	width: 100%;
	min-width: 900px;
	height: 80px;
	background: #FFF;
}

body#index #header{
	background: url("/image/hmatch_pc/top_bar.jpg") repeat-x;
}

#main{
	text-align: left;
}

#footer{
	clear: both;
	color: #8B8B8B;
	font-size: 77%;
	text-align: center;
	line-height: 1.3em;
	padding-bottom: 3em;
}