@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%
=================================================================== */


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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

ins{ background-color:#ff9; color:#000; text-decoration:none;}
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;}
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{ vertical-align:middle;}



/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font:100%;font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}


body,input,textarea,button{ font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;}

img{ vertical-align:bottom;}
/* ===================================================================
 style info : 各種設定
=================================================================== */


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

body{	-webkit-font-smoothing: antialiased; font-family:  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Roboto, 'Droid Sans', sans-serif;}
input, textarea{
	-webkit-font-smoothing: antialiased;	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;}


span, h1, h2, h3, h4, h5, h6, p, dt, dd, li, tr, th, td{	background:url(bg-p.gif);}
i{	font-style:normal;}
::-moz-selection {background:#2D64AF; color:#fff;}
::selection {background:#2D64AF; color:#fff;}
/* ---------------------------------------------------------------- *
	                                                           link
 * ---------------------------------------------------------------- */
 
a{
	-webkit-tap-highlight-color: rgba(45,100,175, 0.3);
	color: #2C85EE;
	text-decoration:none;
	-moz-transition-property: color,background-color,border,padding,opacity;
	-webkit-transition-property: color,background-color,border,padding,opacity;
	transition-property: color,background-color,border,padding,opacity;
	-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:none;
	color: #0CF;
}


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

.xxx-large{	font-size:182% !important;}
.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;}

.fs15{	font-size:116%!important;}
.fs30{	font-size:30px!important;}

strong{		font-weight:bold;}

.bold{		font-weight:bold !important;}
.red{		color:#D90000 !important;}
.blue{		color:#405DCE !important;}
.purple{	color:#734EAD !important;}
.green{		color:#0B913E !important;}
.green02{		color:#555B1A !important;}
.black{		color:#333333 !important;}

.lh15{ line-height:1.5em;}
.lh18{ line-height:1.8em;}

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

/* margin */
.mt5{	margin-top:5px !important;}
.mt10{	margin-top:10px !important;}
.mt20{	margin-top:20px !important;}
.mt30{	margin-top:30px !important;}
.ml5{	margin-left:5px !important;}
.ml10{	margin-left:10px !important;}
.ml15{	margin-left:10px !important;}
.ml20{	margin-left:20px !important;}
.ml25{	margin-left:25px !important;}
.ml30{	margin-left:30px !important;}
.ml60{	margin-left:60px !important;}
.ml90{	margin-left:90px !important;}
.mr10{	margin-right:10px !important;}
.mr15{	margin-right:15px !important;}
.mr25{	margin-right:25px !important;}
.mr30{	margin-right:30px !important;}
.mr60{	margin-right:60px !important;}
.mb5{	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;}

.mt-50{	margin-top:-50px !important;}
.mt-30{	margin-top:-30px !important;}
.mt-10{	margin-top:-10px !important;}
.mb0{	margin-bottom:0px !important;}
.mt0{	margin-top:0px !important;}
.mt5{	margin-top:5px !important;}
.mr40{	margin-right:40px !important;}
.ml40{	margin-left:40px !important;}
.ml0{	margin-left:0px !important;}
/* padding */

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pr20{padding-right:20px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}
.pl20{padding-left:20px!important;}
.pl10{padding-left:10px!important;}
.pr10{padding-right:10px!important;}

.pA5{padding:5px !important;}
.pb10{padding-bottom:10px !important;}

/* float */

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

/* 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%;}
.wHalf{width:50%;}
.wQuad{width:25%;}
.wThird{width:30%;}
.wHalf_m{width:48%;}
.w440{	width:440px!important;}
.w340{	width:340px!important;}
.w380{	width:380px;}
.w320{	width:320px;}
.w280{	width:280px!important;}
.w220{	width:220px!important;}
.w10{	width:10%!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;}
.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;}
/* border */

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



/* ---------------------------------------------------------------- *
	                                                            img
 * ---------------------------------------------------------------- */

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