@charset "utf-8";

/* ==========================================================================
   RESET CSS
========================================================================== */

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

html {
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

input, textarea, {
 margin: 0;
 padding: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

a:focus {
	outline: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both {
	clear: both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

img {
	margin: 0px;
	padding: 0px;
	display: block;
}

/* ==========================================================================
   FONT
========================================================================== */

body, input {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #525252;
}


/* ==========================================================================
   Browse Happy prompt
========================================================================== */

.browserupgrade {
	color: #FFF;
	background-color: #F30;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
	padding-top: 0.2em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 0;
}

.browserupgrade a:link,
.browserupgrade a:visited {
	color: #FF0;
	text-decoration: underline;
}

.browserupgrade a:hover,
.browserupgrade a:active {
	text-decoration: none;
}

/* ==========================================================================
   COMMON
========================================================================== */

/* margin */
.m0 { margin:0px !important; }
.m5 { margin:5px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m25 { margin:25px !important; }
.m30 { margin:30px !important; }
.m35 { margin:35px !important; }
.m40 { margin:40px !important; }
.m45 { margin:45px !important; }
.m50 { margin:50px !important; }
.m55 { margin:55px !important; }
.m60 { margin:60px !important; }
.m65 { margin:65px !important; }
.m70 { margin:70px !important; }
.m75 { margin:75px !important; }
.m80 { margin:80px !important; }
.m85 { margin:85px !important; }
.m90 { margin:90px !important; }
.m95 { margin:95px !important; }
.m100 { margin:100px !important; }

/* margin-top */
.mt0 { margin-top:0px !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; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }
.mt65 { margin-top:65px !important; }
.mt70 { margin-top:70px !important; }
.mt75 { margin-top:75px !important; }
.mt80 { margin-top:80px !important; }
.mt85 { margin-top:85px !important; }
.mt90 { margin-top:90px !important; }
.mt95 { margin-top:95px !important; }
.mt100 { margin-top:100px !important; }

/* margin-bottom */
.mb0 { margin-bottom:0px !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; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }
.mb65 { margin-bottom:65px !important; }
.mb70 { margin-bottom:70px !important; }
.mb75 { margin-bottom:75px !important; }
.mb80 { margin-bottom:80px !important; }
.mb85 { margin-bottom:85px !important; }
.mb90 { margin-bottom:90px !important; }
.mb95 { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }

/* margin-left */
.ml0 { margin-left:0px !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; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:55px !important; }
.ml60 { margin-left:60px !important; }
.ml65 { margin-left:65px !important; }
.ml70 { margin-left:70px !important; }
.ml75 { margin-left:75px !important; }
.ml80 { margin-left:80px !important; }
.ml85 { margin-left:85px !important; }
.ml90 { margin-left:90px !important; }
.ml95 { margin-left:95px !important; }
.ml100 { margin-left:100px !important; }

/* margin-right */
.mr0 { margin-right:0px !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; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr55 { margin-right:55px !important; }
.mr60 { margin-right:60px !important; }
.mr65 { margin-right:65px !important; }
.mr70 { margin-right:70px !important; }
.mr75 { margin-right:75px !important; }
.mr80 { margin-right:80px !important; }
.mr85 { margin-right:85px !important; }
.mr90 { margin-right:90px !important; }
.mr95 { margin-right:95px !important; }
.mr100 { margin-right:100px !important; }

/* padding */
.p0 { padding:0px !important; }
.p5 { padding:5px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.p50 { padding:50px !important; }
.p55 { padding:55px !important; }
.p60 { padding:60px !important; }
.p65 { padding:65px !important; }
.p70 { padding:70px !important; }
.p75 { padding:75px !important; }
.p80 { padding:80px !important; }
.p85 { padding:85px !important; }
.p90 { padding:90px !important; }
.p95 { padding:95px !important; }
.p100 { padding:100px !important; }

/* padding-top */
.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt55 { padding-top:55px !important; }
.pt60 { padding-top:60px !important; }
.pt65 { padding-top:65px !important; }
.pt70 { padding-top:70px !important; }
.pt75 { padding-top:75px !important; }
.pt80 { padding-top:80px !important; }
.pt85 { padding-top:85px !important; }
.pt90 { padding-top:90px !important; }
.pt95 { padding-top:95px !important; }
.pt100 { padding-top:100px !important; }

/* padding-bottom */
.pb0 { padding-bottom:0px !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; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pb55 { padding-bottom:55px !important; }
.pb60 { padding-bottom:60px !important; }
.pb65 { padding-bottom:65px !important; }
.pb70 { padding-bottom:70px !important; }
.pb75 { padding-bottom:75px !important; }
.pb80 { padding-bottom:80px !important; }
.pb85 { padding-bottom:85px !important; }
.pb90 { padding-bottom:90px !important; }
.pb95 { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }

/* padding-left */
.pl0 { padding-left:0px !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; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pl55 { padding-left:55px !important; }
.pl60 { padding-left:60px !important; }
.pl65 { padding-left:65px !important; }
.pl70 { padding-left:70px !important; }
.pl75 { padding-left:75px !important; }
.pl80 { padding-left:80px !important; }
.pl85 { padding-left:85px !important; }
.pl90 { padding-left:90px !important; }
.pl95 { padding-left:95px !important; }
.pl100 { padding-left:100px !important; }

/* padding-right */
.pr0 { padding-right:0px !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; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pr55 { padding-right:55px !important; }
.pr60 { padding-right:60px !important; }
.pr65 { padding-right:65px !important; }
.pr70 { padding-right:70px !important; }
.pr75 { padding-right:75px !important; }
.pr80 { padding-right:80px !important; }
.pr85 { padding-right:85px !important; }
.pr90 { padding-right:90px !important; }
.pr95 { padding-right:95px !important; }
.pr100 { padding-right:100px !important; }

/* font-size */
.font8 { font-size:8px !important; }
.font9 { font-size:9px !important; }
.font10 { font-size:10px !important; }
.font11 { font-size:11px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font15 { font-size:15px !important; }
.font16 { font-size:16px !important; }
.font17 { font-size:17px !important; }
.font18 { font-size:18px !important; }
.font19 { font-size:19px !important; }
.font20 { font-size:20px !important; }
.font21 { font-size:21px !important; }
.font22 { font-size:22px !important; }
.font23 { font-size:23px !important; }
.font24 { font-size:24px !important; }
.font25 { font-size:25px !important; }
.font26 { font-size:26px !important; }
.font27 { font-size:27px !important; }
.font28 { font-size:28px !important; }
.font29 { font-size:29px !important; }
.font30 { font-size:30px !important; }

/* color */
.red { color: #e50030 !important; }
.redpink { color: #ff6699 !important; }
.pink { color: #ff3399 !important; }
.blue { color: #6A7BBB !important; }
.green { color: #009B4B !important; }
.white { color: #ffffff !important; }
.orange { color: #EF8743 !important; }
.gold { color: #D0A31A !important; }
.gray { color: #CCCCCC !important; }
.black { color: #000 !important; }

/* text-align */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.ls1 { letter-spacing:1px !important; }
.vtop { vertical-align:top !important; }
.vmiddle { vertical-align:middle !important; }

/* link */
a,input:focus { outline:none;}
a:link, a:visited { color: #005dfe; text-decoration: underline; }
a:hover, a:active { color: #005dfe; text-decoration: none; }

/* break-word */
.breakword { word-wrap:break-word; }

/* float */
.floatl { float:left !important; }
.floatr { float:right !important; }
.clear { clear:both !important; }

/* alpha */
.alpha25 { filter: alpha(opacity=25) !important; -moz-opacity: 0.25 !important; opacity: 0.25 !important; }
.alpha50 { filter: alpha(opacity=50) !important; -moz-opacity: 0.5 !important; opacity: 0.5 !important; }
.alpha60 { filter: alpha(opacity=60) !important; -moz-opacity: 0.6 !important; opacity: 0.6 !important; }
.alpha80 { filter: alpha(opacity=80) !important; -moz-opacity: 0.8 !important; opacity: 0.8 !important; }

.grayBG {
	background-color: #f0f0f0;
}

.purpleBG {
	background-color: #f8f3fd;
}

.blueBG {
	background-color: #e8f0ff;
}