@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*************   共通設定   *************/
img{
	border: none;
	vertical-align: bottom;
}
.clear{
	clear: both;
	display: block;
}
.right{
	float: right;
}
.right_img{
	float: right;
	margin: 0 0 0 15px;
}
.right_sp{
	float: right;
}
.right_img_sp{
	float: right;
	margin: 0 0 0 15px;
}
.left{
	float: left;
}
.left_img{
	float: left;
	margin: 0 15px 0 0;
}
.left_sp{
	float: left;
}
.left_img_sp{
	float: left;
	margin: 0 15px 0 0;
}
.center{
	text-align: center;
}
.normal{
	font-weight: normal;
}
.bold{
	font-weight: bold;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb25{
	margin-bottom: 25px;
}
.mb30{
	margin-bottom: 30px;
}
.mb35{
	margin-bottom: 35px;
}
.mb40{
	margin-bottom: 40px;
}
.mb45{
	margin-bottom: 45px;
}
.mb50{
	margin-bottom: 50px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt35{
	margin-top: 35px;
}
.mt40{
	margin-top: 40px;
}
.mt45{
	margin-top: 45px;
}
.mt50{
	margin-top: 50px;
}
.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.ml25{
	margin-left: 25px;
}
.ml30{
	margin-left: 30px;
}
.ml35{
	margin-left: 35px;
}
.ml40{
	margin-left: 40px;
}
.ml45{
	margin-left: 45px;
}
.ml50{
	margin-left: 50px;
}
.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr20{
	margin-right: 20px;
}
.mr25{
	margin-right: 25px;
}
.mr30{
	margin-right: 30px;
}
.mr35{
	margin-right: 35px;
}
.mr40{
	margin-right: 40px;
}
.mr45{
	margin-right: 45px;
}
.mr50{
	margin-right: 50px;
}
.font8{
	font-size: 8px;
}
.font10{
	font-size: 10px;
}
.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}
.font18{
	font-size: 18px;









}
.font20{
	font-size: 20px;
}
.font22{
	font-size: 22px;
}
.font24{
	font-size: 24px;
}
.font26{
	font-size: 26px;
}
.font28{
	font-size: 28px;
}
.font30{
	font-size: 30px;
}
.font40{
	font-size: 40px;
}
.font50{
	font-size: 50px;
}
.caution{
	color: #FE2727;
}
.black01{
	color: #000;
}
.orange01{
	color: #F90;
}
.orange02{
	color: #F60;
}
.gray01{
	color: #CCC;
}
.gray02{
	color: #999;
}
.gray03{
	color: #666;
}
.gray04{
	color: #333;
}
.red01{
	color: #FF0004;
}

.pt30 {
    padding-top: 30px;
}

/*************   リンク設定   *************/
a:link,a:visited{
	color: #000;
	text-decoration:underline;
}
a:hover,a:active{
	color: #000;
	text-decoration:none;
}
a.style01:link,a.style01:visited{
	color: #2996cc;
	text-decoration:underline;
}
a.style01:hover,a.style01:active{
	color: #2996cc;
	text-decoration:none;
}

a.hover:hover img {
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity:0.80;
        opacity:0.80;
    }
.btn_login{
	margin: 0 0 20px 0;
	padding: 10px 0;
	width: 100%;
	display: block;
	border: none;
	background-color: #1F95CE;
	border-radius: 4px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.btn_login:hover{
	opacity: 0.8;
}

/****************************ボタン設定****************************/
a.btn01 {
	margin: 0 15px;
	padding: 25px 0;
	color: #FFF;
	width: 255px;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	border-radius: 8px;
	text-decoration: none;
}
a.btn01:hover {
	opacity: 0.8;
}
a.bc01 {
	background: URL(../img/arrow01.png) 85% 50% no-repeat #1F94CD;
}
a.bc02 {
	background: URL(../img/arrow01.png) 85% 50% no-repeat #4FB09D;
}
a.bc03{
	background: URL(../img/arrow01.png) 85% 50% no-repeat #E4B430;
}
a.btn02 {
	margin: 0 15px;
	padding: 30px 0 0 100px;
	width: 255px;
	height: 87px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	border-radius: 8px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	background: URL(../img/icon01_l.png) 12% 50% no-repeat #D7D7D7;
}
a.btn03 {
	margin: 0 15px;
	padding: 20px 0 0 100px;
	width: 255px;
	height: 87px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	border-radius: 8px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	background: URL(../img/icon02_l.png) 12% 50% no-repeat #D7D7D7;
}
a.btn02:hover {
	opacity: 0.8;
}
a.btn03:hover {
	opacity: 0.8;
}

a.btn04{
	margin: 0 5px;
	padding: 6px 0;
	width: 85px;
	color: #ECB735;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	border: 2px solid #ECB735;
}
a.btn04:hover{
	color: #FFF;
	background-color: #ECB735;
}
a.btn05{
	margin: 0 5px;
	padding: 6px 0;
	width: 85px;
	color: #89C351;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	border: 2px solid #89C351;
}
a.btn05:hover{
	color: #FFF;
	background-color: #89C351;
}
a.btn06{
	margin: 0 5px;
	padding: 6px 0;
	width: 85px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #E34115;
}
a.btn06:hover{
	opacity: 0.8;
}
a.btn07{
	margin: 0 5px;
	padding: 12px 20px;
	color: #FFF;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	background-color: #B4B4B4;
}
a.btn07:hover{
	opacity: 0.8;
}
a.btn08{
	margin: 0 5px;
	padding: 12px 0;
	width: 210px;
	color: #FFF;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	background: URL(../img/arrow01.png) 90% 50% no-repeat #E34116;
	background-size: 18px 18px;
}
a.btn08:hover{
	opacity: 0.8;
}
a.btn09{
	margin: 0 5px;

	padding: 12px 0;
	width: 210px;
	color: #FFF;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	background: URL(../img/icon05.png) 90% 50% no-repeat #3DA179;
	background-size: 25px 20px;
}
a.btn09:hover{
	opacity: 0.8;
}
a.btn10{
	margin: 0 5px;
	padding: 12px 0;
	width: 210px;
	color: #FFF;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	background: URL(../img/arrow01.png) 90% 50% no-repeat #E5912D;
	background-size: 18px 18px;
}
a.btn10:hover{
	opacity: 0.8;
}
/*削除用デザイン作成*/
a.btn11{
	margin: 0 5px;
	padding: 6px 0;
	width: 85px;
	color: #0076ba;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	border: 2px solid #0076ba;
}
a.btn11:hover{
	color: #FFF;
	background-color: #0076ba;
}
a.btn_quest{
  float: right;
	margin: 0 5px;
	padding: 6px 0;
	width: 164px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #E34115;
}
a.btn_quest:hover{
	opacity: 0.8;
}
a.btn_sf36{
  float: right;
	margin: 0 5px;
	padding: 6px 0;
	width: 270px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #1F94CD;
}
a.btn_sf36:hover{
	opacity: 0.8;
}

a.btn_book{
	float: right;
	  margin: 0 5px;
	  padding: 6px 0;
	  width: 115px;
	  color: #FFF;
	  display: inline-block;
	  font-size: 13px;
	  font-weight: bold;
	  border-radius: 4px;
	  text-decoration: none;
	  text-align: center;
	  background-color: #666666;
  }
  a.btn_book:hover{
	  opacity: 0.8;
  }
a.btn_sf12{
  float: right;
	margin: 0 5px;
	padding: 6px 0;
	width: 270px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #4FB09D;
}
a.btn_sf12:hover{
	opacity: 0.8;
}


a.btn_qdis1{
	float: right;
	  margin: 0 5px;
	  padding: 6px 0;
	  width: 270px;
	  color: #FFF;
	  display: inline-block;
	  font-size: 13px;
	  font-weight: bold;
	  border-radius: 4px;
	  text-decoration: none;
	  text-align: center;
	  background-color: #4FB09D;
  }
a.btn_qdis1:hover{
	  opacity: 0.8;
}


a.btn_qdis7{
	float: right;
	  margin: 0 5px;
	  padding: 6px 0;
	  width: 270px;
	  color: #FFF;
	  display: inline-block;
	  font-size: 13px;
	  font-weight: bold;
	  border-radius: 4px;
	  text-decoration: none;
	  text-align: center;
	  background-color: #4FB09D;
  }
a.btn_qdis7:hover{
	  opacity: 0.8;
}


a.btn_sf8{
  float: right;
	margin: 0 5px;
	padding: 6px 0;
	width: 270px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #E4B430;
}
a.btn_sf8:hover{
	opacity: 0.8;
}
a.d_btn_sf36{
	margin: 0 5px;
	padding: 6px 0;
	width: 270px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #1F94CD;
}
a.d_btn_sf36:hover{
	opacity: 0.8;
}
a.d_btn_sf12{
	margin: 0 5px;
	padding: 6px 0;
	width: 270px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #4FB09D;
}
a.d_btn_sf12:hover{
	opacity: 0.8;
}
a.d_btn_sf8{
	margin: 0 5px;
	padding: 6px 0;
	width: 270px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	background-color: #E4B430;
}
a.d_btn_sf8:hover{
	opacity: 0.8;
}

/****************************段落設定****************************/
h1{
	margin: 0;
	padding: 0;
}

h2{
	margin: 0;
	padding: 0;
}
.h2_style01{
	padding: 10px 0 10px 25px;
	border-left: 5px solid #002356;
	font-size: 18px;
	text-align:  left;
	margin-bottom: 20px;
}
.h2_style02{
	padding: 10px 0 0 0;
	font-size: 18px;
	text-align:  center;
	margin-bottom: 20px;
}

h3{
	margin: 0;
	padding: 0;
}

/**************************** body ****************************/
body{
	font-size: 1.0em;
	line-height: 1.5;
	color: #000000;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	min-width:960px;
}

.meiryo{
	font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}

/**************************** container ****************************/
#container{
	margin: 0;
	padding: 0;
	background-color: #F3F3F4;
	overflow:  hidden;
}

#main{
	margin: 0 auto;
	padding: 0 0 120px 0;
	width: 960px;
  text-align: left;
}

