/* CSS layout All contents */
*{box-sizing:border-box;}
.single-article * ,
.old-wlb-compatible *{box-sizing: content-box;}
img{border: 0;}
.t10 { font-size: small; }
.t12 { font-size: medium; }
.t14 { font-size: large; }
.t16 { font-size: x-large; }
.t18 { font-size: xx-large; }
.t24 { font-size: 24px; }

.t-xxs { font-size: xx-small; }
.t-xs { font-size: x-small; }
.t-s { font-size: small; }
.t-m { font-size: medium; }
.t-l { font-size: large; }
.t-xl { font-size: x-large; }
.t-xxl { font-size: xx-large; }

.mr2 img { margin-right: 2px; }

.ma10 { margin: 10px; }
.ma30 { margin: 30px; }
.mr5 { margin-right: 5px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr25 {
	display: inline;
	margin-right: 25px;
}

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml30 { margin-left: 30px; }
.ml55 { margin-left: 55px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }

.pa2  { padding: 2px; }
.pa5  { padding: 5px; }
.pt15 { padding: 15px; }
.pa10 { padding: 10px; }

.pb5  { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }

.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }

.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr45 { padding-left: 45px; }
.pr240 { padding-right: 240px; }

.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }


.a_cnt { text-align: center; }
.a_rgt { text-align: right; }
.a_lft { text-align: left; }
.a_left { float: left; }
.a_right { float: right; }

.clearfix { clear: both; }

.w100p { width: 100%; }
.w98p { width: 98%; }
.w95p { width: 95%; }
.w90p { width: 90%; }

