@charset "utf-8";

/* -------------------------------------------------- */
/* file   : base.css                                  */
/* update : 20011/03/18 T.S                         */
/* -------------------------------------------------- */

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

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,th,td,
form,input,textarea,
p {
	margin: 0;
	padding: 0;
}
img,abbr,acronym,fieldset {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
    vertical-align: top;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
li {
	list-style: none;
}
li img{
	vertical-align: bottom;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}


/* body */
/* -------------------------------------------------- */
html {
	height:100%;
}
body{
	min-width:320px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	background: #fff;
}


/* link */
/* -------------------------------------------------- */
a {
	color: #3366cc;
	text-decoration: none;
	outline: none;
}
a:link { color: #3366cc; }
a:visited { color: #6666cc; }
a:hover { color: #3366cc; text-decoration: underline; }
a:focus { outline: 0; }
a:active{  }

/* common */
/* -------------------------------------------------- */
img {
	width:auto;
	height:auto;
}
* {
	box-sizing:border-box;
}

/* clearfix */
/* -------------------------------------------------- */
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


/**************************
/* グリッド
**************************/


.gridWrapper {
	display: block;
	width: 100%;
}
* html .gridWrapper{height:1%;}

.grid {
	float:left;
}
.rgrid {
	margin-left: 5%;
}


/* background
   ========================================================================== */

.bg-n{ background:none !important;}

/* display
   ========================================================================== */

.d-n{ display:none !important;}
.d-b{ display:block !important;}
.d-ib{display:inline-block !important;}
.d-i{ display:inline !important;}

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

.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}

.fl-l,
.fl-r {
	float: none !important;
}

/* PCボタン */
/* -------------------------------------------------- */
.pc_btn {
	text-align: center;
	padding: 10px 0;
	border-bottom: 5px solid #177950;
}

.mt02 { margin-top: 2px !important; } .mr02 { margin-right: 2px !important; } .mb02 { margin-bottom: 2px !important; } .ml02 { margin-left: 2px !important; }
.mt05 { margin-top: 5px !important; } .mr05 { margin-right: 5px !important; } .mb05 { margin-bottom: 5px !important; } .ml05 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; }
.mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; }
.mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; }


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





@media screen and (max-width: 420px) {



/**************************
/* グリッド
**************************/


.grid {
	float: none;
}
.rgrid {
	margin-left: 0;
}

}