@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 default style clear
----------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html { overflow-y: scroll; -webkit-text-size-adjust: none;}
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

img, fieldset {	border:0;}
ol, ul {margin:0;}
li { list-style-position:outside; list-style:none;}
a, a:focus { outline:none; overflow:hidden;}
a {overflow: hidden;}

/* -----------------------------------------------------------------------------------------------------
 default
-----------------------------------------------------------------------------------------------------*/
html{}
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color:#583730;
	line-height:1.4;
	-webkit-text-size-adjust:100%;/* フォントサイズ自動調整 */
	min-width:990px;
}
img {vertical-align:top;}

/* -----------------------------------------------------------------------------------------------------
 link
-----------------------------------------------------------------------------------------------------*/
a {color:#2681c7; cursor:pointer;}
a:hover { text-decoration:none;}

/* -----------------------------------------------------------------------------------------------------
 table
-----------------------------------------------------------------------------------------------------*/
table th { vertical-align:top; text-align:left;}
table td { vertical-align:top; text-align:left;}

table.type01{ border-collapse:collapse; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
table.type01 th,table.type01 td{ border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:15px 20px;}
table.type01 th{ background:#f8f8f8; font-weight:bold; text-align:center;}

table.type02{ border-collapse:collapse; border-top:1px dotted #c8c8c8;}
table.type02 th{ border-bottom:1px dotted #c8c8c8; padding:20px; font-weight:bold;}
table.type02 td{ border-bottom:1px dotted #c8c8c8; padding:20px 20px 20px 0;}

.va_mid{ vertical-align:middle;}

/* -----------------------------------------------------------------------------------------------------
 headline
-----------------------------------------------------------------------------------------------------*/
strong{font-weight:bold;}

hr{ border-bottom:1px solid #111; border-top:0; border-right:0; border-left:0; margin:40px 0;}
hr.dot{ border-bottom:1px dotted #ccc;}

/*----------------------------------------------------------------------------------------------
 汎用クラス
----------------------------------------------------------------------------------------------*/
/* clear */
.clear { clear:both;}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.fl{ float:left;}
.fr{ float:right;}
.t-left{ text-align:left;}
.t-right{ text-align:right;}
.t-center{ text-align:center;}
.bold{font-weight:bold!important;}

a.over img{ transition:0.2s;}
a.over img:hover{opacity:0.7;}

.alignright{ float:right; margin:0 0 10px 30px;}
.alignleft{ float:left; margin:0 30px 10px 0;}

/*----------------------------------------------------------------------------------------------
 フォーム
----------------------------------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"]{ height:34px; border:1px solid #e5e5e6; padding:3px 10px; font-size:100%; vertical-align:top; box-sizing:border-box; border-radius:4px; line-height:34px;}
textarea{ border:1px solid #e5e5e6; padding:12px 10px; font-size:100%; box-sizing:border-box; vertical-align:top; border-radius:4px; width:100%;}
input[type="checkbox"]{ vertical-align:middle; margin-top:-3px;}
label{ cursor:pointer;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus{ box-shadow:0px 0px 2px #5ebef5;}

.input_long{ width:90%;}
.input_short{ width:50%;}

.form_group{ display:table;}
.form_group .tx{ vertical-align:middle; margin-right:5px;}
.form_group select{ vertical-align:middle;}
 
.form_desc{ font-size:85%; margin-top:3px; color:#888;}
.form_desc.top{ font-size:85%; margin-top:0; margin-bottom:10px; color:#444;}
.va_top{ vertical-align:top!important;}

.hissu{ color:#fd557d; font-size:11px; margin-left:2px; vertical-align:top;}

/* placeholder*/
::-webkit-input-placeholder{ color:#aaa; opacity:1;}
::-moz-placeholder{ color:#aaa; opacity:1;}
:-moz-placeholder{ color:#aaa; opacity:1;}
:-ms-input-placeholder { color:#aaa; opacity:1;}

.alert{ background:#dd0000; color:#fff; padding:8px; margin-bottom:15px;}

/*----------------------------------------------------------------------------------------------
 汎用クラス　マージン
----------------------------------------------------------------------------------------------*/
.mgt5{ margin-top:5px!important;}
.mgt10{ margin-top:10px!important;}
.mgt15{ margin-top:15px!important;}
.mgt20{ margin-top:20px!important;}
.mgt30{ margin-top:30px!important;}
.mgt40{ margin-top:40px!important;}
.mgt50{ margin-top:50px!important;}

.mgb0 { margin-bottom:0!important;}
.mgb5 { margin-bottom:5px!important;}
.mgb10{ margin-bottom:10px!important;}
.mgb15{ margin-bottom:15px!important;}
.mgb20{ margin-bottom:20px!important;}
.mgb30{ margin-bottom:30px!important;}
.mgb40{ margin-bottom:40px!important;}
.mgb50{ margin-bottom:50px!important;}

.mgl5{ margin-left:5px!important;}
.mgl10{ margin-left:10px!important;}
.mgl20{ margin-left:20px!important;}
.mgl30{ margin-left:30px!important;}

.mgr0{ margin-right:0!important;}
.mgr3{ margin-right:3px!important;}
.mgr5{ margin-right:5px!important;}
.mgr10{ margin-right:10px!important;}
.mgr15{ margin-right:15px!important;}
.mgr20{ margin-right:20px!important;}
.mgr30{ margin-right:30px!important;}


/*----------------------------------------------------------------------------------------------
 テキスト装飾
----------------------------------------------------------------------------------------------*/
.tx_small{ font-size:90%!important;}
.tx_medium{ font-size:110%!important;}
.tx_large{ font-size:150%!important;}
.tx_xlarge{ font-size:180%!important;}

.tx_gray{ color:#888!important;}
.tx_red{ color:#cc0000!important;}
.tx_pink{ color:#fd7e9c!important;}

/*----------------------------------------------------------------------------------------------
 リスト
----------------------------------------------------------------------------------------------*/
ul.disc{ margin-left:20px;}
ul.disc li{ list-style-type:disc; }
ol li{ list-style-type:decimal; margin-bottom:5px; margin-left:20px;}

ul.inline_list{}
ul.inline_list li{ display:inline-block; margin-right:8px;margin-bottom:5px;}

/*----------------------------------------------------------------------------------------------
 ボタン
----------------------------------------------------------------------------------------------*/
.btn{
	border-radius:4px;
	display: inline-block;
	padding:10px 15px;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	box-sizing:border-box;
	background:#ccc;
	transition:0.2s;
	border:0;
	font-weight:bold;
	line-height:1;
}
.btn:hover{ background:#ddd;}
.btn.btn_large{ padding:10px 20px; font-size:120%;}
.btn.btn_small{ padding:4px 15px; font-size:90%;}
.btn.btn_block{ display:block;}

.btn.blue{
	background:-webkit-gradient(linear, top, bottom, from(#6cc8f6), to(#52b5f4));
	background:linear-gradient(to bottom, #6cc8f6, #52b5f4);
	background: -webkit-linear-gradient(top, #6cc8f6 0%, #52b5f4 100%);
	}

.btn.blue:hover{
	background:-webkit-gradient(linear, top, bottom, from(#52b5f4), to(#52b5f4));
	background:linear-gradient(to bottom, #52b5f4, #52b5f4);
	background: -webkit-linear-gradient(top, #52b5f4 0%, #52b5f4 100%);
	}
.btn.brown{ background:#583730;}
.btn.brown:hover{ background:#583730;}

.btn.radius{ border-radius:50px; padding-right:35px;}
.btn.radius:hover{ opacity:0.8;}
.btn.radius .arrow{ font-size:20px; position:absolute; right:10px; top:50%; margin-top:-10px;}


.label{ padding:4px 6px; font-size:12px; vertical-align:middle; text-align:center; color:#fff; box-sizing:border-box; background:#555; display:inline-block; line-height:1; border-radius:20px;}

/*----------------------------------------------------------------------------------------------
 アイコン
----------------------------------------------------------------------------------------------*/
.icon30{ width:30px; height:30px; display:inline-block; background:url(../images/icon30.png) 0 0 no-repeat; vertical-align:middle;}
.icon30.icon_news{ background-position:0 0;}
.icon30.icon_baby{ background-position:0 -30px;}
.icon30.icon_lock{ background-position:0 -60px;}
.icon30.icon_heart{ background-position:0 -90px;}
.icon30.icon_phone{ background-position:0 -120px;}
.icon30.icon_member{ background-position:0 -210px;}
.icon30.icon_info{ background-position:0 -240px;}
.icon30.icon_medical{ background-position:0 -270px;}
.icon30.icon_book{ background-position:0 -300px;}
.icon30.icon_user{ background-position:0 -330px;}
.icon30.icon_file{ background-position:0 -360px;}
.icon30.icon_download{ background-position:0 -390px;}

.icon30.pink{ background-image:url(../images/icon30_pink.png);}
.icon30.blue{ background-image:url(../images/icon30_blue.png);}

.file_icon{ width:25px; height:25px; display:inline-block; background:url(../images/icon_pdf.gif) 0 0 no-repeat; vertical-align:middle; background-size:auto 25px;}
.file_icon.icon_pdf{ background:url(../images/icon_pdf.gif) 0 0 no-repeat; background-size:auto 25px;}
.file_icon.icon_excel{ background:url(../images/icon_xls.gif) 0 0 no-repeat; background-size:auto 25px;}
.file_icon.icon_word{ background:url(../images/icon_doc.gif) 0 0 no-repeat; background-size:auto 25px;}
.file_icon.icon_powerpoint{ background:url(../images/icon_ppt.gif) 0 0 no-repeat; background-size:auto 25px;}


/*----------------------------------------------------------------------------------------------
 width指定
----------------------------------------------------------------------------------------------*/
.w10par{ width:10%!important;}
.w20par{ width:20%!important;}
.w30par{ width:30%!important;}
.w40par{ width:40%!important;}
.w50par{ width:50%!important;}
.w60par{ width:60%!important;}
.w70par{ width:70%!important;}
.w80par{ width:80%!important;}
.w90par{ width:90%!important;}
.w100par{width:100%!important;}
.w100px{ width:100px!important;}
.w150px{ width:150px!important;}
.w200px{ width:200px!important;}
.w300px{ width:300px!important;}
.w400px{ width:400px!important;}
.w500px{ width:500px!important;}

/*----------------------------------------------------------------------------------------------
 その他
----------------------------------------------------------------------------------------------*/
.bg_gray{ background:#f1f1f1;}
.bg_lightgray{ background:#f4f4f4;}
.disp_table{ display:table;}
.tx_indent{ text-indent:-1em; padding-left:1em;}