@charset "utf-8";

/* 各カテゴリー詳細
------------------------------*/


/* リンク
------------------------------*/

#main a {
	text-decoration: none;
	color: #333333;
}

#main a:visited {
	color: #333333;
	text-decoration: none;
}

#main a:hover {
	color: #FF9D03;
	text-decoration: none;
}

#blog a {
	text-decoration: none;
	color: #333333;
}

#blog a:visited {
	color: #333333;
	text-decoration: none;
}

#blog a:hover {
	color: #FF9D03;
	text-decoration: none;
}

#blog h3 a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}


/* メイン部分
-------------------------------------------------------------------------------------*/
.form170 { width:170px; }

.form280 { width:280px; }

.form450 { width:450px; }

.inner {
	width: 770px;
	float: left;
}

.inner_ss {
	width: 100px;
	height: 180px;
	float: left;
	padding-right: 10px;
}

.inner_s {
	width: 100px;
	height: 200px;
	float: left;
	padding-right: 20px;
}

.inner_m {
	width: 380px;
	float: left;
}

.inner_l {
	width:540px;
	float:left;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.inner_left {
	width: 720px;
	float: left;
	padding-left: 20px;
}

.inner_float {
	float: right;
	margin-bottom: 5px;
	width: 780px;
	text-align: right;
}

.box {
	float:left;
	width:200px;
	margin-bottom: 10px;
}

.pictbox {
	float:left;
	width:100px;
	padding-right: 10px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

.autopict {
	float:left;
	width:auto;
	padding-right: 15px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

.breadth_outor {
	float:left;
	width:560px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.breadth {
	float:left;
	width:550px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.top {
	width:200px;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
}

.middle {
	float:left;
	width:190px;
	background-image: url(../img/middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 10px;
	padding-bottom: 5px;
}

.bottom {
	width:200px;
	background-image: url(../img/bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	float: left;
}

#leftblock {
	float:left;
	width:200px;
}

#leftblock h2 {
	float:left;
	padding-bottom: 10px;
}

#leftblock ul {
	float:left;
	width:140px;
	display: block;
	padding-left: 30px;
	padding-bottom: 3px;
}

#leftblock ul.admin {
	width:160px;
	display: block;
	padding-left: 10px;
}

#leftblock li {
	display: list-item;
	list-style-position: outside;
	list-style-type: disc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 2px;
	font-size: 95%;
}

#leftblock li.admin {
	border-bottom-style: none;
	background-image: url(../img/double_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	list-style-type: none;
	padding-left: 12px;
}

#leftblock dl {
	float:left;
	width:160px;
	display: block;
	padding-left: 10px;
}

#leftblock dt {
	float:left;
	font-size: 90%;
}

#leftblock dd {
	float:left;
	line-height: 14px;
	font-size: 90%;
	width: 160px;
}

#leftblock p.short {
	float:left;
	width:180px;
	margin-bottom: 5px;
	text-align: center;
	display: block;
	font-size: 90%;
}

#leftblock table {
	float:left;
	width:180px;
}

#leftblock th {
	float:left;
	width:174px;
	padding: 3px;
}
#leftblock td {
	float:left;
	width:174px;
	padding: 3px;
	font-size: 95%;
}

#leftblock td.center { text-align: center; }


#mainblock {
	float:left;
	width:780px;
	padding-left: 20px;
}

#mainblock h1 {
	float:left;
	width:780px;
	margin-bottom: 15px;
}

#mainblock h1.bg {
	background-image:url(../img/shop_name_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	font-size:150%;
	font-weight:bold;
	height:50px;
	margin-bottom: 0px;
	padding-left:50px;
	padding-top:20px;
	width:730px;
}

#mainblock ul {
	display: block;
	width: 780px;
	text-align: right;
	float: left;
	padding-bottom: 3px;
}

#mainblock li { display: inline; }

#mainblock li.genre {
	background-image: url(../img/genre_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 90px;
	height: 30px;
	padding-top: 8px;
	display: inline;
	padding-bottom: 8px;
	padding-right: 20px;
	line-height: 35px;
}

#mainblock li.area {
	background-image: url(../img/area_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 90px;
	height: 30px;
	padding-top: 8px;
	display: inline;
	padding-bottom: 8px;
	line-height: 35px;
}


/* 詳細ページ内部メニュー
-------------------------------------*/
#local
{
	width:760px;
	height: 50px;
	float: left;
	padding-left: 10px;
	margin-bottom: 40px;
}

#local ul
{
	height: 50px;
	width: 715px;
	padding-left: 30px;
}

#local li
{
	width: 136px;
	padding-left: 5px;
	float: left;
}

#local li a
{
	width: 100%;
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/:50px;
	padding-top:49px;
	color:#FFFFFF;
	background-image:url(../img/local_menu.jpg);
	float: right;
}


/* オフマウス
-------------------------------------*/
#local01 a { background-position:  -36px 0px; }

#local02 a { background-position:-173px 0px; }

#local03 a { background-position:-311px 0px; }

#local04 a { background-position:-449px 0px; }

#local05 a { background-position:-587px 0px; }


/* オフマウス
-------------------------------------*/
#local01 a.stay { background-position:  -36px -71px; }

