@charset "EUC-JP";

/* --------------------------------
Index Page Design
-----------------------------------*/
/* --------------------------------
Index Page TopNavi
-----------------------------------*/

#TopNavi {
	width: 972px;
	height: 190px;
	margin: 0px -500%;
	padding: 20px 500%;
	border-top: 1px solid #F4E9E6;
	border-bottom: 1px solid #c8c8c3;
	background-color: #F4E9E6;
	}
#TopNavi h2{
	margin: 0px 0px 20px 0px;
	font-size: 3.0em;
	font-weight: lighter;
	line-height: 2.5;
	text-align: center;
	color: #666666;
	text-shadow: 1px 1px 0 #ffffff;
	}
#TopNavi h3{
	margin: 5px 0px 0px 0px;
	font-size: 1.9em;
	font-weight: lighter;
	line-height: 2.5;
	text-align: center;
	color: #666666;
	text-shadow: 1px 1px 0 #ffffff;
	}
	#TopNavi #srchBox{
		float: none;
		margin: 0px auto 70px 150px;
		width: 650px;
		height: auto;
		}
	#TopNavi #srchBox *{
		font-size:1.2em;
		}
			#TopNavi #srchBox #ss-form2
			{
			padding:10px 10px 0 10px;
			}
			#TopNavi #srchBox #ss-form2 #srchForm
			{
			white-space:nowrap;
			}
	#TopNavi #srchBox #ss-query2{
		width: 640px;
		height: 40px;
		vertical-align:bottom;
		position: absolute;
		top: 0px;
		_top: 1px;
		left: 0px;
		background: #f5f5f5;
		border-width: 1px;
		border-color: #8c8c8c;
		padding: 0px 4px 0px 10px;
		}
	#TopNavi #srchBox #srchBtn{
		width:36px;
		height:36px;
		top: 4px; left: 610px;
		}
	#TopNavi #srchBox #srchLogo
		{
		margin:45px 0px 0px 0;
		}
#TopNavi p{
	margin: 0px 0px 15px 0px;
	font-size: 1.2em;
	font-weight: lighter;
	line-height: 0.5;
	text-align: center;
	color: #666666;
	text-shadow: 1px 1px 0 #ffffff;
	}

#TopNavi .box{
	width: 312px;
	height: 145px;
	margin: 5px 10px 0px 0px;
	float: left;
}

#TopNavi .title{
	padding: 5px 5px 5px 5px;
	color : #464646;
}

#TopNavi .title img{
	padding: 0px;
	margin: 5px 10px 5px 5px;
	float: left;
}

#TopNavi .title h4{
	margin: 2px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	line-height: 2.0em;
	font-size: 2.0em;
	font-weight : bold;
	text-align: center;
	border-bottom: solid 2px #313645;
}

#TopNavi .menu{
	margin: 0px 0px 0px 5px;
	padding: 10px 5px 5px 0px;
	color : #696969;
	font-size: 1.2em;
	font-weight : normal;
}
#TopNavi ul {
	list-style-type: none;
	color: #464646;
	line-height: 2.5;
	font-size: 1.2em;
}
#TopNavi li {
		background: url("../common/images/icon/list.png") 10px center no-repeat;
		border-bottom: 1px dotted #999999;
		text-indent: 24px;
		font-size: 1.0em;
		}
#TopNavi a:link,
#TopNavi a:visited,
#TopNavi a:active {
		text-decoration : none;
		color: #1e7dad;
		}
#TopNavi a:hover { 
		text-decoration : none;
		color: #7cc4e7;
}
/* --------------------------------
Index Page spt main
-----------------------------------*/

#spt {
	width: 960px;
	margin: 0px;
	padding: 0px;
	background: url(../common/images/spttop/spt_background.gif) repeat-y 0px 0;
	background-color: #ffffff;
	clear: both;
}

#spt .main {
	width: 750px;
	float: left;
	margin: 0px 0px 20px 100px;
	padding: 0px;
	background-color: #ffffff;
}

