@charset "UTF-8";

/* --------------------------------
右メニュー
-----------------------------------*/
#spt .submenu {
	width: 209px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: left;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #e5e5e5;
	}

.submenuHead {
	width: 209px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c8c8c3;
	border-left:solid 1px #ebebeb;
	}

.submenuHead h3 {
	position:relative;
	display:block;
	margin: 1px 0px 1px 0px;
	padding: 10px 0px 10px 0px;
	font-size:1.4em;
	color:#464646;
	background: #f3f3f3;
	border-top: 1px solid #f3f3f3;
	border-left:solid 1px #ffffff;
	}
.submenuHead h3 span{
	display:block;
	padding: 5px 5px 5px 10px;
	}

.submenuHead h3 a:link,
.submenuHead h3 a:visited,
.submenuHead h3 a:active {
	text-decoration : none;
	color: #464646;
}
.submenuHead h3 a:hover {
	text-decoration : none;
	color: #787878;
	}
.submenuHead h3 a.feed{
	position:absolute;
	top: 17px;
	right: 7px;
	font-size: 1.0em;
	line-height:0;
	}

/* --------------------------------
四角ボタン
-----------------------------------*/
#navibtn {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	border-bottom: 1px solid #bebebe;
	}

#navibtn .box{
	width: 189px;
	height: 152px;
	margin: 0px 0px 10px 9px;
	}
#navibtn .box a{
	display:block;
	width: 189px;
	height: 152px;
	text-decoration : none;
		background-color: #ffffff;
		border-top: 1px solid #bebebe;
		border-right: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
		border-left: 1px solid #bebebe;
		-webkit-border-radius: 5px;
		-moz-border-radius: 2px;
		border-radius: 5px;
		box-shadow: 0 0 1px #d2d2d2;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:178px 140px;
	}
#navibtn .box a:hover {
		border-top: 1px solid #7cc4e7;
		border-right: 1px solid #7cc4e7;
		border-bottom: 1px solid #7cc4e7;
		border-left: 1px solid #7cc4e7;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 0 5px #7cc4e7;
	}

#navibtn .title{
	display:block;
	padding: 15px 5px 5px 5px;
	color : #464646;
	text-align:center;
	}

#spt #navibtn img{
	float: none;
	padding: 0px 0px 0px 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#navibtn .title h3{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	line-height: 1.2;
	font-size: 1.7em;
	font-weight : bold;
	text-align: center;
	}

#navibtn .title h3 span{
	font-size: 0.8em;
	font-weight : normal;
}
/* --------------------------------
右メニュー（セレクター）
-----------------------------------*/
.select {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border-bottom: 1px solid #c8c8c3;
	background: #f3f3f3;
	border-top: 1px solid #f3f3f3;
	border-left:solid 1px #ffffff;
	}
.select label{
	color: #464646;
	font-size:1.2em;
	}
