@charset "utf-8";
/*===================================================================
	reset
===================================================================*/

/*default*/
body, div, pre, p, blockquote, form, input, textarea, address { margin:0; padding:0; }
p { word-wrap: break-word; word-break: break-all; } /* For Japanese */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

/* list */
dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ol, ul { list-style: none; }

/* table */
table { border-collapse:collapse; border-spacing:0; }
th, td { margin:0; padding:0; }

/* etc */
fieldset, img { margin:0; padding:0; border:0; vertical-align: top; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
caption, th { text-align:left; }


/*===================================================================
	font
===================================================================*/

body {
	font-family:'YuGothic Medium','Lucida Grande','Hiragino Kaku Gothic ProN W6','ヒラギノ角ゴ ProN W6','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	line-height:1.3;
	color: #282828;
}

/*for ie6*/
* html body { font-size:75%; }
/*for ie7*/
*:first-child+html body { font-size:75%; }
/*for ie8*/
head~/* */body { font-size:75%; }
html:not(:target) body { font-size:12px; }

/*以降のコンテンツ内のフォントサイズは=============================
10px＝ 84%　　|　　16px＝134%　　|　　22px＝184%
11px＝ 92%　　|　　17px＝142%　　|　　23px＝192%
12px＝100%　　|　　18px＝150%　　|　　24px＝200%
13px＝109%　　|　　19px＝159%　　|　　25px＝209%
14px＝117%　　|　　20px＝167%　　|　　26px＝217%
15px＝125%　　|　　21px＝175%　　|　　
=================================================================*/

select, input, textarea { font-family: inherit; font-size: 1em; }

h1, h2, h3, h4, h5, h6, form, textarea, blockquote, table, th, td { font-size: 100%; }
pre, code { font: 115% monospace; *font-size: 100%; }

p { line-height: 1.6; }
h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }

a { color:#0082cc; text-decoration:underline; }
a:hover { color:#e57300; text-decoration:none; }


/*===================================================================
	clearfix
===================================================================*/

/* ------ clearfix ------ */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { position:relative; display: inline-block; }

/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */


/* ------ clear ------ */
.clear{ clear:both; display: block; font-size:1px; line-height:0px; }
*html .clear{ height:0px; }

/*===================================================================
	common
===================================================================*/
html{ -webkit-text-size-adjust:100%; } /* iphone フォントサイズの自動サイズを無効化 */

/*===================================================================
	layout
===================================================================*/

/* ------ margin-top ------ */
.mt0	{ margin-top:0 !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; }
.mt60	{ margin-top:60px !important; }
.mt70	{ margin-top:70px !important; }
.mt80	{ margin-top:80px !important; }
.mt90	{ margin-top:90px !important; }
.mt100	{ margin-top:100px !important; }

/* ------ margin-right ------ */
.mr0	{ margin-right:0 !important; }
.mr5	{ margin-right:5px !important; }
.mr10	{ margin-right:10px !important; }
.mr15	{ margin-right:15px !important; }
.mr20	{ margin-right:20px !important; }
.mr25	{ margin-right:25px !important; }
.mr30	{ margin-right:30px !important; }

/* ------ margin-bottom ------ */
.mb0	{ margin-bottom:0 !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; }

/* ------ margin-left ------ */
.ml0	{ margin-left:0 !important; }
.ml5	{ margin-left:5px !important; }
.ml10	{ margin-left:10px !important; }
.ml15	{ margin-left:15px !important; }
.ml20	{ margin-left:20px !important; }
.ml25	{ margin-left:25px !important; }
.ml30	{ margin-left:30px !important; }
.ml35	{ margin-left:35px !important; }
.ml40	{ margin-left:40px !important; }

/* ------ padding-top ------ */
.pt0	{ padding-top:0 !important; }
.pt5	{ padding-top:5px !important; }
.pt10	{ padding-top:10px !important; }
.pt15	{ padding-top:15px !important; }
.pt20	{ padding-top:15px !important; }
.pt25	{ padding-top:25px !important; }
.pt30	{ padding-top:30px !important; }
.pt35	{ padding-top:35px !important; }
.pt40	{ padding-top:40px !important; }

/* ------ padding-right ------ */
.pr0	{ padding-right:0 !important; }
.pr5	{ padding-right:5px !important; }
.pr10	{ padding-right:10px !important; }
.pr15	{ padding-right:15px !important; }
.pr20	{ padding-right:20px !important; }
.pr25	{ padding-right:25px !important; }
.pr30	{ padding-right:30px !important; }
.pr35	{ padding-right:35px !important; }
.pr40	{ padding-right:40px !important; }

/* ------ padding-bottom ------ */
.pb0	{ padding-bottom:0 !important; }
.pb5	{ padding-bottom:5px !important; }
.pb10	{ padding-bottom:10px !important; }
.pb15	{ padding-bottom:15px !important; }
.pb20	{ padding-bottom:20px !important; }
.pb25	{ padding-bottom:25px !important; }
.pb30	{ padding-bottom:30px !important; }
.pb35	{ padding-bottom:35px !important; }
.pb40	{ padding-bottom:40px !important; }

/* ------ padding-left ------ */
.pl0	{ padding-left:0 !important; }
.pl5	{ padding-left:5px !important; }
.pl10	{ padding-left:10px !important; }
.pl15	{ padding-left:15px !important; }
.pl20	{ padding-left:20px !important; }
.pl25	{ padding-left:25px !important; }
.pl30	{ padding-left:30px !important; }
.pl35	{ padding-left:35px !important; }
.pl40	{ padding-left:40px !important; }

/* ------ font-weight ------ */
.fwB	{ font-weight:bold !important; }
.fwN	{ font-weight:normal !important; }

/* ------ background ------ */
.bgW	{ background:#ffffff; }

/* ------ font size ------ */
.fsXS	{ font-size:80%; }
.fsS	{ font-size:90%; }
.fsM	{ font-size:100%; }
.fsL	{ font-size:120%; }
.fsXL	{ font-size:140%; }

/* ------ font decoration ------ */
.fdU	{ text-decoration:underline; }

/* ------ indent ------ */
.indent1	{ padding-left:1em; text-indent:-1em; }
.indent2	{ padding-left:0.5em; text-indent:-0.5em; }
.indent3	{ padding-left:2.2em; text-indent:-2.2em; }

/* ------ letter-spacing ------ */
.ls1	{ letter-spacing:1px; }

/* ------ text-align ------ */
.taC	{ text-align:center; }
.taL	{ text-align:left; }
.taR	{ text-align:right; }

/* ------ vertical-align ------ */
.vaT	{ vertical-align:top !important; }
.vaM	{ vertical-align:middle !important; }

/* ------ float ------ */
.flL	{ float:left; }
.flR	{ float:right; }

/* ------ position ------ */
.pREL	{ position:relative; }

/* ------ pointer ------ */
.pointer	{ cursor:pointer; }

/* ------ nowrap ------ */
.nwrp	{ white-space:nowrap; }

/* ------ word-break ------ */
.wb		{ word-break:break-all; word-wrap: break-word; }
/*===================================================================
	Overwrite
===================================================================*/
header:after,
#container:after,
footer .inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

header,
#container,
footer .inner { position:relative; display: inline-block; }

/* Hides from IE-mac \*/
*html header,
*html #container,
*html footer .inner { height: 1%; }

header,
#container,
footer .inner { display: block; }
/* End hide from IE-mac */