@charset "Shift_JIS";
/*--------------------------------------------------
	基本設定
--------------------------------------------------*/
body {
	font-size: 14px;
	color: #333;
	font-family: 'Meiryo UI', Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:150%;
	margin: 0px;
	text-align:center;
}
h1,h2,h3,ul,ol,li,dl,dt,dd{
	padding: 0px;
	margin: 0px;
	line-height:100%;
}
p{
	padding: 0px;
	margin: 0px;
	line-height:140%;
}

img {
	border: none;
	vertical-align: top;
}
hr{
	display: none;
}
form {
	padding:0px;
	margin:0px;
}
ul{
	list-style: none;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
/*--------------------------------------------------
	リンク設定
--------------------------------------------------*/
a{
	color:#36C;
	text-decoration:underline;
}
a:hover {
	color:#903;
	text-decoration:none;
}
/*--------------------------------------------------
	ヘッダー設定
--------------------------------------------------*/
#oyabackheader {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 22% 0 0;
}
.backheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../img/header-bk2.jpg) top center no-repeat;
	background-size:100%;
}
#page_top {
  margin: 0;
  padding: 0;
}

.header-line{
	width:100%;
	height:4px;
}
#header{
	width:1000px;
	margin: 0px auto 0px auto;
}

#header .logo{
	float:left;
	height:140px;
	margin: 30px 0px 0px 0px;
}

	
#header .header-right{
	width:263px;
	float:right;
}

#header .header-btn{
	float:right;
	margin:60px 30px 0 0;
}
#header .header-btn li{
	float:left;
	display:inline-block;
}

.globalarea{
	background:url(../img/background.png) top left repeat-x;
	width:100%;
	height:53px;
}

.global1{
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px 0 0 0;
}

.global1 li{
	float:left;
	display:inline-block;
}
@media screen and (max-width:767px){
	#oyabackheader {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 13% 0 0;
	}
	.backheader {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:none;
	}
	#header{
		width:100%;
	}
	
	#header .summary{
		visibility:hidden;
	}
	
	#header .header-right{
		display:none;
	}
	
	.globalarea{
		display:none;
	}
	#header .logo{
		display:none;
	}
	#header .logomb{
		width:72%;
		float:left;
		margin:0 0 0 0;
	}
	#header .logo img{
		width:100%;
		height:auto;
	}
	.mb-line {
		height:1px;
		background-color:#FFF;
		border-bottom:2px solid #355F97;
		margin-top:1px;
	}
	.global-line{
		width:100%;
		height:4px;
		background-color:#06C;
		margin-top:10px;
	}
	.sma-menu{
		width:28%;
		float:right;
	}
	#gNav {
	    width: 100%;
	    position: absolute;
	    top: -3000px;
	    z-index: 100;
	    transition: top 1s;
	    -webkit-transition: top 1s;
	    -moz-transition: top 1s;
	    text-align: center;
	    background:#2C446D;
	}
	#gNav:target {
 	   top: 0px;
	}
	#gNav li{
		padding:10px 0 10px 10%;
		border-bottom:1px solid #CCC;
		color:#F93;
		text-align:left;
	}
	#gNav li a{
		color:#FFF;
		text-decoration:none;
		display:block;
	}

	.nav-close {
		padding:10px 0 10px 0;
		border-bottom:1px solid #FDD;
	    background:#333;
	}
	.nav-close a{
		color:#FFF;
		text-decoration:none;
			display:block;
	}
}

@media screen and (min-width:768px){
	.global-line{
		display:none;
	}
	.sma-menu{
		display:none;
	}
	#gNav {
		display:none;
	}
	.logomb{
		display:none;
	}
	.mb-line{
		display:none;
	}
}

/*--------------------------------------------------
	編集可能領域設定
--------------------------------------------------*/
#contenter{
	width:1000px;
	margin: 0px auto 0px auto;
}
#contenter .pankuzu{
	width:950px;
	float:left;
	text-align:left;
	margin:0 0 10px 10px;
	color:#333;
	font-size:12px;
}
#contenter .pankuzu a{
	color:#333;
	text-decoration:underline;
}
#contenter .pankuzu a:hover{
	color:#F93;
	text-decoration:none;
}