#spt .mainHead {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
}

/* --------------------------------
Index Page FAQ TOP5
-----------------------------------*/
#topfiveArea {
	/*overflow: hidden;*/
	width: 750px;
	padding: 0px;
	margin: 0px;
	}
#topfiveArea h1 {
	position:relative;
	display:block;
	margin: 0px;
	padding-top:1px;
	font-size:1.4em;
	color:#464646;
	}
#topfiveArea h1 span{
	display:block;
	padding: 10px 5px 10px 22px;
	background: url("../common/images/spttop/feed_title.png") 9px center no-repeat;
	}

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

#topfive ul {
	height: 162px;
	list-style-type: none;
	color: #464646;
	line-height: 2.5;
	font-size: 1.2em;
	background-image: url("../common/images/spttop/spt_mainhead_01.png");
	background-repeat: no-repeat;
	background-position: right;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0c5566;
	}
	#topfive li {
		background: url("../common/images/spttop/list.png") 10px center no-repeat;
		border-bottom: 1px dotted #999999;
		text-indent: 24px;
		font-size: 1.0em;
		}
#topfive a:link,
#topfive a:visited,
#topfive a:active {
	text-decoration : none;
	color: #1e7dad;
}
#topfive a:hover { 
	text-decoration : none;
	color: #7cc4e7;
}

/* --------------------------------
Index Page MainContents
-----------------------------------*/


#spt .mainContents {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	color: #464646;
}

#spt .mainContents h3{
	width: 750px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.6em;
	color: #787878;
	}
.mainContents h3 span {
		display: block;
		padding: 20px 0px 20px 10px;
		background: transparent url(../common/images/spttop/spt_maintitle.png) left bottom repeat-x;
		color: #464646;
		}

#spt .mainContents p {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px 5px 5px 10px;
}


#spt .mainContents a { color: #1e7dad;
	text-decoration: none;
}
#spt .mainContents a:hover { color: #7cc4e7;
	text-decoration: none;
}

/*-------------------------------------表*/

.setsumei table {
	margin:0px;
	padding:0;
	border-collapse:collapse;
	width: 100%;
}

.setsumei th {
	font-weight:normal;
	padding:5px;
	background-color:#f3f3f3;
	border:1px solid #ccc;
}

.setsumei td {
	padding:5px;
	border:1px solid #ccc;
	text-align: center;
}

/* --------------------------------
Index Page Menu Button（2等分）タイトルのみ/説明なし
-----------------------------------*/

#spt .btn_box_L{
	width: 243px;
	height: 162px;
	margin: 5px 0px 0px 5px;
	float: left;
}
#spt .btn_box_L a{
	display:block;
	width: 241px;
	height: 160px;
	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: 5px;
		border-radius: 5px;
		box-shadow: 0 0 1px #d2d2d2;
}
#spt .btn_box_L 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;
}
#spt .blank_L{
	display:block;
	width: 242px;
	height: 163px;
	padding: 0px;
	text-decoration : none;
		background-color: #f8f8f8;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .btn_box_L .title{
	display:block;
	padding: 15px 0px 0px 0px;
	color : #464646;
	text-align: left;
}
#spt .btn_box_L .title h4{
	font-size:1.8em;
	text-align: center;
}

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

/* --------------------------------
Index Page Menu Button（3等分）
-----------------------------------*/

#spt .btn_box{
	width: 243px;
	height: 117px;
	margin: 5px 0px 0px 5px;
	float: left;
}
#spt .btn_box a{
	display:block;
	width: 241px;
	height: 115px;
	padding: 0px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .btn_box a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #7cc4e7;
		border-right: 1px solid #7cc4e7;
		border-bottom: 1px solid #7cc4e7;
		border-left: 1px solid #7cc4e7;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .blank{
	display:block;
	width: 242px;
	height: 116px;
	padding: 0px;
	text-decoration : none;
		background-color: #f8f8f8;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		background-repeat:no-repeat;
		background-position:right bottom; 
}


