@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
body {
	color:#333;
	font-size:13px;
	line-height:1.8;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff url(../image/bg.jpg) repeat-x top center;
	
	}


#wrap{}

a{
	color:#333333;
	text-decoration:underline;}
	a:hover { color:#ff0000;
		text-decoration:none;}
	
strong {
	font-weight:bold;
	color:#333;}
em {
	color:#333;
	font-style:italic;}
table{
	font-size:100%;
	width:100%;}

#header{
	width:962px;
	height:95px;
	text-align:center;
	margin:0 auto;
	margin-bottom:10px;
	background:url(../image/head.jpg) no-repeat center top;}

#container{
	width:960px;
	margin:0 auto;}

#navi{
	width:222px;
	float:left;
	display:inline;}

#inner{
	width:728px;
	float:right;
	display:inline;}
	#inner #main{
		width:480px;
		float:left;
		display:inline;}
	#inner #sub{
		width:240px;
		float:right;
		display:inline;
		padding-top:5px;}
	#inner #com{}

#footarea{
	width:960px;
	margin:0 auto;}
	
	
/*---------------------------------------------------*/
/* INDEX
-----------------------------------------------------*/
#top div{
	margin-bottom:10px;}

#top div.start{
	margin-top:5px;}

#top div.japan h1{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color:#FEEF00;
	text-indent:-9999px;
	height:45px;
	margin:0;
	background:url(../image/top_h1.jpg) no-repeat top center;}
	#top div.japan div.area{
		width:100%;
		height:333px;
		margin:0;
		position:relative;
		background:url(../image/map_main.jpg) no-repeat;}
		#top div.japan div.area ul{
			padding:2px;}
		#top div.japan div.area ul li{
			text-align:left;
			float:left;
			display:inline;}
			#top div.japan div.area ul li a{
				display:block;
				color:#333;
				text-decoration:underline;
				padding:0 4px 0 12px;
				background:url(../image/right-pick_icon.gif) no-repeat 5px;}
				#top div.japan div.area ul li a:hover{
					text-decoration:none;}
		#top div.japan div.area ul.h{
			width:110px;
			height:42px;
			padding-top:10px;
			position:absolute;
			left: 355px;
			top: 10px;
		}
		#top div.japan div.area ul.th{
			width:99px;
			height:92px;
			position:absolute;
			padding:10px 5px;
			left: 365px;
			top: 62px;
		}
		#top div.japan div.area ul.kt{
			width:100px;
			height:114px;
			position:absolute;
			padding:10px 0;
			left: 365px;
			top: 164px;
			}
		#top div.japan div.area ul.hs{
			width:150px;
			height:57px;
			position:absolute;
			padding:5px;
			left: 117px;
			top: 10px;
			}
		#top div.japan div.area ul.tk{
			width:102px;
			height:54px;
			position:absolute;
			padding:2px 5px;
			left: 260px;
			top: 252px;
			}
		#top div.japan div.area ul.kk{
			width:103px;
			height:83px;
			position:absolute;
			left: 118px;
			top: 69px;
			}
		#top div.japan div.area ul.cg{
			width:91px;
			height:81px;
			position:absolute;
			left: 16px;
			top: 61px;
			}
		#top div.japan div.area ul.sk{
			width:102px;
			height:54px;
			position:absolute;
			padding:2px 5px;
			left: 150px;
			top: 252px;
			}
		#top div.japan div.area ul.ok{
			width:132px;
			height:74px;
			position:absolute;
			left: 12px;
			top: 233px;
			}


#top div.pickup{
	margin-bottom:5px;}
	#top div.pickup ul li{
		margin-bottom:0;}


#top div.special ul li{
	width:235px;
	border:1px solid #ccc;
	display:inline;
	font-size:12px;
	line-height:1.5em;
	text-align:left;}
	#top div.special ul li a{
		display:block;
		padding:8px;
		text-decoration:none;}
		#top div.special ul li a strong,#top div.special ul li a:hover{
			color:#0360e3;
			}
			#top div.special ul li a strong{
				background:url(../image/right-pick_icon.gif) no-repeat left;
				padding-left:10px;}
	#top div.special ul li img{
		float:left;
		margin-right:8px;}
	#top div.special ul li.chubo{
		float:left;}
	#top div.special ul li.piano{
		float:right;}