#contenter #contents{
	width:1000px;
	text-align:left;
	margin:0px 0 0 0;
}

.top-center{
	float:left;
	margin:0 0 0 0;
}
.top-text{
	font-size:14px;
	color:#333;
	width:100%;
	margin:0px 0 0 0px;
	text-align:left;
}
.top-sec1{
	margin:20px 0 0 0;
}
.top-unit{
	float:left;
	width:30%;
	height:auto;
	margin:0 1% 20px 1%;
	border:2px solid #CCC;
}
.top-unit img{
	width:100%;
}
.top-title {
	border-bottom:2px solid #CCC;
}
/*　パンクズ　*/
#TopicPath {
  position:relative;
  height:6px;
  margin:0 0 15px 5px;
}
#TopicPath ol {
  padding: 10px 0;
  text-align: left;
  list-style: none;
  font-size: 12px;
  float:left;
}
#TopicPath ol li {
  display: inline;
  color: #555;
}
#TopicPath ol li a { color: #333; }
#TopicPath ol li.home a { color: #555; }

#TopicPath .innerPath {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:767px){
	#contenter{
		width:100%;
		margin: 0px 0 0px 0;
	}
	#contenter .pankuzu{
		display:none;
	}
	#contenter #contents{
		width:100%;
		text-align:left;
		margin:0px 0 0 0;
	}
	#mainimage{
		display:none;
	}
	.top-unit{
		float:left;
		width:94%;
		height:auto;
		margin:0 0 20px 3%;
		border:2px solid #CCC;
	}
	.top-title {
		border-bottom:2px solid #CCC;
	}
	#TopicPath{
		display:none;
	}

}
/*-------------------------------------------------------------
#Social
-------------------------------------------------------------*/
#Social{
	width:80px;
	position:fixed;
	bottom:40px;
	right:0px;
}
#Social img{
	float:left;
	margin:20px 0 0 0;
}

@media screen and (max-width:767px){
	#Social{
		display:none;
	}
	#Socialmb{
		width:15%;
		position:fixed;
		bottom:20px;
		right:0px;
	}
	#Socialmb img{
		width:100%;
		height:auto;
	}
}
@media screen and (min-width:768px){
	#Socialmb{
		display:none;
	}
}

/*--------------------------------------------------
	フッター
--------------------------------------------------*/
#footer-area{
	background:url(../img/footer_bk.png) repeat-x center top;
	width:100%;
	margin: 30px 0px 0px 0px;
}
#footer-area #footer{
	width:1000px;
	height:241px;
	margin: 0px auto 0px auto;
	padding:40px 0 0 0;
	text-align:left;
}
#footer-area #footer .footerlink{
	margin:0px 0 0px 0px;
	width:1000px;
}
#footer-area #footer .footerlink1{
	float:right;
	margin:0 0 0 0px;
}
#footer-area #footer .footerlink1 li{
	float:left;
	margin:0 0px 0 40px;
}
#footer-area #footer .footerlink2{
	float:right;
	margin:20px 0 0 0px;
}
#footer-area #footer .footerlink2 li{
	float:right;
	margin:0 40px 0 0px;
}

#footer-area #footer .footerlink-text01{
	background:url(../img/footerlink-bk01.jpg) no-repeat left center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 25px;
	margin-bottom:10px;
}
#footer-area #footer .footerlink-text01 a{
	color:#333;
	text-decoration:none;
}
#footer-area #footer .footerlink-text01 a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer-area #footer .footer-alert{
	border-top:1px solid #FFF;
	width:700px;
	font-size:14px;
	text-align:left;
	color:#111;
	margin:60px auto 0 auto;
	padding:20px 0 0 20px;
}