.w100{
	width: 100%;
}

.loginbox01{
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 410px;
}
.loginbox01 h2{
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
}
.loginbox02{
	margin: 0;
	padding: 40px 25px 45px;
	background-color: #FFF;
	border: 2px solid #DEDEDE;
}

.box01{
	margin: 0 0 55px 0;
	padding: 35px 0 0 0;
	text-align: center;
}
.box02{
	margin: 0 0 65px 0;
	padding: 0 0 0 53px;
}
.box03{
	margin: 0 0 0 0;
  padding: 0 0 60px 0;
	/* padding: 60px 0 0 0; */
	/* border-top: 1px solid #D1D1D1; */
}
.box03_01{
	margin: 0;
	padding: 0 20px;
	background-color: #FFF;
	border: 1px solid #DEDEDE;
}
.box03_01 table{
	margin: 0;
	padding: 0;
	width: 100%;
}
.box03_01 table tr{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DEDEDE;
}
.box03_01 table tr:last-child{
	border-bottom: none;
}
.box03_01 table td{
	margin: 0;
	padding: 15px 0 15px 20px;
	font-size: 14px;
  text-align: left;
}

.midashi01{
	margin: 0 0 45px 0;
	padding: 8px 15px;
	display: inline-block;
	border: 2px solid #2995CB;
	font-size: 20px;
	font-weight: bold;
	color: #2995CB;
}
.midashi02{
	margin: 0 0 15px 0;
	padding: 4px 0;
	width: 90px;
	display: inline-block;
	border: 2px solid #2995CB;
	font-size: 18px;
	font-weight: bold;
	color: #2995CB;
	text-align: center;
}
.midashi03{
	margin: 0 0 15px 0;
	padding: 4px 0;
	width: 90px;
	display: inline-block;
	border: 2px solid #53AF9D;
	font-size: 18px;
	font-weight: bold;
	color: #53AF9D;
	text-align: center;
}
.midashi04{
	margin: 0 0 15px 0;
	padding: 4px 0;
	width: 90px;
	display: inline-block;
	border: 2px solid #E3B33F;
	font-size: 18px;
	font-weight: bold;
	color: #E3B33F;
	text-align: center;
}