#top div.osusume{}
	#top div.osusume h2{
		text-align:left;
		font-size:20px;
		font-weight:bold;
		color:#FEEF00;
		text-indent:-9999px;
		height:42px;
		margin:0;
		background:url(../image/top_shoph2.jpg) no-repeat top center;
		}
	#top div.osusume ul{
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;}
		#top div.osusume ul li{
			text-align:left;
			line-height:1.5;
			border-bottom:1px dotted #ccc;
			}
		#top div.osusume ul li a{
			display:block;
			text-decoration:none;
			color:#333;
			padding:2px 8px;}
			#top div.osusume ul li a:hover{
				color:#333;
				}
			#top div.osusume ul li a strong{
				background:url(../image/right-pick_icon.gif) no-repeat left;
				padding-left:10px;
				color:#0360e3;}
		#top div.osusume ul li img{
			float:left;
			margin:4px 10px 4px 0;}


#top div.entry{
	background:#ddf3f9 url(../image/entry_bg.jpg) no-repeat left 39px;}
	#top div.entry h2{
		text-align:left;
		font-size:20px;
		font-weight:bold;
		color:#FEEF00;
		text-indent:-9999px;
		height:39px;
		margin:0;
		background:url(../image/entry_midashi.jpg) no-repeat top center;
		}
	#top div.entry p{
		text-align:left;
		margin:10px;
		letter-spacing:0.2;}
	#top div.entry ul{
		padding:0 10px;
		margin-bottom:10px;}
		#top div.entry ul li{
			float:left;
			margin-right:10px;}
		#top div.entry ul li a{
			color:#0360e3;
			font-weight:bold;
			display:block;
			background:url(../image/icon_arrow.gif) no-repeat left;
			padding-left:13px;
			text-decoration:none;}
			#top div.entry ul li a:hover{
				text-decoration:underline;}
	#top div.entry a.btn{
		margin-bottom:10px;
		display:block;}

#introduce{
	margin:0 0 30px 0;
	padding:3px;
	border:#CCC 1px solid;
	text-align:left;}
	#introduce h2{
		width:472px;
		height:34px;
		margin:0 0 10px 0;
		padding:0;
		text-indent:-9999px;
		background:url(../image/h2_introduce.jpg) no-repeat;}
	#introduce h3{
		margin:15px 7px 4px 7px;
		padding:0 0 0 8px;
		border-left:#0085B2 5px solid;
		color:#0085B2;}
	#introduce p{
		margin:0 7px 7px 7px;
		padding:0;
		line-height:1.6em;}




/*---------------------------------------------------*/
/* Corporate
-----------------------------------------------------*/
#com h1{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:45px;
	margin-bottom:10px;
	text-align:center;
	background:#0153c0 url(../image/com_h1.jpg) no-repeat top;}
	#com h1.pb{
		font-size:18px;
		font-weight:bold;
		color:#fff;
		line-height:45px;
		margin-bottom:10px;
		padding-left:60px;
		text-align:left;
		background:url(../image/com_h1_pb.jpg) no-repeat top;}
	#com h1.com{
		font-size:18px;
		font-weight:bold;
		color:#fff;
		line-height:45px;
		margin-bottom:10px;
		padding-left:60px;
		text-align:left;
		background:url(../image/com_h1_com.jpg) no-repeat top;}
	#com h1.form{
		font-size:16px;
		font-weight:bold;
		color:#fff;
		line-height:45px;
		margin-bottom:10px;
		padding-left:60px;
		text-align:left;
		background:url(../image/com_h1_form.jpg) no-repeat top;}
#com h2{
	font-size:14px;
	font-weight:bold;
	color:#0153c0;
	margin-bottom:5px;}
	#com h2.shopname{
		font-size:20px;
		font-weight:bold;
		color:#0b62dc;
		margin-bottom:25px;
		line-height:40px;
		letter-spacing:0.1em;
		background:url(../image/forshop_h2.gif) no-repeat bottom;}
#com div{
	background:#fff;
	}
	#com div div{
		width:670px;
		margin:0 auto 15px;
		text-align:left;}