/* --------------------------------
Index Page Menu Button（3等分）タイトルのみ/説明なし
-----------------------------------*/

#spt .btn_box_S{
	width: 243px;
	height: 64px;
	margin: 5px 0px 0px 5px;
	float: left;
}
#spt .btn_box_S a{
	display:block;
	width: 241px;
	height: 62px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .btn_box_S a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #7cc4e7;
		border-right: 1px solid #7cc4e7;
		border-bottom: 1px solid #7cc4e7;
		border-left: 1px solid #7cc4e7;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .blank_S{
	display:block;
	width: 242px;
	height: 63px;
	padding: 0px;
	text-decoration : none;
		background-color: #f8f8f8;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		background-repeat:no-repeat;
		background-position:right bottom; 
}
#spt .btn_box_S .title{
	padding: 15px 5px 5px 5px;
	color : #464646;
}
/* --------------------------------
Index Page Menu Button（4等分）
-----------------------------------*/
#spt .btn_box4{
	width: 187px;
	height: 102px;
	float: left;
}
#spt .btn_box4 a{
	display:block;
	width: 185px;
	height: 100px;
	padding: 0px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #c8c8c3;
		border-bottom: 1px solid #c8c8c3;
		border-left: 1px solid #ffffff;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom; 
}
#spt .btn_box4 a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #c8c8c3;
		border-bottom: 1px solid #c8c8c3;
		border-left: 1px solid #ffffff;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom; 
}

#spt .btn_box4_left{
	width: 188px;
	height: 102px;
	float: left;
}
#spt .btn_box4_left a{
	display:block;
	width: 186px;
	height: 100px;
	padding: 0px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #c8c8c3;
		border-bottom: 1px solid #c8c8c3;
		border-left: 1px solid #ffffff;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom; 
}
#spt .btn_box4_left a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #c8c8c3;
		border-bottom: 1px solid #c8c8c3;
		border-left: 1px solid #ffffff;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom; 
}
#spt .btn_box4_right{
	width: 188px;
	height: 102px;
	float: left;
}
#spt .btn_box4_right a{
	display:block;
	width: 186px;
	height: 100px;
	padding: 0px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #c8c8c3;
		border-bottom: 1px solid #c8c8c3;
		border-left: 1px solid #ffffff;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom; 
}
#spt .btn_box4_right a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #c8c8c3;
		border-bottom: 1px solid #c8c8c3;
		border-left: 1px solid #ffffff;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom; 
}

/* --------------------------------
Index Page Menu Button（共通）
-----------------------------------*/
#spt .title{
	padding: 5px 5px 5px 5px;
	color : #464646;
}

#spt .title img{
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}

#spt .title h4{
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 10px 0px;
	line-height: 1.0;
	font-size: 1.4em;
	font-weight : bold;
}

#spt .memo{
	margin: 7px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color : #696969;
	font-size: 1.2em;
	font-weight : normal;
	background-color: #f3f3f3;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0 0 1px #d2d2d2;

}
/* --------------------------------
Index Page RSS
-----------------------------------*/

#rssArea {
	/*overflow: hidden;*/
	background: #ffffff;
	width: 750px;
	height: auto;
	margin: 30px 0px;
	padding: 0px;
}

#rssArea h1 {
	position:relative;
	margin: 0px;
	padding-top:1px;
	font-size:1.4em;
	color:#464646;
	background: url("../common/images/spttop/feed_title.png") 9px center no-repeat;
	}
#rssArea h1 span{
	display:block;
	padding: 10px 5px 10px 22px;
	}

#rssArea h1 a:link,
#rssArea h1 a:visited,
#rssArea h1 a:active {
	text-decoration : none;
	color: #464646;
}
#rssArea h1 a:hover {
	color: #787878;
	}
#rssArea h1 a.feed{
	position:absolute;
	top:13px;
	right:7px;
	font-size: 1.0em;
	line-height:0;
	border: 0;
	}