.box04{
	margin: 0 0 35px 0;
	padding: 20px 0 0 0;
}
.box04 a{
	margin: 0 0 0 0;
	padding: 8px 12px;
	background-color: #D7D7D7;
	text-decoration: none;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.box04 a img{
	vertical-align: middle;
}
.box04 a:hover{
	opacity: 0.8;
}

.box05{
	margin: 0 0 0 0;
	padding: 35px 0 0 0;
	border-top: 1px solid #D1D1D1;
}
.box05 table{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	border: 1px solid #C3C3C3;
	background-color: #FFF;
}
.box05 table tr{
	border-bottom: 1px solid #C3C3C3;
}
.box05 table tr:last-child{
	border-bottom: none;
}
.box05 table td.td01{
	margin: 0 0 0 0;
	padding: 25px 0 25px 20px;
	text-align: left;
	vertical-align: middle;
}
.box05 table td.td01 p{
	margin: 0 0 0 0;
	padding: 0 0 0 1.8em;
	text-align: left;
	vertical-align: middle;
	text-indent: -1.8em;
}
.box05 table td.td01 p.red{
	margin: 0 0 0 0;
	padding: 0 0 0 1.8em;
	text-align: left;
	vertical-align: middle;
	text-indent: inherit;
	color: #ED131D;
}
.box05 table td.td02{
	margin: 0 0 0 0;
	padding: 25px 25px 25px 0;
	text-align: left;
	vertical-align: top;
}
.box05 table td.td03{
	margin: 0 0 0 0;
	padding: 0 15px;
	text-align: center;
	vertical-align: middle;
	color: #9F9F9F;
	font-size: 12px;
	font-weight: bold;
	white-space: pre;
}
.box05 table td.td04{
	margin: 0 0 0 0;
	padding: 12px 0;
	width: 310px;
	vertical-align: middle;
}
.box05 table td.td04 div{
	margin: 0 0 0 0;
	padding: 20px 0 0 15px;
	vertical-align: middle;
	border-left: 1px solid #D1D1D1;
	min-height: 75px;
}

.box05_bn{
	margin: 0 0 0 0;
	padding: 35px 0 0 0;
}
.box05_bn table{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	border: 1px solid #C3C3C3;
	background-color: #FFF;
}
.box05_bn table tr{
	border-bottom: 1px solid #C3C3C3;
}
.box05_bn table tr:last-child{
	border-bottom: none;
}
.box05_bn table td.td01{
	margin: 0 0 0 0;
	padding: 25px 0 25px 20px;
	text-align: left;
	vertical-align: middle;
}
.box05_bn table td.td01 p{
	margin: 0 0 0 0;
	padding: 0 0 0 1.8em;
	text-align: left;
	vertical-align: middle;
	text-indent: -1.8em;
}
.box05_bn table td.td01 p.red{
	margin: 0 0 0 0;
	padding: 0 0 0 1.8em;
	text-align: left;
	vertical-align: middle;
	text-indent: inherit;
	color: #ED131D;
}
.box05_bn table td.td02{
	margin: 0 0 0 0;
	padding: 25px 25px 25px 0;
	text-align: left;
	vertical-align: top;
}
.box05_bn table td.td03{
	margin: 0 0 0 0;
	padding: 0 15px;
	text-align: center;
	vertical-align: middle;
	color: #9F9F9F;
	font-size: 12px;
	font-weight: bold;
	white-space: pre;
}
.box05_bn table td.td04{
	margin: 0 0 0 0;
	padding: 12px 0;
	width: 220px;
	vertical-align: middle;
}
.box05_bn table td.td04 div{
	margin: 0 0 0 0;
	padding: 20px 0 0 15px;
	vertical-align: middle;
	border-left: 1px solid #D1D1D1;
	min-height: 75px;
}


.box06{
	margin: 0;
	padding: 0;
}
.box06 table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
.box06 table th{
	margin: 0;
	padding: 8px;
	border: 1px solid #E9E9E9;
	background-color: #D7D7D7;
	text-align: center;
	font-size: 14px;
}
.box06 table td{
	margin: 0;
	padding: 6px;
	border: 1px solid #E9E9E9;
	background-color: #FDF6E1;
	text-align: center;
}
.box07{
	margin: 0;
	padding: 120px 0 0 0;
	text-align:center;
}
.box08{
	margin: 0;
	padding: 0 0 0 0;
	text-align:center;
}
.box08 table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #9D9D9D;
}
.box08 table td{
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	border-bottom: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
	text-align: center;
}
.box08 table tr:last-child td{
	border-bottom: none;
}
.box08 table td.td_01{
	background-color: #BDD9EF;
	font-size: 14px;
	padding: 10px;
}
.box08 table td.td_02{
	background-color: #FCF6E1;
}
.box08 table td.td_03{
	background-color: #FEDBB4;
}
.box08 table td.td_04{
	background-color: #C5EAE2;
}
.box08 table td.td_01_01{
	background-color: #BDD9EF;
	padding: 6px 0;
	font-weight: bold;
	font-size: 13px;
}
.box08 table td.td_01_02{

	padding: 6px 0;
	font-weight: bold;
	font-size: 13px;
}
.box08 table td.td_02_01{
	background-color: #FCF6E1;
	padding: 6px 0;
	font-weight: bold;
	font-size: 13px;
}
.box08 table td.td_03_01{
	background-color: #FEDBB4;
	padding: 6px 0;
	font-weight: bold;
	font-size: 13px;
}
.box08 table td.td_04_01{
	background-color: #C5EAE2;
	padding: 6px 0;
	font-weight: bold;
	font-size: 13px;
}

