
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
	background: #FFF;
	color: #333;
}




/****************base*********************/

ul,li {
	list-style: none;
	margin:0;
	padding:0;
}

a:link {
	color: #4fb457;
}
a:visited {
	color: #4fb457;
}
a:hover {
	color: #F18D00;
}
a:active {
	color: #4fb457;
}

.orange {
	color: #FF7200;
}

.per {
	color: #BF0661;
}

.bper {
	color: #BF0661;
	font-weight: bold;
}

.blue {
	color: #2D4FD6;
}

.pink {
	color: #FE01AC;
}

.red {
	color: #FF0000;
}

.redy {
	color: #FF731C;
}

.day {
	color: #565656;
}

.green {
	color: #009900;
}

.bold {
	font-weight: bold;
}

.clear {
	clear:both;
}

/***************************************************************/

#head-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #FFF;
}

#head-box .h-area {
	width: auto;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background: #871E1E;
	border-bottom: solid 2px #AF2C2C;
}

#head-box .h-area .cent-area {
	width: auto;
	height: auto;
	padding: 0px 3px 0px 3px;
	margin: 0px auto 0px auto;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;   /* IE6以上 */
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis;   /* Opera */
	white-space: nowrap;
}

#head-box .h-area .cent-area h1 {
	font-size: 12px;
	color: #FFF;
	padding: 5px 0px 0px 0px;
	margin: 0px auto;
	letter-spacing: 0.06em;
}

#head-box .head-item {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #FFF;
}

#head-box .head-item .cent-area {
	width: auto;
	height: auto;
	padding: 0px 0px 2px 0px;
	margin: 0px auto;
}

#head-box .head-item .cent-area .logo {
	width: 90px;
	height: auto;
	padding: 0px;
	margin: 5px 10px 5px 10px;
	float: left;
}

#head-box .head-item .cent-area .logo img {
	border: none;
	width: 100%;
}

#head-box .head-item .cent-area .sub-title {
	width: 185px;
	height: 45px;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	float: right;
}

#head-box .head-item .cent-area .sub-title p {
	font-size: 10px;
	color: #871E1E;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
	letter-spacing: 0.06em;
}

#head-box .head-item .cent-area .right-area {
	clear: both;
	width: auto;
	height: auto;
	padding: 3px 10px 7px 10px;
	margin: 0px 0px 0px 0px;
}

#head-box .head-item .cent-area .right-area .phone-number {
	width: auto;
	height: 23px;
	padding: 0px 0px 5px 30px;
	margin: 0px;
	background-image: url(../img/phone-icon-sp.png);
	background-repeat: no-repeat;
	border-bottom: dotted 1px #888;
}

#head-box .head-item .cent-area .right-area .phone-number a {
	font-size: 23px;
	font-weight: bold;
	color: #871E1E;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.02em;
	text-decoration: none;
}

#head-box .head-item .cent-area .right-area .other-data {
	width: auto;
	heght: auto;
	padding: 0px;
	margin: 0px;
}

#head-box .head-item .cent-area .right-area .other-data p {
	font-size: 13px;
	color: #888;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	letter-spacing: 0.05em;
}





/*********************************************************************************************/
#navigation {
	clear: both;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#navigation .cent-area {
	display: none;
}

#navigation .smart-navigation {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto;
}

#navigation .smart-navigation .navi-bar {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background-image: url(../img/cate_bg.jpg);
	background-repeat: repeat;
	cursor: pointer;
}

#navigation .smart-navigation .navi-bar img {
	width: 24px;
	height: 21px;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	float: left;
	position: relative;
	top: 10px;
	left: 6px;
	z-index: 10;
}

#navigation .smart-navigation .navi-bar p {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #871E1E;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 12px;
	left: 15px;
	z-index: 10;
	text-shadow: #FFF 0 1px 0;
}

#navigation .smart-navigation .smart-menu-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	display: none;
}

#navigation .smart-navigation .smart-menu-list ul {
	overflow: hidden;
}

#navigation .smart-navigation .smart-menu-list ul li {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	border-bottom: solid 1px #CCC;
}

#navigation .smart-navigation .smart-menu-list ul li h3 {
	padding: 0px;
	margin: 0px;
}

#navigation .smart-navigation .smart-menu-list ul li a {
	display: block;
	width: auto;
	height: 25px;
	padding: 15px 0px 0px 10px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #871E1E;
	text-decoration: none;
	text-shadow: #FFF 0 1px 0;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

#navigation .smart-navigation .smart-menu-list ul li a:hover {
	color: #AF2C2C;
}


/**************************************************************************************/

.smart-bg-hack {
	width: 100%;
	height: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/smart-top-bg.jpg);
	background-repeat: repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;
	position: fixed;
	z-index: -1;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#main-view {
	display: none;
}

#tab-view {
	display: none;
}

#smart-view {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#smart-view .smart-view-bg {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;

}

#smart-view .smart-view-bg .smart-view-text {
	width: 90%;
	height: auto;
	padding: 30px 0px 0px 0px;
	margin: 0px auto 95px auto;
}

#smart-view .smart-view-bg .smart-view-text img {
	width: 100%;
}

