@charset "UTF-8";

html,
button,
input,
select,
textarea {
  color: #333;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
	border: none;
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}


/* ==========================================================================
 custom styles
   ========================================================================== */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}


ul,ol,li,dl,dt,dd{
	list-style-type:none;
	list-style-position:outside;
}


/*-----------------------------------------------------

BODY

-------------------------------------------------------*/

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
	font-size: 1em;
	/* font-family: Verdana, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", 'YuGothic', "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", 'Meiryo', sans-serif; */
  font-family: Verdana, "メイリオ", 'Meiryo', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", 'YuGothic', "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}


/*-----------------------------------------------------

TEXT

-------------------------------------------------------*/

p{
	margin-bottom: 1.5em;
	font-size: 93%;
	line-height: 1.7;
}

.text10 { font-size:72% !important; }
.text11 { font-size:79% !important; }
.text12 { font-size:86% !important; }
.text13 { font-size:93% !important; }
.text14 { font-size:100% !important; }
.text15 { font-size:108% !important; }
.text16 { font-size:115% !important; }
.text17 { font-size:122% !important; }
.text18 { font-size:129% !important; }
.text19 { font-size:136% !important; }
.text20 { font-size:143% !important; }
.text21 { font-size:150% !important; }
.text22 { font-size:158% !important; }
.text23 { font-size:165% !important; }
.text24 { font-size:172% !important; }
.text25 { font-size:179% !important; }
.text26 { font-size:186% !important; }

.fs70 { font-size: 0.7em !important;}
.fs80 { font-size: 0.8em !important;}
.fs90 { font-size: 0.9em !important;}
.fs100{ font-size: 1em !important;}
.fs110{ font-size: 1.1em !important;}
.fs120{ font-size: 1.2em !important;}
.fs130{ font-size: 1.3em !important;}
.fs140{ font-size: 1.4em !important;}
.fs150{ font-size: 1.5em !important;}




/*-----------------------------------------------------

MARGIN, PADDING

-------------------------------------------------------*/
.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;}
.mt60{ margin-top: 60px !important;}
.mt70{ margin-top: 70px !important;}
.mt80{ margin-top: 80px !important;}
.mt90{ margin-top: 90px !important;}
.mt100{ margin-top:100px !important;}

.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;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb100{ margin-bottom:100px !important;}

.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;}
.ml60{ margin-left: 60px !important;}
.ml70{ margin-left: 70px !important;}
.ml80{ margin-left: 80px !important;}
.ml90{ margin-left: 90px !important;}
.ml100{ margin-left:100px !important;}

.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;}
.mr60{ margin-right: 60px !important;}
.mr70{ margin-right: 70px !important;}
.mr80{ margin-right: 80px !important;}
.mr90{ margin-right: 90px !important;}
.mr100{ margin-right:100px !important;}

.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: 34px !important;}
.pt40{ padding-top: 40px !important;}
.pt45{ padding-top: 45px !important;}
.pt50{ padding-top: 50px !important;}
.pt60{ padding-top: 60px !important;}
.pt70{ padding-top: 70px !important;}
.pt80{ padding-top: 80px !important;}
.pt90{ padding-top: 90px !important;}
.pt100{ padding-top:100px !important;}

.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;}
.pb60{ padding-bottom: 60px !important;}
.pb70{ padding-bottom: 70px !important;}
.pb80{ padding-bottom: 80px !important;}
.pb90{ padding-bottom: 90px !important;}
.pb100{ padding-bottom:100px !important;}

.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;}
.pl60{ padding-left: 60px !important;}
.pl70{ padding-left: 70px !important;}
.pl80{ padding-left: 80px !important;}
.pl90{ padding-left: 90px !important;}
.pl100{ padding-left:100px !important;}

.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;}
.pr60{ padding-right: 60px !important;}
.pr70{ padding-right: 70px !important;}
.pr80{ padding-right: 80px !important;}
.pr90{ padding-right: 90px !important;}
.pr100{ padding-right:100px !important;}


/*-----------------------------------------------------

WIDTH

-------------------------------------------------------*/
.width0{ width:0 !important;}
.width5{ width: 5% !important;}
.width10{ width: 10% !important;}
.width15{ width: 15% !important;}
.width20{ width: 20% !important;}
.width25{ width: 25% !important;}
.width30{ width: 30% !important;}
.width35{ width: 35% !important;}
.width40{ width: 40% !important;}
.width45{ width: 45% !important;}
.width50{ width: 50% !important;}
.width55{ width: 55% !important;}
.width60{ width: 60% !important;}
.width65{ width: 65% !important;}
.width70{ width: 70% !important;}
.width75{ width: 75% !important;}
.width80{ width: 80% !important;}
.width85{ width: 85% !important;}
.width90{ width: 90% !important;}
.width95{ width: 95% !important;}
.width100{ width: 100% !important;}


/*-----------------------------------------------------

FLOAT, ALIGN

-------------------------------------------------------*/
.floatL{ float: left;}
.floatR{ float: right;}

.alignL{ text-align: left;}
.alignC{ text-align: center;}
.alignR{ text-align: right;}
.alignC img{ margin: 0 auto;}

.textR{	text-align: right;}
.textC{	text-align: center;}
.textL{	text-align: left;}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	font-style: normal;
	line-height: 0px;
	font-weight: normal;
	font-variant: normal;
}
div.clear hr{
	display: none;
}





/*-----------------------------------------------------

IMAGE

-------------------------------------------------------*/
body img{
	vertical-align: bottom;
	border: none;
}

.imgCenter{
	margin: 0 auto;
	text-align: center;
}

.imgLeft{
	float: left;
	margin: 0 20px 30px 0 !important;
}

.imgRight{
	float: right;
	margin: 0 0 20px 30px !important;
}





/*-----------------------------------------------------

LINK

-------------------------------------------------------*/

a{
	outline:none;
}

a:link,
a:visited{
	color: #333;
	text-decoration: none;
}

a:hover{
	color: #3f5dae;
	text-decoration: underline;
}





/*-----------------------------------------------------

TABLE

-------------------------------------------------------*/
table {
	margin: 0 0 0.5em;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
* html table {
	font-size: 100%;
}

th,
td {
	vertical-align: top;
	padding: 0.5em;
	border: 1px solid #999;
	text-align: left;
}

caption {
	margin: 0 0 0.5em;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

}