@charset "EUC-JP";

@import url("common.css");

/* ブラウザスタイル初期化 */
* {
	list-style: none;
	color: #333333;
	font: small "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
}

body {
    font-size:100%;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #0000ff;
}

a:link{
	color:#339900;
}

a:visited{
	color:#0064DD;
}

a:hover { text-decoration: underline}

a:hover{
	color:#ff6600;
}

#wrapper {
    border:1px #cccccc solid;
    width:800px;
	position: relative;
}

#left {
	float: left;
	width: 170px;
	background-color: #EEEEEE;
	padding:0px 0px 15px 0px;
}

#list {
	border-top: dotted 1px #999999;
	background-color:#ffffff;
	margin:3px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}

#contents {
	float: left;
	width: 620px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	padding:5px 0px 0px 0px;
}

div.unit_data {
	float: left;
	/*width: 340px;*/
	clolor:#0000ff;
}

a.sl_unit,
a:visited.sl_unit {
	width: 600px;
	padding: 5px 10px;
	background-color: #ffffff;
	color: #333333;
	text-decoration: none;
	border-bottom: dotted 1px #999999;
	line-height: 1.3em;
}

a:hover.sl_unit {
	background-color: #eeeeee;
	text-decoration: none;
	color: #333333;
}

a.sl_unit img {
	float: right;
	border: none;
}
/* header */
#header {
    width:800px;
    margin:0px;
    padding:0px;
}

#header .navigation{
    background-color: #dddddd;
    padding:5px 0px;
}

#header .navigation ul{
    list-style:none;
    text-align:center;
    margin:0px;
}

#header .navigation li {
    display:inline;
    margin:0px 10px;
    padding:0px;
}

/*header_box*/

#header_box{
	background-image:url(/image/header.jpg);
	background-repeat:no-repeat;
	height:90px;
}

/* footer */
#footer {
    clear:both;
    width:800px;
    text-align:center;
}

#footer_box{
	clear:both;
	background-image:url(/image/footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 0px 15px 0px;
	text-align:center;
	border-top:solid 1px #cccccc;
}

.qrcode img {
	/*float: right;*/
}


#qrcode {
	display: none;
	text-align: center;
	line-height: 100%;
	width: 160px;
	height: 150px;
	top: 10px;
	right: 10px;
	border: solid 1px #0000ff;
	margin: 0px;
	background-color: #ffffff;
	padding: 5px 0px 0px 0px;
}

#qrcode img {
	margin: 0px;
}

/*left_menu*/
#left form{
	margin:0px;
	padding:0px;
}

h3{
	width: 160px;
	padding-left: 5px;
	line-height: 180%;
	margin: 0px;
	background-image:url(/image/left_subtitle_bk.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#0000ff;
	font-weight:bold;

}

#s_local a {
	line-height: 180%;
	margin: 0px;
}

.pcat {
	display: none;
	background-color:#ffffff;
	width:160px;
	padding:0px 0px 0px 5px;
	border-bottom:solid 1px #E0E0E0;
}

#s_cat h4 {
	width: 160px;
	line-height: 180%;
	margin: 0px;
	padding-left: 5px;
	background-image:url(/image/left_subtitle_bk2.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#s_cat a {
	line-height: 180%;
	margin: 0px;
}

.local_area{
	width:160px;
	padding:0px 0px 0px 5px;
	border-bottom:solid 1px #e0e0e0;
	background-color:#ffffff;
	line-height: 160%;
}

#name_search, #access_search{
	width:160px;
	padding:10px 0px 10px 5px;
	border-bottom:solid 1px #e0e0e0;
	background-color:#ffffff;
	line-height: 160%;

}



#s_name{
	/*padding:5px 0px 3px 5px;
	margin:0px;
	background-color:#ffffff;*/
	
}


h2{
	padding:5px 0px 5px 10px;
    background-color: #137FFF;
    border-bottom: solid 1px #004191;
	color:#ffffff;

}

/*page_navi*/
#navi_area{
	padding:5px 0px 5px 0px;
	color:#0000ff;	
}

#navi_area a{
	color:#0000ff;
}

.navi_previous{
	background-color:#ffffff;
	border:solid 1px #e0e0e0;
	padding:5px 8px 5px 8px;
	margin:3px 15px 3px 15px;
}

.navi_next{
	background-color:#ffffff;
	border:solid 1px #e0e0e0;
	padding:5px 8px 5px 8px;
	margin:3px 15px 3px 15px;
}


/*right_block*/
.right_block{
	float:right;
	border:solid 1px #cccccc;
	width:160px;
	height:120px;
	display:block;
	background-color:#eeeeee;
}

/*left_block*/
.left_block{
	float:left;
}

.title_shop{
	width:450px;
	font-size: 120%;
	font-weight: bold;
	color:#333333;
	background-color:#DDEDFF;
	padding:5px 0px 5px 3px;
}

.subtitle_shop{
	width:100%;
	font-weight: bold;
	color:#185FAB;
	padding:3px 0px 3px 3px;
}

.code_box{
	float:left;
}

.data_area{
	width:350px;
	display:block;
	padding:5px 0px 5px 0px;
	float:left;
	vertical-align:top;
}