#smart-view .smart-view-bg .smart-middle-logo {
	width: 150px;
	height: auto;
	padding: 0px;
	margin: 155px auto 95px auto;
}

#smart-view .smart-view-bg .smart-middle-logo img {
	width: 100%;
}

#smart-view .smart-view-bg .smart-under-text {
	width: 95%;
	height: auto;
	padding: 0px;
	margin: 0px auto 20px auto;
}

#smart-view .smart-view-bg .smart-under-text img {
	width: 100%;
}

/****************************************************************************************/

#smart-view .smart-view-menu {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/smart-menu-bg.jpg);
	background-repeat: repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;

}

#smart-view .smart-view-menu ul {
	overflow: hidden;
}

#smart-view .smart-view-menu ul li {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	
}

#smart-view .smart-view-menu ul li .list-btn {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #FFF;
	background-color:rgba(255, 255, 255, 0.3);
}

#smart-view .smart-view-menu ul li .list-btn .image {
	width: 45%;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
	
}

#smart-view .smart-view-menu ul li .list-btn .image img {
	width: 100%;
	border: none;
}

#smart-view .smart-view-menu ul li .list-btn .list-title {
	width: auto;
	height: auto;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
}

#smart-view .smart-view-menu ul li .list-btn a {
	display: block;
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-shadow: #3F9346 0 1px 0;
	text-decoration: none;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

/****************************************************************************************/

#sub-view {
	display: none;
}

#greeting-view {
	display: none;
}

#lecturer-view {
	display: none;
}

#access-view {
	display: none;
}

#voice-view {
	display: none;
}

#simon-view {
	display: none;
}

#tai-view {
	display: none;
}

#rinpa-view {
	display: none;
}

#seminar-view {
	display: none;
}

#contact-view {
	display: none;
}

/****************************************************************************************/

#middle-navi {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-attachment:fixed;
	position: relative;
	z-index: 3;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#middle-navi .cent-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.7);
}

#middle-navi .cent-area .title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background: #871e1e; /* Old browsers */
	background: -moz-linear-gradient(top, #871e1e 0%, #9b2323 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #871e1e 0%,#9b2323 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #871e1e 0%,#9b2323 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871e1e', endColorstr='#9b2323',GradientType=0 ); /* IE6-9 */
}

#middle-navi .cent-area .title h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 8px;
	left: 10px;
	z-index: 10;
	text-shadow: #AF2C2C 0 1px 0;
	overflow: hidden;
}

#middle-navi .cent-area .salon-pr-box {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0px;
}

#middle-navi .cent-area .salon-pr-box p {
	font-size: 14px;
	color: #000;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	letter-spacing: 0.06em;
	line-height: 22px;
}

#middle-navi .cent-area .salon-pr-box .reservation-bar {
	width: 90%;
	height: auto;
	padding: 10px;
	margin: 0px auto 0px auto;
	/*border: solid 1px #333;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background: #871E1E;
	text-align: center;
}

#middle-navi .cent-area .salon-pr-box .reservation-bar p {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	letter-spacing: 0.06em;
	line-height: 22px;
}

#middle-navi .cent-area .content-btn {
	width: auto;
	height: auto;
	padding: 15px;
	margin: 0px auto 0px auto;
	background-color:rgba(255, 255, 255, 0.7);
}

#middle-navi .cent-area .staffimage {
	width: auto;
	height: auto;
	padding: 5px;
	margin: 20px auto 20px auto;
}

#middle-navi .cent-area .staffimage img {
	width: 100%;
}

#middle-navi .cent-area .content-btn .salon-title {
	width: auto;
	height: auto;
	padding: 5px 10px 15px 10px;
	margin: 0px 0px 20px 0px;
	background-image: url(../img/20170506_1148.png);
	background-repeat: no-repeat;
}

#middle-navi .cent-area .content-btn .salon-title h3 {
	font-size: 16px;
	font-weight: bold;
	color: #871E1E;
	padding: 0px;
	margin: 0px 0px 0px 35px;
	line-height: 22px;
}

#middle-navi .cent-area .content-btn .salon-title p {
	font-size: 14px;
	color: #888;
	padding: 0px;
	margin: 17px 0px 0px 0px;
}

#middle-navi .cent-area .content-btn .salon-menu-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: dotted 1px #888;
}

#middle-navi .cent-area .content-btn .salon-menu-box .left-box {
	width: 67%;
	height: auto;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	float: left;
}

#middle-navi .cent-area .content-btn .salon-menu-box .left-box h4 {
	font-size: 14px;
	color: #871E1E;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	letter-spacing: 0.05em;
}

#middle-navi .cent-area .content-btn .salon-menu-box .right-price {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: right;
}

#middle-navi .cent-area .content-btn .salon-menu-box .right-price p {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #871E1E;
}

#middle-navi .cent-area .content-btn .salon-menu-box .comment-box {
	width: auto;
	height: auto;
	padding: 5px 0px 7px 0px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .salon-menu-box .comment-box p {
	font-size: 13px;
	color: #000;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.05em;
}

/*******************************************************/

#middle-navi .cent-area .nail-pr-box {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0px;
}

#middle-navi .cent-area .nail-pr-box p {
	font-size: 14px;
	color: #000;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	letter-spacing: 0.06em;
	line-height: 22px;
}

