@charset "utf-8";
html {
	font-family: "メイリオ", Meiryo,"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #666;
	font-size: 1.2em;
	 overflow-y: scroll;
}

body { color: #666; line-height: 1.2;}
ul { padding: 0; margin: 0;}
li { list-style-type: none;}
h1,h2,h3,h4,h5,h6,p,a,td,th,span,li { font-size:0.8em;font-weight: normal; margin: 0; line-height: 1.5;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em; font-weight: bold;}
h4 { font-size: 1em;font-weight: bold;}
h5 { font-size: 1em; font-weight: bold;}
h6 { font-size: .8em;}

.small { font-size: .7em;}
.bold { font-weight: bold;}
.underLine { text-decoration: underline;}
.red { color: red;}
.nav-link {
	font-size: 1em;
}
.gutter-08 { margin-left: -0.8%; margin-right: -0.8%;}
.gutter-08 > [class*='col-'] { padding-left: 0.8%; padding-right: 0.8%;}
.gutter-12 { margin-left: -1.2%; margin-right: -1.2%;}
.gutter-12 > [class*='col-'] { padding-left: 1.2%; padding-right: 1.2%;}
.gutter-20 { margin-left: -2%; margin-right: -2%;}
.gutter-20 > [class*='col-'] { padding-left: 2%; padding-right: 2%;}
.pdr3 { padding: 0 3% 0 0;}
.w100 { width: 100%;}

.img-responsive{
 width:100%;
 max-width:100%;
}



a , input[type="submit"] { transition: background-color .5s ease; -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -ms-transition: background-color .5s ease; -o-transition: background-color .5s ease;}
a:hover { -webkit-transition: background-color .4s , color .6s; -moz-transition: background-color .4s, color .6s; transition: background-color .4s, color .6s;}
a:hover span { -webkit-transition: background-color .4s , color .6s; -moz-transition: background-color .4s, color .6s; transition: background-color .4s, color .6s;}
a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8;}
.list-inline { margin-left: 0;}
.footer { background: #e8e8e8;
	padding: 3%;
	font-size: .8em;
}

.table .table { background: none;}
.table .table thead th { text-align: center;}
.img-responsive.center { margin: 0 auto;}

.nav-justified { display: table; table-layout: fixed; width: 100%;}
.navbar .nav-justified > li { display: table-cell; width: 100%;}
#pageTopBtn { display: none; position: fixed; bottom: 100px; right: 20px;}



.vertical-center { display: table; width: 100%;}
.vertical-center > div { display: table-cell; vertical-align: middle; float: none;}





@media screen and (min-width:1px) and (max-width: 768px) { 
}

@media screen and (min-width:1px)  and (max-width: 380px) {
}




@media print {
	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}
}