#footer-area #footer .footer-logo{
	width:1000px;
	font-size:14px;
	text-align:center;
	color:#111;
	margin:50px 0 0 0px;
	padding:20px 0 10px 0;
}
@media screen and (max-width:767px){
	#footer-area #footer .footerlink{
		display:none;
	}
	#footer-area{
		background:#E9E9E9;
		margin:0;
	}
	#footer-area #footer{
		background-color:#E9E9E9;
		width:100%;
		height:100px;
		padding:0px 0 40px 0;
		text-align:left;
	}
	#footer-area #footer .footer-logo{
		border-top:none;
		float:left;
		width:96%;
		height:auto;
		font-size:14px;
		line-height:140%;
		text-align:center;
		color:#333;
		margin:0px 0 0px 2%;
	}
	#footer-area2 .footer-bottom{
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0 0 0px 0;
	}
	#footer-area2 .bottomleft{
		width:96%;
		float:left;
		margin: 0px 0px 0px 2%;
	}
	#footer-area2 .bottomright{
		display:none;
	}
	#footer-area #footer .footer-alert{
		border-top:none;
		width:94%;
		margin:10px 0 0px 0;
		padding:0 3% 20px 3%;
		background-color:#E9E9E9;
	}
}
/*--------------------------------------------------
	個別エリア
--------------------------------------------------*/
.title-bar-h1 {
	background:url(../img/title-bk.png) no-repeat left top;
	width:945px;
	font-size:18px;
	height:30px;
	font-weight:bold;
	color:#333;
	padding:4px 0px 8px 35px;
	margin:0px 0 0 0px;
	vertical-align:top;
}
@media screen and (max-width:767px){
	.title-bar-h1 {
		width:97%;
		background:none;
		padding:4px 0px 8px 3%;
		border-bottom:2px dotted #999;
	}
}
.title-bar-h2 {
	background:url(../img/title-bar-bk2.jpg) no-repeat left center;
	width:660px;
	height:24px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	padding:6px 0px 0px 34px;
	margin:20px 0 0 10px;
}
@media screen and (max-width:767px){
	.title-bar-h2 {
		width:90%;
		height:24px;
		padding:6px 0px 0px 5%;
		margin:20px 0 0 3%;
	}
}

.comment {
	width:940px;
	font-size:14px;
	color:#333;
	margin:10px 0 0px 20px;
}
@media screen and (max-width:767px){
	.comment {
		font-size:16px;
		width:94%;
		margin:10px 0 0px 3%;
	}
}
.comment2 {
	width:670px;
	font-size:14px;
	color:#333;
	padding:10px 0px 10px 0px;
	margin:10px 0 0px 25px;
}
@media screen and (max-width:767px){
	.comment2 {
		width:94%;
		margin:10px 0 0px 3%;
	}
}

.comment2-tokucho {
	width:680px;
	font-size:14px;
	color:#333;
	padding:10px 0px 10px 0px;
	margin:10px 0 0px 35px;
}
.comment3 {
	width:680px;
	font-size:14px;
	color:#333;
	padding:5px 0px 10px 0px;
	margin:5px 0 0px 25px;
}
table.tokutei_hyo{
	border:none;
	width:670px;
	margin:20px 0 0 20px;
}
table.tokutei_hyo th{
	width:150px;
	background:#f2eeee;
	padding:3px 6px;
	border-bottom:1px solid #ccc;
	text-align:left;
	}
table.tokutei_hyo td{
	padding:3px 6px;
	border-bottom:1px solid #ccc;
	text-align:left;
	}
.top-item{
	width:690px;
	margin:20px 0 0 10px;
}
.top-item-unit{
	width:120px;
	float:left;
	margin:10px 8px 20px 8px;
}
.top-item-name{
	font-size:12px;
	line-height:140%;
	color:#666;
	text-align:left;
	margin:5px 0 0 0;
}
.top-item-name a{
	color:#666;
	text-decoration:none;
}
.top-item-name a:hover{
	color:#F93;
	text-decoration:underline;
}
.top-item-price{
	font-size:12px;
	line-height:140%;
	color:#C33;
	text-align:left;
	margin:5px 0 0 0;
}
.ichiran-com{
	font-size:14px;
	line-height:180%;
	color:#666;
	text-align:left;
	padding:0 20px 0 20px;
	margin:20px 0 0 0;
}