#middle-navi .cent-area .nail-pr-box .reservation-bar {
	width: auto;
	height: 45px;
	padding: 10px;
	margin: 0px auto 0px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background: #EB57C0;
	text-align: center;
}

#middle-navi .cent-area .nail-pr-box .reservation-bar p {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	letter-spacing: 0.06em;
	line-height: 20px;
}

#middle-navi .cent-area .nail-pr-box .left-text-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 20px auto 20px auto;
	text-align: left;
}

#middle-navi .cent-area .nail-pr-box .left-text-box p {
	font-size: 15px;
	color: #EB57C0;
	padding: 0px;
	margin: 0px;
	line-height: 24px;
	letter-spacing: 0.06em;
}

#middle-navi .cent-area .content-btn .nail-title {
	width: auto;
	height: auto;
	padding: 5px 10px 15px 10px;
	margin: 35px 0px 20px 0px;
	background-image: url(../img/20170523_0258.png);
	background-repeat: no-repeat;
}

#middle-navi .cent-area .content-btn .nail-title h3 {
	font-size: 17px;
	font-weight: bold;
	color: #EB57C0;
	padding: 0px;
	margin: 0px 0px 0px 35px;
	line-height: 20px;
}

#middle-navi .cent-area .content-btn .nail-title p {
	font-size: 14px;
	color: #888;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

#middle-navi .cent-area .content-btn .nail-menu-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: dotted 1px #888;
}

#middle-navi .cent-area .content-btn .nail-menu-box .left-box {
	width: 67%;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}

#middle-navi .cent-area .content-btn .nail-menu-box .left-box h4 {
	font-size: 14px;
	color: #EB57C0;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	letter-spacing: 0.05em;
}

#middle-navi .cent-area .content-btn .nail-menu-box .right-price {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: right;
}

#middle-navi .cent-area .content-btn .nail-menu-box .right-price p {
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #EB57C0;
}

#middle-navi .cent-area .content-btn .nail-menu-box .comment-box {
	width: auto;
	height: auto;
	padding: 5px 0px 7px 0px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .nail-menu-box .comment-box p {
	font-size: 13px;
	color: #000;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	letter-spacing: 0.05em;
}

#middle-navi .cent-area .content-btn .nail-image-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .nail-image-box ul {
	overflow: hidden;
}

#middle-navi .cent-area .content-btn .nail-image-box ul li {
	width: 300px;
	height: 235px;
	padding: 0px;
	margin: 0px 30px 30px 0px;
	text-align: center;
}

#middle-navi .cent-area .content-btn .nail-image-box ul li p {
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .nail-image-box ul li a {
	display: block;
	width: 300px;
	height: 235px;
	text-decoration: none;
	color: #0000FF;
}

#middle-navi .cent-area .staffimage {
	width: 500px;
	height: auto;
	padding: 0px;
	margin: 20px auto 20px auto;
}

#middle-navi .cent-area .staffimage img {
	width: 100%;
}

/**************************************************/

#middle-navi .cent-area .staffimage {
	width: 95%;
	height: auto;
	padding: 0px;
	margin: 20px auto 20px auto;
}

#middle-navi .cent-area .staffimage img {
	width: 100%;
}

#middle-navi .cent-area .staff-pr-box {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0px 0px 35px 0px;
}

#middle-navi .cent-area .staff-pr-box p {
	font-size: 15px;
	color: #000;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.05em;
	line-height: 20px;
}

#middle-navi .cent-area .staff-pr-box p.boldtext {
	font-weight: bold;
}

#middle-navi .cent-area .content-btn .left-staff {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto 85px auto;
}

#middle-navi .cent-area .content-btn .left-staff .staff-image {
	width: 293px;
	height: 194px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#middle-navi .cent-area .content-btn .left-staff .staff-image img {
	width: 100%;
}

#middle-navi .cent-area .content-btn .left-staff .text-box {
	overflow: hidden;
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .left-staff .text-box p {
	font-size: 15px;
	color: #333;
	padding: 0px;
	margin: 0px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

#middle-navi .cent-area .content-btn .left-staff .text-box p.underbar {
	padding-bottom: 10px;
	border-bottom: dotted 1px #888;
}

#middle-navi .cent-area .content-btn .left-staff .text-box p.topbar {
	padding-top: 10px;
}

#middle-navi .cent-area .content-btn .left-staff .staff-big-image {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#middle-navi .cent-area .content-btn .left-staff .staff-big-image img {
	width: 100%;
}

#middle-navi .cent-area .content-btn .right-staff {
	clear: both;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto 55px auto;
}

#middle-navi .cent-area .content-btn .right-staff .staff-image {
	width: 293px;
	height: 194px;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#middle-navi .cent-area .content-btn .right-staff .staff-image img {
	width: 100%;
}

#middle-navi .cent-area .content-btn .right-staff .text-box {
	overflow: hidden;
	width: auto;
	height: auto;
	padding: 15px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .right-staff .text-box p {
	font-size: 15px;
	color: #333;
	padding: 0px;
	margin: 0px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

#middle-navi .cent-area .content-btn .right-staff .text-box p.underbar {
	padding-bottom: 10px;
	border-bottom: dotted 1px #888;
}