#com table{
	width:100%;
	font-size:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:inherit;
}
	#com table th{
		padding:5px 10px;
		font-weight:bold;
		background:#eeeeee;
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		border-bottom:1px solid #dddddd;
		border-right:1px solid #dddddd;
		}
	#com table td{padding:5px 10px;
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		border-bottom:1px solid #ccc;
}
#com iframe{
	width:100%;
	font-size:100%;
	border:1px solid #ccc;
	padding:1px;}
#com p,#com ul,#com ol{
	margin-bottom:20px;}
	#com ol li,#com ul li{
		margin-bottom:5px;}
	#com li ol,#com li ul{
		margin-bottom:0;}
	#com p.right{
		text-align:right;}
#com ol{
	list-style:decimal;
	padding-left:1.8em;
}

#com dl dt{
	margin-bottom:5px;
	padding-left:1.0em;
	background:url(../image/icon_next.gif) no-repeat left 6px;}
#com div.caution ol{
	list-style:lower-latin;}
	#com ol table,#com ol table *{
		border:none;
		padding:0;}

#com div.btn input{
	margin:0 10px;}
#com div.privacy label{
	font-size:16px;}
#com div.privacy input{
	margin-right:5px;}


/*---------------------------------------------------*/
/* サイト利用方法
-----------------------------------------------------*/
#howto h1{
	line-height:40px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	letter-spacing:0.1em;
	padding-left:55px;
	margin-bottom:15px;
	background:url(../image/howto_h1.jpg) no-repeat top;}
#howto h2{
	font-size:16px;
	color:#003399;
	margin-bottom:10px;
	line-height:30px;
	letter-spacing:0.1em;
	padding-left:35px;
	background:url(../image/forshop_h3.gif) no-repeat left 2px;
	}
#howto h3{
	font-size:14px;
	font-weight:bold;
	color:#0098ea;
	margin-bottom:10px;
	letter-spacing:0.1em;
	padding-left:20px;
	background:url(../image/howto_h3.gif) no-repeat left;
	}


#howto strong{
	color:#f00;}
#howto p{
	margin-bottom:10px;}
	#howto p img{
		float:right;
		margin-left:20px;}

#howto div.flow{
	text-align:center;}
	#howto div.flow table{
		width:210px;
		float:left;
		margin:0 6px;
		display:inline;
		line-height:1.5em;
		}
	#howto div.flow table th{
		background:#003399;
		padding:5px 10px;
		color:#fff;
		font-weight:bold;}
	#howto div.flow table td img{
		margin-bottom:10px;}
	#howto div.flow table td span{
		color:#f00;}
#howto div.info{
	background:#e6ebf5;
	padding:10px 0;}
	#howto div.info p{
		margin:0 10px;}

#howto div{
	background:#fff;
	}
	#howto div div{
		width:670px;
		margin:0 auto 20px;
		text-align:left;}

	
/*---------------------------------------------------*/
/* NAVI
-----------------------------------------------------*/
#navi a#start{
	display:block;
	margin-bottom:5px;}

#navi #menu{
	margin-bottom:10px;
	background:url(../image/left_bg.gif) repeat-y;}
	#menu div{
		padding-bottom:10px;}
	#menu h2{
		line-height:50px;
		height:50px;
		text-indent:-9999px;
		}
	#menu div.left01 ul,#menu div.left02 ul,#menu div.left03 ul{
		width:210px;
		display:inline-block;
		font-size:12px;}
		#menu div.left01 ul li,#menu div.left02 ul li,#menu div.left03 ul li{
			width:175px;
			display:inline-block;
			text-align:left;
			border-bottom:1px dotted #fff;
			}
		#menu div.left01 ul li a,#menu div.left02 ul li a,#menu div.left03 ul li a{
			display:block;
			color:#0060e3;
			text-decoration:none;
			background:#fff;
			vertical-align:middle;
			line-height:28px;
			}
			#menu div.left02 ul li a,#menu div.left03 ul li a{
				padding:3px 10px;
				height:28px;
				vertical-align:middle;}
			#menu div.left01 ul li a:hover,#menu div.left02 ul li a:hover,#menu div.left03 ul li a:hover{
				text-decoration:underline;}
			#menu div.left01 ul li a img,#menu div.left02 ul li a img,#menu div.left03 ul li a img{
				margin-right:5px;}

