@charset "utf-8";
/* CSS Document */


body{margin:0; padding:0; background:url(../img/body_bg.jpg) 0 0 repeat-x; font-size:12px; color:#666; line-height:138%}
h1 , h2 , h3 , h4 , h5 , p , ul , li , hr , br , address , dl , dt , dd , input , textarea{margin:0; padding:0; font-size:12px}
li{list-style:none}
img{border:0}
a{color:#0080C0}


.floatL{float:left}
.clearfix{display:inline-block}
.clearfix:after{content:""; clear:both; visibility:hidden; height:0; display:none}
.clear{clear:both; width:1px; height:1px; display:block; overflow:hidden}

/* top&common */
#container{width:900px; margin:0 auto}
#header{background:url(../img/header.jpg) 0 0 no-repeat; width:900px; height:78px; overflow:hidden; margin:0 auto}
#header h1 a{width:171px; height:53px; text-indent:-9999px; display:block; overflow:hidden; margin:14px 0 0 0}
a#headerBana{width:400px; height:60px; display:block; margin:11px 0 0 250px; position:absolute; display:none}
#bread{width:880px; padding:3px 10px; height:13px; overflow:hidden; color:#FFFFFF; font-weight:bold; background:url(../img/bread_bg.gif) right no-repeat; margin:0 auto; line-height:100%}
#contents{width:900px; margin:20px auto; display:inline-block}
#contents:after{content:""; clear:both; visibility:hidden; height:0; display:none}
#top #contents{background:none}
#topLeft{width:650px; float:left}
.box{background:url(../img/maru_bottom.gif) bottom no-repeat; padding-bottom:6px; margin:0 0 12px}
.box .waku{width:628px; border-left:solid 1px #C2C2C2; border-right:solid 1px #C2C2C2; padding:10px 10px 4px; display:inline-block}
.box .waku:after{content:""; clear:both; visibility:hidden; display:none; height:0}
p#blogText{width:365px; height:180px; border:solid 1px #C2C2C2; padding:7px; float:right}
p#blogText .day{display:block; font-weight:bold; color:#B01C50}
p#blogText strong{display:block; font-weight:bold; color:#666}
#recommend li{padding-bottom:20px; display:inline-block}
#recommend li:after{content:""; clear:both; visibility:hidden; display:none; height:0}
#recommend li.last{padding-bottom:0}
#recommend li#area1{background:url(../../img/img2_01.jpg) 0 0 no-repeat; padding-left:120px}
#recommend li#area2{background:url(../../img/img2_02.jpg) 0 0 no-repeat; padding-left:120px}
#recommend li#area3{background:url(../../img/img2_03.jpg) 0 0 no-repeat; padding-left:120px}
#recommend li h4{padding: 0 0 5px 0}
#recommend li li{padding:5px 0; background:url(../img/line.gif) bottom repeat-x; display:block; width:510px; overflow:hidden}
#recommend li li span.chiiki{background:url(../../img/icon_chiiki.gif) 0 0 no-repeat; padding:3px 0 10px 80px; display:block}
#recommend li li span.mokuteki{background:url(../../img/icon_mokuteki.gif) 0 0 no-repeat; padding:3px 0 10px 80px; display:block}
#read{background:url(../../img/img3_01.jpg) 0 0 no-repeat; padding:0 0 0 120px; display:block}
#read li{display:block; padding:0 0 5px}
#read li span{color:#B01C50; font-weight:bold}
#read li.last{padding:0}
#topRight{
	width:234px;
	float:right
}
#topRight #rightbox{
	width:224px;
	padding:8px 0 8px 8px;
	border:solid 1px #C2C2C2;
	margin:0 0
}
#topRight #rightbox p{padding:8px 0 0 0}
#topRight #bana li{padding-bottom:6px}
#topRight #bana li.last{padding:0}
#footer{background:url(../img/footer_bg.jpg) 0 0 repeat-x; height:200px; clear:both}
#footer div{width:900px; margin:0 auto}
#footer address{background:url(../img/copy.jpg) 0 0 no-repeat; width:343px; height:13px; text-indent:-9999px; display:block; overflow:hidden; margin:13px 0 0 540px; position:absolute}
#footer p{padding:10px 0 0 10px}

/* second */
#left{width:234px; float:left}

#osaka{width:234px; height:359px; overflow:hidden}
#osaka h3{background:url(../img/menu_osaka.jpg) 0 0 no-repeat; width:234px; height:36px; text-indent:-9999px; display:block; overflow:hidden}
#osaka h4#chiiki{background:url(../img/menu_osaka.jpg) 0 -36px no-repeat; width:234px; height:32px; text-indent:-9999px; display:block; overflow:hidden}
#osaka h4#mokuteki{
	width:234px;
	height:31px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: 0 -242px;
}
#osaka li a{width:234px; height:29px; text-indent:-9999px; display:block; overflow:hidden}
#osaka li#osaka01 a{background:url(../img/menu_osaka.jpg) 0 -68px no-repeat}
#osaka li#osaka02 a{background:url(../img/menu_osaka.jpg) 0 -97px no-repeat}
#osaka li#osaka03 a{background:url(../img/menu_osaka.jpg) 0 -126px no-repeat}
#osaka li#osaka04 a{background:url(../img/menu_osaka.jpg) 0 -155px no-repeat}
#osaka li#osaka05 a{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: 0 -184px;
}
#osaka li#osaka06 a{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: 0 -213px;
}
#osaka li#osaka_shopping a{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: 0 -273px;
}
#osaka li#osaka_gourmet a{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: 0 -302px;
}
#osaka li#osaka_sightseeing a{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: 0 -331px;
}
#osaka li#osaka01 a:hover{background:url(../img/menu_osaka.jpg) -234px -68px no-repeat}
#osaka li#osaka02 a:hover{background:url(../img/menu_osaka.jpg) -234px -97px no-repeat}
#osaka li#osaka03 a:hover{background:url(../img/menu_osaka.jpg) -234px -126px no-repeat}
#osaka li#osaka04 a:hover{background:url(../img/menu_osaka.jpg) -234px -155px no-repeat}
#osaka li#osaka05 a:hover{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: -234px -184px;
}
#osaka li#osaka06 a:hover{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: -234px -213px;
}
#osaka li#osaka_shopping a:hover{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: -234px -273px;
}
#osaka li#osaka_gourmet a:hover{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: -234px -302px;
}
#osaka li#osaka_sightseeing a:hover{
	background-image: url(../img/menu_osaka.jpg);
	background-repeat: no-repeat;
	background-position: -234px -331px;
}