#middle-navi .cent-area .content-btn .right-staff .text-box p.topbar {
	padding-top: 10px;
}

#middle-navi .cent-area .content-btn .right-staff .staff-big-image {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#middle-navi .cent-area .content-btn .right-staff .staff-big-image img {
	width: 100%;
}

/******************************************************/

#middle-navi .cent-area .reservation-bar {
	width: 90%;
	height: 45px;
	padding: 10px;
	margin: 0px auto 20px auto;
	/*border: solid 1px #333;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background: #871E1E;
	text-align: center;
}

#middle-navi .cent-area .reservation-bar p {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	letter-spacing: 0.06em;
	line-height: 20px;
}

#middle-navi .cent-area .content-btn .text-list {
	width: auto;
	height: auto;
	padding: 5px;
	margin: 0px auto 40px auto;
}

#middle-navi .cent-area .content-btn .text-list ul {
	overflow: hidden;
}

#middle-navi .cent-area .content-btn .text-list ul li {
	width: auto;
	height: auto;
	padding: 5px;
	margin: 0px;
	font-size: 15px;
	color: #333;
	letter-spacing: 0.04em;
	line-height: 20px;
}

#middle-navi .cent-area .content-btn .tenpo-data {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0px auto 40px auto;
}

#middle-navi .cent-area .content-btn .tenpo-data table {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#middle-navi .cent-area .content-btn .tenpo-data table td.left {
	width: 25%;
	height: auto;
	padding: 5px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.04em;
	border-bottom: dotted 1px #888;
	border-right: dotted 1px #888;
	line-height: 18px;
}

#middle-navi .cent-area .content-btn .tenpo-data table td {
	width: 75%;
	height: auto;
	padding: 10px;
	margin: 0px;
	font-size: 14px;
	color: #333;
	border-bottom: dotted 1px #888;
	line-height: 18px;
}

#middle-navi .cent-area .content-btn .map-box {
	width: 600px;
	height: 450px;
	padding: 20px;
	margin: 50px auto 50px auto;
	box-shadow: 1px 1px 4px #333;
	-moz-box-shadow: 1px 1px 4px #333;
	-webkit-box-shadow: 1px 1px 4px #333;
	
}

#middle-navi .cent-area .content-btn .tenpo-data table td a {
	color: #871E1E;
}

#middle-navi .cent-area .content-btn .map-box {
	display: none;
}

#middle-navi .cent-area .content-btn .sp-map-box {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 25px auto 25px auto;
	box-shadow: 1px 1px 4px #333;
	-moz-box-shadow: 1px 1px 4px #333;
	-webkit-box-shadow: 1px 1px 4px #333;
}

/**********************************************************************/

#middle-navi .cent-area .social-box {
	display: none;
}

.sp-social-box {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 17px;
	margin: 0px 0px 15px 0px;
}

.sp-social-box ul {
	overflow: hidden;
}

.sp-social-box ul li {
	width: 75px;
	height: 50px;
	padding: 0px;
	margin: 0px 17px 0px 0px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

.sp-social-box ul li img.so-icon {
	width: 25px;
	height: 25px;
	padding: 0px 0px 0px 10px;
	margin: 0px auto 0px auto;
	text-align: center;
}

.sp-social-box ul li.fb {
	background: #3A589B;
}

.sp-social-box ul li.twi {
	background: #1DA1F2;
}

.sp-social-box ul li.hate {
	background: #066DD9;
}

.sp-social-box ul li.line {
	background: #4ecd00;
}

.sp-social-box ul li a {
	display: block;
	width: 65px;
	height: 38px;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	text-decoration: none;
}


















/**********************************************************************/

#main-content {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#main-content .left-main {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background-color:rgba(255, 255, 255, 0.5);
}

#main-content .left-main .one-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#main-content .left-main .one-box .title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

#main-content .left-main .one-box .title h2 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 8px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

#main-content .left-main .one-box .text-guide {
	width: auto;
	height: auto;
	padding: 22px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.8);
}

#main-content .left-main .one-box .text-guide p {
	font-size: 15px;
	color: #333;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.08em;
}

#main-content .left-main .one-box .search-type {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #FFF;
}

#main-content .left-main .one-box .search-type ul {
	overflow: hidden;
}

#main-content .left-main .one-box .search-type ul li {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #FFF;
}

#main-content .left-main .one-box .search-type ul li .one-type {
	width: auto;
	height: auto;
	padding: 15px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.8);
}

#main-content .left-main .one-box .search-type ul li .one-type .search-image {
	width: 88%;
	height: auto;
	padding: 0px;
	margin: 0px auto 10px auto;
}

#main-content .left-main .one-box .search-type ul li .one-type .search-image img {
	width: 100%;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

#main-content .left-main .one-box .search-type ul li .one-type .search-text-guide {
	width: 88%;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#main-content .left-main .one-box .search-type ul li .one-type .search-text-guide h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	color: #3F9346;
	text-shadow: #FFF 0 1px 0;
}

#main-content .left-main .one-box .search-type ul li .one-type .search-text-guide p {
	font-size: 15px;
	color: #3F9346;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.08em;
}

