@charset "utf-8";

/*----- html5 -----*/

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

/*----- reset -----*/

* {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	zoom:1;
}

p{
	line-height:100%;
}

html,body{
	width:100%;
	height:100%;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

a img {
	border: none;
}

li {
	list-style: none;
}

strong {
	font-weight: bold;
}

h1,h2,h3,h4 {
	font-weight:normal;
	font-size:100%;
}

a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #000;
	text-decoration: none;
}

/*
a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}*/

/*----- class -----*/

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

.clearfix{
	display:inline-block;
	}

/*hides IE-mac \*/
*html .clearfix{height:1%}
.clearfix{display:block;}
/*hide  IE-mac */

.center{
	position:absolute;
}

/* ---- font -----*/

html {
	font: 10px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: x-small;
	*font: x-small;
	color:#333;
	line-height:1.6;
}

:first-child + html body {
    font-size: 100%;
}

* html body {
    font-size: 100%;
}

.fs14{
	font-size:14px;
	}
	

.fs12{
	font-size:12px!important;
	}

.fsred{
	color:#DD2B2E;
	}


/* ---- iPhone -----*/

html{
	-webkit-text-size-adjust: none;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* utilities */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


/* Margin */
/* bottom */
.mb-5 {	margin-bottom: -25px; }
.mb5 {	margin-bottom: 5px; }
.mb10 {	margin-bottom: 10px; }
.mb15 {	margin-bottom: 15px; }
.mb20 {	margin-bottom: 20px; }
.mb25 {	margin-bottom: 25px; }
.mb30 {	margin-bottom: 30px; }
.mb35 {	margin-bottom: 35px; }
.mb40 {	margin-bottom: 40px; }
.mb45 {	margin-bottom: 45px; }
.mb50 {	margin-bottom: 50px; }
.mb90 {	margin-bottom: 90px; }
/* right */
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
/* top */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
/* left */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}


/* Padding */
/* top */
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
/* bottom */
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
/* left */
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
/* right */
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}


/* Align */
.alignL {text-align:left}
.alignR {text-align:right}
.alignC {text-align:center}




/* width */
.width30 {width: 27%;}
.width40 {width: 37%;}
.width50 {width: 47%;}
.width55 {width: 52%;}
.width60 {width: 57%;}
.width70 {width: 67%;}


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


/* vertical-align */
.VerTop{vertical-align:top;}
.VerMid{vertical-align:central;}


/* font-size */
.fs12{font-size: 12px;}
.fs10{font-size: 10px;}
.fs14{font-size: 14px;}