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

/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, br, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
footer, header, hgroup, menu, nav, section, time, mark, audio, video{
margin:0; padding:0; background:transparent;
border:0; outline:0;
font-size:14px; 
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
display:block;
}

dl, dt, dd, ol, ul, li{
margin:0;
}

a{ color:#0064BE; text-decoration:underline; }
a:hover{ color:#319DFF; }

img,abbr,acronym,fieldset { border: 0; }
img{ border: none; vertical-align:top; }

.clear{
clear:both;
}

.clearfix:after{
height:0px;
visibility:hidden;
display:block;
clear:both;
content:".";
}

.clearfix { min-height:1px; } /*IE6、7対策*/

* html .clearfix {
height: 1px;
height: auto; overflow: hidden; /*\*//*/ /*MAC IE5.x対策*/
}

body {
  background: #FFF;
  color: #000;
  font-size: 14px;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 160%;
}

* html body {	/* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body { overflow-x: hidden; }

/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/

#head_wrap { width:100%; }

#logo_wrap { width:100%;  background: #0087D3;}

#logo { margin:0 0 0 5px;  } 

#logo img { max-width:400px; width:90%; height:auto; margin:20px 0 0 10px; }



/* ナビ--------------------------------------------------------*/

#navi { width:100%; background:#F0F3E2; margin:0px auto 0 auto; }

#navi ul { list-style:none; }
#navi ul li { font-size:12px; margin:0px 10px 0 10px; color:#a72300; border-bottom:#FFFFFF 1px solid; padding:5px 0 0 0; }
#navi ul li a { font-size:12px; color:#333; text-decoration:none; width:100%; height:26px; display:block; }
#navi ul li a:hover { text-decoration: underline; color:#888; }

#top     #navi #n_01 a {  color:#a72300; text-decoration:none; }
#about   #navi #n_02 a {  color:#a72300; text-decoration:none; }
#yuso    #navi #n_03 a {  color:#a72300; text-decoration:none; }

#naviwrap .tself { color:#ff0000; text-decoration:none; font-size:16px;}

/*------------------------------------------------------------
コンテンツ
------------------------------------------------------------*/

#contents { width:95%; margin:20px auto 20px auto; }

/* 共通 --------------------------------------------------*/

.h1_title { background: #E2EBF4; width:97%; margin: 0 0 10px 0; padding:8px 0 6px 10px; /*color:#a72300;*/ color:#000000; font-size:14px; font-weight:normal;
border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
 }

h1 { background: #ecf8ff; width:97%; border:#6e9fb9 1px solid; padding:5px 0 5px 5px; color:#333; font-size:16px; margin:0 0 15px 0;
border-left:#0087d3 5px solid; }

h2 { background:url(../images/h2.jpg) left 6px no-repeat; width:97%; height:30px; padding:0 0 0 16px;}

.h2_red { background:url(../images/h2_red.jpg) left 5px no-repeat; width:97%; height:30px; padding:0 0 0 16px; color: #FD375A; font-size:16px;}

.h2_normal { background:url(../images/h2_red.jpg) left 5px no-repeat; width:97%; height:30px; padding:0 0 0 16px;}

h2 em {  color:#FF0004; font-style:normal; }

.h3wrap { padding: 4px 0px; margin:0 0 10px 0; border-top:#D7D7D7 3px double; border-bottom:#D7D7D7 3px double; }

.h3wrap h3 { margin: 0 0 0 3px; color:#777777; font-size: 16px; font-weight: normal; border-left:#ffba44 4px solid; padding: 2px 0px 2px 12px;}

.floatR { float: right; }
.floatL { float: left; }

.hr_01 {border-top:1px dotted #bbb; border-bottom:0px; margin:5px 0; border-left:0px;}


/* スマホオンリー */
.sp_01 { text-align:center; }


/* BOX --------------------------------------------------*/

.box_01 { width:95%; background: #EEE; padding:10px; }
.box_02 { width:95%; background: #def0f9; padding:10px; }
.box_02_2 { width:95%;  padding:10px; }

.box_03 { margin:10px auto 10px auto; padding:10px; border-radius: 10px; border: 1px solid #ffce85; border-image: none; width:95%; 
 background-color:#fffff0;; font-size:15px; color:#8E4200;}
 
.box_03 dl { margin:10px 0px 0 10px ; border-bottom:#D9B99D 1px solid; }

.box_03 dt { width:90%;   }

.box_03 dd { width:90%;  }

.box_05 { width:100%; background: #FFF3EB; padding:0px;}


.text_s { font-size:16px; color:#FF0004; font-weight:bold; }


/* TOP 予約状況 --------------------------------------------------*/

.yoyaku { margin:0 0 10px 0;  }
.yoyaku dt { width:96%; display:block; font-size:13px;  margin:0 0 10px 0; border-left: #682307 6px solid; padding:0px 0px 0px 6px; color: #8C0F11;  }
.yoyaku dd { width:96%; display:block; font-size:16px; margin:0 0 15px 0;}

.yoyaku2 { margin:0 0 10px 0;  }
.yoyaku2 dt { width:96%; display:block; font-size:13px;  margin:0 0 10px 0; border-left: #1FA6FF 6px solid; padding:0px 0px 0px 6px;  }
.yoyaku2 dd { width:96%; display:block; font-size:16px; margin:0 0 15px 0;}

.pinfo { border-bottom:1px #D9C3B4 solid; margin:0 0 20px 0; }
.pinfo .t_01   { font-size:16px; padding:0 10px 0 0; }
.pinfo .t_01_1 { font-size:16px; padding:0 10px 0 0; }
.pinfo .t_02 { padding:0 10px 0 0px; font-size:12px; float:left; }
.pinfo .t_03 { padding:0 10px 0 0px; font-size:12px; }

.pinfo .t_04 { font-size:14px; border-left:#FF7600 6px solid; padding:0 0 0 5px; line-height:100%; }
.pinfo .t_05 { font-size:16px; color:#FF0000; padding:5px 0 20px 0px; }

#info { margin:0;}
#info dl { width:98%; border-bottom:#888 dotted 1px; margin:20px 0 0 0; }
#info dt { width:98%; margin:0 0 5px 0; border-left: #a79445 6px solid; padding:0 0 0 5px; font-size:12px; }
#info dd { width:98%;  margin:0 0 20px 0; }
#info dd p { font-size:16px; margin:0 0 5px 0;  }


/* フォーム/ チェックボックス設定 --------------------------------------------------*/

.ck_01 { padding:8px; }
.ck_01 label { font-size:14px; margin:0px 20px 0px 0; line-height:1.8em; }


/* table 予約日時選択 --------------------------------------------------*/

.tbl_yoyaku { width:100%; }

.tbl_yoyaku table { border-collapse:collapse; border:0px; width:96%; margin:0 auto; }

.tbl_yoyaku th  { padding:6px; text-align:left; font-weight:normal; font-size:12px; line-height:140%;
 background: #0026B9; text-align:center; color:#FFFFFF;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

.tbl_yoyaku td  { padding:10px 5px 5px 5px; font-weight:normal; vertical-align:top;
 background: #EEF7FF; text-align:center; 
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;
 border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
 
.tbl_yoyaku td label { height:50px; display:block; font-size:14px; line-height:100%; }
 
 

.tbl_yoyaku table.subtble {  border-collapse:collapse; border:0px; width:100%;  }
.tbl_yoyaku table.subtble td { padding:0px; font-weight:normal; font-size:14px; line-height:150%; border:none;}
.tbl_yoyaku table.subtble td.td_01 { text-align:left; }
.tbl_yoyaku table.subtble td.td_02 { text-align:right; }











/* 健診申込 --------------------------------------------------*/

.yusotxt { float:left; margin:0 20px 6px 0; font-size:14px; }

.yusotxt em { font-style:normal; font-weight:normal; color:#740001; font-size:12px; }

.yusotxtform { margin:0 0 20px 0; width:95%;  }

.yusotxtform dt { width:100%; display:block; font-size:14px; color:#740001; margin:0 0 0px 0;  }

.yusotxtform dd { width:100%; display:block; font-size:14px; margin:0 0 10px 0; border-bottom: #D1B6A4 1px solid; }

/* お申込み状況一覧 ------------------------------------------*/

.hyobox_01 { width:98%; border:#E7E7E7 1px solid; padding:5px; }

.hyo_01 { margin:0 0px 0px 0; }

.hyo_01 .box_a { background:#D4EBAE; padding:2px 10px; margin:1px 0 0 0; color: #127000; }

.hyo_01 .box_b { background: #f2f2f2; padding:5px 10px; }


/* 予約 ------------------------------------------*/

.flowList {	margin: 0px 0px 20px; text-align: center; }
.flowList li { background:#b3b3b3; padding: 4px 15px; border-radius: 15px; color:#fff; font-size: 14px; margin-left: 5px; margin-bottom:2px; }
.flowList li.active { background: #ffa719;}

.yearbox { width:95%; display:block; }
.yearbox .t_01 { font-size:12px; }
.yearbox .t_02 { font-size:13px; }

.coursebox { width:95%;  display:block;}
.coursebox .t_01 { font-size:12px; }
.coursebox .t_02 { font-size:18px; color:#FF0004; }
.coursebox .t_03 { font-size:14px; font-weight:bold; color: #C50003; margin:10px 0 2px 0; }

.search { border-bottom:#BD9C86 1px solid; margin:0 0 10px 0; }
.search dt { width:95%; display:block; padding:0 0 10px 0px; color:#B84900; }
.search dd { width:95%; display:block; padding:0 0 10px 0; }

.kensu { color:#FF0004; font-weight:bold; font-size:15px; }

.searchresult { width:95%; background: #EEFFF3; padding:0 10px 10px 10px;  margin:0 0 30px 0; }
.searchresult dl { border-bottom:#C5DFCD 1px solid; padding:10px 0px ; }
.searchresult dt { width:95%; color:#00982C;  }
.searchresult dd { width:95%;  }
.searchresult .t_01 { font-size:18px; margin:0 0 5px 0; }
.searchresult p { font-size:14px; margin:0 0 5px 0; }


.tagList { margin-top: 0px; }
.tagList li { padding: 0px 3px 3px 0px; float: left; list-style:none; }
.tagList li span { padding: 2px 4px; border-radius: 3px; border: 1px solid rgb(238, 238, 238); border-image: none; font-size: 95%; display: block; white-space: nowrap;}
.tagList li.active span { border: 1px solid rgb(16, 123, 191); border-image: none; color: rgb(0, 64, 102); background-color: rgb(229, 246, 251);}
.tagList li.inactive span {	color: rgb(170, 170, 170); background-color: rgb(242, 242, 242); }

.t_name { font-size:18px; }
.t_renraku { color:#FF0004; border-bottom: #846855 dotted 1px; width:100%; margin:15px 0 10px 0; font-size:16px; }

.opbox_01 { margin:0 0 20px 0; }
.opbox_02 { margin:0 0 20px 0; }

.inputWrapper {	background:#F6FFE9; padding: 3px 15px; margin: 0 0 1px 0; }
.inputWrapper li { }
.inputWrapper input[type='checkbox'] { vertical-align: middle; display: inline-block; }
.inputWrapper span { vertical-align: middle; }
.inputWrapper label { display: inline-block; cursor: pointer; }

span.caution { color:#cc0000; font-size: 100%; font-weight: bold; display: inline-block; }

#kiboday { margin:0 0 20px 0; background-color:#F6FFE9; padding:10px; }
#kiboday table { border:0; }
#kiboday th { text-align:left; padding:0 20px 0 0px; font-weight:normal; }
#kiboday img { margin: 0px 0px 0px 3px; vertical-align: middle; }
#kiboday textarea { width:250px; height: 60px; }
.must {	color: #FF0004; font-weight: bold; }

.btnBox { margin: 0px auto; width: 98%; overflow: hidden; }


#formStep {	margin:0 0 20px 0; padding: 6px 0px; border: 5px solid #F2F2F2; background:#FAFAFA; text-align: left;}
#formStep dl { padding: 6px 2%; width: 96%; display: inline-block;}
#formStep dl:last-child { border-bottom: none; }
#formStep dl::after { height: 0.1px; line-height: 0; clear: both; visibility: hidden; content: "."; }

#formStep dt { background: #00B6DC; color:#FFFFFF; padding: 0 0 0 5px; width:98%; text-align:left; display: inline-block; margin:3px 0 0 0;}
#formStep dd { padding: 5px 0px 0px 5px; width: 96%; line-height:150%; min-height: 10px; font-size:15px;}

#formStep dt span.required { color: rgb(255, 0, 0); font-size: small; }
#formStep dd span.example { line-height: 1.1; padding-top: 10px; font-size: 88%; display: block; }
#formStep dd span.note { color: red; line-height: 1.1; padding-top: 10px; font-size: 94%; display: block;}
#formStep dd span.attention {color: rgb(100, 100, 100); line-height: 1em; font-size: 88%;}
#formStep dd span.tips_zip {font-size: 88%; display: block;}



/* テキスト -----------------------------------------------*/

.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }

/* フォント色 */
.fc-wht1{color:#FFFFFF;}
.fc-grn1{color:#007948;}
.fc-grn2{color:#8CC63F;}
.fc-grn3{color:#006633;}
.fc-blu1{color:#0065B1;}
.fc-blu2{color:#41A3D9;}
.fc-brw1{color:#B19235;}
.fc-red1{color:#CF0000;}
.fc-red2{color:#FF0000;}
.fc-blk1{color:#000000;}

/* フォントサイズ */
.fs-12px{font-size:12px;}
.fs-13px{font-size:13px;}
.fs-14px{font-size:14px;}
.fs-15px{font-size:15px;}
.fs-16px{font-size:16px;}
.fs-17px{font-size:17px;}
.fs-18px{font-size:18px;}

.tstyle_01 { font-size:14px; font-weight:bold; }
.tstyle_02 { font-size:14px; }
.tstyle_03 { font-size:12px; }
.tstyle_04 { font-size:10px; }

.txtul_01 { margin:0 0 40px 20px;}

.txtul_01 ul li { font-size:12px; padding-bottom:10px; }



/* table系 -----------------------------------------------*/

.tbl_01 {  }

.tbl_01 table { border-collapse:collapse; border:0px; width:97%; }

.tbl_01 th  { padding:3px; text-align:left; font-weight:normal; font-size:12px; vertical-align:top; line-height:140%;
 background: #d4ebae;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

.tbl_01 td  { padding:3px; font-weight:normal; font-size:11px; line-height:140%;
 background:#FFF;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;
 border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

.tbl_fee { margin:0 0 20px 0;  }
.tbl_fee table { border-collapse:collapse; border:0px; width:100%; }

.tbl_fee th  { padding:3px; text-align:left; font-weight: bold; font-size:14px; vertical-align:top;  background: #F6FFE9;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; font-weight:normal;}

.tbl_fee td  { padding:3px; font-weight:normal; font-size:14px;  background:#FFF;
 border-top:#CCCCCC solid 1px;
 border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}


.tbl_feeop td { text-align:left;  }


/* ボタン系 -----------------------------------------------*/

.btnWrapper a.submit {
	color: #222; 
}
.btnWrapper input.submit {
	color: #222; 
}

.btnWrapper { padding: 0px 3px 3px 0px; vertical-align: middle; display: inline-block; }


.btnWrapper a.grayout {
	background: 0px 0px #D5D5D5; color: #FFFFFF;}

.btnWrapper input.grayout {
	background: 0px 0px #D5D5D5; color: #FFFFFF;}




/*------------------------------------------------------------
フッタ
------------------------------------------------------------*/

#footer_wrap { width:100%; background:#E9E9E9; padding:30px 0 0 0; }

#footer { width:95%; margin:0px auto; font-size:10px; }

#copyright { text-align:right; font-size:10px; color:#606060; }

#footer ul { list-style:none; margin:0 0 0px 0; padding:0; }
#footer ul li { float:left; margin:0 20px 20px 10px; padding:0; }


/*------------------------------------------------------------
個人情報
------------------------------------------------------------*/

.ppbox { width:100%; }

.ppbox dt { font-size:14px; margin:0 0 5px 0; font-weight:bold; }
.ppbox dd { font-size:14px; margin:0 0 20px 0; }


/*------------------------------------------------------------
マージン
------------------------------------------------------------*/
.m0    {margin:0px; padding:0px; }
.mt_2  { margin: 2px 0px 0px 0px; padding:0px; }
.mt_3  { margin: 3px 0px 0px 0px; padding:0px; }
.mt_4  { margin: 4px 0px 0px 0px; padding:0px; }
.mt_5  { margin: 5px 0px 0px 0px; padding:0px; }
.mt_10 { margin: 10px 0px 0px 0px; padding:0px; }
.mt_20 { margin: 20px 0px 0px 0px; padding:0px; }
.mt_30 { margin: 30px 0px 0px 0px; padding:0px; }
.mt_40 { margin: 40px 0px 0px 0px; padding:0px; }
.mt_50 { margin: 50px 0px 0px 0px; padding:0px; }

.mb_3  { margin: 0px 0px 3px 0px; padding:0px; }
.mb_5  { margin: 0px 0px 5px 0px; padding:0px; }
.mb_10 { margin: 0px 0px 10px 0px; padding:0px; }
.mb_20 { margin: 0px 0px 20px 0px; padding:0px; }
.mb_30 { margin: 0px 0px 30px 0px; padding:0px; }
.mb_40 { margin: 0px 0px 40px 0px; padding:0px; }
.mb_50 { margin: 0px 0px 50px 0px; padding:0px; }

.ml_10 { margin: 0px 0px 0px 10px; padding:0px; }
.ml_20 { margin: 0px 0px 0px 20px; padding:0px; }
.ml_30 { margin: 0px 0px 0px 30px; padding:0px; }
.ml_40 { margin: 0px 0px 0px 40px; padding:0px; }