#main-content .left-main .one-box .search-type ul li .one-type a {
	display: block;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

/**********************************************************************/

.area-map-box {
	display: none;
}

#main-content .map-one-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#main-content .map-one-box .title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

#main-content .map-one-box .title h2 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 8px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

#main-content .map-one-box .text-guide {
	width: auto;
	height: auto;
	padding: 14px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.7);
}

#main-content .map-one-box .text-guide p {
	font-size: 14px;
	color: #333;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

#main-content .map-one-box .smart-area-map {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#main-content .map-one-box .smart-area-map .cent-area {
	width: 318px;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#main-content .map-one-box .smart-area-map ul {
	overflow: hidden;
}

#main-content .map-one-box .smart-area-map ul li {
	width: 105px;
	height: 105px;
	padding: 0px;
	margin: 0px 1px 1px 0px;
	float: left;
}

#main-content .map-one-box .smart-area-map ul li img {
	width: 100%;
	border: none;
}

/***************************************************************************/

.rank-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.rank-box .title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

.rank-box .title h2 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 8px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

.rank-box .text-guide {
	width: auto;
	height: auto;
	padding: 14px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.7);
}

.rank-box .text-guide p {
	font-size: 14px;
	color: #333;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

.rank-box .rank-list {
	width: auto;
	height: auto;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	background: #FFF;
	border-top: solid 1px #CCC;
}

.rank-box .rank-list ul {
	overflow: hidden;
}

.rank-box .rank-list ul li {
	width: auto;
	height: auto;
	padding: 8px 5px 15px 5px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.7);
	border-bottom: solid 1px #CCC;
}

.rank-box .rank-list ul li .site-image {
	width: 300px;
	height: auto;
	padding: 0px;
	margin: 0px auto 5px auto;
}

.rank-box .rank-list ul li .site-image img {
	width: 100%;
	border: none;
}

.rank-box .rank-list ul li .junle-rank {
	width: auto;
	height: 20px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 0px;
}

.rank-box .rank-list ul li .junle-rank p.impact {
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.06em;
}

.rank-box .rank-list ul li .junle-rank .crown {
	width: 19px;
	height: 18px;
	background-image: url(../img/ranking-icon01.jpg);
	background-repeat: no-repeat;
	display: block;
	position: relative;
	top: -15px;
	left: -22px;
	z-index: 10;
}

.rank-box .rank-list ul li .site-name {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 5px 5px;
	overflow: hidden;
}

.rank-box .rank-list ul li .site-name h3 {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	line-height: 22px;
}

.rank-box .rank-list ul li .doc-area {
	width: 90px;
	height: 35px;
	padding: 0px;
	margin: 0px 0px 10px 5px;
	background: #4FB477;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}

.rank-box .rank-list ul li .doc-area p {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	letter-spacing: 0.08em;
}

.rank-box .rank-list ul li .comment {
	overflow: hidden;
	width: auto;
	height: 72px;
	padding: 5px;
	margin: 0px;
}

.rank-box .rank-list ul li .comment p {
	font-size: 14px;
	color: #333;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.06em;
	line-height: 20px;
}

.rank-box .rank-list ul li a {
	display: block;
	text-decoration: none;
}

.rank-box .rank-list ul li a:hover,.rank-box .rank-list ul li .comment p:hover {
	color: #FF6600;
}

.rank-box .rank-list ul li.more-rank {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
}

.rank-box .rank-list ul li.more-rank a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #3F9346;
	width: auto;
	height: 26px;
	padding: 14px 0px 0px 10px;
	margin: 0px;
	text-decoration: none;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

/***************************************************************************/

.push-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.push-area .title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

.push-area .title h2 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 8px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

.push-area .text-guide {
	width: auto;
	height: auto;
	padding: 14px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.5);
}

.push-area .text-guide p {
	font-size: 14px;
	color: #333;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

.push-area .push-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #4FB457;
}

.push-area .push-list ul {
	overflow: hidden;
}

.push-area .push-list ul li {
	width: auto;
	height: auto;
	padding: 7px;
	margin: 0px;
	border-bottom: solid 1px #4FB457;
	background-color:rgba(63, 147, 70, 0.8);
}

.push-area .push-list ul li .push-sum {
	width: 210px;
	height: 100px;
	padding: 0px;
	margin: 0px auto 7px auto;
}

.push-area .push-list ul li .push-sum img {
	width: 100%;
	border: none;
}

.push-area .push-list ul li .sub-title {
	width: auto;
	height: 17px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
	overflow: hidden;
	text-overflow: ellipsis;   /* IE6以上 */
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis;   /* Opera */
	white-space: nowrap;
	text-align: center;
}

.push-area .push-list ul li .sub-title h3 {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.06em;
	color: #FFFF66;
}

.push-area .push-list ul li .text-area {
	width: 85%;
	height: auto;
	padding: 4px;
	margin: 0px auto 3px auto;
}

.push-area .push-list ul li .text-area p {
	font-size: 14px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

.push-area .push-list ul li a {
	display: block;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	color: #FFF;
	text-decoration: none;
}

.push-area .push-list ul li a:hover,.push-area .push-list ul li p:hover {
	color: #FF6600;
}

/**********************************************************************/

.news-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.news-area .title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

.news-area .title h2 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 8px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

.news-area .news-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #FFF;
}