#menu div.left01{
	background:url(../image/left01_bottom.gif) no-repeat bottom;
	padding-bottom:5px;}
	#menu div.left01 ul{
		background:#0153c0;
		}
		#menu div.left01 ul li a{
			padding-left:25px;
			background:#fff url(../image/icon_arrow.gif) no-repeat 10px center;}
		#menu div.left01 ul.fuyohin{
			background:#0153c0;
			}
		#menu div.left01 ul.fuyohin li{
			margin-top:3px;
			border-bottom:none;
			line-height:30px;
			}
		#menu div.left01 ul.fuyohin li a{
			border-bottom:none;
			background:url(../image/left01_btn.jpg) no-repeat center;
			font-weight:bold;
			text-align:center;
			color:#09097b;
			padding:0;
			}
	#menu div.left01 h2{
		background:url(../image/left01_midashi.jpg) no-repeat top;}
	#menu div.left01 h2.top{
		background:url(../image/left01_midashi_top.jpg) no-repeat top;}


#menu div.left02{
	background:url(../image/left02_bottom.gif) no-repeat bottom;}
	#menu div.left02 ul{
		background:#0098ea;
		}
	#menu div.left02 h2{
		background:url(../image/left02_midashi.jpg) no-repeat top;}

#menu div.left03{
	background:url(../image/left03_bottom.gif) no-repeat bottom;}
	#menu div.left03 ul{
		background:#8AA0AE;
		}
	#menu div.left03 h2{
		background:url(../image/left03_midashi.jpg) no-repeat top;}


#menu div.left00{
	margin-top:10px;
	background:url(../image/left_bottom.gif) no-repeat bottom;}
	#menu div.left00 li{
		margin-bottom:5px;}



#navi #info{
	border:1px solid #ccc;}
	#navi #info div.mobile{
		height:175px;
		background:url(../image/mobile_bg.gif) no-repeat bottom center;}
		#navi #info div.mobile h2{
			background:url(../image/mobile_midashi.gif) no-repeat top center;
			height:36px;
			margin-bottom:15px;
			text-indent:-9999px;}
		#navi #info div.mobile p{
			margin-left:115px;
			margin-right:10px;
			text-align:left;
			font-size:12px;
			line-height:1.5;}


/*---------------------------------------------------*/
/* HEAD
-----------------------------------------------------*/
#header #logo{
	float:left;
	width:200px;
	height:60px;
	margin:15px 20px;
	display:inline;
	}
	#header #logo a{
		width:100%;
		height:60px;
		display:block;
		text-indent:-9999px;
		}

#header p{
	width:300px;
	float:left;
	margin-top:30px;
	display:inline;
	text-align:left;
	color:#fff;
	letter-spacing:0.1em;}

#header ul{
	float:right;
	text-align:left;
	margin-right:14px;
	width:328px;
	display:inline;
	background:url(../image/head_nav.gif) no-repeat;}
	#header ul li{
		float:left;
		line-height:31px;}
		#header ul li a{
			display:block;
			color:#0320c0;
			padding-left:25px;
			text-decoration:none;
			background:url(../image/icon_arrow.gif) no-repeat 10px center;}
		#header ul li.usage,#header ul li.home{
			background:url(../image/head_nav_line.gif) no-repeat right top;}
			#header ul li.usage{
				width:130px;}
			#header ul li.home{
				width:95px;}


	
/*---------------------------------------------------*/
/* FOOT
-----------------------------------------------------*/
#footarea a{text-decoration:none;}
	#footarea a:hover{color:#0523bc;}

#footarea div.gotop{
	height:75px;
	background:url(../image/bg_town.gif) no-repeat bottom;}
	#footarea div.gotop a{
		display:block;
		width:180px;
		height:24px;
		line-height:24px;
		float:right;
		text-indent:15px;
		background:url(../image/btn_gotop.gif) no-repeat;}

#footarea div.fnav{
	height:33px;
	line-height:33px;
	background:#d6ebf6;}
	#footarea div.fnav ul{
		float:right;
		margin:0 35px;
		display:inline;}
	#footarea div.fnav ul li{
		float:left;
		margin-left:10px;
		display:inline;}
	#footarea div.fnav ul li a{
		display:block;
		padding-left:13px;
		background:url(../image/icon_arrow.gif) no-repeat left 13px;}

