@charset "UTF-8";

/* ===================================================================
CSS information

 File Name  : compornent.css
 File Info	: clearfixなど汎用性のあるスタイル
=================================================================== */
a[href$=".gif"] img,
a[href$=".png"] img,
a[href$=".jpg"] img,
a[href$=".jpeg"] img,
a[href$=".bmp"] img {
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

/*-------------------------------------------------------------------------
  btn navi
------------------------------------------------------------------------- */
.btn img{
	vertical-align: bottom;

	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.btn a img:hover,
.btn a:focus img{
	opacity:0!important;
}

.btn a:hover img{
	filter: alpha(opacity=0)!important;
	_visibility: hidden!important;
}

ul.navi{
	margin-top: 1em;
	padding-bottom: 0.5em;
	background-color: #f3f3f3;
	border: 1px solid #ccc;

	overflow: hidden;
	_zoom: 1;
}
ul.navi li{
	margin-top: 0.5em;
	padding: 0 1em;
	border-right: 1px dotted #999;
	float: left;
	/white-space:nowrap
}

/*-------------------------------------------------------------------------
  FLOAT
------------------------------------------------------------------------- */
.fltR { float: right;}
.fltL { float: left;}
.clr { clear:both;}

/*-------------------------------------------------------------------------
  WIDTH
------------------------------------------------------------------------- */
.w1em{width: 1em;}
.w2em{width: 2em;}
.w3em{width: 3em;}
.w4em{width: 4em;}
.w5em{width: 5em;}
.w6em{width: 6em;}
.w7em{width: 7em;}
.w8em{width: 8em;}
.w9em{width: 9em;}

.w10{ width: 10%!important;}
.w15{ width: 15%!important;}
.w20{ width: 20%!important;}
.w25{ width: 25%!important;}
.w30{ width: 30%!important;}
.w35{ width: 35%!important;}
.w40{ width: 40%!important;}
.w45{ width: 45%!important;}
.w50{ width: 50%!important;}
.w55{ width: 55%!important;}
.w60{ width: 60%!important;}
.w65{ width: 65%!important;}
.w70{ width: 70%!important;}
.w75{ width: 75%!important;}
.w80{ width: 80%!important;}
.w85{ width: 85%!important;}
.w90{ width: 90%!important;}

.box50{width: 50px;}
.box60{width: 60px;}
.box70{width: 70px;}
.box80{width: 80px;}
.box90{width: 90px;}
.box100{width: 100px;}
.box110{width: 110px;}
.box120{width: 120px;}
.box130{width: 130px;}
.box140{width: 140px;}
.box150{width: 150px;}
.box160{width: 160px;}
.box170{width: 170px;}
.box180{width: 180px;}
.box190{width: 190px;}
.box200{width: 200px;}
.box210{width: 210px;}
.box220{width: 220px;}
.box230{width: 230px;}
.box240{width: 240px;}
.box250{width: 250px;}
.box260{width: 260px;}
.box270{width: 270px;}
.box280{width: 280px;}
.box290{width: 290px;}
.box300{width: 300px;}
.box310{width: 310px;}
.box320{width: 320px;}
.box330{width: 330px;}
.box340{width: 340px;}
.box350{width: 350px;}
.box360{width: 360px;}
.box370{width: 370px;}
.box380{width: 380px;}
.box390{width: 390px;}
.box400{width: 400px;}
.box410{width: 410px;}
.box420{width: 420px;}
.box430{width: 430px;}
.box440{width: 440px;}
.box450{width: 450px;}
.box460{width: 460px;}
.box470{width: 470px;}
.box480{width: 480px;}
.box490{width: 490px;}
.box500{width: 500px;}
.box510{width: 510px;}
.box520{width: 520px;}
.box530{width: 530px;}
.box540{width: 540px;}
.box550{width: 550px;}
.box560{width: 560px;}
.box570{width: 570px;}
.box580{width: 580px;}
.box590{width: 590px;}
.box600{width: 600px;}

/*-------------------------------------------------------------------------
  layout
------------------------------------------------------------------------- */
.clm2,.clm3{
	margin-right: -2%;
	overflow: hidden;
	_zoom: 1;
}
.clm2 div{
	margin: 1.5em 2% 0 0;
	float: left;
	width: 48%;
	/width: 47.7%;
}
.clm3 div{
	margin: 1.5em 2% 0 0;
	float: left;
	width: 31%;
	/width: 30.7%;
}

/*-------------------------------------------------------------------------
  CLEARFIX
------------------------------------------------------------------------- */
.clrfx:after {
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clrfx {
	zoom: 1;
}
/*-------------------------------------------------------
　align
-------------------------------------------------------*/
.txtL{text-align: left!important;}
.txtC{text-align: center!important;}
.txtR{text-align: right!important;}

.boxL{margin-right: auto!important;}
.boxR{margin-left: auto!important;}
.boxC{
	margin-left: auto!important;
	margin-right: auto!important;
}

.imgM{vertical-align: middle;}
/*-------------------------------------------------------
　margin
-------------------------------------------------------*/
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.m0{margin: 0!important;}
.m5{margin: 5px!important;}
.m10{margin: 10px!important;}
.m20{margin: 20px!important;}
.p0{padding: 0!important;}
.p5{padding: 5px!important;}
.p10{padding: 10px!important;}
.p20{padding: 20px!important;}
.pt0{padding-top: 0px!important;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pb0{padding-bottom: 0px!important;}
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pl2em{	padding-left: 2em!important;}

/*-------------------------------------------------------
ボーダー
--------------------------------------------------------*/
.ln01{
	padding: 1em!important;
	border: 1px solid #ccc;
}
.ln02{
	padding: 1em!important;
	border: 3px solid #ccc;
}
.ln03{
	padding: 1em!important;
	border: 5px solid #ccc;
}

/*-------------------------------------------------------
背景
--------------------------------------------------------*/
.bg01{background-color: #f3f7fb;}
.bg02{background-color: #f9f5ee;}
.bg03{background-color: #fef4fc;}
.bg04{background-color: #f3fbf0;}
.bg05{background-color: #f2fafe;}
.bg06{background-color: #f6f6f6;}
.bg07{background-color: #fcf9e9;}

/*-------------------------------------------------------
汎用フォント
--------------------------------------------------------*/
.fntRed{color: #b00}
.fntBro{color: #c60;}
.fntBlu{color: #069}
.fntGre{color: #360}
.fntYel{color: #cc0}
.fntOre{color: #f60}

.signature{color: #963;}
.fntBold{
	font-weight: bold;
}
.fntUL{
	text-decoration: underline;
}
.fntLT{
	text-decoration: line-through;
}
.fnt10{font-size: 77%;}
.fnt11{font-size: 85%;}
.fnt12{font-size: 92%;}
.fnt14{font-size: 108%;}
.fnt15{font-size: 116%;}
.fnt16{font-size: 123.1%;}
.fnt17{font-size: 131%;}
.fnt18{font-size: 138.5%;}
.fnt19{font-size: 146.5%;}
.fnt20{font-size: 153.9%;}
.fnt21{font-size: 161.6%;}
.fnt22{font-size: 167%;}
.fnt23{font-size: 174%;}
.fnt24{font-size: 182%;}
.fnt25{font-size: 189%;}
.fnt26{font-size: 197%;}

strong{
	font-weight: bold;
}
em{
	font-weight: bold;
	font-style: normal;
}
sup{
	vertical-align: top;
	font-size: 0.7em;
}
sub{
	vertical-align: bottom;
	font-size: 0.7em;
}
rp,rt{
	font-size: 50%;
}

.txtIndent{text-indent: 1em}
.tyushaku{
	padding-left: 1em;
	text-indent: -1em;
}
/*-------------------------------------------------------
　list
-------------------------------------------------------*/
ol{
	margin: 0.5em 0 0 1em;
	padding-left: 2em;
	list-style: decimal;
}
ol.katakana{
	list-style-type: katakana;
}
ol.abc{
	list-style-type: upper-alpha;
}
ol.abc_s{
	list-style-type:lower-alpha;
}

/*** list01 ****/
.list01{
	margin: 0.5em 0 0 1em;
}
.list01 li{
	padding: 0.7em 0 0 20px;
	background: url("../images/common/list01s.gif") no-repeat 3px 1em;
}

/*** list02 ****/
.list02{
	margin: 0.5em 0 0 1em;
}
.list02 li{
	padding: 0.4em 0 0 15px;
	background: url("../images/common/list04.gif") no-repeat 3px 0.8em;
}

/*** list03 ****/
.list03{
	margin: 0.5em 0 0 1em;
}
.list03 li{
	padding: 0.8em 0 0 20px;
	background: url("../images/common/list06.gif") no-repeat 3px 1em;
}

/*** photo ***/
.photo{
	margin: 1.5em -5px 0 0;
	overflow: hidden;
	letter-spacing: -.40em;
}
.photo li{
	margin: 5px 5px 0 0;

	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
}
.photo li img{vertical-align: bottom;}

.liw01 li{width: 5em;}
.liw02 li{width: 7em;}
.liw03 li{width: 9em;}
.liw04 li{width: 11em;}
.liw05 li{width: 13em;}
.liw06 li{width: 15em;}
.liw07 li{width: 17em;}
.liw08 li{width: 19em;}
.liw09 li{width: 21em;}
.liw10 li{width: 23em;}
.liw11 li{width: 25em;}
.liw12 li{width: 27em;}
.liw13 li{width: 29em;}
.liw14 li{width: 31em;}
.liw15 li{width: 33em;}


/*-------------------------------------------------------
　定義リスト
-------------------------------------------------------*/
dl.teigi00,
dl.teigi01,
dl.teigi02,
dl.teigi03,
dl.teigi04,
dl.teigi05,
dl.teigi06,
dl.teigi07,
dl.teigi08,
dl.teigi09,
dl.teigi10,
dl.teigi11,
dl.teigi12,
dl.teigi13,
dl.teigi14,
dl.teigi15{
	margin: 1em 0 0 1em;
	overflow: hidden;
	_zoom: 1;
}
dl.teigi00 dt,
dl.teigi01 dt,
dl.teigi02 dt,
dl.teigi03 dt,
dl.teigi04 dt,
dl.teigi05 dt,
dl.teigi06 dt,
dl.teigi07 dt,
dl.teigi08 dt,
dl.teigi09 dt,
dl.teigi10 dt,
dl.teigi11 dt,
dl.teigi12 dt,
dl.teigi13 dt,
dl.teigi14 dt,
dl.teigi15 dt{
	padding-top: 0.3em;
	float: left;
	clear: left;
}
dl.teigi00 dd,
dl.teigi01 dd,
dl.teigi02 dd,
dl.teigi03 dd,
dl.teigi04 dd,
dl.teigi05 dd,
dl.teigi06 dd,
dl.teigi07 dd,
dl.teigi08 dd,
dl.teigi09 dd,
dl.teigi10 dd,
dl.teigi11 dd,
dl.teigi12 dd,
dl.teigi13 dd,
dl.teigi14 dd,
dl.teigi15 dd{
	padding-top: 0.3em;
}
dl.teigi00 dt{width: 1.5em;}
dl.teigi01 dt{width: 3em;}
dl.teigi02 dt{width: 5em;}
dl.teigi03 dt{width: 7em;}
dl.teigi04 dt{width: 9em;}
dl.teigi05 dt{width: 11em;}
dl.teigi06 dt{width: 13em;}
dl.teigi07 dt{width: 15em;}
dl.teigi08 dt{width: 17em;}
dl.teigi09 dt{width: 19em;}
dl.teigi10 dt{width: 21em;}
dl.teigi11 dt{width: 23em;}
dl.teigi12 dt{width: 25em;}
dl.teigi13 dt{width: 27em;}
dl.teigi14 dt{width: 29em;}
dl.teigi15 dt{width: 31em;}

dl.teigi00 dd{padding-left: 2.5em;}
dl.teigi01 dd{padding-left: 4em;}
dl.teigi02 dd{padding-left: 6em;}
dl.teigi03 dd{padding-left: 8em;}
dl.teigi04 dd{padding-left: 10em;}
dl.teigi05 dd{padding-left: 12em;}
dl.teigi06 dd{padding-left: 14em;}
dl.teigi07 dd{padding-left: 16em;}
dl.teigi08 dd{padding-left: 18em;}
dl.teigi09 dd{padding-left: 20em;}
dl.teigi10 dd{padding-left: 22em;}
dl.teigi11 dd{padding-left: 24em;}
dl.teigi12 dd{padding-left: 26em;}
dl.teigi13 dd{padding-left: 28em;}
dl.teigi14 dd{padding-left: 30em;}
dl.teigi15 dd{padding-left: 32em;}

/* 上記スタイルとセットに表の視覚的スタイル  */
dl.hyou{
	border-top: 1px solid #d5ccaf;
	border-left: 1px solid #d5ccaf;
	border-right: 1px solid #d5ccaf;
}
dl.hyou dt{
	padding-top: 0.6em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
}
dl.hyou dd{
	padding-top : 0.6em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #d5ccaf;
	background: #f4efdf url("../images/common/hyouBg.gif") repeat-y;
}
dl.teigi00 dd{background-position: 1.8em;}
dl.teigi01 dd{background-position: 3.3em;}
dl.teigi02 dd{background-position: 5.3em;}
dl.teigi03 dd{background-position: 7.3em;}
dl.teigi04 dd{background-position: 9.3em;}
dl.teigi05 dd{background-position: 11.3em;}
dl.teigi06 dd{background-position: 13.3em;}
dl.teigi07 dd{background-position: 15.3em;}
dl.teigi08 dd{background-position: 17.3em;}
dl.teigi09 dd{background-position: 19.3em;}
dl.teigi10 dd{background-position: 21.3em;}
dl.teigi11 dd{background-position: 23.3em;}
dl.teigi12 dd{background-position: 25.3em;}
dl.teigi13 dd{background-position: 27.3em;}
dl.teigi14 dd{background-position: 29.3em;}
dl.teigi15 dd{background-position: 31.3em;}



/*-------------------------------------------------------
　table
-------------------------------------------------------*/
/*** tbl00 ***/
.tbl00{
	margin: 1.5em 0 0;
}
.tbl00 caption{
	font-weight: bold;
}
.tbl00 th{
	padding: 0.5em;
	border: none!important;
	background-color: transparent!important;
	vertical-align: top;
	font-weight: bold;
}
.tbl00 td{
	padding: 0.5em;
	vertical-align: top;
	border: none!important;
	word-break: break-all;
	word-wrap: break-word;
}
/*** tbl01 ***/
.tbl01{
	margin: 1.5em 0 0;
	width: 100%;
}
.tbl01 caption{
	font-weight: bold;
}
.tbl01 th{
	padding: 0.5em;
	border: 1px solid #afa38b;
	background-color: #ede4d0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl01 td{
	padding: 0.5em;
	border: 1px solid #afa38b;
	vertical-align: middle;
}

/*** tbl01b ***/
.tbl01b{
	margin: 1.5em 0 0;
	width: 100%;
}
.tbl01b caption{
	font-weight: bold;
}
.tbl01b th{
	padding: 0.5em;
	border: 1px solid #afa38b;
	background-color: #ede4d0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl01b td{
	padding: 0.5em;
	border: 1px solid #afa38b;
	vertical-align: middle;
	width: 45%;
}

/*** tbl02 ***/
.tbl02{
	margin: 1.5em 0 0;
}
.tbl02 caption{
	font-weight: bold;
}
.tbl02 th{
	padding: 0.5em 1em;
	border: 1px solid #afa38b;
	background-color: #ede4d0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl02 td{
	padding: 0.5em 1em;
	border: 1px solid #afa38b;
	vertical-align: middle;
}

/*** tbl03 ***/
.tbl03{
	margin: 1.5em 0 0;
	width: 100%;
}
.tbl03 caption{
	font-weight: bold;
}
.tbl03 th{
	padding: 0.5em;
	border: 1px solid #999;
	background-color: #f0f0f0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl03 td{
	padding: 0.5em;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
}

/*** tbl04 ***/
.tbl04{
	margin: 1.5em 0 0;
}
.tbl04 caption{
	font-weight: bold;
}
.tbl04 th{
	padding: 0.5em 1em;
	border: 1px solid #999;
	background-color: #f0f0f0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl04 td{
	padding: 0.5em 1em;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
}

/*** tbl02b ***/
.tbl02b{
	margin: 1.5em 0 0;
}
.tbl02b caption{
	font-weight: bold;
}
.tbl02b th{
	padding: 0.5em 1em;
	border: 1px solid #afa38b;
	background-color: #ede4d0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl02b td{
	padding: 0.5em 1em;
	border: 1px solid #afa38b;
	vertical-align: middle;
	width: 75px;
}

/*** tbl03b ***/
.tbl03b{
	margin: 1.5em 0 0;
	width: 100%;
}
.tbl03b caption{
	font-weight: bold;
}
.tbl03b th{
	padding: 0.5em;
	border: 1px solid #999;
	background-color: #f0f0f0;
	vertical-align: middle;
	font-weight: bold;
}
.tbl03b td{
	padding: 0.5em;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
	width: 20%;
}


.fntBlu2 { color: #039}
td.nowrap {
white-space: nowrap;
}


/* color change */
body.color-default {
  background-color: #fff;
}

body.color-blue {
  background-color: darkblue;
  color: yellow;
}

body.color-blue * {
  background-color: darkblue !important;
  background-image: none !important;
  color: yellow !important;
  border-color: yellow !important;
}

body.color-blue a {
  color: #fff !important;
}

body.color-blue #logo-main img {
  background-color: #fff !important;
}

body.color-yellow {
  background-color: yellow;
  color: black;
}

body.color-yellow * {
  background-color: yellow !important;
  background-image: none !important;
  color: black !important;
  border-color: black !important;
}

body.color-yellow a {
  color: blue !important;
}

body.color-yellow #logo-main img {
  background-color: #fff !important;
}

body.color-black {
  background-color: black;
  color: yellow;
}

body.color-black * {
  background-color: black !important;
  background-image: none !important;
  color: yellow !important;
  border-color: yellow !important;
}

body.color-black a {
  color: #fff !important;
}

body.color-black #logo-main img {
  background-color: #fff !important;
}

body.font-default .font-default img {
  visibility: hidden;
}

body.font-medium #page-content {
  font-size: fz(16);
}

body.font-medium .font-medium img {
  visibility: hidden;
}

body.font-large #page-content {
  font-size: fz(17);
}

body.font-large .font-large img {
  visibility: hidden;
}