.w25px { width: 25px; }
.w30px { width: 30px; }
.w50px { width: 50px; }
.w70px { width: 70px; }
.w100px { width: 100px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w210px { width: 210px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w420px { width: 420px; }
.w480px { width: 480px; }
.w600px { width: 600px; }
.w620px { width: 620px; }
.w670px { width: 670px; }
.w710px { width: 710px; }
.w860px { width: 860px; }
.w880px { width: 840px; }

.h100px { height: 100px; }
.h150px { height: 150px; }
.h200px { height: 300px; }

.dsp_none { display: none; }

.dsp_num {
	width: 80px;
	text-align: right;
}
.dsp_num_icon{
	width: 80px;
	text-align: right;
	margin-right: 20px;
	float: left;
}

table.type1 th,
table.type1 td { padding: 3px; }
table.type2 th{
	text-align: left;
	padding: 5px 5px 5px 10px;
}
table.type2 td{
	text-align: center;
	padding: 5px;
	border-left: 1px solid #690;
}
table.type3 th{
	text-align: left;
	padding: 5px 5px 5px 10px;
}
table.type3 td{
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #690;
}
table.type3 td img{
	vertical-align: middle;
}
table.type4 th{
	padding: 5px 5px 5px 10px;
	color: #FFF;
	background: #690;
	border-top: 1px solid #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	line-height: 1.4em;
}
table.type4 td{
	padding: 5px;
	border-left: 1px solid #690;
	text-align:center;
}
table.type4 td.strong{
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #690;
	text-align: center;
}

table.type4 td.name {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	border-style: none;
/*	width:200px;*/
}
table.type4 td.name2 {
	padding: 5px;
	text-align: left;
	border-style: none;
}

table.type4 td.memo {
	padding: 5px;
	border-left: 1px solid #690;
	text-align: left;
}
table.type5 th{
	text-align: left;
	padding: 5px 5px 5px 10px;
}
table.type5 td{
	padding: 5px 5px 5px 10px;
}
table.type5 tr.input {
	border-bottom: 1px solid #690;
}
table.type5 td.space{
	padding-bottom: 20px;
}
table.type5 td.test{
	padding-bottom: 20px;
	padding-left: 30px;
}
table.type6 th{
	text-align: left;
	padding: 5px 5px 5px 10px;
}
table.type6 td{
	padding: 5px 5px 5px 10px;
}
table.type6 h6{
	font-weight: normal;
	font-size: large;
	padding: 5px 5px 5px 10px;
}
table.type6 td.font{
	font-weight: bold;
	width: 280px;
}
table.type6 td.wide{
	width: 250px;
}
table.type6 td.line{
	border-left: 1px solid #690;
}
table.type7 {
	background: url(../img/detail/bar_head2.jpg) no-repeat left top;
/*	font-size: large;*/
	line-height: 14px;
	color: #FFF;
	height: 25px;
	padding-top: 15px;
	padding-left: 50px;
}
table.type8 th{
/*	font-size: large;*/
/*	font-weight: normal;*/
	width: 110px;
	color: #FFF;
	background-color: #690;
	text-align: center;
	padding: 5px;
}
table.type8 th.w{
	width: 70px;
/*	font-size: medium;*/
}
table.type8 td{
/*	font-size: medium;*/
	color: #000;
	padding: 5px;
}
table.type8 td.sol69{
	border-left: 1px solid #690;
}
table.type8 td.rgt{
	text-align: left;
}
table.type8 td.solC9{
	border-left: 1px solid #CC9;
}
table.type8 tr.solbtmC9{
	border-top: 1px solid #CC9;
}
table.type9 th{
	font-weight: bold;
	color: #FFF;
	background-color: #690;
	text-align: center;
	padding: 5px;
}
table.type9 th.lv1{
	width: 220px;
}
table.type9 th.lv2{
	width: 165px;
}
table.type9 th.lv3{
	width: 110px;
}
table.type9 td.fontRedColor{
	font-weight: bold;
	color: #ff0000;
}
table.type9 td.fontAL{
	text-align: left;
	padding-left: 20px;
}
table.type9 td.fontWB{
	font-weight: bold;
	text-align: left;
}

table.type9 td{
/*	font-size: medium;*/
	color: #000;
	text-align: center;
	padding: 5px;
}
table.type9 td.line{
	border-left: 1px solid #690;
}
table.type10{
	width: 100%;
}
table.type10 th{
	width: 220px;
	text-align: left;
	padding: 5px;
}
table.type11 td{
	width: 200px;
	border: 1px solid #CC9;
	padding: 3px 3px 3px 10px;
	text-align: left;
}

table.type12{
	border: 1px solid #CC9;
}

table.type12 th{
	color: #FFF;
	background-color: #690;
	text-align: center;
}

table.type12 tr{
	color: #000;
	padding: 5px;
	margin: 5px;
}
table.type12 td.sol69{
	border-left: 1px solid #CC9;
}
table.type12 th.sol69{
	border-left: 1px solid #CC9;
}

table.type12 tr.solbtmC9{
	border-top: 1px solid #CC9;
}

table.type13 th {
	background-color: #690;
	color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
}
table.type13 th.normal {
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	padding-left: 5px;
}
table.type13 th.yellow {
	background-color: #FF0;
	color: #000000;
	text-align: left;
	padding-left: 5px;
}
table.type13 td.normal {
	/*text-indent: 5%;*/
	padding-left: 15px;
}
table.type13 td.gray {
	background-color: #999;
	/*text-indent: 5%;*/
	padding-left: 15px;
}
table.type13 td.yellow {
	background-color: #FF0;
	/*text-indent: 5%;*/
	padding-left: 15px;
}
table.type13 td.numNormal {
	padding-right: 5px;
	text-align: right;
}
table.type13 td.numGray {
	background-color: #999;
	padding-right: 5px;
	text-align: right;
}
table.type13 td.numYellow {
	background-color: #FF0;
	padding-right: 5px;
	text-align: right;
}
table.type14{
	width:475px;
	border-bottom:1px solid #690;
	border-right:1px solid #690;
	text-align:center;
	margin-bottom:20px;
}
table.type14 th{
	color: #FFF;
	background-color: #690;
	padding: 5px;
	border:1px solid #FFF;
}
table.type14 td.sol69{
	border-left: 1px solid #690;
}
table.type14 tr.solbtm69{
	border-top: 1px solid #690;
}


/* siteMap */
div.siteMap{
	width: 330px;
	float: left;
}
div.siteMap li{
	background:   url(../img/base/arrow5.gif) no-repeat 20px center;
	padding-left: 45px;
	font-weight:  normal;
}

div.siteMapStudy{
	width:  330px;
	float: left;
}
div.siteMapStudy li{
	background:   url(../img/base/arrow3.jpg) no-repeat 20px center;
	padding-left: 35px;
	font-weight:  normal;
	font-size:   13px;
}
div.siteMapStudy h3{
	background:   url(../img/base/arrow2.gif) no-repeat 20px center;
	vertical-align: middle;
	padding-left: 40px;
	color: #F9B;
}
div.siteMapStudy h4{
	padding-left: 35px;
	font-weight:  normal;
	background:   url(../img/detail/progbar.jpg) no-repeat 20px center;
	vertical-align: middle;
}

div.graph01 {
	text-align: center;
	border-top: none;
	border-bottom: 1px solid #CC9;
	border-left: 1px solid #CC9;
	border-right: 1px solid #CC9;
	margin-top:-10px;
	padding: 20px;
}

.question{
	float: left;
}
.question2{
	padding-top: 15px;
	padding-left: 60px;
	font-size: large;
	font-weight: bold;
}

.question2_2{
	padding-top: 5px;
	padding-left: 60px;
	font-size: large;
	font-weight: bold;
}
.answer{
	float: left;
	font-size: large;
}
.answer2{
	float: left;
	font-size: large;
	padding-top: 15px;
}


.indent10 { text-indent: 10%; }

.color01 { color: #F60; }	/* ?I?????W */
.color02 { color: #C00; }	/* ??F */
.color03 { color: #FF0; }	/* ???F */
.color04 { color: #360; }	/* ??F */
.color05 { color: #F00; }	/* ??F */
.color06 { color: #999; }	/* ?D?F */
.color07 { color: #F66; }	/* ?s???N */
.color08 { color: #F9B; }	/* ?s???N?i???S?j */
.color09 { color: #0060ff; }	/* ??F */
.color10 { color: #690; }	/* ????F */


.arrow01 {
	background: url(../img/base/arrow1.gif) no-repeat left center;
	padding-left: 15px;
}
.box01 {
	background: #F0F0E1;
	text-align: center;
	padding: 20px;
	border: 1px solid #CC9;
}
.box02{
	border-style: solid;
	border-width: 3px;
	border-color: #690;
	padding: 7px;
}


.line01 {
	border-top: 1px solid #9C0;
	padding-bottom: 10px;
}
.line02 { border-bottom: 1px solid #999; }

.line03 {
	border-top: 1px solid #ed983d;
	padding-bottom: 10px;
}
.line04box {
	border: 3px solid #690;
	padding: 7px; zoom: 1;
}
.line05box {
	border: 3px solid #690;
}
.bg01 { background: #F0F0F0; }

.bg02 { background: #F0F0DF; }

.bg03 { background: #FFA6A6; }


/* ?c?????pCSS */
div .tategakiall{        /*?c?????G???A?S??*/
 clear:both;
 //width:400px;   /* ?c?????G???A????? ?K?X??X*/
 font-size:large;
 line-height:1.1em;
 margin:0px;
 font-family:'Meiryo','???C???I',  '?q???M?m?p?S Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , '?l?r ?S?V?b?N','MS Gothic' ,monospace;
 margin-bottom:1.5em;
}
div .tategakigyo{  /*?s*/
 width:1em;
 line-height:1.1em;
 padding-top:1em;
 padding-bottom:2em;
 margin-left:0.8em;
}
/*??y?[?W?p*/
hr { page-break-after: always; }

.newopen {
	border-bottom: 1px solid #999;
	height:20px;
	padding-top:10px;
}
.hutomoji{
	font-weight:bold;
}

.fleshC{
	border:1px solid #CC9967;
}
/*  */
div .reserve{
	background:   url(../img/base/arrow5.gif) no-repeat 20px center;
	padding-left: 40px;
}
#fltype05 label {
	float: left;
	width: 5%;
}
#fltype10 label {
	float: left;
	width: 10%;
}
#fltype15 label {
	float: left;
	width: 15%;
}
#fltype20 label {
	float: left;
	width: 20%;
}
#fltype25 label {
	float: left;
	width: 25%;
}
#fltype30 label {
	float: left;
	width: 30%;
}
#fltype32 label {
	float: left;
	width: 32%;
}
#fltype50 label {
	float: left;
	width: 50%;
}
.fltype05 label {
	float: left;
	width: 5%;
}
.fltype10 label {
	float: left;
	width: 10%;
}
.fltype15 label {
	float: left;
	width: 15%;
}
.fltype20 label {
	float: left;
	width: 20%;
}
.fltype25 label {
	float: left;
	width: 25%;
}
.fltype30 label {
	float: left;
	width: 30%;
}
.fltype32 label {
	float: left;
	width: 32%;
}
.fltype50 label {
	float: left;
	width: 50%;
}
#fltKodawari label {
	float: left;
	width: 50%;
	margin-right: -3px;
}