.ichiran-unit{
	width:124px;
	float:left;
	margin:10px 20px 20px 20px;
}
.ichiran-unit-img{
	/*
	padding:1px;
	border:1px solid #CCC;
	*/
}
.ichiran-unit-img img{
	width:auto;
	height:100px;
}

.ichiran-mark{
	width:120px;
	float:left;
	text-align:left;
	margin:10px 0 0 0;
}
.ichiran-name{
	font-size:12px;
	line-height:140%;
	color:#666;
	text-align:left;
	margin:5px 0 0 0;
}
.ichiran-name a{
	color:#666;
	text-decoration:none;
}
.ichiran-name a:hover{
	color:#F93;
	text-decoration:underline;
}
.ichiran-price{
	font-size:12px;
	line-height:140%;
	color:#C33;
	text-align:left;
	margin:5px 0 0 0;
}
.detail-image {
	width:240px;
	float:left;
	margin:20px 0 0 0;
	font-size:14px;
	color:#666;
	line-height:150%;
}
.detail-image img{
	margin:10px 0 0px 0;
}
.detail-image-com{
	font-size:12px;
}
.detail-right{
	width:400px;
	margin:20px 0 0 0;
	float:right;
}
.detail-hinmei{
	font-size:14px;
	line-height:140%;
	color:#333;
	text-align:left;
	margin:0px 0 0 0;
}
.detail-name{
	font-size:16px;
	line-height:140%;
	color:#333;
	text-align:left;
	margin:10px 0 0 0;
}
.detail-yobi{
	font-size:16px;
	line-height:140%;
	color:#333;
	text-align:left;
	margin:0px 0 0 0;
}
.detail-price{
	font-size:20px;
	font-weight:bold;
	line-height:140%;
	color:#F33;
	text-align:left;
	margin:10px 0 0 0;
}
.detail-com{
	width:360px;
	font-size:14px;
	line-height:180%;
	color:#666;
	text-align:left;
	margin:0px 0 0 0;
}
.detail-kmk{
	font-size:14px;
	font-weight:normal;
}
.modori{
	float:right;
	font-size:14px;
	line-height:140%;
	text-align:left;
	margin:20px 20px 0 0;
}
.modori a{
	color:#F93;
	text-decoration:none;
}
.modori a:hover{
	color:#F93;
	text-decoration:underline;
}
.kanren p{
	text-align:left;
	font-size:18px;
	color:#C33;
	font-weight:bold;
	line-height:250%;
}
.faqlist {
	margin:0px 0 30px 0;
}