.news-area .news-list ul {
	overflow: hidden;
}

.news-area .news-list ul li {
	width: auto;
	height: auto;
	padding: 12px;
	margin: 0px;
	background-color:rgba(255, 255, 255, 0.8);
	border-bottom: solid 1px #FFF;
	box-shadow:inset 0px -10px 30px #EAEAEA;
}

.news-area .news-list ul li .news-sum {
	width: 90%;
	height: auto;
	padding: 0px;
	margin: 0px auto 7px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.news-area .news-list ul li .news-sum img {
	width: 100%;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.news-area .news-list ul li .news-listtitle {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	overflow: hidden;
}

.news-area .news-list ul li .news-listtitle h3 {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

.news-area .news-list ul li .text-guide {
	width: auto;
	height: 55px;
	padding: 7px;
	margin: 0px;
	overflow: hidden;
}

.news-area .news-list ul li .text-guide p {
	font-size: 14px;
	color: #3F9346;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

.news-area .news-list ul li a {
	display: block;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	color: #3F9346;
	text-decoration: none;
}

.news-area .news-list ul li a:hover,.news-area .news-list ul li p:hover {
	color: #FF6600;
}

.news-area .more-btn {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	border-bottom: solid 1px #FFF;
	box-shadow:inset 0px -10px 30px #EAEAEA;
}

.news-area .more-btn a {
	display: block;
	width: auto;
	height: 26px;
	padding: 14px 0px 0px 10px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #3F9346;
	text-shadow: #FFF 0 1px 0;
	text-decoration: none;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

.news-area .more-btn a:hover {
	color: #FF6600;
}

/***********************************************************************************/

.right-side-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.right-side-area .ad-area {
	width: 300px;
	height: 250px;
	padding: 0px;
	margin: 15px auto 15px auto;
	background: #CCC;
}

.right-side-area .right-content {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.right-side-area .right-content .side-title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

.right-side-area .right-content .side-title h3 {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 9px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

.right-side-area .right-content .cate-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
	box-shadow: 1px 1px 4px #CCC;
	-moz-box-shadow: 1px 1px 4px #CCC;
	-webkit-box-shadow: 1px 1px 4px #CCC;
	background-color:rgba(255, 255, 255, 0.9);
}

.right-side-area .right-content .cate-list ul {
	overflow: hidden;
	list-style-type:none;
}

.right-side-area .right-content .cate-list ul li {
	display:inline-block;
	width: 49.6%;
	height: 40px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	float: left;
	background-image: url("../img/cate-arrow.gif");
	background-repeat: no-repeat;
	background-position: 4px 16px;
}

.right-side-area .right-content .cate-list ul li a {
	display: block;
	width: auto;
	height: 26px;
	padding: 14px 0px 0px 15px;
	margin: 0px;
	font-size: 13px;
	text-decoration: none;
}

.right-side-area .right-content .right-content-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.right-side-area .right-content .right-content-list ul {
	overflow: hidden;
}

.right-side-area .right-content .right-content-list ul li {
	width: auto;
	height: 90px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #CCC;
	overflow: hidden;
	background-color:rgba(255, 255, 255, 0.9);
}

.right-side-area .right-content .right-content-list ul li .sum {
	width: 90px;
	height: 90px;
	padding: 0px;
	margin: 0px 7px 0px 0px;
	float: left;
}

.right-side-area .right-content .right-content-list ul li .sum-text {
	width: auto;
	height: auto;
	padding: 2px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
}

.right-side-area .right-content .right-content-list ul li .sum-text p {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	letter-spacing: 0.06em;
}

.right-side-area .right-content .right-content-list ul li a {
	display: block;
	color: #3F9346;
	width: auto;
	height: 98px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.right-side-area .right-content .right-content-list ul li a:hover {
	color: #FF6600;
}

.right-side-area .right-content .more-btn {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	border-bottom: solid 1px #FFF;
}

.right-side-area .right-content .more-btn a {
	display: block;
	width: auto;
	height: 26px;
	padding: 14px 0px 0px 10px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #3F9346;
	text-shadow: #FFF 0 1px 0;
	text-decoration: none;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

.right-side-area .right-content .more-btn a:hover {
	color: #FF6600;
}

.right-side-area .right-content .right-content-list ul li.more-btn {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
}

.right-side-area .right-content .right-content-list ul li.more-btn a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #3F9346;
	width: auto;
	height: 26px;
	padding: 14px 0px 0px 10px;
	margin: 0px;
	text-decoration: none;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

.right-side-area .right-content .right-content-list ul li.more-btn a:hover {
	color: #FF6600;
}

/*************************************************************************************/

#foot-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#foot-box .cent-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}
#foot-box .cent-area .foot-menu {
	display: none;
}

#foot-box .cent-area .foot-middle-area {
	width: auto;
	height: auto;
	padding: 0px;
}

#foot-box .cent-area .foot-middle-area .foot-title {
	width: auto;
	height: 32.5px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	overflow: hidden;
}

#foot-box .cent-area .foot-middle-area .foot-title h3 {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.08em;
	display: block;
	position: relative;
	top: 9px;
	left: 25px;
	z-index: 10;
	text-shadow: #3F9346 0 1px 0;
	overflow: hidden;
}

#foot-box .cent-area .foot-middle-area .foot-course-menu {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color:rgba(63, 147, 70, 0.8);
}

#foot-box .cent-area .foot-middle-area .foot-course-menu ul {
	overflow: hidden;
}

#foot-box .cent-area .foot-middle-area .foot-course-menu ul li {
	width: auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #4FB457;
}

#foot-box .cent-area .foot-middle-area .foot-course-menu ul li a {
	display: block;
	width: auto;
	height: 25px;
	padding: 15px 0px 0px 10px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background:transparent url(../img/arrow.gif) no-repeat scroll right center;
}