#local02 a.stay { background-position:-173px -71px; }

#local03 a.stay { background-position:-311px -71px; }

#local04 a.stay { background-position:-449px -71px; }

#local05 a.stay { background-position:-587px -71px; }


/* オフマウス
-------------------------------------*/
#local01 a:hover { background-position:  -36px -71px; }

#local02 a:hover { background-position:-173px -71px; }

#local03 a:hover { background-position:-311px -71px; }

#local04 a:hover { background-position:-449px -71px; }

#local05 a:hover { background-position:-587px -71px; }



#ajax01 {
	width:auto;
	height: auto;
}

#ajax02 {
	width:auto;
	height: auto;
}

#ajax03 {
	width:auto;
	height: auto;
}

#ajax04 {
	width:auto;
	height: auto;
}

#ajax05 {
	width:auto;
	height: auto;
}

#basic {
	float:left;
	width:760px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#basic h2 {
	float:left;
	width:750px;
	background-image: url(../img/basic_title.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 35px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 15px;
	display: block;
}

#basic h5 {
	float:left;
	width:370px;
	padding-top: 15px;
	display: block;
	padding-bottom: 5px;
}

#basic p {
	float:left;
	width:370px;
}

#basic p.pict_l {
	float: left;
	width: auto;
}

#basic p.pict_r {
	float: left;
	width: auto;
	padding-left: 16px;
}

#basic dl {
	float:left;
	width:370px;
	padding-top: 15px;
	display: block;
	padding-right: 16px;
	padding-bottom: 15px;
}

#basic dt {
	float:left;
	width:85px;
	padding-bottom: 3px;
	padding-top: 3px;
}

#basic dd {
	width:360px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 20px;
	padding-top: 3px;
}

#menu {
	float:left;
	width:760px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#menu h2 {
	float:left;
	width:750px;
	background-image: url(../img/menu_title.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 35px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 20px;
	display: block;
}

#menu h3 {
	float:left;
	width:100px;
	display: block;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:center;
}

#menu p {
	float:left;
	width:100px;
	display: block;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 5px;
}

#menu table {
	float:left;
	width:380px;
	margin-top: 5px;
}

#menu th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 284px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#menu td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#blog {
	float:left;
	width:770px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#blog h2 {
	float:left;
	width:750px;
	background-image: url(../img/weblog_title.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 35px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 15px;
	display: block;
}

#blog h3 {
	float:left;
	width:100px;
	display: block;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 5px;
}

#blog p {
	float:left;
	width:100px;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#blog dl {
	float:left;
	width:760px;
	padding-top: 20px;
}

#blog dt {
	float:left;
	width:120px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

#blog dd {
	float:left;
	width:640px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

#maps {
	float:left;
	width:760px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#maps h2 {
	float:left;
	width:750px;
	background-image: url(../img/map_title.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 35px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 25px;
	display: block;
}

#maps p {
	float:left;
	width:760px;
}

#mouth {
	float:left;
	width:760px;
	padding-left: 10px;
	margin-bottom: 30px;
	margin-top:60px;
}

#mouth h2 {
	float:left;
	width:750px;
	background-image: url(../img/mouth_title.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 35px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 20px;
	display: block;
}

#mouth h3 {
	float:left;
	width:610px;
	padding-left: 25px;
	background-image: url(../img/gray_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	display: block;
	font-size: 120%;
	font-weight: bold;
	padding-top: 7px;
}

#mouth h4 {
	float:left;
	width:370px;
	font-size: 120%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	line-height: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#mouth h4.name {
	font-size: 95%;
	font-weight: normal;
	background-image: none;
	padding-left: 0px;
	width: 200px;
}

#mouth p {
	float:left;
	width:720px;
	text-align: justify;
	display: block;
}

#mouth p.btn {
	width:auto;
	padding-left: 15px;
	margin-bottom: 0px;
	float: left;
}

#mouth table {
	float:left;
	width:720px;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 25px;
	font-size: 95%;
}

#mouth th {
	width:200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #E8E8E8;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#mouth td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#mouth td.btn { text-align: center; }

#member {
	float:left;
	width:1000px;
	margin-bottom: 50px;
}

#member h2 {
	width:auto;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

#login_inside {
	width:700px;
	margin-right: auto;
	margin-left: auto;
}

.inside {
	width:600px;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #CCCCCC;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.tableoutor {
	width:460px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #F0F0F0;
}

.inputbox {
	width:460px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #F0F0F0;
	padding-top: 15px;
}

#login_inside h3 {
	width:620px;
	padding-left: 15px;
}

#login_inside p {
	width:500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	line-height: 16px;
}

#login_inside p.register { font-size: 90%; }

#login_inside p.registration {
	background-color: #E8E8E8;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: center;
	width: 420px;
}

#login_inside table {
	width: 460px;
	background-color: #F0F0F0;
	font-size: 90%;
}

#login_inside table.white { background-color: #FFFFFF; }

#login_inside th {
	width:100px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#login_inside th.lowest { padding-bottom: 20px; }

#login_inside td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#login_inside td.register { font-size: 90%; }

#login_inside td.lowest { padding-bottom: 20px; }

#login_inside td.btn {
	text-align: center;
	padding-left: 0px;
}