@charset "utf-8";

/* ===================================================================
 style info : 各種設定

fonts
 10px = 77%	 11px = 85%	 12px = 93%	 13px = 100%
 14px = 108%	15px = 116%	16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%	23px = 174%	24px = 182%	25px = 189%
 26px = 197%
=================================================================== */


html{ overflow-y: scroll;}	/* スクロールバーの有無によるズレ対策 */

body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input, textarea{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
img{ vertical-align:bottom;}

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



/* ---------------------------------------------------------------- *
	link
 * ---------------------------------------------------------------- */
 
a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	color: #644135;
	text-decoration: none;
	/*-moz-transition: color 0.15s linear;
	-webkit-transition: color 0.15s linear;
	transition: color 0.15s linear;*/
	-moz-transition-property: color,background-color,border,padding,background-position;
	-webkit-transition-property: color,background-color,border,padding,background-position;
	transition-property: color,background-color,border,padding,background-position;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear;
}
a:link, a:visited{}
a:hover,a.hover, a:active{
	color: #AE9A0F;
}



/* ---------------------------------------------------------------- *
	fonts
 * ---------------------------------------------------------------- */

.xx-large{	font-size:146.5% !important;}
.x-large{	font-size:138.5% !important;}
.large{		font-size:123.1% !important;}
.mid{		font-size:108% !important;}
.small{		font-size:93% !important;}
.x-small{	font-size:85% !important;}
.xx-small{	font-size:77% !important;}

strong{		font-weight:bold;}

.bold{		font-weight:bold !important;}
.red{		color:#D90000 !important;}
.blue{		color:#003F97 !important;}
.brown{ color:#643F33!important;}


/* ---------------------------------------------------------------- *
	space
 * ---------------------------------------------------------------- */

/* margin */
.mt0{	margin-top:0px !important;}
.mt05{	margin-top:5px !important;}
.ml0{	margin-left:0px !important;}
.mt10{	margin-top:10px !important;}
.ml10{	margin-left:10px !important;}
.ml20{	margin-left:20px !important;}
.ml30{	margin-left:30px !important;}
.mr0{	margin-right:0px !important;}
.mr10{	margin-right:10px !important;}
.mr20{	margin-right:20px !important;}
.mr30{	margin-right:30px !important;}
.mb0{	margin-bottom:0px !important;}
.mb05{	margin-bottom:5px !important;}
.mb10{	margin-bottom:10px !important;}
.mb20{	margin-bottom:20px !important;}
.mb30{	margin-bottom:30px !important;}
.mb40{	margin-bottom:40px !important;}

/* padding */

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pr10{padding-right:10px!important;}
.pr20{padding-right:20px !important;}
.pt30{padding-top:10px !important;}
.pl0{padding-left:0px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pb0{padding-bottom:0px!important;}

/* float */

.fL{float:left !important;}
.fR{float:right !important;}

/* text align */

.tL{text-align:left !important;}
.tR{text-align:right !important;}
.tC{text-align:center !important;	text-indent:0em !important;}

/* width */

.wFull{width:100%!important;}
.wHalf{width:50%;}
.wQuad{width:25%;}
.wThird{width:30%;}
.wHalf_m{width:48%;}

/* border */

.b3{border:3px #D6D6D6 solid;}



/* ---------------------------------------------------------------- *
	a
 * ---------------------------------------------------------------- */

a .lucid,a.lucid,a.img01,#header_info ul.n01 li a{ -moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;}
a:hover .lucid ,
#header_info ul.n01 li a:hover,
a.lucid:hover,
a.img01:hover{
	opacity:0.6; -moz-opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';
}

/* ---------------------------------------------------------------- *
	clear
 * ---------------------------------------------------------------- */

.clear{ clear:both; display:block;}

/* micro Clearfix */
.cf:before,
.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}
.cf{ zoom:1;}

/* Legacy Clearfix */
.cfL:after{	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.cfL{display:inline-block;}
* html .cfL{height: 1%;}
.cfL{display: block;}