#foot-box .cent-area .foot-middle-area .foot-course-menu ul li a:hover {
	color: #FF6600;
}

#foot-box .copy-area {
	width: auto;
	height: auto;
	padding: 15px;
	margin: 0px;
	background-color:rgba(135, 30, 30, 0.9);
	border-top: solid 2px #AF2C2C;
	border-bottom: solid 2px #AF2C2C;
}

#foot-box .copy-area .cent-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#foot-box .copy-area .cent-area .left-area {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#foot-box .copy-area .cent-area .left-area p {
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}

#foot-box .copy-area .cent-area .right-area {
	width: 100px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: right;
	display: block;
	position: relative;
	top: -20px;
	left: 0px;
	z-index: 10;
}

#foot-box .copy-area .cent-area .right-area img {
	width: 100%;
	border: none;
}

#foot-box .copy-area .cent-area .bottom-area {
	clear: both;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#foot-box .copy-area .cent-area .bottom-area p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
}

#foot-box .copy-area .cent-area .bottom-area a {
	color: #FFF;
	text-decoration: under;
}

.back-top {
	position: fixed;
	bottom: 20px;
	z-index: 999999;
}
.back-top a {
	width: 100px;
	font-size: small;
	display: block;
	text-decoration: none;
}

.back-top span {
	text-align: center;
	width: 70px;
	height: 22px;
	display: block;
	padding: 8px 0px 0px 0px;
	margin-left: 0px;
	background-color:rgba(135, 30, 30, 0.7);
	border: solid 1px #FFF;
	color: #FFF;
	text-shadow: #555 0 1px 0;
	opacity: 0.8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/***************************************************************/

#feature-view {
	display: none;
}

/*
#feature-view {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 25px 0px;
}
*/
#feature-view .sub-screen {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	background-image: url(../img/main-bg.png);
	background-repeat: repeat;
}

#feature-view .sub-screen .sub-text {
	width: 75%;
	height: auto;
	padding: 20px 0px 20px 0px;
	margin: 0px auto 0px auto;
	text-align: center;
}

#feature-view .sub-screen .sub-text h2 {
	font-size: 22px;
	color: #FFF;
	text-shadow: #871E1E 0 2px 0;
	letter-spacing: 0.04em;
	border-bottom: solid 1px #FFF;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 10px 0px;
}

#feature-view .sub-screen .sub-text p {
	font-size: 14px;
	color: #871E1E;
	letter-spacing: 0.02em;
	padding: 0px;
	margin: 0px;
}






/**************************************************************************************/

.news-area .news-title {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	background-position:  bottom;
	border-left: solid 10px #3F9346;
}

.news-area .news-title h2 {
	font-size: 18px;
	font-weight: bold;
	color: #4FB457;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	letter-spacing: 0.06em;
	line-height: 22px;
}

.news-area .featurenewsbox {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0px;
}

.news-area .featurenewsbox .image-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}

.news-area .featurenewsbox .image-box img {
	width: 100%;
	border: none;
}

