@charset "utf-8";

/* Reset
*********************************************************************/
html,body,
h1,h2,h3,h4,h5,h6,
div,p,ul,ol,li,dl,dt,dd,address,
th,td{
	font-family: メイリオ,ＭＳ Ｐゴシック,Osaka;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.7;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Link
*********************************************************************/
a{
	color: #0000FF;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a img{
	transition: all 0.3s linear;
}
a:hover img{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}
a:visited{
	color: purple;
}
a.pagelink{
	color: #0063B6;
	text-decoration: none;
	border: 1px solid #0063B6;
	padding: 8px 15px;
	display: inline-block;
	margin: 10px 0;
	transition: all 0.3s linear;
}
a.pagelink:hover{
	color: #FFF;
	background-color: #0063B6;
}
a.pagelink:after{
	content: " >";
	color: #0063B6;
	transition: all 0.3s linear;
}
a.pagelink:hover:after{
	content: " >";
	color: #FFF;
}
a.contactlink{
	color: #FFF;
	text-decoration: none;
	background-color: #0063B6;
	border: 1px solid #FFF;
	padding: 8px 15px;
	display: inline-block;
	margin: 10px 0;
	transition: all 0.3s linear;
}
a.contactlink:hover{
	color: #0063B6;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #0063B6;
}
a.contactlink:after{
	content: " >";
	color: #FFF;
	transition: all 0.3s linear;
}
a.contactlink:hover:after{
	content: " >";
	color: #0063B6;
}



/* General
*********************************************************************/
body{
	color: #555;
	font-size: 90%;
	text-align: center;
}
p{
	margin-bottom: 1em;
}
hr{
	display: none;
}
object,
embet{
	vertical-align: top;
	outline: none;
}
ol li{
	margin-left: 1.5em;
	list-style-type: decimal;
}
img{
	border: none;
}
i.fa-arrow-circle-right{
	color: #0063b6;
	text-decoration: none;
	margin-right: 0.2em;
}
input,textarea{
	font-family: メイリオ,ＭＳ Ｐゴシック,Osaka;
	font-size: 100%;
}
#main input,
#main textarea{
	font-size: 90%;
}
.ime_off{
	ime-mode: disabled;
}
.short{ width: 100px; }
.normal{ width: 300px; }
.long{ width: 90%; }
.full{ width: 100%; }
.btn{
	text-align: center;
	margin: 10px 0 20px;
}
.red{
	color: #FF0000;
}
.img_l{
	float: left;
	margin: 0 2em 0.5em 0;
}
.img_r{
	float: right;
	margin: 0 0 0.5em 2em;
}
img.line{
	border: 1px solid #E5E5E5;
}

/* 404error
*********************************************************************/
div.error{
	text-align: center;
	padding: 40px 0 40px 0;
}
div.errortext{
	color: #FF0000;	
	border-top: 1px dashed #FF0000;
	border-bottom: 1px dashed #FF0000;
	padding: 10px 0;
	margin: 1em 0 2em;
}

/* Layout
*********************************************************************/
#header{
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 1000;
	margin: 0 auto;
	padding: 0.5em 0 0;
}
#contents{
	padding: 145px 0 0;
	margin: 0 auto 3em;
}
#footer{
	clear: both;
	margin: 0 auto;
	background-color: #EFEFE5;
}
.sec{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
#contents .sec{
	margin: 0 auto 1.5em;
}
#main {
	float: right;
	width: 1200px;
}
#sidebar{
	float: left;
	width: 250px;
}
.pc-side-nav-fixed {
	top: 2%;
	left: 68%;
	width: 18%;
	position: fixed;
}
#advertising{
	margin: 0 auto 60px;
}