.select select{
	margin-top: 10px;
	height: 28px;
	width: 190px;
	letter-spacing: 0;
	font-size:1.3em;
	background: #f5f5f5;
	border-width: 1px 0px 1px 1px ;
	border-color: #cccccc;
	border-style: solid;
	}
	/* --------------------------------
	右メニュー（サポート情報）
	-----------------------------------*/
	#spt .submenu ul {
		margin: 0px;
		padding: 0;
		list-style:none;
		font-size: 1.2em;
		}
	#spt .submenu li {
		margin: 0;
		padding: 0;
	}
	#spt .submenu li a{
		display: block;
		height:100%;
		padding : 10px 3px 10px 13px;
		color : #d2d2d2;
		background-color: #3a3a3a;
		text-decoration : none;
		font-weight : normal;
		border-bottom: 1px solid #444444;
	}
	#spt .submenu li a:hover{
		padding : 10px 3px 10px 13px;
		color : #ffffff;
		background:url(../common/images/spttop/mark.gif)  0px center no-repeat;
		background-color: #3a3a3a;
		text-decoration : none;
		font-weight : normal;
	}

	/* --------------------------------
	右メニュー（マニュアルメニュー）
	-----------------------------------*/
	#spt .mmenu dl {
		margin: 0px;
		padding: 0;
		list-style:none;
		font-size: 1.2em;
		}
	#spt .mmenu dt {
		margin: 0;
		padding: 0;
		border-bottom: 0px;
	}
		#spt .mmenu dt a{
			display: block;
			height:100%;
			padding : 10px 3px 10px 13px;
			color : #d2d2d2;
			background-color: #495761;
			text-decoration : none;
			font-weight : normal;
			border-bottom: 1px solid #4a4a4a;
		}
		#spt .mmenu dt a:hover{
			padding : 10px 3px 10px 13px;
			color : #ffffff;
			background:url(../common/images/spttop/mark.gif)  0px center no-repeat;
			background-color: #3a3a3a;
			text-decoration : none;
			font-weight : normal;
			border-bottom: 1px solid #3a3a3a;
		}
	#spt .mmenu dd {
		display: none;
		margin: 0;
		padding: 0;
	}
		#spt .mmenu dd ul{
			background-color: #f3f3f3;
			font-size: 1.0em;
			border-top: 1px solid #d2d2d2;
			border-bottom: 0px;
			border-left: 1px solid #d2d2d2;
		}
		#spt .mmenu dd li a{
			padding : 5px;
			background-color: #dfdfdf;
			text-decoration : none;
			font-weight : normal;
			border-bottom: 1px solid #ffffff;
			color: #1e7dad;
		}
		#spt .mmenu dd li a:hover{
			padding : 5px;
			background: none;
			background-color: #dfdfdf;
			text-decoration : none;
			font-weight : normal;
			color: #7cc4e7;
		}
		#spt .mmenu dd li ul{
			border-top: 0px;
			border-left : 0px;
		}
		#spt .mmenu dd li ul li a{
			padding-left : 15px;
			background-color: #e9e9e9;
		}
		#spt .mmenu dd li ul li a:hover{
			padding-left : 15px;
			background-color: #e9e9e9;
		}
		#spt .mmenu dd li ul ul li a{
			padding-left : 25px;
			background-color: #f3f3f3;
		}
		#spt .mmenu dd li ul ul li a:hover{
			padding-left : 25px;
			background-color: #f3f3f3;
		}
	/* --------------------------------
	電話番号
	-----------------------------------*/
	#spt .tel {
		width: 210px;
		height: 110px;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		background: url(../common/images/bnr/tel.gif) no-repeat 0px 5px;
		border-top: 1px solid #ffffff;
		text-align: center;
		color: #464646;
		}
	#spt .tel h3{
		padding: 28px 0px 0px 25px;
		font-size: 2.2em;
		font-weight: bold;
		font-family: Arial;
		letter-spacing: -0.01em;
		color: #FF7A04;
		}
	#spt .tel p{
		color: #464646;
		font-size: 0.8em;
		}
	#spt .tel a{
		color: #FF7A04;
		text-decoration : none;
		}
	#spt .number{
		color: #FF7A04;
		font-weight: bold;
		}
	/* --------------------------------
	右メニュー（RSS）
	-----------------------------------*/
	#spt .feed{
		margin: 0px;
		padding: 0px 0px 5px 0px;
		font-size: 1.2em;
		border-bottom: none;
	}
	#spt .feed .date {
		font-size: 1.0em;
	}
	#spt .feed .cnts {
		margin: 0px;
		color: #464646;
		line-height: 1.5;
		padding: 10px 5px 10px 15px;
		background: url("../common/images/icon/list.png") 5px center no-repeat;
		border-bottom: 1px dotted #999999;
	}
	#spt .feed a:link,
	#spt .feed a:visited,
	#spt .feed a:active {
		color: #1e7dad;
		text-decoration : none;
	}
	#spt .feed a:hover { 
		text-decoration : none;
		color: #7cc4e7;
	}

	#spt .bnr {
		margin:5px 0px 5px 0px;
	}

/* --------------------------------
■■■■■■■■■スマホ■■■■■■■■■
ここから
-----------------------------------*/
@media screen and (max-width: 768px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/

/* --------------------------------
右メニュー
-----------------------------------*/

#spt .submenu {
	display: none !important;
	}
#navibtn {
	display: none !important;
	}
}

}
/* --------------------------------
■■■■■■■■■スマホ■■■■■■■■■
ここまで
-----------------------------------*/