#footarea div.pr{
	width:890px;
	margin:0 auto;}
	#footarea div.pr div.seo{
		float:left;
		width:120px;
		text-align:left;
		display:inline;
		padding-top:10px;}
		#footarea div.pr div.seo a{
			}
	#footarea div.pr div.site{
		float:right;
		width:770px;
		display:inline;
		text-align:left;
		margin:5px 0;}
		#footarea div.pr div.site div{}
		#footarea div.pr div.site span{
			padding:0 5px;
			line-height:25px;
			border-left:2px solid #0032c0;
			border-right:2px solid #0032c0;
			margin-bottom:5px;}

#footarea div.copy{
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:10px;
	letter-spacing:0.1em;
	background:url(../image/bg_foot.gif) no-repeat bottom center;}


/*---------------------------------------------------*/
/* 隗｣髯､
-----------------------------------------------------*/
p:after,ul:after,div:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clea:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clea {
	zoom:1;
}




/*---------------------------------------------------*/
/*2015/1/29追加 
-----------------------------------------------------*/
.jisseki_top {
	border:1px #ccc solid;
	background:#fff;
	text-align:center;
	margin: 0 0 20px 0;
}

.jisseki_top h2 {
	background:url(https://www.retown.jp/image/jisseki_topbg.jpg) no-repeat center;
	width:232px;
	height:34px;
	padding-top:0px;
	margin:3px auto 0 auto;
	font-weight:bold;
	font-size:14px;
	line-height:36px;
}

.jisseki_top h3  {
	margin:0 auto 4px auto;
	padding:5px 0 0 28px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#135fbb;
	background:url(https://www.retown.jp/image/jisseki_arrow.gif) no-repeat 10px 8px;

}

.jisseki_top ul {
	margin-left:13px;
}

.jisseki_top li {
	text-align: center;
	margin:10px 0;
	padding:0;
	border:solid 1px #999;
	width:214px;
}
.jisseki_top li img {
	display: block;
	margin:0 auto 3px auto;
	width:200px;
}

.jisseki_top li div {
	margin:0 auto 5px auto;
	padding:4px 0;
	background:#f5f5f5;
	width:200px;
}

.jisseki_top li:last-child {
	margin-right: 0px;
}
.jisseki_top li span {
	color: #F00;
	font-weight: bold;
	font-size: 18px;
	line-height: 1em;
}






















.left { float: left; }
.right { float: right; }
.clear { clear: both; }





/* ================================ */

.wrap {
	margin: 0px auto;
	width: 960px;
}

/* ================================ */

.wrap .header {
	background: #0465C4 url(../images/head_bg2.jpg) no-repeat right bottom;
	color: #FFF;
	padding: 15px 10px 15px 20px;
}
.wrap .header .copy {
	margin: 5px 5px 5px 20px;
}
.wrap .header .headmenu {
	background: url(../image/head_nav.gif);
	float: right;
	width: 328px;
	height: 31px;
	margin-top: -15px;
}
.wrap .header .headmenu li {
	float: left;
}
.wrap .header .headmenu li a {
	text-decoration: none;
	background: url(../image/icon_arrow.gif) no-repeat 12px center;
	display: block;
	padding-left: 28px;
	margin: 3px 0px 0px 7px;
	border-left-width: 1px;
	border-left-style: dotted;
	font-size: 12px;
}
.wrap .header .headmenu li.first a{
	border-style: none;
}

.wrap .header .headmenu .home {
	background: url(../image/head_nav_line.gif) no-repeat right center;
}
.wrap .header .headmenu .form {
	background: url(../image/head_nav_line.gif) no-repeat left center;
}

/* ================================ */

.wrap .mainmenu  {
	clear: both;
	background: #0311BC;
	margin-bottom:10px;
}
.wrap .mainmenu li  {
	float: left;
	padding: 5px 3px 5px 18px;
	text-align: center;
	background: url(../image/menu_bg.png) repeat-y 6px center;
	font-size: 12px;
}
.wrap .mainmenu li a {
	text-decoration: none;
	background: url(../image/arrow_menu.png) no-repeat left center;
	color: #FFF;
	padding: 5px 0px 5px 19px;
}
.wrap .mainmenu .clearfix li a:hover {
	color: #FF9900;
}

.shop .text h3 {
	margin:15px 7px 4px 0px;
	padding:0 0 0 8px;
	border-left:#0085B2 5px solid;
	color:#0085B2;
}
.shop .text p {
	margin-bottom: 0.75em;
}