@CHARSET "UTF-8";

#container { padding: 0; }
#main_contents { font-size: 1em;line-height: 1.4em;}

#wrapper { width: 100%; padding:0; margin:0 auto; }
@media (min-width: 768px) {
	#wrapper { width: 900px; padding:0; margin:0 auto; }
}
#wrapper { position: relative; }

#layouttable { padding: 10px 0 0 0; }
@media (min-width: 768px) {
	#layouttable { padding: 58px 0 0 0; }
}


/* スマホ用ナビ */
.navbar { margin-bottom: 0px; }
.navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
.navbar-default { background-color: #388fc7; color: #FFFFFF; border: none ; }
.navbar-collapse li{ font-size: 15px; font-weight: bold; text-align: center; }
.navbar-default .navbar-nav > li > a{ color: #FFFFFF; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{ color: #FFFFFF; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background-color: #FFFFFF; color: #FFFFFF; }
.navbar-toggle { background-color: #388fc7; border: 1px solid #1866a8; }
.navbar-default .navbar-toggle { border-color: #FFFFFF; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #FFFFFF; }
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form { background-color: #FFFFFF; }
@media (min-width: 768px) {
	.navbar { display: none; }
	.navbar-nav { margin: 0 ; }
	.navbar-collapse{ width: 900px; margin: 0 auto; padding: 0; }
	.navbar-collapse li{ width: 145px; float: left; border-left: 1px dotted #388fc7; }
	.navbar-collapse li:last-child{ border-right: 1px #1866a8; }
}