.box09{
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #F61414;
}
.box10{
	margin: 0;
	padding: 65px 0 0 0;
	text-align:center;
}

.box11{
	margin: 0;
	padding: 0;
}
.box11 table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
.box11 table th{
	margin: 0;
	padding: 8px;
	border: 1px solid #E9E9E9;
	background-color: #D7D7D7;
	text-align: center;
	font-size: 14px;
}
.box11 table td{
	margin: 0;
	padding: 6px;
	border: 1px solid #E9E9E9;
	background-color: #FFF;
	text-align: center;
}
.box11 table tr:nth-child(odd) td{
	background-color: #F5F5F5;
}

.box12{
	margin: 0 0 55px 0;
	padding: 25px;
	border: 3px solid #DEDEDE;
	background-color: #FFF;
}
.box12_01{
	margin: 0;
	padding: 0;
	width: 455px;
	float: left;
	font-size: 14px;
}
.box12_01_csv{
  /* border-top: 1px solid #D1D1D1; */
	margin: 0;
	padding: 0;
	width: 455px;
	float: left;
	font-size: 14px;
}
.box12_01 .text01{
	margin: 0;
	padding: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
}
.box12_02{
	margin: 0;
	padding:10px 0 0 0;
	width: 440px;
	float: left;
	text-align: center;
}
.box12_02_csv{
  /* border-top: 1px solid #D1D1D1; */
	margin: 0;
	padding:10px 0 0 0;
	width: 440px;
	float: left;
	text-align: center;
}
.box12_02_dl {
  float: left;
  border-top: 1px solid #D1D1D1;
  margin-top: 20px;
  padding-top: 20px;
}
.box12_02 a,
.box12_02_csv a {
	margin: 0;
	padding: 0 0 0 27px;
	font-size: 14px;
	color: #3DA179;
	display: inline-block;
	background: URL(../img/icon07.png) 0% 50% no-repeat;
	text-decoration: underline;
}
.box12_02 a:hover,
.box12_02_csv a:hover {
	text-decoration: none;
}

