@charset "utf-8";


/* =Reset default browser CSS by Eric Meyer:
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	
	border-collapse: collapse !important;
}
:focus {/* remember to define focus styles! */ outline: 0;}
body { background: #fff; line-height: 1;}
ol, ul { list-style: none !important;}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse !important; border-spacing: 0;
	line-height: 1.66;
}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img { border: 0 !important;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;} /* HTML5 reset */



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

	0.4 =clearfix

------------------------------------------------------------
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {zoom:1;/*for IE 5.5-7*/}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html .clearfix{
	display:inline-table;
	/**/display:block;/**/
}

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

	0.5 =common style

-------------------------------------------------------------------------------------------------
*/
.clear { clear:both; visibility: hidden; height: 0;}   
.hidden { display:none !important; visibility: hidden; height: 0;}
hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px;}

.smp, .desktop, .tablet, .mobile { display:none !important;}

.over, .scaleup, .rotate, .scaleup-rotate { -webkit-transition: all ease-out 0.2s;}
.over:hover {
	opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
}
.scaleup:hover { -webkit-transform: scale(2);}
.rotate:hover { -webkit-transform: rotate(360deg);}
.scaleup-rotate:hover { -webkit-transform: scale(2) rotate(360deg); box-shadow:1px 1px 8px #999; }
.imgover {}

.shadow { box-shadow:1px 1px 8px #999;}
.radius { border-radius: 10px;}

.cntL, .left { float:left;}
.cntR, .right { float:right;}
.centering { margin:0 auto; padding:0 auto;}
.full { max-width: 100%; height:auto; margin:0 0; padding:0 0; clear:both;}
.border { border: solid 1px #ccc !important;}

.txt_catch { font-size:161.6%;  line-height:1.66;}
.txt_SP { color:#FF9897} .txt_K { color:#000} .txt_G { color:#999;} .txt_R { color:#F00;} .txt_OR { color:#F60} .txt_B { color:#09C} .txt_LB { color:#6CC} .txt_GR { color:#090} .txt_LGR { color:#9C0}

.bgc01 { background:url(../images/bg_pattern01.png);}
.bgc02 { background:url(../images/bg_pattern02.png);}
.bgc03 { background-color: #314B6C;}
.bgcWH { background-color: #fff;}
.bgcK { background-color: #000;}

.box-half {}
.box-half .box { float:left; width: 49%; height:auto; padding-right:1%;} 
.box-half .box:last-child { padding-right:0%;} 

.row .col { float:left;}

.box-one-third {}
.box-one-third .box { width: 32%; height:auto; padding-right:1%;} 
.box-one-third .box:last-child { padding-right:0%;}
.box-one-fourth {}
.box-one-fourth .col { width: 25%; height:auto;}
.box-one-fourth .col .box { padding: 10px;}
.box-one-fifth .col { width: 20%; height:auto;}
.box-one-fifth .col .box { padding: 10px;}
.box-one-fifth {} .box-one-fifth .col { float:left; width: 20%; height:auto;}
.flt_r { float : right !important;} .flt_l { float : left !important;}
.txt_r { text-align: right !important;} .txt_c { text-align: center !important;} .txt_l { text-align: left !important;} .txt_j { text-align: justify !important;}
.auto { margin-right: auto; margin-left: auto;} .none { background-image : none !important;}
.posi_rel { position:relative;} .posi_abs { position:absolute;}

.bd { border: solid 1px #ddd;}
.bd_t { border-top: solid;}
.bd_r { border-right: solid;}
.bd_b { border-bottom: solid;}
.bd_l { border-left: solid;}
.bd_t, .bd_r, .bd_b, .bd_l { border-width: 1px; border-color: #ddd;}

.fs_9 { font-size: 9px !important;}
.fs_10 { font-size: 10px !important;}
.fs_11 { font-size: 11px !important;}
.fs_12 { font-size: 12px !important;}
.fs_13 { font-size: 13px !important;}
.fs_14 { font-size: 14px !important;}
.fs_15 { font-size: 15px !important;}
.fs_18 { font-size: 18px !important;}
.fs_21 { font-size: 21px !important;}
.fs_24 { font-size: 24px !important;}
.fs_28 { font-size: 28px !important;}
.fs_36 { font-size: 36px !important;}
.fs_48 { font-size: 48px !important;}
.fs_60 { font-size: 60px !important;}
.fs_72 { font-size: 72px !important;}

.f_sp { color:#FF9897 !important;}
.f_k { color:#000 !important;}
.f_g { color:#999 !important;}
.f_wh { color:#fff !important;}
.f_r { color:#F00 !important;}
.f_or { color:#F60 !important;}
.f_b { color:#09C !important;}
.f_lb { color:#6CC !important;}
.f_gr { color:#090 !important;}
.f_lgr { color:#9C0 !important;}
.f_dgr { color: #678C00 !important;}

.f_catch { font-size:161.6%;  line-height:1.66;}
.f_focus { color: #f00;}
.f_note { font-size: 9px !important; line-height: 1.66;}

.fw_bold { font-weight: bold !important;}


.mt0   { margin-top	: 0 !important;}
.mt5   { margin-top	: 5px !important;}
.mt10  { margin-top	: 10px !important;}
.mt15  { margin-top	: 15px !important;}
.mt20  { margin-top	: 20px !important;}
.mt25  { margin-top	: 25px !important;}
.mt30  { margin-top	: 30px !important;}
.mt35  { margin-top	: 35px !important;}
.mt40  { margin-top	: 40px !important;}
.mt45  { margin-top	: 45px !important;}
.mt50  { margin-top	: 50px !important;}
.mt55  { margin-top : 55px !important;}
.mt80  { margin-top	: 80px !important;}

.mr0   { margin-right: 0 !important;}
.mr5   { margin-right: 5px !important;}
.mr10  { margin-right: 10px !important;}
.mr15  { margin-right: 15px !important;}
.mr20  { margin-right: 20px !important;}
.mr25  { margin-right: 25px !important;}
.mr30  { margin-right: 30px !important;}
.mr35  { margin-right: 35px !important;}

.mb0   { margin-bottom: 0 !important;}
.mb5   { margin-bottom: 5px !important;}
.mb10  { margin-bottom: 10px !important;}
.mb15  { margin-bottom: 15px !important;}
.mb20  { margin-bottom: 20px !important;}
.mb25  { margin-bottom: 25px !important;}
.mb30  { margin-bottom: 30px !important;}
.mb35  { margin-bottom: 35px !important;}
.mb40  { margin-bottom: 40px !important;}
.mb50  { margin-bottom: 50px !important;}
.mb60  { margin-bottom: 60px !important;}
.mb80  { margin-bottom: 80px !important;}

.ml0   { margin-left: 0 !important;}
.ml5   { margin-left: 5px !important;}
.ml10  { margin-left: 10px !important;}
.ml15  { margin-left: 15px !important;}
.ml20  { margin-left: 20px !important;}
.ml25  { margin-left: 25px !important;}
.ml30  { margin-left: 30px !important;}
.ml35  { margin-left: 35px !important;}
.ml40  { margin-left: 40px !important;}
.ml45  { margin-left: 45px !important;}

.m0  { margin: 0px !important;}
.m5  { margin: 5px !important;}
.m10  { margin: 10px !important;}
.m15  { margin: 15px !important;}
.m20  { margin: 20px !important;}
.m25  { margin: 25px !important;}
.m30  { margin: 30px !important;}
.m35  { margin: 35px !important;}
.m40  { margin: 40px !important;}
.m80  { margin: 80px !important;}

.pt0  { padding-top: 0 !important;}
.pt5  { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}

.pt0  { padding-top: 0 !important;}
.pt5  { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}

.pr0  { padding-right: 0 !important;}
.pr5  { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}

.pl0  { padding-left: 0 !important;}
.pl5  { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}

.pb0  { padding-bottom: 0 !important;}
.pb5  { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}

.p0  { padding: 0px !important;}
.p5  { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p30 { padding: 30px !important;}
.p40 { padding: 40px !important;}

/* fb-like optimize */
.fb-like iframe { max-width: none !important;}



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

	1.0 =基礎設定
	2.0 =ヘッダー (#header)
	2.1 =ナビ (#nav)

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

/*
-------------------------------------------------------------
	
	1.0 =基礎設定

-------------------------------------------------------------
*/
* { margin: 0; padding: 0;}
html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	
	font-size: 14px;
	line-height: 1.66;
	word-wrap: break-word;
	background-color: transparent;
	color: #333333;
	letter-spacing: 0px;
}

body { margin:0; padding:0; top:0; bottom:0; width:100%; height:100%; }
.wrapper { width: 980px; margin: 0px auto;}

h1, h2, h3, h4, h5, h6,
p, pre, dt, dd, address, li{
	padding: 0;/* margin&padding reset */
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	margin: 0px; font-weight:normal
}

img { max-width: 100%;}
a img { border:none;}
a { color:#0085B2; text-decoration:underline;}
a:visited {	color: #633; text-decoration:none;}

/* h */
.h_001 {
	height: 70px; line-height: 64px;
	font-size: 21px;
	color: #F60;
	background: url(../images/h_001.png) no-repeat; 
	text-indent: 100px;
	margin-bottom: 20px;
}
.h_002 {
	height: 50px; line-height: 50px;
	font-size: 24px; font-weight: bold;
	color: #00A8E3;
	border-left: 5px solid #00A8E3;
	border-bottom: 1px solid #ccc;
	text-indent: 15px;
	margin-bottom: 30px !important;
}
.h_003 {
	font-size: 18px; font-weight: bold;
	color: #00A8E3;
	margin-bottom: 20px;
}/*
.h_004 {
	height: 30px; line-height: 30px;
	font-size: 15px; font-weight: normal;
	border-left: 5px solid #D38B00;
	border-bottom: 1px solid #ccc;
	text-indent: 15px; color: #666;
	margin-bottom: 10px !important;
}
.h_005 {
	height: 30px; line-height: 30px;
	font-size: 15px; font-weight: normal;
	border-left: 5px solid #F4829C;
	border-bottom: 1px solid #ccc;
	text-indent: 15px; color: #666;
	margin-bottom: 10px !important;
}
.h_006 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 !important;
}

.h_faq_q {
	background: url(../images/h_faq_q.png) no-repeat;
	height: 49px; line-height: 49px;
	text-indent: 60px; font-size: 16px;
	margin-bottom: 10px !important;
}*/

/* table */
table p{margin:0 !important; padding:0 !important;}
.table_001 { font-size: 13px !important; width: 100%; margin-bottom: 10px;}
.table_001 th,
.table_001 td { padding:10px; border: solid 1px #ccc;}
.table_001 th { background-color: #CCF; text-align: left;}

.table_002 { width: 100%; margin-bottom: 10px;}
.table_002 th,
.table_002 td { padding:10px; border: solid 1px #ccc;}
.table_002 th { background: #ddd; }
.table_002 td {}

/*
.table_001 { font-size: 13px !important; width: 100%; margin-bottom: 10px;}
.table_001 th,
.table_001 td { padding:10px; border: solid 1px #ccc;}
.table_001 th { background-color: #666; text-align: left; color: #fff;}
*/
/* frm */
.frm_001 {
	border: solid 4px #ccc;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #eee;
}

.frm_faq_a {
	background: url(../images/icon_faq_a.png) no-repeat left top;
	padding: 20px 0 40px 70px;
}
.frm_flow {
	background: url(../images/icon_flow.png) no-repeat left top;
	padding: 20px 0 40px 70px;
}

.box_notice {
	border: solid 3px #F00;
	padding: 20px;
	color: #F00 !important;
}

a.more-btn{clear:both;text-decoration:none !important;background-color:#f77;color:#fff !important;padding:0.3125em 2.6125em;font-size:120%;font-weight:normal;border-radius:3px;}
a.more-btn:hover {background-color:#999 !important; }


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

	2.0 =ヘッダー (#header)

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

#header {
	width: 100%; height: 101px;
	background: url(../images/header_bg.png) center repeat-x;
}
#header {}
#header .row { padding: 10px;}
h1 { font-size: 10px; margin: 0 0 10px;}

/* #mv (top only)
------------------------------------------*/
#mv { height: 330px;}
#mv .wrapper {}

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

	2.1 =Gnav

-------------------------------------------------------------
*/
#gnav { width:100%; height:118px; background: #ddd url(../images/gnav_bg.png) repeat-x;}
#gnav .wrapper {}
#gnav ul li { float:left !important; width: 245px; height:auto;}
#gnav ul li p { padding: 8px;}

#index #gnav { height: auto; background-color: transparent;}

#gnav .wrapper { position:relative;}
#gnav .gnav_pointer { position:absolute; bottom:0; display:none;}
#index .gnav_pointer {}
#herpes .gnav_pointer {display:block; left:112px;}
#effort .gnav_pointer {display:block; left:357px;}
#std .gnav_pointer {display:block; left:599px;}
#std-cases .gnav_pointer {display:block; left:844px;}


/*
--------------------------------------------------------
                                                                    
	2.3 =Main Content
	          
--------------------------------------------------------
*/
#main { margin: 10px auto; padding: 0px; clear: both; height: auto;}

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

	2.5 =フッター (#footer)

-------------------------------------------------------------
*/
#pagetop { text-align: right; border-top: solid 1px #B79963;}

#footer { margin-top: 40px; font-size:12px;}
#footer .cntL,
#footer .cntR {width: 470px; padding:10px;}
#footer .footer_timetable{}
#footer .footer_timetable p{
	line-height:1.5em;
	padding:0;
	margin-bottom:0;
}

#footer .footer_timetable table{
	width:100%;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

#footer .footer_timetable table th{
	width:40px;
	background:#f4efe5;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
	text-align:center;
	font-size:12px;
	color:#8b7c63;
}

#footer .footer_timetable table td{
	width:40px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
	text-align:center;
	font-size:12px;
	color:#bbb09d;
}

#footer .footer_timetable table td.hour{
	width:87px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#8b7c63;
}
#footer #copyright { margin-top:20px; padding: 10px; background: #00A3D8; color: #fff; font-size: 10px; text-align: right !important;}
/*
-------------------------------------------------------------

	2.9 =そのほか

-------------------------------------------------------------
*/
.block { margin: 0 0 30px;}
.block p { margin: 0 0 15px;}

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

	3.0 =TOP

-------------------------------------------------------------
*/
.block_topic { margin: 20px 0;}
.block_topic_herpes { float: left; width: 440px; padding-right: 40px; border-right: solid 1px #ccc;}
.block_topic_std { float: right; width: 440px;}
.block_topic .cntL { width: 200px;}
.block_topic .cntR { width: 240px;}


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

	3.1 =Lawer Pages

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

.block_lawyer { margin-bottom: 40px;}
.block_lawyer .cnt_001 { float: left; width: 250px;}
.block_lawyer .cnt_002 { float: left; width: 430px;}

.block_nokosareru {}
.block_nokosareru .cntL { width: 440px;}
.block_nokosareru .cntR { width: 240px;}
.nokosareru_15_list_bg { height:551px; background:url(../images/nokosareru_15_list_bg.png)  no-repeat;}
.nokosareru_15_list { padding: 35px; font-size: 15px;}

.block_yuigonsho_qa {}
.block_yuigonsho_qa a { font-size: 15px; color:#09C;}


ul.mediaPublication {
	list-style: none;
}
ul.mediaPublication li {
	width: 465px;
	display: inline;
	float: left;
	margin: 0 25px 0 0;
}
ul.mediaPublication li dl {
	border: 1px solid #ccc;
	padding: 10px 15px;
}
ul.mediaPublication li dl dt {
	width: 100px;
	height: 142px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
ul.mediaPublication li dl dd {
	font-size: 94%;
	width: 320px;
	display: inline;
	float: right;
}
ul.mediaPublication li dl dd span {
	background: url("../images/pdf_icon.gif") no-repeat left top;
	padding-left: 20px;
}