@charset "utf-8";

/* =======================================
	Browser Reset CSS
========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}
.clear{clear:both;}

html,body {}

body {font:14px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {/*font-size: small;*/ font-size:100%;}
*:first-child+html body {/*font-size: small;*/}

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

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

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {/*border-collapse: collapse;*/ border-collapse: separate; border-spacing: 0; font-size: inherit; }
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

header,footer,nav,section,article,figure,aside {
	display:block;
}
p { background: url(../images/sp.png) ; }

/* ClearFix
========================================== */
*:after {
	display:block;
	clear:both;
} /* この記述は固定です */
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}


ul.clearli li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.clearli li {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html ul.clearli lii {
	height: 1%;
}
ul.clearli li {
	display: block;
}
/* End hide from IE-mac */
ul.clearli li {zoom:1;}
ul.clearli li:after{
    content: "";
    display: block;
    clear: both;
}


.cleardl dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cleardl dl {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .cleardl dl {
	height: 1%;
}
.cleardl dl {
	display: block;
}
/* End hide from IE-mac */
.cleardl dl {zoom:1;}
.cleardl dl:after{
    content: "";
    display: block;
    clear: both;
}


/* common module
==================================*/
*	{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


.zoom{ zoom: 1; overflow:hidden;}

/* switch */
.switch {visibility: hidden;}
.pc{ display:block;}
.sp{ display:none;}

/* a */
a:hover img{opacity:0.8;filter: alpha(opacity=80); -moz-opacity:1.0;}
a:hover img.none{filter: alpha(opacity=100,enabled=0);-moz-opacity:1.0;opacity:1.0;}
a { text-decoration: none; color:#18477A;}
a:hover { text-decoration: underline;}

/* float */
.f-left {float: left;}
.f-right {float: right;}
.f-center {margin-left: auto; margin-right: auto; display:block;}

/* text-align */
.text_l {text-align: left;}
.text_c {text-align: center;}
.text_r {text-align: right !important;}

.indent20{ text-indent:-20px; padding-left: 20px;}
.indent25{ text-indent:-25px; padding-left: 25px;}

.bdnone { border:none !important;}


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

.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;}

.mr5{margin-right:5px;}
.mr15{margin-right:15px;}
.mr25{margin-right:25px;}
.mr35{margin-right:35px;}

ul.mt5_li{ margin-top: -5px;}
ul.mt5_li li{ margin-top: 5px;}
ul.mt10_li{ margin-top: -10px;}
ul.mt10_li li{ margin-top: 10px;}


/* padding
========================================== */
.p0{padding:0px !important;}
.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;}

.pb10{padding-bottom:10px;}

/*　font
========================================== */
.font70{font-size:70%;}
.font75{font-size:75%;}
.font80{font-size:80%;}
.font85{font-size:85%;}
.font90{font-size:90%;}
.font95{font-size:95%;}
.font100{font-size:100%;}
.font105{font-size:105%;}
.font110{font-size:110%;}
.font115{font-size:115%;}
.font120{font-size:120%;}
.font125{font-size:125%;}
.font130{font-size:130%;}
.font140{font-size:140%;}
.font145{font-size:150%;}
.font150{font-size:160%;}
.font155{font-size:165%;}

.red{color:#b22222;}
.bgglay { background:#EFEFEF; }
.bold {font-weight: bold;}