.box13{
	margin: 0 auto;
	padding: 30px 0;
	width: 670px;
	text-align: center;
	background-color: #FFF;
}

.box14{
	margin: 0 0 40px 0;
	padding: 20px;
	border: 3px solid #DEDEDE;
	background-color: #FFF;
	font-size: 14px;
}

.box15{
	margin: 0 0 65px 0;
	padding: 0 35px;
}
.box15 h3{
	margin: 0;
	padding: 0 0 8px 5px;
	color: #002655;
	border-bottom: 1px solid #D2D2D2;
}
.box15 h3 span{
	font-size: 11px;
}
.box15_01{
	margin: 0;
	padding: 20px 8px;
	border-bottom: 1px solid #D2D2D2;
}
.box15_01 img{
	float: left;
}
.box15_02{
	margin: 0;
	padding: 15px 0 0 0;
	width: 575px;
	float: right;
	font-size: 14px;
}
.box15_02 p{
	line-height: 200%;
}
.box15_02 p.text01{
	padding-left: 1em;
	text-indent: -1em;
	color: #FE2727;
}

.box16 {
    overflow: hidden;
    position: relative;
}
.box16 p {
    width: 13%;
    float: left;
    text-align: center;
    margin-right: 50px;
    padding: 6px 0;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.box16 p.confirmation_on {
    background: #666666;
}
.box16 p.confirmation_off {
    background: #a1a1a4;
}
.box16 img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 144px;
}
.box17 {
  width: 100%;
  float: left;
}

/**************************** header ****************************/
header{
	margin: 0;
	padding: 0;
}

#headerbox{
	margin: 0;
	padding: 0;
	background-color: #666666;
	height: 100px;
}
#headerbox02{
	margin: 0;
	padding: 0;
	background-color: #002757;
}
#headerbox_in{
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 960px;
	text-align:  left;
}