/* #header
*********************************************************************/
#header h1 img{
	margin-right: 15px;
	vertical-align: middle;
}
#header .subnavi{
	font-size: 90%;
	text-align: right;
	margin: -3.5em 0 1.7em 0;
}
#header .subnavi ul{
	text-align: right;
}
#header .subnavi ul li{
	display: inline-block;
	vertical-align: middle;
}
#header .subnavi ul li:nth-of-type(2){
	padding: 0 5px 0;
	border-right: 1px solid #1877F2;
}
#header .subnavi ul li:nth-of-type(1) a{
	background-color: #55acee;
	border: 1px solid #55acee;
}
#header .subnavi ul li:nth-of-type(2) a{
	background-color: #1877F2;
	border: 1px solid #1877F2;
}
#header .subnavi ul a{
	padding: 0.2em 1em;
	color: #FFF;
	border: 1px solid #98CBFF;
	background-color: #98CBFF;
	border-radius: 3px;
	text-decoration: none;
	transition: all 0.3s linear;
}
#header .subnavi ul li:nth-of-type(5) a{
	border: 1px solid #FFC732;
	background-color: #FFC732;
}
#header .subnavi ul a:hover{
	color: #98CBFF;
	background-color: #FFF;
}
#header .subnavi ul li:nth-of-type(1) a:hover{
	color: #55acee;
	background-color: #FFF;
}
#header .subnavi ul li:nth-of-type(2) a:hover{
	color: #1877F2;
	background-color: #FFF;
}
#header .subnavi ul li:nth-of-type(5) a:hover{
	color: #FFC732;
	background-color: #FFF;
}
#header .subnavi ul a i{
	margin: 0 4px 0 0;
}
.navi{
	clear: both;
	margin: 0 0 1em;
}
.navi ul{
	margin: 0 auto;
	overflow: hidden;
}
.navi ul li{
	text-align: center;
	float: left;
	padding: 0 2px;
	border-left: 1px solid #E5E5E5;
}
.navi ul li:last-child{
	border-right: 1px solid #E5E5E5;
}
.navi ul li a{
	color: #000;
	display: block;
	position: relative;
	text-align: center;
	padding: 0 0 5px;
	border-bottom: 2px solid #98CBFF;
	text-indent: -9999px;
	text-decoration: none;
	width: 166px;
	height: 47px;
	background-image: url('../img/navi.png');
	background-position: 0 top;
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;
}
.navi ul li:nth-of-type(1) a{ background-position: -18px top; }
.navi ul li:nth-of-type(2) a{ background-position: -216px top; }
.navi ul li:nth-of-type(3) a{ background-position: -414px top; }
.navi ul li:nth-of-type(4) a{ background-position: -616px top; }
.navi ul li:nth-of-type(5) a{ background-position: -818px top; }
.navi ul li:nth-of-type(6) a{ background-position: -1220px top; }
.navi ul li:nth-of-type(7) a{ background-position: -1014px top; }
.navi ul li a:hover{
	border-bottom: 2px solid #6464E0;
}

/* #contents
*********************************************************************/
.importantnews{
	margin-bottom: 1.5em;
	padding: 1.5em;
	background-color: #dfdfdf;
}
.importantnews dt{
	font-size: 120%;
	border-bottom: 1px solid #F33;
	color: #F33;
	text-align: center; 
	margin-bottom: 0.5em;
}