#tokyo{width:234px; height:214px; overflow:hidden}
#tokyo h3{background:url(../img/menu_tokyo.jpg) 0 0 no-repeat; width:234px; height:37px; text-indent:-9999px; display:block; overflow:hidden}
#tokyo h4#chiiki{background:url(../img/menu_tokyo.jpg) 0 -37px no-repeat; width:234px; height:31px; text-indent:-9999px; display:block; overflow:hidden}
#tokyo h4#mokuteki{
	width:234px;
	height:31px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: 0 -97px;
}
#tokyo li a{width:234px; height:29px; text-indent:-9999px; display:block; overflow:hidden}
#tokyo li#tokyo01 a{background:url(../img/menu_tokyo.jpg) 0 -68px no-repeat}
#tokyo li#tokyo_shopping a{
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: 0 -128px;
}
#tokyo li#tokyo_gourmet a{
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: 0 -157px;
}
#tokyo li#tokyo_sightseeing a{
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: 0 -186px;
}
#tokyo li#tokyo01 a:hover{background:url(../img/menu_tokyo.jpg) -234px -68px no-repeat}
#tokyo li#tokyo_shopping a:hover{
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: -234px -128px;
}
#tokyo li#tokyo_gourmet a:hover{
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: -234px -157px;
}
#tokyo li#tokyo_sightseeing a:hover{
	background-image: url(../img/menu_tokyo.jpg);
	background-repeat: no-repeat;
	background-position: -234px -186px;
}

#all{
	width:234px;
	height:184px;
	overflow:hidden; background:reds
}
#all h3{background:url(../img/menu_all.jpg) 0 0 no-repeat; width:234px; height:37px; text-indent:-9999px; display:block; overflow:hidden}
#all h4#chiiki{
	width:234px;
	height:31px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: 0 -37px;
}
#all h4#mokuteki{
	width:234px;
	height:31px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: 0 -184px;
}
#all li a{width:234px; height:29px; text-indent:-9999px; display:block; overflow:hidden}
#all li#all01 a{background:url(../img/menu_all.jpg) 0 -68px no-repeat}
#all li#all02 a{background:url(../img/menu_all.jpg) 0 -97px no-repeat}
#all li#all03 a{background:url(../img/menu_all.jpg) 0 -126px no-repeat}
#all li#all04 a{background:url(../img/menu_all.jpg) 0 -155px no-repeat}
#all li#all_shopping a{
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: 0 -215px;
}
#all li#all_gourmet a{
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: 0 -244px;
}
#all li#all_sightseeing a{
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: 0 -273px;
}
#all li#all01 a:hover{background:url(../img/menu_all.jpg) -234px -68px no-repeat}
#all li#all02 a:hover{background:url(../img/menu_all.jpg) -234px -97px no-repeat}
#all li#all03 a:hover{background:url(../img/menu_all.jpg) -234px -126px no-repeat}
#all li#all04 a:hover{background:url(../img/menu_all.jpg) -234px -155px no-repeat}
#all li#all_shopping a:hover{
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: -234px -215px;
}
#all li#all_gourmet a:hover{
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: -234px -244px;
}
#all li#all_sightseeing a:hover{
	background-image: url(../img/menu_all.jpg);
	background-repeat: no-repeat;
	background-position: -234px -273px;
}


