@charset "utf-8";

/* ================================ reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;font-weight:normal}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; margin:0px; padding:0px;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
p {margin:0px;padding:0px;}
img{vertical-align:bottom;}


/* ================================ body */
body {
	color:#5a5a5a;
	font-size:16px;
	line-height:30px;
	font-family:"century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}


/* ================================ background */
body {
	background:url(../img/bg.png) repeat;
	}


/* ================================ link */
a{ color: inherit;}

a:link,
a:visited,
a:active{ color:#FFF; text-decoration: none;}
a:hover { color:#FFF; text-decoration: underline;}


/* ================================ float */
.Left { float:left;}
.Right{ float:right;}


/* ================================ clearfix */
.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;
	}


/* ================================ Magnific Popup title */
.mfp-title {
	position:absolute;
	padding-top:5px;
	color:#FFF;
	font-size:12px;
	}


/* ======================================= */
/* padding                                 */
/* ======================================= */

.pleft05{padding-left: 5px;}
.pleft10{padding-left:10px;}
.pleft15{padding-left:15px;}
.pleft20{padding-left:20px;}
.pleft25{padding-left:25px;}
.pleft30{padding-left:30px;}

.pright05{padding-right: 5px;}
.pright10{padding-right:10px;}
.pright15{padding-right:15px;}
.pright20{padding-right:20px;}
.pright25{padding-right:25px;}
.pright30{padding-right:30px;}

.ptop05{padding-top: 5px;}
.ptop10{padding-top:10px;}
.ptop15{padding-top:15px;}
.ptop20{padding-top:20px;}
.ptop25{padding-top:25px;}
.ptop30{padding-top:30px;}

.pbottom05{padding-bottom: 5px;}
.pbottom10{padding-bottom:10px;}
.pbottom15{padding-bottom:15px;}
.pbottom20{padding-bottom:20px;}
.pbottom25{padding-bottom:25px;}
.pbottom30{padding-bottom:30px;}



/* ======================================= */
/* margin                                  */
/* ======================================= */

.mleft05{margin-left: 5px;}
.mleft10{margin-left:10px;}
.mleft15{margin-left:15px;}
.mleft20{margin-left:20px;}
.mleft25{margin-left:25px;}
.mleft30{margin-left:30px;}

.mright05{margin-right: 5px;}
.mright10{margin-right:10px;}
.mright15{margin-right:15px;}
.mright20{margin-right:20px;}
.mright25{margin-right:25px;}
.mright30{margin-right:30px;}

.mtop05{margin-top: 5px;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop25{margin-top:25px;}
.mtop30{margin-top:30px;}

.mbottom05{margin-bottom: 5px;}
.mbottom10{margin-bottom:10px;}
.mbottom15{margin-bottom:15px;}
.mbottom20{margin-bottom:20px;}
.mbottom25{margin-bottom:25px;}
.mbottom30{margin-bottom:30px;}
.mbottom40{margin-bottom:40px;}
.mbottom50{margin-bottom:50px;}
.mbottom60{margin-bottom:60px;}



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

.fsize10{font-size:10px;}
.fsize12{font-size:12px;}
.fsize14{font-size:14px;}
.fsize16{font-size:16px;}
.fsize18{font-size:18px;}
.fsize20{font-size:20px;}
.fsize22{font-size:22px;}
.fsize24{font-size:24px;}
.fsize26{font-size:26px;}
.fsize28{font-size:28px;}
.fsize30{font-size:30px;}
.fsize32{font-size:32px;}
.fsize34{font-size:34px;}
.fsize36{font-size:36px;}
.fsize38{font-size:38px;}
.fsize40{font-size:40px;}

.fbold{font-weight:700;}



/* ======================================= */
/* border-radius                           */
/* ======================================= */

.bradius03{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.bradius05{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.bradius08{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.bradius10{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.bradius12{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.bradius15{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.bradius20{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}



/* ======================================= */
/* text-align                              */
/* ======================================= */

.tacenter{text-align:center;}
.taleft  {text-align:left;}
.taright {text-align:right;}