@charset "shift_jis";
/* 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:#3F8701; margin-right: auto; margin-left: auto;}

#logo {  } 

#namebox { text-align:right; margin:0px 0 0 0; color:#FFFFFF; }

.nametxt { font-size:16px; }

#namebox a { color:#eaff00; }
#namebox a:hover { color: #D5E400; }

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

#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; }
#kenshin #navi #n_02 a {  color:#a72300; text-decoration:none; }
#yuso    #navi #n_03 a {  color:#a72300; text-decoration:none; }

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

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

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

h1 { background: #F3FFF3; width:97%; border:#AAAAAA 1px solid; padding:5px 0 5px 5px; color:#333; font-size:16px; margin:0 0 15px 0;
border-left:#00AF24 3px 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; }


/* TOP --------------------------------------------------*/
#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: #3F8701 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; color:#ff4200;  }

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

.box_01 { width:95%; background: #FFF3EB; padding:10px; }
.box_02 { width:95%; background: #f7f9de; padding:10px; }

.box_03 { margin:10px auto 10px; padding:10px; border-radius: 10px; border: 1px solid #ffce85; border-image: none; width:95%; 
font-size: 99%; background-color:#fffff0;}


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

.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;}


.br_pc { display: none; }
.br_sp { 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;}


/* 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; 
 -webkit-appearance: none;
}
.btnWrapper input.submit {
	color: #222; 
 -webkit-appearance: none;
}

.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;}*/

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

.btnWrapper a.submit     { background:#e56b21; color:#ffffff; line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px; padding: 0 20px:
 -webkit-appearance: none;}
.btnWrapper input.submit { background:#e56b21; color:#ffffff; line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px; padding: 0 20px:
 -webkit-appearance: none;}

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

.btnWrapper a {
	padding: 0.1em 0.6em 0.1em; border-radius: 4px; border: 1px solid transparent; border-image: none; text-align: center; letter-spacing:1px; font-size: 14px; font-weight: bold; text-decoration: none; display: inline-block; white-space: nowrap; cursor: pointer; box-shadow: 2px 2px 1px 1px rgba(113,135,164,0.180392); -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px; -moz-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px;
  -webkit-appearance: none;
}
.btnWrapper input {  min-height: 40px; width:300px;
	padding: 0.1em 0.6em 0.1em; border-radius: 4px; border: 1px solid transparent; border-image: none; text-align: center; letter-spacing:1px; font-size: 14px; font-weight: bold; text-decoration: none; display: inline-block; white-space: nowrap; cursor: pointer; box-shadow: 2px 2px 1px 1px rgba(113,135,164,0.180392); -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px; -moz-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px;
  -webkit-appearance: none;
}
.btnWrapper a:hover {
	text-decoration: none; opacity: 0.7;
}
.btnWrapper input:hover {
	text-decoration: none; opacity: 0.7;
}




.btnWrapper a.back {
	background: 0px 0px rgb(57, 185, 214); color: rgb(255, 255, 255);  
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px; padding: 0 20px;
  -webkit-appearance: none;
 }
	
.btnWrapper input.back {
	background: 0px 0px rgb(57, 185, 214); color: rgb(255, 255, 255);  
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px; padding: 0 20px;
  -webkit-appearance: none;
 }

.btnWrapper input.back_1 { 
	background:rgb(57, 185, 214); color:#ffffff; width:auto; font-weight:normal; padding: 0 20px;
  line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 13.5px;
  -webkit-appearance: none;}
	
.btnWrapper a.detail {
	background: 0px 0px rgb(75, 170, 64); color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto;margin: 0 20px; font-weight: bold; font-size: 14px; letter-spacing: 0; 
  -webkit-appearance: none;
 }

.btnWrapper input.detail {
	background: 0px 0px rgb(75, 170, 64); color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; margin: 0 20px; font-weight: bold; font-size: 14px; letter-spacing: 0; 
  -webkit-appearance: none;
 }



.btnWrapper a.detail_2 {
	background:#0a72e0; color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper input.detail_2 {
	background:#0a72e0; color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper a.detail_3 {
	background:#f3604a; color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper input.detail_3 {
	background:#f3604a; color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }



.btnWrapper a.grayout {
	background: 0px 0px #D5D5D5; color: #FFFFFF; line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper input.grayout {
	background: 0px 0px #D5D5D5; color: #FFFFFF; line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper a.search {
	background: 0px 0px rgb(33, 131, 206); color: rgb(255, 255, 255);
 line-height: 26px; min-height: 35px; width:auto; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper input.search {
	background: 0px 0px rgb(33, 131, 206); color: rgb(255, 255, 255); padding:8px 15px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: normal; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper a.cancel {
	background: 0px 0px rgb(204, 85, 85); color: rgb(255, 255, 255); line-height: 26px;
 min-height: 35px; width:180px; font-weight: bold; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper input.cancel {
	background: 0px 0px rgb(204, 85, 85); color: rgb(255, 255, 255); line-height: 26px;
 line-height: 26px; min-height: 35px; width:auto; font-weight: normal; font-size: 14px;
   -webkit-appearance: none;
 }

.btnWrapper a.decide {
	background: 0px 0px rgb(217, 231, 247); padding: 4px 14px; border-radius: 12px; border: 2px solid rgb(70, 137, 196); border-image: none; color: rgb(51, 51, 102); font-size: 14px;
   -webkit-appearance: none;
}
.btnWrapper input.decide { background: 0px 0px rgb(217, 231, 247); padding: 4px 14px; border-radius: 12px; border: 2px solid rgb(70, 137, 196); border-image: none; color: rgb(51, 51, 102); font-size: 14px;
  -webkit-appearance: none;
}
.btnWrapper a.disable {	background: 0px 0px rgb(221, 221, 221); color: rgb(153, 153, 153); line-height: 28px; cursor: default;
  -webkit-appearance: none;}
	
.btnWrapper input.disable {	background: 0px 0px rgb(221, 221, 221); color: rgb(153, 153, 153); line-height: 28px; cursor: default;
  -webkit-appearance: none;
}
	
.btnWrapper a.disable:hover { opacity: 1; }

.btnWrapper input.disable:hover { opacity: 1; }

.btnWrapper .large { font-size: 22px; }






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

#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; }