@charset "utf-8";

/* CSS Document */



/*

基本13px、IE7はsmall、IE6はx-small

希望のフォントサイズ（px）:指定する値（%）

10px:77%;

11px:85%;

12px:92%;

13px:100%;

14px:107%;

15px:114%;

16px:122%;

17px:128%;

18px:136%;

19px:144%;

20px:152%;

21px:159%;

22px:167%;

23px:174%;

24px:182%;

25px:189%;

26px:197%;

*/

/*base*/

* {

margin: 0px;

padding: 0px;

}

a{

text-decoration:underline;

color:#0066FF;

}

a:hover{

text-decoration:none;

color:#FF6600;

}

body {

	font-size:13px;

    font-size: small;

    font: x-small;

	font-family:Verdana,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";

	text-align:center;

	background-color: #FFFFFF;

	background-image: url(../img/back-body.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div{

margin: 0px;

padding:0px;

}

p{

line-height:150%;

}

ul,ol,li{

list-style:none;

}

address{

font-style:normal;

}

hr {

display:none;

}

img {

border:none;

vertical-align:bottom;

}

div:after{   

	content: ".";   

	display: block;   

	visibility: hidden;   

	height: 0.1px;   

	text-indent:-9999px;

	line-height: 0;   

	clear: both;   

}

/*

div{   

	display: inline-block;   

}*/

/*#container*/

div#container{

	width:980px;

	margin-left:auto;

	margin-right:auto;

	text-align:left;

}

/*header*/

div#header{

	background-image: url(../img/back-header.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 65px;

	width: 950px;

	padding-left:15px;

	padding-right:15px;

	padding-top:15px;

	position: relative;

}

div#header p#logo{

	padding-left:10px;

}

div#header p#description{

	position:absolute;

	left: 316px;

	top: 51px;

}
div#header h1#description {
left:316px;
position:absolute;
top:51px;
font-size:100%;
}

/*content*/

div#content{

	width:930px;

	padding-top: 10px;

	padding-right: 25px;

	padding-bottom: 10px;

	padding-left: 25px;

	float:left;

	background-image: url(../img/back-content.png);

	background-repeat: repeat-y;

	background-position: left top;

	behavior: expression(IEPNGFIX.fix(this));

}

/*gnav*/

div#gnav{

	width:930px;

	height:45px;

	background-image: url(../img/back-gnav.gif);

	background-repeat: repeat-x;

	background-position: left top;

	float:left;

}

div#gnav li{

	float:left;

	overflow:hidden;

}