#rss ul {
	margin-bottom: 5px;
	list-style-type: none;
	color: #464646;
	font-size: 1.2em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0c5566;
	}
	#rss li {
		background: url("../common/images/spttop/list.png") 10px center no-repeat;
		border-bottom: 1px dotted #999999;
		padding: 10px 0px 10px 24px;
		font-size: 1.0em;
		}
	#rss a:link,
	#rss a:visited,
	#rss a:active {
		text-decoration : none;
		color: #1e7dad;
		}
	#rss a:hover { 
		text-decoration : none;
		color: #7cc4e7;
	}
	#rss .item {
		width: 100%;
		display: table;
	}
	#rss .date {
		width: 15%;
		margin: 0;
		padding: 0;
		display: table-cell;
		vertical-align: middle;
	}
	#rss .title {
		width: 85%;
		margin: 0;
		padding: 0px 10px 0px 0px;
		display: table-cell;
		vertical-align: middle;
	}

/* --------------------------------
Manual Page Design
-----------------------------------*/
#manual {
	width: 750px;
	min-height:500px;
	height:auto !important;
	height:500px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#manual .mainHead {
	padding: 10px 0 10px 0;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 0px;
	border-bottom: 1px solid #c8c8c3;
	border-left: 1px solid #ffffff;
	color: #464646;
}
#manual .mainHead h3{
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #464646;
	line-height: 1.2;
	}
#manual .mainHead h3 img{
	vertical-align: -2px;
	}
#manual .mainHead p {
	margin-top: 10px;
	margin-left: 30px;
	font-size: 1.2em;
	color: #464646;
	}
#manual .main-continues {
	width: 100%;
	overflow: hidden;
	}
#manual .mainBtn {
	float: right;
	display: inline;
	margin-right: 10px;
	border:1px solid #616261;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:1.0em;
	padding: 3px 10px 3px 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
	}

#manual .mainBtn:hover{
	border:1px solid #4a4b4a;
	background-color: #646464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
	}
#manual .mainContents {
	background-color: #f7f7f7;
	font-size: 1.2em;
	border-bottom: 1px solid #c8c8c3;
	}
	#manual .mainContents ul {
	margin-left: 5em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.2em;
	}
	#manual .mainContents li {
	list-style-type: disc;
	margin-bottom: 1em;
	}

	#manual .mainContents ul ul {
	margin-top: 1em;
	margin-left: 5em;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.0em;
	}
	#manual .mainContents ul ul li {
	list-style-type: circle;
	}

	#manual .mainContents a { color: #1e7dad;
	text-decoration: none;
	}
	#manual .mainContents a:hover { color: #7cc4e7;
	text-decoration: none;
	}

#manual .mainContentsFoot {
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
	font-size: 1.0em;
}

#manual .mainContentsFoot img {
	margin: 0px;
	border:none;
	vertical-align: -2px;
}

#manual .mainContentsFoot a:visited{
 	color: #666666;
	text-decoration: none;
}
#manual .mainContentsFoot a:link{
 	color: #666666;
	text-decoration: none;
}

.linkic {
	margin:0px 3px 0px 3px;
	padding:0px 0px 0px 0px;
	border:none;
	vertical-align: -2px;
}

#manual .foot {
	text-align: right;
	font-size: 1.2em;
	color: #464646;
	padding: 10px 10px 25px 0px;
}
#manual .foot p a { color: #1e7dad;
	text-decoration: none;}
#manual .foot p a:hover { color: #7cc4e7;
	text-decoration: none;}

/* --------------------------------
inquiry Page Design
-----------------------------------*/

#inquiry{
	width: 960px;
	height:100%;
	margin: 0px;
	padding-bottom: 10px;
	background-color: #ffffff;
}

#box{
	width: auto;
	height:100%;
	margin: 0px 0px 0px 20px;
	}

.boxLeft{
	float:left;
	width:450px;
	height:100%;
	margin:10px 5px 5px 0px;
	}