.news-area .featurenewsbox .image-box .offer {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.news-area .featurenewsbox .image-box .offer p {
	font-size: 12px;
	color: #888;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.04em;
}


.news-area .featurenewsbox .text-box-type1 {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.news-area .featurenewsbox .text-box-type1 p {
	font-size: 15px;
	color: #333333;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height: 24px;
	letter-spacing: 0.06em;
	
}

.news-area .featurenewsbox .text-box-type1 h3 {
	font-size: 17px;
	color: #333;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.news-area .featurenewsbox .text-box-type1 h4 {
	font-size: 16px;
	color: #333;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.news-area .featurenewsbox .text-box-type1 h5 {
	font-size: 15px;
	color: #333;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

/****************************商品リンクエリア***************************************/

.news-area .featurenewsbox .item-link {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 65px 0px 65px 0px;
}

.news-area .featurenewsbox .item-link .item-image {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

.news-area .featurenewsbox .item-link .item-image img {
	width: 100%;
	border: none;
}

.news-area .featurenewsbox .item-link .item-image a:hover {
	opacity: 0.6;
}

.news-area .featurenewsbox .item-link .item-title {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}

.news-area .featurenewsbox .item-link .item-title h3 {
	font-size: 20px;
	color: #333;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border-left: solid 10px #333;
}

.news-area .featurenewsbox .item-link .item-guide-in {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.news-area .featurenewsbox .item-link .item-guide-in p {
	font-size: 13px;
	color: #333333;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	line-height: 22px;
	letter-spacing: 0.05em;
}

.news-area .featurenewsbox .item-link .reviews-box {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 45px 0px 10px 0px;
}

.news-area .featurenewsbox .item-link .reviews-box h3 {
	font-size: 18px;
	color: #333;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border-left: solid 10px #333;
}

.news-area .featurenewsbox .item-link .reviews-box p {
	font-size: 13px;
	color: #333333;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	line-height: 22px;
	letter-spacing: 0.05em;
}

.news-area .featurenewsbox .item-link .reviews-box blockquote {
	background: #EEE;
	background-image: url(../img/blockquote.png);
	background-repeat: no-repeat;
	background-position: 2% 5%;
	padding: 30px 0px 0px 0px;
}

.news-area .featurenewsbox .item-link .itemshop-link {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 15px;
	margin: 25px auto 35px auto;
}

.news-area .featurenewsbox .item-link .itemshop-link ul {
	overflow: hidden;
}

.news-area .featurenewsbox .item-link .itemshop-link ul li {
	width: 125px;
	height: 45px;
	padding: 0px;
	margin: 0px 15px 0px 0px;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

.news-area .featurenewsbox .item-link .itemshop-link ul li.amazon {
	background: #232F3E;
}

.news-area .featurenewsbox .item-link .itemshop-link ul li.rakuten {
	background: #BF0000;
}

.news-area .featurenewsbox .item-link .itemshop-link ul li a {
	display: block;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	width: auto;
	height: 29px;
	padding: 16px 0px 0px 0px;
	margin: 0px;
	text-decoration: none;
}

.news-area .featurenewsbox .item-link .itemshop-link ul li:hover {
	opacity: 0.6;
}

/**************************アイテムカテゴリリスト****************************************/

.news-area .featurenewsbox .item-category {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 65px 10px;
}

.news-area .featurenewsbox .item-category h3 {
	font-size: 18px;
	color: #333;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px -10px;
	border-left: solid 10px #333;
}

.news-area .featurenewsbox .item-category .item-category-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 30px 0px 0px 0px;
	
}

.news-area .featurenewsbox .item-category .item-category-list ul {
	overflow: hidden;
}

.news-area .featurenewsbox .item-category .item-category-list ul li {
	width: 125px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 18px 15px 0px;
	float: left;
	text-align: center;
	/*border: solid 1px #CC0000;*/
}

.news-area .featurenewsbox .item-category .item-category-list ul li img {
	width: 100%;
	height: 94px;
	overflow: hidden;
	border: none;
}

.news-area .featurenewsbox .item-category .item-category-list ul li:hover {
	opacity: 0.6;
}

.news-area .featurenewsbox .item-category .item-category-list ul li a {
	display: block;
	text-decoration: none;
}

.news-area .featurenewsbox .item-category .item-category-list ul li a span {
	display: block;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

/*********************************ブランドリスト****************************************/

.news-area .featurenewsbox .brand-category {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 17px;
	margin: 0px 0px 65px 0px;
}

.news-area .featurenewsbox .brand-category h3 {
	font-size: 18px;
	color: #333;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px -10px;
	border-left: solid 10px #333;
}

.news-area .featurenewsbox .brand-category .brand-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 30px 0px 0px 0px;
}

.news-area .featurenewsbox .brand-category .brand-list ul {
	overflow: hidden;
}

.news-area .featurenewsbox .brand-category .brand-list ul li {
	width: 125px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 13px 25px 0px;
	float: left;
	text-align: center;
}

.news-area .featurenewsbox .brand-category .brand-list ul li img {
	width: 100%;
	border: none;
}

.news-area .featurenewsbox .brand-category .brand-list ul li:hover {
	opacity: 0.6;
}

.news-area .featurenewsbox .brand-category .brand-list ul li a {
	display: block;
	text-decoration: none;
}

.news-area .featurenewsbox .brand-category .brand-list ul li a span {
	display: block;
	font-size: 12px;
	padding: 0px;
	margin: -20px 0px 0px 0px;
}

/*********************************最近チェックしたもの****************************************/

.news-area .featurenewsbox .now-check-item-list {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 35px 0px;
}

.news-area .featurenewsbox .now-check-item-list h3 {
	font-size: 18px;
	color: #333;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border-left: solid 10px #333;
}

.news-area .featurenewsbox .now-check-item-list .check-item-list {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 15px;
	margin: 30px 0px 0px 0px;
}

.news-area .featurenewsbox .now-check-item-list .check-item-list ul {
	overflow: hidden;
}

.news-area .featurenewsbox .now-check-item-list .check-item-list ul li {
	width: 125px;
	height: 94px;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 15px 0px;
	float: left;
	text-align: center;
	overflow: hidden;
}

.news-area .featurenewsbox .now-check-item-list .check-item-list ul li img {
	width: 100%;
	border: none;
}

.news-area .featurenewsbox .now-check-item-list .check-item-list ul li:hover {
	opacity: 0.6;
}

.news-area .featurenewsbox .now-check-item-list .check-item-list ul li a {
	display: block;
}








































