li.home a,li.home a:hover{

	background-image: url(../img/btn-home.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 77px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.restaurant a{

	background-image: url(../img/btn-restaurant.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 107px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.restaurant a:hover{

	background-image: url(../img/btn-restaurant.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 107px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.beauty a{

	background-image: url(../img/btn-beauty.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 108px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.beauty a:hover{

	background-image: url(../img/btn-beauty.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 108px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.hotel a{

	background-image: url(../img/btn-hotel.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 74px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.hotel a:hover{

	background-image: url(../img/btn-hotel.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 74px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.entertainment a{

	background-image: url(../img/btn-entertainment.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 170px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.entertainment a:hover{

	background-image: url(../img/btn-entertainment.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 170px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.shopping a{

	background-image: url(../img/btn-shopping.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 123px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.shopping a:hover{

	background-image: url(../img/btn-shopping.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 123px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.directry a{

	background-image: url(../img/btn-directry.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 90px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.directry a:hover{

	background-image: url(../img/btn-directry.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 90px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.bbs a{

	background-image: url(../img/btn-bbs.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width: 90px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}

li.bbs a:hover{

	background-image: url(../img/btn-bbs.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 90px;

	height:45px;

	display: block;	

	text-indent:-9999px;

}



/*mainarea*/

div#mainarea{

	width:670px;

	float:left;

}

div#pankuzu{

	width:670px;

	padding-bottom:10px;

}

div#pankuzu ul li{

	float:left;

	display:inline;

	padding-left:10px;

    line-height:110%;

}

div#pankuzu ul li.pankuzu-first{

	padding-left:0px;

	padding-top:0px;	

}

div#pankuzu ul li a{

	background-image: url(../img/bred.gif);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right:17px;	

	padding-top:0px;	

}

/*flash-content*/

div#flash-content{

	margin-bottom:10px;

}

/*main*/

div#main{

	width:480px;

	font-size:92%;

	float:right;

}

div#main h2{

	padding-bottom:10px;

}

div#main div#special{

	margin-bottom:10px;

}

div#main div#special h2{

	padding-bottom:0px;

}

div#main div#special ul{

	padding:5px 4px 5px 4px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

}

div#main div#special ul li{

	background-image: url(../img/icon-new.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 35px;

	line-height:150%;

}

div#main div#board{

	margin-bottom:10px;

}

div#main div#board h2{

	padding-bottom:0px;

}

div#main div#board ul{

	padding:5px 4px 5px 4px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

}

div#main div#board ul li{

	background-image: url(../img/icon-new.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 35px;

	line-height:150%;

}

div#main div#top-restaurant{

	margin-bottom:10px;

	float:left;

}

div#main div.inner-wrapper{

	width:468px;

	float:left;

	padding: 5px;

}

div#main div#top-restaurant div.inner-wrapper{

	width:468px;

	float:left;

	border: 1px solid #FF6F4A;

}

div#main div#top-beauty{

	margin-bottom:10px;

	float:left;

}

div#main div#top-beauty div.inner-wrapper{

	width:468px;

	float:left;

	border: 1px solid #EDAFC3;

}

div#main div.new-shop-wrapper{

	width:229px;

	padding-right:5px;

	float:left;

}

div#main div.new-shop-wrapper div.entries{

	padding-top:5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCCCCC;

	float:left;

}

div#main div.new-shop-wrapper div.entries p.image{

	width:80px;

	padding-bottom:3px;

	float:left;

}

div#main div.new-shop-wrapper div.entries p.com-text{

	clear:both;

	width:auto;

	padding-bottom:5px;

}

div#main div.new-shop-wrapper div.entries ul{

	width:145px;

	float:right;

}

div#main div.new-shop-wrapper div.entries ul li{

	line-height:150%;

}

div#main div.new-kuchikomi-wrapper{

	width:228px;

	padding-left:5px;

	float:left;

	border-left-width: 1px;

	border-left-style: dashed;

	border-left-color: #999999;

}

div#main div.new-kuchikomi-wrapper div.entries{

	padding-top:5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCCCCC;

	float:left;

}

div#main div.new-kuchikomi-wrapper div.entries p{

	width:80px;

	padding-bottom:3px;

	float:left;

}

div#main div.new-kuchikomi-wrapper div.entries p.com-text{

	clear:both;

	width:220px;

}

div#main div.new-kuchikomi-wrapper div.entries ul{

	width:223px;

	padding-left:3px;

	float:left;

}

div#main div.new-kuchikomi-wrapper div.entries ul li.name{

	background-image: url(../img/bred-sankaku-blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

	line-height:150%;	

}

div#main div.new-shop-wrapper p.new-shop{

	height:25px;

	padding-top:5px;

	background-image: url(../img/icon-newshop.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 35px;

	font-size:114%;

}

div#main div.new-kuchikomi-wrapper p.new-kuchikomi{

	height:25px;

	padding-top:5px;

	background-image: url(../img/icon-kuchikomi.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 41px;

	font-size:114%;

}

/*sub*/

div#sub{

	width:180px;

	padding-right:10px;

	float:left;

}

div#sub div.sub-cont-wrapper{

	padding-bottom:10px;

}

div#sub div.sub-cont-wrapper li{

	padding-bottom:5px;

}

div#sub div.sub-cont-wrapper ul{

	width: 172px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	padding: 3px;

}

div#sub ul.sub-directry li{

	background-image: url(../img/bred-sankaku-blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

	padding-bottom:0px;

}

/*subarea*/

div#subarea{

	width:250px;

	float:right;

}

div#subarea div#wheather{

	padding-bottom:10px;

	font-family:Arial;

}