.boxRight{
	float:left;
	width:450px;
	height:100%;
	margin:10px 10px 5px 10px;
	}

.line{
	float:right;
	width:436px;
	height:310px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	}

.title_mail{
	width:450px;
	height:44px;
	margin:0px;
	padding:0px;
	background-image: url(../common/images/inquiry/img_ctitle_mailsup.png);
	}
.title_phone{
	width:450px;
	height:44px;
	margin:0px;
	padding:0px;
	background-image: url(../common/images/inquiry/img_ctitle_phonesup.png);
	}
.title_facebook{
	width:450px;
	height:44px;
	margin:0px;
	padding:0px;
	background: url(../common/images/inquiry/img_ctitle_facebook.png) no-repeat;
	}
.title_twitter{
	width:450px;
	height:44px;
	margin:0px;
	padding:0px;
	background: url(../common/images/inquiry/img_ctitle_twitter.png) no-repeat;
	}
.title_second{
	width:915px;
	height:44px;
	margin:0px;
	padding:0px;
	background: url(../common/images/inquiry/img_ctitle_secondlife.png) no-repeat;
	}
h3.title{
	margin:0px 0px 0px 55px;
	padding: 14px 0px 0px 0px;
	color: #464646;
	font-size: 1.6em;
	font-weight: bold;
	text-align:left;
}
h3.title span{
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	}

.cont{
	margin:0px;
	padding:15px 20px 5px 20px;
	color: #464646;
	font-size: 1.2em;
	text-align:left;
	line-height: 1.5;
	}

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

.cont a { color: #1e7dad;
	text-decoration: none;
	}
.cont a:hover { color: #7cc4e7;
	text-decoration: none;
	}
ul.list{
	margin: 10px 0px 10px 20px;
	padding: 0px;
	list-style-type: disc;
	}
li.form{
	margin:5px 0px 5px 0px;
	padding: 0px;
	line-height:1.5;
	}

.form a { color: #1e7dad;
	text-decoration: none;
	}
.form a:hover { color: #7cc4e7;
	text-decoration: none;
	}
ul.hedge {
	margin-top:10px;
	margin-right: 0em;
	margin-left: 3.0em;
	color:#464646;
	}

ul.hedge li {
	list-style-type:none;
	text-indent:-1.5em;
	padding:0;
	margin-left:-1.5em;
	}
.red { color:#CC0000; font-weight:normal; }

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

/* --------------------------------
Index Page Design
-----------------------------------*/
/* --------------------------------
Index Page TopNavi
-----------------------------------*/

#TopNavi {
	width: 100%;
	height: 100%;
	margin: 0px -500%;
	padding: 20px 500%;
	border-top: 1px solid #F4E9E6;
	border-bottom: 1px solid #c8c8c3;
	background-color: #F4E9E6;
	}
#TopNavi h2{
	display:none;
	}

#TopNavi h3{
	margin: 5px 0px 0px 0px;
	font-size: 1.9em;
	font-weight: lighter;
	line-height: 2.5;
	text-align: center;
	color: #666666;
	text-shadow: 1px 1px 0 #ffffff;
	}

	#TopNavi #srchBox{
	display:none;
	}

#TopNavi p{
	margin: 0px 0px 15px 0px;
	font-size: 1.2em;
	font-weight: lighter;
	line-height: 0.5;
	text-align: center;
	color: #666666;
	text-shadow: 1px 1px 0 #ffffff;
	}

#TopNavi .box{
	width: 80%;
	height: 145px;
	margin: 5px auto 0px auto;
	float: none;
}

/* --------------------------------
Index Page spt main
-----------------------------------*/

#spt {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: none;
	background-color: #ffffff;
}

#spt .main {
	width: 100%;
	float: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #ffffff;
}

#spt .mainHead {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
}

/* --------------------------------
Index Page MainContents
-----------------------------------*/


#spt .mainContents {
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	color: #464646;
}

#spt .mainContents h3{
	width: 100%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.6em;
	color: #787878;
	text-align: center;
	}