.faqlist a { color:#C66; text-decoration: none }
.faqlist a:hover{
	color:#F93;
	text-decoration:underline;
}
.faqlistdl {
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 4px 0px 0px 3px;
}
.faqlistcate {
	font-size: 14px;
	text-align: left;
	line-height:140%;
	font-weight:bold;
	color:#600;
	padding: 10px 0px 0px 0px;
}
.faqdetail {
	width:690px;
	border-color: #BFE1C1;
	border-style: solid;
	border-width: 1px;
	margin: 20px 10px 20px 0px;
}
.faqq {
	background:url(../kaitori/img/faq-q.jpg) no-repeat left top;
	background-color: #BFE1C1;
	color: #1B0D39;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 15px 20px 15px 50px;
}
.faqa {
	background:url(../kaitori/img/faq-a.jpg) no-repeat left top;
	background-color: #ffffff;
	color: #333;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 20px 10px 20px 50px;
}
.shucho-bk {
	background:url(../kaitori/img/index-bk01.jpg) no-repeat left top;
	color: #C33;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 0px 0px 0px 27px;
	margin:10px 0 0 10px;
}

.shucho-area-com{
	width:640px;
	margin:10px 0 20px 20px;
}
.shucho-area-title{
	color:#600;
}
.shucho-toiawase{
	margin:30px 0 0 20px;
}
.takuhai-bk {
	background:url(../kaitori/img/takuhai-bk01.jpg) no-repeat left top;
	color: #039;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 0px 0px 0px 27px;
	margin:10px 0 0 10px;
}
.flow-com {
	width:630px;
	text-align: left;
	margin:20px 0px 0px 60px;
}
.flow-title {
	width:660px;
	margin:10px 0px 0px 20px;
	font-size:20px;
	font-weight:bold;
	color:#F33;
	padding:0 0 3px 10px;
	border-bottom:1px dotted #333;
}
.flow-title2 {
	width:660px;
	height:54px;
	background:url(../kaitori/img/flow-bk01.jpg) top left no-repeat;
	margin:30px 0px 10px 30px;
}
.flow-title2-no {
	float:left;
	margin:15px 0px 10px 14px;
	font-size:32px;
	font-weight:bold;
	color:#333;
}
.flow-title2-txt {
	float:left;
	margin:15px 0px 10px 30px;
	font-size:18px;
	color:#278154;
}
.cate-link {
	margin:0px 0 0px 0;
	line-height:180%;
}

.cate-link a { color:#333; text-decoration: underline }
.cate-link a:hover{
	color:#F93;
	text-decoration:none;
}
.cate-title{
	font-size:18px;
	font-weight:bold;
	width:700px;
	margin:40px 0 0 0;
	padding:0 0 5px 10px;
	border-bottom:2px dotted #666;
}

.cate-title a { color:#333; text-decoration: none }
.cate-title a:hover{
	color:#F93;
	text-decoration:underline;
}

.cate-kmk{
	margin:10px 0 30px 10px;
}
.cate-kmk li{
	background:url(../shopping/img/category-circle.jpg) center left no-repeat;
	margin:10px 0 5px 0;
	padding:0 0 0 15px;
	width:215px;
	float:left;
}

.cate-kmk li a { color:#333; text-decoration: underline }
.cate-kmk li a:hover{
	color:#F93;
	text-decoration:none;
}
.laws-table{
	font-size:14px;
	font-weight:normal;
	line-height:140%;
}
#shibori {
	width:940px;
	border:1px solid #CCC;
	background-color:#F0F0F0;
	z-index:1;
	top:-200px;
	left:-260px;
	position:relative;
	padding:10px 30px 20px 30px;
}
#shibori .shibori-t{
	width:940px;
	float:left;
	color:#C33;
	margin:10px 0px 0 0px;
}
#shibori .shibori-l{
	margin:0px 0px 0 0px;
}
#shibori .shibori-u{
	float:left;
	margin:0px 40px 0 0;
	white-space: nowrap;
}
#shibori .shibori-u a{
	text-decoration:none;
}
#shibori .shibori-u a:hover{
	text-decoration:underline;
	color:#F93;
}
#shibori .shiboriclose{
	float:left;
	width:950px;
	font-size:16px;
	text-align:center;
	margin:20px 0 0 0;
}
#shibori .shiboriclose a{
	color:#C33;
	text-decoration:underline;
}
#shibori .shiboriclose a:hover{
	text-decoration:none;
	color:#F93;
}
/*--------------------------------------------------
	表のスタイルシート
--------------------------------------------------*/
.hyoarea{
	width:95%;
	margin:10px 0 0 3%;	
}
.hyoarea table{
	width:100%;
	background:#CCC;
}
.hyoarea td{
	padding:5px 2% 5px 2%;
	line-height:140%;
	vertical-align:top;
}
.tdname{
	font-size:120%;
	font-weight:bold;
	background-color:#39C;
	color:#FFF;
	width:100%;
}