div#subarea div#wheather div#inner-wheather{

	width: 248px;

	padding-bottom:5px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	/*background-color: #EEF2F7;*/

}



div#subarea div#inner-pickup dd span.txt a:hover{

	text-decoration:underline;

	font-size:92%;

}

div#subarea div#wheather div#today p.wheather-title{

	background-color: #FF6600;

	color:#FFFFFF;

	padding-left:5px;

}

div#subarea div#wheather div#today p.txt-wheather{

	padding-top:8px;

}

div#subarea div#wheather p.wheather-title{

	background-color: #517DAA;

	color:#FFFFFF;

	padding-left:5px;

	clear:left;

}

div#subarea div#wheather p.img-wheather{

	float:left;

	padding-top:3px;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:10px;

}

div#subarea div#wheather span.bold{

	font-weight:bold;

}

div#subarea div#wheather div#today span.bold{

	font-size:130%;

	font-weight:bold;

}

div#subarea div#wheather div#today span.red{

	color:#990000;

	font-weight:bold;

	font-size:180%;

	padding-left:3px;

	padding-right:3px;

}

div#subarea div#wheather span.red{

	color:#990000;

	font-weight:bold;

	font-size:150%;

	padding-left:3px;

	padding-right:3px;

}

div#subarea div#wheather span.blue{

	color:#3366CC;

	font-weight:bold;

	font-size:150%;

	padding-left:3px;

	padding-right:3px;

}

div#subarea ul{

	width: 200px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	padding: 10px 24px 0px 24px;

}

div#subarea ul li{

	padding-bottom: 10px;

}

div#subarea div#exchangerate{

	padding-bottom:10px;

	font-family:Arial;

}

div#subarea div#exchangerate div.exchange-inner-wrapper{

	width: 248px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

}

div#subarea div#exchangerate p.exchange-title{

	background-color: #517DAA;

	color:#FFFFFF;

	padding-left:5px;

}

div#subarea div#exchangerate table{

	width:248px;

	text-align:center;

	margin-top:5px;

	margin-bottom:5px;

}

div#subarea div#exchangerate table span.bold{

	font-weight:bold;

}

div#subarea div#pickup{

	margin-bottom:10px;

	float:left;

}

div#subarea div#inner-pickup{

	width: 228px;

	line-height:130%;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	padding: 10px 10px 10px 10px;

	float:left;

}

div#subarea div#inner-pickup dl{

	width:228px;

	margin-bottom: 10px;

	float:left;

	clear:both;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCCCCC;

}

div#subarea div#inner-pickup dt{

	width:50px;main

	height:50px;

	padding-right:10px;

	padding-bottom:10px;

	float:left;

}

div#subarea div#inner-pickup dd{

	width:168px;

	float:left;

}

div#subarea div#inner-pickup dd span.bold{

	font-weight:bold;

	font-size:92%;

}

div#subarea div#inner-pickup dd span.txt a{

	text-decoration:none;

	color:#333333;

	font-size:85%;

}

div#subarea div#inner-pickup dd span.txt a:hover{

	text-decoration:underline;

	font-size:85%;

}

/*footer*/

div#footer{

	background-image: url(../img/back-footer.gif);

	background-repeat: no-repeat;

	background-position: left top;

	width:980px;

	height:60px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}

div#footer ul{

	width:550px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}

div#footer ul li{

	float:left;

	padding-right:5px;

	color:#CCCCCC;

}

div#footer address{

	padding-top:3px;

	clear:both;

	font-style:normal;

	color:#FFFFFF;

}

div#sub div.sub-cont-wrapper dl{

	width: 172px;

	font-size:92%;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	padding: 3px;

}

div#sub div.sub-cont-wrapper dt{

	font-size:100%;

	padding:0px 0px 2px 10px;

	background-image: url(../img/bred-sankaku-blue.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

div#sub div.sub-cont-wrapper dt a{

	color:#000000;

	text-decoration:none;

}

div#sub div.sub-cont-wrapper dt a:hover{

	color:#FF6600;

	text-decoration:underline;

}

div#sub div.sub-cont-wrapper dd{

	text-align:center;

	padding-bottom:5px;

}