/* --------------------------------
Index Page Menu Button（2等分）タイトルのみ/説明なし
-----------------------------------*/

#spt .btn_box_L{
	width: 85%;
	height: 142px;
	margin: 5px auto;
	float: none;
}
#spt .btn_box_L a{
	display:block;
	width: 100%;
	height: 140px;
	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: 5px;
		border-radius: 5px;
		box-shadow: 0 0 1px #d2d2d2;
}
#spt .blank_L{
	display:block;
	width: 100%;
	height: 163px;
	padding: 0px;
	text-decoration : none;
		background-color: #f8f8f8;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .btn_box_L .title{
	display:block;
	padding: 15px 0px 0px 0px;
	color : #464646;
	text-align: left;
}
#spt .btn_box_L .title h4{
	font-size:1.8em;
	text-align: center;
}

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

/* --------------------------------
Index Page Menu Button（3等分）
-----------------------------------*/


#spt .btn_box{
	width: 85%;
	height: 122px;
	margin: 5px auto;
	float: none;
}
#spt .btn_box a{
	display:block;
	width: 100%;
	height: 120px;
	padding: 0px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .btn_box a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #7cc4e7;
		border-right: 1px solid #7cc4e7;
		border-bottom: 1px solid #7cc4e7;
		border-left: 1px solid #7cc4e7;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .blank{
	display:block;
	width: 70%x;
	height: 121px;
	padding: 0px;
	text-decoration : none;
		background-color: #f8f8f8;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		background-repeat:no-repeat;
		background-position:right bottom; 
}

/* --------------------------------
Index Page Menu Button（3等分）タイトルのみ/説明なし
-----------------------------------*/

#spt .btn_box_S{
	width: 85%;
	height: 64px;
	margin: 5px auto;
	float: none;
}
#spt .btn_box_S a{
	display:block;
	width: 100%;
	height: 62px;
	text-decoration : none;
		background-color: #fbfbfb;
		border-top: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		background-image:url(../common/images/spttop/menubtn.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .btn_box_S a:hover {
		background-color: #ddf2ff;
		border-top: 1px solid #7cc4e7;
		border-right: 1px solid #7cc4e7;
		border-bottom: 1px solid #7cc4e7;
		border-left: 1px solid #7cc4e7;
		background-image:url(../common/images/spttop/menubtn_hover.png);
		background-repeat:no-repeat;
		background-position:right bottom;
}
#spt .blank_S{
	display:block;
	width: 85%;
	height: 63px;
	padding: 0px;
	text-decoration : none;
		background-color: #f8f8f8;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		background-repeat:no-repeat;
		background-position:right bottom; 
}
#spt .btn_box_S .title{
	padding: 15px 5px 5px 5px;
	color : #464646;
}

#spt .memo{
	margin: 7px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color : #696969;
	font-size: 1.2em;
	font-weight : normal;
	background-color: #f3f3f3;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0 0 1px #d2d2d2;

}

/* --------------------------------
Index Page RSS
-----------------------------------*/

#rssArea {
	/*overflow: hidden;*/
	background: #ffffff;
	width: 100%;
	height: auto;
	margin: 30px 0px;
	padding: 0px;
}

/* --------------------------------
Manual Page Design
-----------------------------------*/
#manual {
	width: 100%;
	min-height:500px;
	height:auto !important;
	height:500px;
	float: none;
	margin: 0px;
	padding: 0px;
}

#manual .mainBtn {
	float: right;
	display: inline;
	margin: 10px;
	border:1px solid #616261;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:1.0em;
	padding: 3px 10px 3px 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
	}

ul.hedge {
	margin-top:10px;
	margin-right: 0em;
	margin-left: 3.0em;
	color:#464646;
	}

ul.hedge li {
	list-style-type:none;
	text-indent:-1.5em;
	padding:0;
	margin-left:-1.5em;
	}
.red { color:#CC0000; font-weight:normal; }


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