.headerbox03{
	margin: 0;
	padding: 20px 0 25px 0;
	color: #FFF;
}
.headerbox03_01{
	margin: 0;
	padding: 0;
	float: left;
	font-size: 20px;
	font-weight: bold;
}
.headerbox03_02{
	margin: 0;
	padding: 0;
	float: right;
	font-size: 14px;
}
.headerbox03_02 a{
	margin: 0;
	padding:5px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #002356;
	border: none;
	border-radius: 4px;
	background-color: #E2E2E2;
	text-decoration: none;
}
.headerbox03_02 a:hover{
	opacity: 0.9;
}

/**************************** footer ****************************/
footer{
	margin: 0;
	padding: 0;
}

#footerbox{
	margin: 0;
	padding: 0;
	background-color: #666666;
}
#footerbox_in{
	margin: 0 auto;
	padding: 45px 0 50px 0;
	width: 960px;
	color: #FFF;
	text-align:  left;
}
.copyright{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
}

#pagetop{
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;
}

/**************************** section ****************************/
section{
	margin: 0;
	padding: 0;
}

article{
	margin: 0;
	padding: 0;
}

/**************************** nav ****************************/
nav{
	margin: 0;
	padding: 0;
}

#gnav{
	margin: 0;
	padding: 25px 0 55px 0;
  text-align: right;
}
#gnav a{
	margin: 0 15px 0 0;
	padding: 8px 12px;
	background-color: #D7D7D7;
	text-decoration: none;
	border-radius: 4px;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
#gnav a img{
	vertical-align: middle;
}
#gnav a:hover{
	opacity: 0.8;
}

/****************************ul li設定****************************/

ul.list_style01{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
ul.list_style01 li{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

/****************************table設定****************************/
table.table_style01{
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.table_style01 th{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}
table.table_style01 td{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}

table.table_inquiry{
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.table_inquiry th{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border: 1px dotted #CCCCCC;
}
table.table_inquiry td{
	margin: 0;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	border: 1px dotted #CCCCCC;
}
table.table_inquiry td.btn{
	margin: 0;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	border: none;
}

/**************************** form設定 IE_CSS3 ****************************/
input[type="text"],
input[type="email"],
textarea {
	padding: 5px 0;
	font-size: 12px;
	border:1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 5px;
}
.box04 input[type="text"] {
	padding: 15px;
	font-size: 14px;
	border:1px solid #CCC;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.box06 input[type="text"] {
	padding:3px;
	font-size: 14px;
	border:1px solid #CCC;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-align: center;
}
.box11 input[type="text"] {
	padding:3px;
	font-size: 14px;
	border:1px solid #CCC;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-align: center;
}
.box06 input[type="number"], .box11 input[type="number"] {
  width: 45px;
  padding:3px;
	font-size: 14px;
	border:1px solid #CCC;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-align: center;
  ime-mode: disabled;
}

/**************************** mailform設定 IE_CSS3 ****************************/
.box12_01 .text01.ml1em,
p.text01.ml1em {
    margin-left: 1em;
}



table.mailform th.mfp {
    vertical-align: middle;
    background: #d7d7d7;
    text-align: left;
    padding: 10px;
    width: 27%;
    font-size: 13px;
    position: relative;
}

table.mailform th.mfp span.must {
    padding: 2px 6px;
    height: 22px;
    background: red;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 7px;
}

table.mailform td {
    padding: 15px;
    font-size: 13px;
}


table.mailform input[type="text"] {
    padding: 3px 6px;
    font-size: 15px;
    border: 1px solid #CCC;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: 7px;
    margin-left: 7px;
}

.box05 table.mailform tr.bl_n {
    border-bottom: none;
}

table.mailform select {
    width: 16%;
    margin-left: 2%;
}

table.mailform td.text_ml1 select {
    margin-left: 1.65em;
}

td.mfp.name_text.text_ml1 input.form_text {
    margin-left: 1.3em;
}
.mfp_phase button {
    background: #e6912d url(../img/arrow01.png) no-repeat 180px center;
    border: none;
    padding: 10px 10px 10px 0;
    width: 210px;
    color: #fff;
    /* font-weight: bold; */
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}
.mfp_phase button.back_g {
    background: #c2c1c1 url(../img/arrow02.png) no-repeat 10px center;
}
.mfp_phase button:hover {
    opacity: 0.8;
}
.mfp_phase .mfp_buttons {
    text-align: center;
}
input[type="checkbox"] {
    width: 17px;
    height: 17px;
}
/*フォーム*/
body {
	background-color: #EEE;
	text-align: center;
	}

div#wrapper {
	width: 960px;
	text-align: left;
	background-color: #FFF;
	margin: 10px auto;
	border-radius: 5px;
	border: solid 1px #666;
	box-shadow: 0px 0px 10px #666;
}
div#wrapper div#header {
	padding: 10px 30px;
	background-color: #164272;
	border-radius: 5px 5px 0px 0px;
}
div#wrapper div#header h1 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 24px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
div#wrapper div#header p {
	color: #FFF;
	text-shadow: 0px 0px 5px #000;
	margin: 0px;
	font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

div#wrapper div#container {
	padding: 0px 20px;
}
div#wrapper div#footer {
	width: 940px;
	border-top: solid 1px #CCC;
	clear: both;
	padding: 10px 0px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
}
ul.example_pages {
	border: solid 1px #CCC;
	padding: 15px 30px;
}
ul.example_pages li {
	padding: 5px 0px;
}
input[type="radio"] {
    width: 17px;
    height: 17px;
}
/* Form用　ここから*/