.tdmidashi{
	background-color:#F9F9F9;
	color:#333;
	width:60%;
}
.tdnaiyo{
	background-color:#FFF;
	color:#333;
	width:40%;
}
.tdprice{
	color:#F33;
	font-size:120%;
}
.hyocom{
	font-size:90%;
	color:#C33;
}
.jichikai-hossoku{
	margin:20px 20px 0 20px;
	text-align:right;
}
.jichikai-top{
	margin:20px 0 0 20px;
}
.jichikai-top img{
	float:left;
	margin:0px 0 0 0;
}
.jichikai-com{
	float:left;
	margin:0 0 0 30px;
	width:420px;
}
.jichikai-sub{
	margin:20px 0 0 0px;
}
.jichikai-sub-unit{
	margin:30px 20px 0 20px;
	width:280px;
	float:left;
}
.jichikai-sub-unit img{
	margin:0px 0px 10px 0px;
}
.jichikai-sub-unit-all{
	margin:30px 0px 0 20px;
	width:920px;
	float:left;
}
.jichikai-sub-unit-all img{
	margin:0px 0px 10px 0px;
}
.jichikai-foot{
	height:50px;
}
.sitemap-top{
	width:100%;
	margin:20px 0 0 20px;
}
.sitemap-left{
	width:450px;
	float:left;
	margin:0px 0 0 50px;
}
.sitemap-right{
	width:450px;
	float:right;
	margin:0px 0 0 0px;
}
.sitemap-title {
	background:url(../sitemap/img/sitemap-circle.jpg) center left no-repeat;
	line-height:140%;
	margin:20px 0 0 0px;
	padding:0 0 0 25px;
	font-size:16px;
	color:#666;
}

.sitemap-text01 {
	background:url(../sitemap/img/sitemap-circle.jpg) center left no-repeat;
	line-height:140%;
	margin:30px 0 0 0px;
	padding:0 0 0 25px;
	font-size:16px;
	color:#333;
}
.sitemap-text01 a{
	color:#333;
	text-decoration:underline;
}
.sitemap-text01 a:hover{
	color:#F93;
	text-decoration:none;
}


.sitemap-text02 {
	background:url(../sitemap/img/sitemap-circle2.jpg) center left no-repeat;
	line-height:140%;
	margin:10px 0 0 20px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#333;
}
.sitemap-text02 a{
	color:#333;
	text-decoration:underline;
}
.sitemap-text02 a:hover{
	color:#F93;
	text-decoration:none;
}
@media screen and (max-width:767px){
	.jichikai-top img{
		float:left;
		width:94%;
		height:auto;
		margin:0px 0 0 0;
	}
	.jichikai-com{
		float:left;
		margin:20px 0 0 2%;
		width:92%;
	}
	.jichikai-sub{
		width:100%;
		margin:20px 0 0 0px;
	}
	.jichikai-sub-unit{
		margin:20px 0 0px 6%;
		width:88%;
		float:left;
	}
	.jichikai-sub-unit img{
		width:100%;
		height:auto;
		margin:0px 0px 10px 0px;
	}
	.jichikai-sub-unit-all{
		margin:20px 0 0 6%;
		width:88%;
		float:left;
	}
	.jichikai-sub-unit-all img{
		width:100%;
		height:auto;
		margin:0px 0px 10px 0px;
	}
	.jichikai-foot{
		height:20px;
	}
	
	.sitemap-top{
		width:94%;
		margin:10px 0 0 3%;
	}
	.sitemap-left{
		width:88%;
		float:left;
		margin:10px 0 0 6%;
	}
	.sitemap-right{
		width:88%;
		float:left;
		margin:10px 0 0 6%;
	}
	.sitemap-title {
		margin:10px 0 0 1%;
		padding:0 0 0 5%;
	}
	.sitemap-text01 {
		margin:10px 0 0 0;
		padding:0 0 0 5%;
	}
	.sitemap-text02 {
		margin:10px 0 0 3%;
		padding:0 0 0 5%;
	}
}