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

参考：http://www.html5-memo.com/first-html5/html5-002/
*/

/*=======================================================================
=
=	reset
=
=======================================================================*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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%;
	font-weight: normal;
	vertical-align:baseline;
	background:transparent;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
}

html,body {
	height: 100%;
}

/*行の高さをフォントサイズと同じにしています*/
body {
	line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul, li {
	list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
	text-align: left;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:0;
	padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}

/*画像を縦に並べたときに余白が出てしまわないように防ぐ*/
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;

vertical-align: bottom;
}

.img100 {
	width: 100%;
	height: auto;
	display: block;
}

ul li a img {
	display: block;
}




.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */




/*=======================================================================
=
=	common
=
=	参考サイト
=	フォントサイズ：http://html5-css3.jp/tips/css3-rem.html
=   firefoxでホバーした時にズレるバグ回避：
=   http://marinebell.net/blog/2013/10/01/div%E3%82%92%E3%82%BF%E3%82%B0%E3%81%A7%E3%81%8F%E3%82%8B%E3%82%93%E3%81%A0%E6%99%82%E3%81%AEhover%E3%81%AEopacity%E8%A8%AD%E5%AE%9A/
=
=======================================================================*/

html {
	color: #2d2d2d;
	font-size: 62.5%;
}

body {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}


