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


hr{	border-top:none!important;	background:none!important;	height:1px!important;}

/* ---------------------------------------------------------------- *
	link
 * ---------------------------------------------------------------- */
 
a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	color: #006DD9;
	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{
	text-decoration:underline;
}



/* ---------------------------------------------------------------- *
	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:#FF2626 !important;}
.blue{		color:#003F97 !important;}
.pink{		color:rgb(255, 102, 102) !important;}
.green{		color:rgb(0, 204, 0) !important;}
.purple{	color:rgb(153, 0, 153) !important;}

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

/* margin */
.mt0{	margin-top:0px !important;}
.mt05{	margin-top:5px !important;}
.mt10{	margin-top:10px !important;}
.mt30{	margin-top:30px !important;}
.mt-15{	margin-top:-15px !important;}
.mt-100{	margin-top:-100px !important;}
.mt70{	margin-top:70px !important;}
.ml0{	margin-left:0px !important;}
.ml10{	margin-left:10px !important;}
.ml20{	margin-left:20px !important;}
.ml30{	margin-left:30px !important;}
.mr10{	margin-right:10px !important;}
.mr20{	margin-right:20px !important;}
.mr30{	margin-right:30px !important;}
.mr40{	margin-right:40px !important;}
.mr50{	margin-right:50px !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;}
.mb50{	margin-bottom:50px !important;}
.mAuto{	margin:0 auto;}

/* padding */

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt50{padding-top:50px !important;}
.pr10{padding-right:10px!important;}
.pr20{padding-right:20px !important;}
.pt30{padding-top:30px !important;}
.pl0{padding-left:0px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pAll20{padding:20px!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%!important;}
.wQuad{width:25%!important;}
.wThird{width:30%!important;}
.wHalf_m{width:48%!important;}
.w940{width:940px;	margin:0 auto;}
.w60{	width:60%!important;}
.w70{	width:70%!important;}
.w80{	width:80%!important;}

/* border */

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



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

a .lucid,a.lucid{ -moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;}
a:hover .lucid ,
a.lucid: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;}