.topicpath{
	margin: 3em 0 0.2em;
}
div.box{
	margin: 0 0 4em;
	overflow: hidden;
}
.box p{
	overflow: hidden;
}
.subtitle_sem{
	font-size: 200%;
	font-weight: bold;
	color: #4D639E;
	border-bottom: 8px solid #CCC;
	margin-bottom: 15px;
	padding-bottom: 5px;
	display: block;	
}
.subtitle_sem span{
	padding: 0 10px 7px 10px;
	border-bottom: 8px solid #4D639E;
}
.maintitle{
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	background-color: #4D639E;
	padding: 0.3em 0.5em 0.1em;
	margin: 0 0 0.8em;
}
.maintitle_c{
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	background-color: #FFC732;
	padding: 0.3em 0.5em 0.1em;
	margin: 0 0 0.8em;
}
.subtitle{
	font-size: 120%;
	font-weight: bold;
	color: #4D639E;
	border: 2px solid #4D639E;
	padding: 0.5em 0.5em 0.2em;
	margin: 0 0 0.5em;
}
.subtitle_c{
	font-size: 120%;
	font-weight: bold;
	color: #FFC732;
	border: 2px solid #FFC732;
	padding: 0.5em 0.5em 0.2em;
	margin: 0 0 0.5em;
}
.subtitle2{
	font-size: 200%;
	font-weight: bold;
	color: #4D639E;
	display: block;	
}
.info{
	background-image: url(../img/bg_filter.png);
	background-position: center top;
	background-repeat: repeat;
	border-radius: 10px;
}
.info dt{
	margin: 0.5em 0;
	text-align: center;
	font-size: 150%;
}
.info dt span{
	border-bottom: 2px solid #555; 
}
.info dd{
	padding: 0.5em 2em ; 
}
.info dd:nth-of-type(1){
		border-bottom: 1px dashed #FFF;
}
.info dd div{
	float: left;
	margin: 0.5em 0.5em 0 0;
}
.info dd div i{
	color: #FFF;
	font-size: 400%;
	border: 1px solid #FFF;
	padding: 10px 12px 13px;
	border-radius: 100%;
}
.detaillink{
	/*border: 5px solid #E5E5E5;*/
	background-color: #E5E5E5;
	padding: 1em;
	text-align: center;
}
.detaillink li{
	display: inline-block;
}
.detaillink a{
	font-size: 120%;
	color: #FFF;
	border: 1px solid #4D639E;
	background-color: #4D639E;
	border-radius: 3px;
	padding: 0.2em 1em;
	text-decoration: none;
	transition: all 0.3s linear;
}
.detaillink a:hover{
	color: #4D639E;
	background-color: #FFF;
}
.maplist ul li{
	width: 45%;
	display: inline-block;
	margin: 1em 9% 2em 0;
	overflow: hidden;
	vertical-align: top;
}
.maplist ul li:nth-of-type(2n+2){
	margin: 1em 0 2em 0;
}
.maplist ul li span{
	font-size: 160%;
	font-weight: bold;
	line-height: 120%;
}
.maplist ul li a{
	color: #333;
	display: block;
	transition: all 0.3s linear;
}
.maplist ul li img{
	float: right;
}
.maplist ul li div{
	color: #FFF;
	float: right;
	padding: 0.5em 1.5em;
	display: inline-block;
	border: 1px solid #FF3000;
	background-color: #FF3000;
	text-align: center;
	transition: all 0.3s linear;
}
.maplist ul li a:hover div{
	color: #FF3000;
	background-color: #FFF;
}
.time,
.kouza,
.data{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
}
.time th,
.kouza th,
.data th{
	background-color: #666666;
	color: #FFF;
}
.time th{
	font-size: 120%;
	padding: 0.5em 1em;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.time td{
	padding: 0.5em 1em;
	border-bottom: 1px solid #aaa;
}
.data th,
.data td{
	font-size: 120%;
/*	width: 50%;*/
	text-align: center;
	padding: 0.5em 1em;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.kouza th,
.kouza td{
	font-size: 120%;
	text-align: center;
	padding: 0.5em 1em;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.time caption{
	text-align: left;
	font-size: 120%;
	margin: 0.5em 0 0;
}
.kouza caption{
	text-align: center;
	background-color: #EE835C;
	color: #FFF;
	font-weight: bold;
	padding: 0.8em 1em 0.5em;
}
.data .price{
	color: #E50012;
	font-weight: bold;
	font-size: 150%;
}
.text_l td{
	text-align: left;
}

#sidebar ul{
	border-top: 1px solid #CCC;
	margin: 0 0 1em;
}
#sidebar ul li>ul{
	display: none;
	border-top: 0px solid #CCC;
	margin: 0;
}
#sidebar ul li>ul li{
	border-top: 1px dashed #CCC;
	border-bottom: 0px solid #CCC;
}
#sidebar ul li>ul li a{
	padding: 1em 0 0.8em 1.3em;
}

#sidebar ul.sub{
	border-top: 1px dotted #CCC;
	margin: 0 0 0 1em;
}
#sidebar ul li{
	border-bottom: 1px solid #CCC;
}
#sidebar ul li:hover>ul{
	display: block;
}
#sidebar ul.sub li{
	border-bottom: 0px solid #CCC;
}
#sidebar ul li a{
	display: block;
	color: #555;
	font-size: 110%;
	padding: 1em 0 0.8em 0.3em;
	transition: all 0.3s linear;
}
#sidebar ul.sub li a{
	font-size: 100%;
}
#sidebar ul li i{
	color: #4D639E;
	transition: all 0.3s linear;
}
#sidebar ul li a:hover{
	color: #FFF;
	background-color: #4D639E
}
#sidebar ul li a:hover i{
	color: #FFF;
}

#sidebar div a{
	display: inline-block;
	margin: 0 0 5px;
}

/* #footer
*********************************************************************/
#footer .sec{
	margin: 0 auto;
	padding: 1.5em 0;
}
#footer small{
	display: block;
	text-align: center;
}

/* table
*********************************************************************/



.orderstop{
text-align: center;
margin-bottom: 1em;
background-color: #c33;
color: #FFF;
padding: 1.5em;
}