#secondBana{padding:10px 0 50px 0}
#secondBana li{padding:0 0 10px}
#secondBana li.last{padding:0}

#contents{
	padding-bottom:0;
	width:900px;
	background-image: url(../img/contents_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#right{width:650px; float:right}
#right h3{padding-bottom:15px}
#tab{width:345px; height:25px; display:block; overflow:hidden}
#tab li{float:left}
#tab a{height:25px; display:block; overflow:hidden; text-indent:-9999px; margin:0 2px 0 0}
#tab #tab01 a{
	width:171px;
	background-image: url(../img/tab.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#tab #tab02 a{
	width:170px;
	background-image: url(../img/tab.jpg);
	background-repeat: no-repeat;
	background-position: -173px 0;
}
#tab #tab01 a#active{
	width:171px;
	background-image: url(../img/tab.jpg);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}
#tab #tab02 a#active{
	width:170px;
	background-image: url(../img/tab.jpg);
	background-repeat: no-repeat;
	background-position: -173px -25px;
}
#block{
	width:640px;
	padding:12px 0 0 10px;
	background-image: url(../img/tab_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#block li{padding-bottom:10px}
#block h4{padding-bottom:10px}

.l{border:1px solid #ccc; padding:15px; width:598px; margin-bottom:10px}
.l h5{font-size:20px; color:#333; background:url(../img/line_pink.gif) bottom repeat-x; display:block; padding:2px 0 5px; margin-bottom:8px}
.l a{color:#333}




.waku2{
	background:url(../../book/img/back_top.jpg) 0 0 no-repeat;
	width:612px;
	margin-bottom:20px;
	padding: 19px;
}
.waku2 ul{width:612px; display:inline-block; overflow:hidden}
.waku2 ul:after{content:""; height:0; visibility:hidden; display:none; clear:both}
.waku2 ul li{float:left}
.waku2 ul li img{border:solid 1px #D6D6D7; margin-right:33px}
.waku2 ul li img.last{margin-right:0}
.waku2 ul li ul{background:none; width:85px; padding:12px 5px; clear:both; display:block}
.waku2 ul li ul li{float:none; background:url(../../utube/img/icon.gif) 0 3px no-repeat; padding:0 0 0 15px}

/* book */
#book_box div.book_div01{
	width:650px;
	background: url(../../book/img/top_gazou.jpg) no-repeat;
	display: block;
}

#book_box div.book_gazou_haikei{
	width:650px;
	display: block;
	padding-top: 20px;
}

#book_box div.book_div02{
	width: 630px;
	margin-left: 10px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: block;
	padding-bottom: 15px;
	padding-top: 15px;
}

#book_box div.book_div03{
	width: 630px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	display: block;
	padding-top: 15px;
	margin-top: 15px;
	padding-bottom: 15px;
}

#book_box div.book_gazou01{
	width: 118px;
	background: #FFFFFF;
	float: left;
	padding-right: 16px;
	padding-left: 16px;
}

#book_box div.book_gazou02{
	float: left;
	width: 118px;
	padding-right: 16px;
	padding-left: 16px;
}

#book_box div.book_feedback{
	float:none;
	display: block;
	margin-left: 150px;
}

#book_box div.clearfix {	
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}	

#book_box p.book_author{
	font: bold 20px;
	color: #333333;
	text-transform: none;
	display: block;
}

#book_box p.feedback{
	font: 12px/180%;
	color: #333333;
	display: block;
	width: 462px;
	margin-top: 5px;
}
#book_box p.bottom_sty01{
	text-align:right;
	display:block;
	clear:both;
	padding:30px 15px
}