a {
	color: #ff0000;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

.d_b {
	display: block;
}

.ta_c {
	text-align: center;
}

.ta_l {
	text-align: left;
}

.ta_r {
	text-align: right;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.fw_b {
	font-weight: bold;
}

.wb_ba {
	word-break: break-all;
}


.p_re {
	position: relative;
}

.p_ab {
	position: absolute;
}

.p_fx {
	position: fixed;
}



.pl3 {
	padding-left: 3%;
}

.pr3 {
	padding-right: 3%;
}


.w960pa {
	min-width: 960px;
	width: 960px;
	margin: 0 auto;
}

.w980pa {
	min-width: 980px;
	width: 980px;
	margin: 0 auto;
}

.m0a {
	margin: 0 auto;
}



.opa10:hover { opacity: 0.1; background-color:transparent; }
.opa20:hover { opacity: 0.2; background-color:transparent; }
.opa30:hover { opacity: 0.3; background-color:transparent; }
.opa40:hover { opacity: 0.4; background-color:transparent; }
.opa50:hover { opacity: 0.5; background-color:transparent; }
.opa60:hover { opacity: 0.6; background-color:transparent; }
.opa70:hover { opacity: 0.7; background-color:transparent; }
.opa80:hover { opacity: 0.8; background-color:transparent; }
.opa90:hover { opacity: 0.9; background-color:transparent; }



.fs02 { font-size: 2px; font-size: 0.2rem; }
.fs03 { font-size: 3px; font-size: 0.3rem; }
.fs04 { font-size: 4px; font-size: 0.4rem; }
.fs05 { font-size: 5px; font-size: 0.5rem; }
.fs06 { font-size: 6px; font-size: 0.6rem; }
.fs07 { font-size: 7px; font-size: 0.7rem; }
.fs08 { font-size: 8px; font-size: 0.8rem; }
.fs09 { font-size: 9px; font-size: 0.9rem; }

.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs17 { font-size: 17px; font-size: 1.7rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }

.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs21 { font-size: 21px; font-size: 2.1rem; }
.fs22 { font-size: 22px; font-size: 2.2rem; }
.fs23 { font-size: 23px; font-size: 2.3rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs25 { font-size: 25px; font-size: 2.5rem; }
.fs26 { font-size: 26px; font-size: 2.6rem; }
.fs27 { font-size: 27px; font-size: 2.7rem; }
.fs28 { font-size: 28px; font-size: 2.8rem; }
.fs29 { font-size: 29px; font-size: 2.9rem; }

.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs31 { font-size: 31px; font-size: 3.1rem; }
.fs32 { font-size: 32px; font-size: 3.2rem; }
.fs33 { font-size: 33px; font-size: 3.3rem; }
.fs34 { font-size: 34px; font-size: 3.4rem; }
.fs35 { font-size: 35px; font-size: 3.5rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs37 { font-size: 37px; font-size: 3.7rem; }
.fs38 { font-size: 38px; font-size: 3.8rem; }
.fs39 { font-size: 39px; font-size: 3.9rem; }

.fs40 { font-size: 40px; font-size: 4.0rem; }




.w02 { width: 2% !important; }
.w04 { width: 4% !important; }
.w06 { width: 6% !important; }
.w08 { width: 8% !important; }
.w10 { width: 10% !important; }

.w12 { width: 12% !important; }
.w14 { width: 14% !important; }
.w16 { width: 16% !important; }
.w18 { width: 18% !important; }
.w20 { width: 20% !important; }

.w22 { width: 22% !important; }
.w24 { width: 24% !important; }
.w26 { width: 26% !important; }
.w28 { width: 28% !important; }
.w30 { width: 30% !important; }

.w32 { width: 32% !important; }
.w34 { width: 34% !important; }
.w36 { width: 36% !important; }
.w38 { width: 38% !important; }
.w40 { width: 40% !important; }

.w42 { width: 42% !important; }
.w44 { width: 44% !important; }
.w46 { width: 46% !important; }
.w48 { width: 48% !important; }
.w50 { width: 50% !important; }

.w52 { width: 52% !important; }
.w54 { width: 54% !important; }
.w56 { width: 56% !important; }
.w58 { width: 58% !important; }
.w60 { width: 60% !important; }

.w62 { width: 62% !important; }
.w64 { width: 64% !important; }
.w66 { width: 66% !important; }
.w68 { width: 68% !important; }
.w70 { width: 70% !important; }

.w72 { width: 72% !important; }
.w74 { width: 74% !important; }
.w76 { width: 76% !important; }
.w78 { width: 78% !important; }
.w80 { width: 80% !important; }

.w82 { width: 82% !important; }
.w84 { width: 84% !important; }
.w86 { width: 86% !important; }
.w88 { width: 88% !important; }
.w90 { width: 90% !important; }

.w92 { width: 92% !important; }
.w94 { width: 94% !important; }
.w96 { width: 96% !important; }
.w98 { width: 98% !important; }
.w100 { width: 100% !important; }





.pt1 { padding-top: 1% !important; }
.pt2 { padding-top: 2% !important; }
.pt3 { padding-top: 3% !important; }
.pt4 { padding-top: 4% !important; }
.pt5 { padding-top: 5% !important; }
.pt6 { padding-top: 6% !important; }
.pt7 { padding-top: 7% !important; }
.pt8 { padding-top: 8% !important; }
.pt9 { padding-top: 9% !important; }

.pt10 { padding-top: 10% !important; }



.mt1 { margin-top: 1% !important; }
.mt2 { margin-top: 2% !important; }
.mt3 { margin-top: 3% !important; }
.mt4 { margin-top: 4% !important; }
.mt5 { margin-top: 5% !important; }
.mt6 { margin-top: 6% !important; }
.mt7 { margin-top: 7% !important; }
.mt8 { margin-top: 8% !important; }
.mt9 { margin-top: 9% !important; }

.mt10 { margin-top: 10% !important; }







.pb1 { padding-bottom: 1% !important; }
.pb2 { padding-bottom: 2% !important; }
.pb3 { padding-bottom: 3% !important; }
.pb4 { padding-bottom: 4% !important; }
.pb5 { padding-bottom: 5% !important; }
.pb6 { padding-bottom: 6% !important; }
.pb7 { padding-bottom: 7% !important; }
.pb8 { padding-bottom: 8% !important; }
.pb9 { padding-bottom: 9% !important; }

.pb10 { padding-bottom: 10% !important; }



.mb1 { margin-bottom: 1% !important; }
.mb2 { margin-bottom: 2% !important; }
.mb3 { margin-bottom: 3% !important; }
.mb4 { margin-bottom: 4% !important; }
.mb5 { margin-bottom: 5% !important; }
.mb6 { margin-bottom: 6% !important; }
.mb7 { margin-bottom: 7% !important; }
.mb8 { margin-bottom: 8% !important; }
.mb9 { margin-bottom: 9% !important; }

.mb10 { margin-bottom: 10% !important; }







.pt2p { padding-top: 2px !important; }
.pt4p { padding-top: 4px !important; }
.pt6p { padding-top: 6px !important; }
.pt8p { padding-top: 8px !important; }

.pt10p { padding-top: 10px !important; }
.pt12p { padding-top: 12px !important; }
.pt14p { padding-top: 14px !important; }
.pt16p { padding-top: 16px !important; }
.pt18p { padding-top: 18px !important; }

.pt20p { padding-top: 20px !important; }
.pt22p { padding-top: 22px !important; }
.pt24p { padding-top: 24px !important; }
.pt26p { padding-top: 26px !important; }
.pt28p { padding-top: 28px !important; }

.pt30p { padding-top: 30px !important; }
.pt32p { padding-top: 32px !important; }
.pt34p { padding-top: 34px !important; }
.pt36p { padding-top: 36px !important; }
.pt38p { padding-top: 38px !important; }

.pt40p { padding-top: 40px !important; }
.pt42p { padding-top: 42px !important; }
.pt44p { padding-top: 44px !important; }
.pt46p { padding-top: 46px !important; }
.pt48p { padding-top: 48px !important; }

.pt50p { padding-top: 50px !important; }
.pt52p { padding-top: 52px !important; }
.pt54p { padding-top: 54px !important; }
.pt56p { padding-top: 56px !important; }
.pt58p { padding-top: 58px !important; }

.pt60p { padding-top: 60px !important; }


.mt2p { margin-top: 2px !important; }
.mt4p { margin-top: 4px !important; }
.mt6p { margin-top: 6px !important; }
.mt8p { margin-top: 8px !important; }

.mt10p { margin-top: 10px !important; }
.mt12p { margin-top: 12px !important; }
.mt14p { margin-top: 14px !important; }
.mt16p { margin-top: 16px !important; }
.mt18p { margin-top: 18px !important; }

.mt20p { margin-top: 20px !important; }
.mt22p { margin-top: 22px !important; }
.mt24p { margin-top: 24px !important; }
.mt26p { margin-top: 26px !important; }
.mt28p { margin-top: 28px !important; }

.mt30p { margin-top: 30px !important; }
.mt32p { margin-top: 32px !important; }
.mt34p { margin-top: 34px !important; }
.mt36p { margin-top: 36px !important; }
.mt38p { margin-top: 38px !important; }

.mt40p { margin-top: 40px !important; }
.mt42p { margin-top: 42px !important; }
.mt44p { margin-top: 44px !important; }
.mt46p { margin-top: 46px !important; }
.mt48p { margin-top: 48px !important; }

.mt50p { margin-top: 50px !important; }
.mt52p { margin-top: 52px !important; }
.mt54p { margin-top: 54px !important; }
.mt56p { margin-top: 56px !important; }
.mt58p { margin-top: 58px !important; }

.mt60p { margin-top: 60px !important; }





.pb2p { padding-bottom: 2px !important; }
.pb4p { padding-bottom: 4px !important; }
.pb6p { padding-bottom: 6px !important; }
.pb8p { padding-bottom: 8px !important; }

.pb10p { padding-bottom: 10px !important; }
.pb12p { padding-bottom: 12px !important; }
.pb14p { padding-bottom: 14px !important; }
.pb16p { padding-bottom: 16px !important; }
.pb18p { padding-bottom: 18px !important; }

.pb20p { padding-bottom: 20px !important; }
.pb22p { padding-bottom: 22px !important; }
.pb24p { padding-bottom: 24px !important; }
.pb26p { padding-bottom: 26px !important; }
.pb28p { padding-bottom: 28px !important; }

.pb30p { padding-bottom: 30px !important; }
.pb32p { padding-bottom: 32px !important; }
.pb34p { padding-bottom: 34px !important; }
.pb36p { padding-bottom: 36px !important; }
.pb38p { padding-bottom: 38px !important; }

.pb40p { padding-bottom: 40px !important; }
.pb42p { padding-bottom: 42px !important; }
.pb44p { padding-bottom: 44px !important; }
.pb46p { padding-bottom: 46px !important; }
.pb48p { padding-bottom: 48px !important; }

.pb50p { padding-bottom: 50px !important; }
.pb52p { padding-bottom: 52px !important; }
.pb54p { padding-bottom: 54px !important; }
.pb56p { padding-bottom: 56px !important; }
.pb58p { padding-bottom: 58px !important; }

.pb60p { padding-bottom: 60px !important; }



.mb2p { margin-bottom: 2px !important; }
.mb4p { margin-bottom: 4px !important; }
.mb6p { margin-bottom: 6px !important; }
.mb8p { margin-bottom: 8px !important; }

.mb10p { margin-bottom: 10px !important; }
.mb12p { margin-bottom: 12px !important; }
.mb14p { margin-bottom: 14px !important; }
.mb16p { margin-bottom: 16px !important; }
.mb18p { margin-bottom: 18px !important; }

.mb20p { margin-bottom: 20px !important; }
.mb22p { margin-bottom: 22px !important; }
.mb24p { margin-bottom: 24px !important; }
.mb26p { margin-bottom: 26px !important; }
.mb28p { margin-bottom: 28px !important; }

.mb30p { margin-bottom: 30px !important; }
.mb32p { margin-bottom: 32px !important; }
.mb34p { margin-bottom: 34px !important; }
.mb36p { margin-bottom: 36px !important; }
.mb38p { margin-bottom: 38px !important; }

.mb40p { margin-bottom: 40px !important; }
.mb42p { margin-bottom: 42px !important; }
.mb44p { margin-bottom: 44px !important; }
.mb46p { margin-bottom: 46px !important; }
.mb48p { margin-bottom: 48px !important; }

.mb50p { margin-bottom: 50px !important; }
.mb52p { margin-bottom: 52px !important; }
.mb54p { margin-bottom: 54px !important; }
.mb56p { margin-bottom: 56px !important; }
.mb58p { margin-bottom: 58px !important; }

.mb60p { margin-bottom: 60px !important; }



.pl0p { padding-left: 0px !important; }
.pl2p { padding-left: 2px !important; }
.pl4p { padding-left: 4px !important; }
.pl6p { padding-left: 6px !important; }
.pl8p { padding-left: 8px !important; }

.pl10p { padding-left: 10px !important; }
.pl12p { padding-left: 12px !important; }
.pl14p { padding-left: 14px !important; }
.pl16p { padding-left: 16px !important; }
.pl18p { padding-left: 18px !important; }

.pl20p { padding-left: 20px !important; }
.pl30p { padding-left: 30px !important; }
.pl40p { padding-left: 40px !important; }
.pl50p { padding-left: 50px !important; }
.pl60p { padding-left: 60px !important; }


.ml0p { margin-left: 0px !important; }
.ml2p { margin-left: 2px !important; }
.ml4p { margin-left: 4px !important; }
.ml6p { margin-left: 6px !important; }
.ml8p { margin-left: 8px !important; }

.ml10p { margin-left: 10px !important; }
.ml12p { margin-left: 12px !important; }
.ml14p { margin-left: 14px !important; }
.ml16p { margin-left: 16px !important; }
.ml18p { margin-left: 18px !important; }

.ml20p { margin-left: 20px !important; }
.ml30p { margin-left: 30px !important; }
.ml40p { margin-left: 40px !important; }
.ml50p { margin-left: 50px !important; }
.ml60p { margin-left: 60px !important; }




.pr0p { padding-right: 0px !important; }
.pr2p { padding-right: 2px !important; }
.pr4p { padding-right: 4px !important; }
.pr6p { padding-right: 6px !important; }
.pr8p { padding-right: 8px !important; }

.pr10p { padding-right: 10px !important; }
.pr12p { padding-right: 12px !important; }
.pr14p { padding-right: 14px !important; }
.pr16p { padding-right: 16px !important; }
.pr18p { padding-right: 18px !important; }

.pr20p { padding-right: 20px !important; }
.pr30p { padding-right: 30px !important; }
.pr40p { padding-right: 40px !important; }
.pr50p { padding-right: 50px !important; }
.pr60p { padding-right: 60px !important; }


.mr0p { margin-right: 0px !important; }
.mr2p { margin-right: 2px !important; }
.mr4p { margin-right: 4px !important; }
.mr6p { margin-right: 6px !important; }
.mr8p { margin-right: 8px !important; }

.mr10p { margin-right: 10px !important; }
.mr12p { margin-right: 12px !important; }
.mr14p { margin-right: 14px !important; }
.mr16p { margin-right: 16px !important; }
.mr18p { margin-right: 18px !important; }

.mr20p { margin-right: 20px !important; }
.mr30p { margin-right: 30px !important; }
.mr40p { margin-right: 40px !important; }
.mr50p { margin-right: 50px !important; }
.mr60p { margin-right: 60px !important; }