/* --- フォームエリア --- */
form.contact {
font-size: 80%;
}
/* --- フォームエリア内の段落 --- */
form.contact p {
line-height: 130%;
}
/* --- 段落内の「必須」画像 --- */
form.contact p.attention img {
vertical-align: middle;
}

/* --- テーブル --- */
form.contact table {width: 100%; /* テーブルの幅 */ /* テーブルの背景色 */ /* テーブルの境界線 */margin: 20px auto;}
/* --- 見出しセル（th） --- */
form.contact th {width: 100%; /* 見出しセルの幅 */padding: 10px 20px; /* 見出しセルのパディング（上下、左右） */background-color: #ffffff; /* 見出しセルの背景色 */border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */text-align: left;line-height: 130%;white-space: nowrap;}
form.contact th.l {
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
line-height: 130%;
width: 80%;
text-align: center;
}
form.contact th.s {
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
line-height: 130%;
text-align: center;
white-space: nowrap;
}
form.contact td.back_w {
    background: #f3f3f4;
    padding-top: 20px;
}
/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
form.contact td {padding: 10px 15px 7px; /* データセルのパディング（上、左右、下） */ /* データセルの背景色 */border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */white-space: nowrap;font-size: 18px;text-align:  left;background: #fff;font-weight:  bold;}
/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
color: #808080;
}
/* --- 必須項目セル --- */
form.contact td.required {
width: 26px; /* 必須項目セルの幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}

/* --- 任意項目セル --- */
form.contact td.arbitrary {
width: 26px;
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}
form.contact th.arbitrary {
width: 26px;
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section,
#email, #address {
width: 350px; /* フォーム部品の幅 */
}
/* --- （普通のテキスト入力欄） --- */
#name, #name2,{
width: 200px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
width: 70px; /* フォーム部品の幅 */
}
/* --- （数字入力欄） --- */
#sf36m, #sf8m, #kdqol, #skindex, #sf36sp, #sf8sp, #sf12sp, #epicsp, asim, asia  {
width: 50px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
width: 70px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 420px; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
form.contact p.button {
margin: 20px 0 0; /* ボタンのマージン（上、左右、下） */
text-align: center;
}

/* Form用　ここまで*/

.bq1{
/*
    border-left:5px solid #ddd;
    background: #eee;
    padding: 10px;
    margin: 20px 0;
    line-height : 140%;
    text-align:  left;
    display:  block;
    overflow:  hidden;
*/
    margin: 20px 0 40px 0;
    padding: 20px;
    border: 3px solid #DEDEDE;
    background-color: #FFF;
    font-size: 14px;
    text-align:  left;
}


form.contact {
	padding: 10px 0px;
}
form.contact dl dt {
	float: left;
	width: 270px;
	clear: both;
	font-size: 13px;
	padding: 10px 20px 10px 45px;
	text-align: left;
	margin: 0px;
	position:  relative;
}
form.contact dl dt.mfp_2 {
  height: 32px;
}
form.contact dl dd {
	border-top: solid 1px #CCC;
	background-color: #fff;
	margin: 0px;
	padding: 10px 5px 10px 271px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}
form.contact dl dd ul,form.contact dl dd ol {
	margin: 0px;
	padding: 0px;
}
form.contact dl dd ul li,form.contact dl dd ol li {
	margin: 10px 4px;
	padding: 0px;
	list-style: none;
}

.must {
	display: block;
	background-color: #C00;
	padding: 4px 5px;
	font-size: 10px;
	color: #FFF;
	margin: 0px 5px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
	position:  absolute;
	left:  0;
	top: 8px;
}

dl.mailform {
    overflow:  hidden;
    display:  block;
    margin-bottom: 30px;
}

select {
    font-size:  14px;
    padding: 6px 0;
}
/*
h3.mf_w {
    background: #666666;
    color: #fff;
    padding:  10px;
    text-align:  left;
    font-size:  16px;
    margin-top: 25px;
}
*/
h3.mf_w {
    color: #666666;
    padding:  10px 0;
    text-align:  left;
    font-size:  16px;
    margin-top: 25px;
}
form.contact input[type="button"] {
    margin-bottom: 20px;
    background: #e34116;
    border: none;
    color: #fff;
    padding: 12px 30px;
    font-size: 18px;
    /* font-weight: bold; */
    border-radius: 6px;
    cursor: pointer;
}
form.contact input[type="button"]:hover {
    opacity: 0.7;
}
p.mf_text {
    margin: 20px 0 10px 42px;
    text-align:  left;
    color: #4b4b4d;
    font-weight:  bold;
    font-size: 14px;
}

.pnkz_list {
    overflow:  hidden;
    display:  block;
    margin: 20px 0;
}
.pnkz_list ul {
    list-style:  none;
    /* width:  50%; */
}
.pnkz_list ul li {
    float:  left;
    padding-right: 2em;
    position:  relative;
}
.pnkz_list ul li span {
    padding: 5px 15px;
    background: #ECC193;
    color:  #fff;
    /* font-weight:  bold; */
    border-radius: 5px;
    display:  block;
    letter-spacing: 1px;
}
.pnkz_list ul li:after {
    content: ">";
    position:  absolute;
    right: 7px;
    top: 0;
    bottom: 0;
    height: 27px;
    margin:  auto;
    font-size: 18px;
    color: #656565;
}
.pnkz_list ul li:last-child:after {
    display:  none;
}
.pnkz_list ul li.active span {background: #ad4040;}

.researcher {
	width: 100px;
	float: left;
}
#flashMessage {
    font-size: 0.9em;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.flash_error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 6px;
}
.message {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    padding: 6px;
}
.err {
    width: 100%;
    color: red;
    display: block;
    margin-left: 10px;
}
#mailfield .err {
    font-size:14px;
}
.confirm {
    font-weight: bold;
    background: #efefef;
    padding: 0 10px;
}
.gray {
  color: #999;
}
.quest {
  width: 100%;
}
.quest td {
  border: 1px solid #ccc;
  width: 25%;
  padding: 12px 10px;
}
.quest .quest_title {
  font-size: 0.9em;
  background-color: #EFEFEF;
}
.quest .quest_info {
  font-size: 12px;
  display: block;
  line-height: 100%;
  margin-top: 3px;
}
#regi_info td {
  vertical-align: middle;
}
.tar {
  text-align: right;
}
.th_00 {
  margin: 0;
  padding: 8px;
  border: 1px solid #E9E9E9;
  background-color: #D7D7D7;
  text-align: center;
  font-size: 14px;
  min-width: 72px;
}
.specTable-row td {
  min-width: 72px;
}
.tac {
  text-align: center;
}
.sample_sum {
  font-size: 1.0rem;
  font-weight: bold;
}
.sup_red {
  color: #E34115;
}
.download {
  text-align: right !important;
  margin-top: 3px;
}
/* .q_media_only {
  border: 1px solid #002356;
} */

.caution-box{
  padding-top:15px;
  text-align: center;
}
.caution-box-block{
  width:645px;
  display:inline-block;
  vertical-align: top;
  padding: 15px;
  border: 1px solid #CCC;
  background:#FFFFFF;
}
.caution-box-block-ttl{
  text-align: left;
  font-size: 12px;
  padding-bottom:5px;
}
.caution-box-block-message{
  text-align: left;
  text-indent:-12px;
  padding-left:12px;
  font-size: 12px;
}