@charset "utf-8";
/*
Theme Name: nicochan
Description: にこちゃん商店用のテーマ
Version: 1.0
Author: Youki Motoyama

	This theme was designed and built by Youki Motoyama
*/


/* Begin Typography & Colors */
html {overflow-y:scroll;
width: 100%;}

body {background: url(img/bg02.jpg) repeat;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height:1.4;
	color:#333;
	font-size:0.875em;
	}
	
#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/** TOP BANNER BIGIN **/
#banner_container {
	width: 810px;
	height: 120px;
	background: url(img/line.png) no-repeat bottom;
	_background: url(img/line.gif) no-repeat bottom;
	}
	
#banner_logo {
	width: 185px;
	height: 26px;
	padding-top: 60px;
	padding-left: 40px; 
	float: left;
	}
	
a.banner_logo_link {
	text-indent: -1200px;
	background: url(img/banner/banner_logo.png) no-repeat;
	_background: url(img/banner/banner_logo.gif) no-repeat;
	width: 185px;
	height: 26px;
	background-position:0 0;
	float: left;}
	
a.banner_logo_link:hover {background-position:0 -26px;}

#banner_main {
	width: 480px;
	height: 59px;
	float: left;
	padding-top: 40px;
	padding-left: 70px;
	}
	
a.banner_info, a.banner_access, a.banner_sommelier, a.banner_blog, a.banner_shop, a.banner_mobile, a.banner_link {
	text-indent: -1200px;
	background: url(img/banner/banner_main.png);
	_background: url(img/banner/banner_main.gif);
	height: 59px;
	float: left; 
	margin-left: 15px;
	}

a.banner_info {
	width: 50px;
	background-position:0 0;}
a.banner_access {
	width: 51px;
	background-position:-82px 0;}
a.banner_sommelier {
	width: 65px;
	background-position:-162px 0;}
a.banner_blog {
	width: 43px;
	background-position:-259px 0;}
a.banner_shop {
	width: 77px;
	background-position:-327px 0;}
a.banner_mobile {
	width: 83px;
	background-position:-417px 0;}
a.banner_link {
	width: 47px;
	background-position:-500px 0;}

a.banner_info:hover {
	background-position:0 -75px;}
a.banner_access:hover {
	background-position:-82px -75px;}
a.banner_sommelier:hover {
	background-position:-162px -75px;}
a.banner_blog:hover {
	background-position:-259px -75px;}
a.banner_shop:hover {
	background-position:-327px -75px;}
a.banner_shop:hover {
	background-position:-327px -75px;}
a.banner_mobile:hover {
	background-position:-417px -75px;}
a.banner_link:hover {
	width: 47px;
	background-position:-500px -75px;}

#news {
	width: 328px;
	height: 162px;
	margin: 20px auto;
	padding-top: 36px;
	padding-left: 22px;
	background: url(img/news_bg.png) no-repeat;
	_background: url(img/news_bg.gif) no-repeat;
	}
#news li, #news ul {list-style: none;
	margin: 0;
	padding: 0;
	}
#news a {text-decoration:none;}
#news a:link {color: #333;}
#news a:visited {color: #333;}
#news a:active {color: #999;}
#news a:hover {color: #999;}

	
/** TOP BANNER END **/
	

#toptitle {
	width: 185px;
	height: 26px;
	margin: auto;
	padding-top: 130px;
	background: url(img/logo-trans.png) no-repeat bottom;
	_background: url(img/logo.gif) no-repeat bottom;
	
	}

	/*BAR MENU*/
#bar {
	margin: auto;
	padding: 50px 0 0 0;
	width: 635px;
	height: 85px;
	}

a.bar_info, a.bar_access, a.bar_sommelier, a.bar_blog, a.bar_shop, a.bar_mobile, a.bar_link {
	text-indent: -1200px;
	background: url(img/toplogo.png) no-repeat top left;
	_background: url(img/toplogo.gif);
	height: 95px;
	float: left;
	margin: 15px;  
	}

a.bar_info {
	width: 76px;
	background-position:0 -96px;}
a.bar_access {
	width: 64px;
	background-position:-88px -96px;}
a.bar_sommelier {
	width: 77px;
	background-position:-160px -96px;}
a.bar_blog {
	width: 66px;
	background-position:-250px -96px;}
a.bar_shop {
	width: 91px;
	background-position:-330px -96px;}
a.bar_mobile {
	width: 90px;
	background-position:-439px -96px;}
a.bar_link {
	width: 70px;
	background-position:-529px -96px;}


a.bar_info:hover {
	background-position:0 -1px;}
a.bar_access:hover {
	background-position:-88px -1px;}
a.bar_sommelier:hover {
	background-position:-160px -1px;}
a.bar_blog:hover {
	background-position:-250px -1px;}
a.bar_shop:hover {
	background-position:-330px -1px;}
a.bar_mobile:hover {
	background-position:-439px -1px;}
a.bar_link:hover {
	background-position:-529px -1px;}
	
	/*BAR MENU END*/
	

#pageinfo {
	width: 800px;
	height: 67px;
	padding-top: 10px;
	padding-left: 40px;
	background: url(img/arrow.png) no-repeat bottom left;
	_background: url(img/arrow.gif) no-repeat bottom left;
	}
#pageinfo h1 {
	font-size: 1.4em;
	font-weight: 600;
	}
	
.line { 
	width: 719px;
	height: 3px;
	padding-left: 40px;
	background: url(img/line.png) no-repeat right;
	_background: url(img/line.gif) no-repeat right;
	}

.lineshort { 
	width: 500px;
	height: 3px;
	padding-left: 40px;
	padding-top: 30px;
	background: url(img/line.png) no-repeat right;
	_background: url(img/line.gif) no-repeat right;
	}

	/* 自動挿入のpタグの調整 */
#catbook_info p, #info_textbox p, .blog_entrybox p {
	padding: 0;
	margin: 0;
	}

	

	/*info start*/

#info_mainbox {
	width: 800px;
	}
	
#info_pictbox {
	width: 417px;
	height: 268px;
	margin-top: 10px;
	margin-left: 9px;
	padding-top: 18px;
	padding-left: 20px;
	background: url(img/info_pict_bg.png) no-repeat;
	_background: url(img/info_pict_bg.gif) no-repeat;
	float: left;
	}

	
#info_textbox {
	width: 305px;
	margin-left: 15px;
	padding-left: 3px;
	background: url(img/textline.png) repeat-y;
	_background: url(img/textline.gif) repeat-y;
	float: left;
	line-height: 26px;
	}

	
#info_thumbbox {
	width: 800px;
	padding-top: 25px;
	}
	
.info_thumb {
	width: 167px;
	height: 108px;
	padding-top: 9px;
	padding-left: 10px;
	margin: 0 10px;
	background: url(img/info_thumb_bg.png) no-repeat;
	_background: url(img/info_thumb_bg.gif) no-repeat;
	float: left;
	}
.info_thumb img {border: 0;}
	
#info_thumbtext {
	width: 800px;
	height: 27px;
	margin-top: 5px;
	padding-top: 15px;
	padding-left: 20px;
	background: url(img/arrow_small.png) no-repeat;
	_background: url(img/arrow_small.gif) no-repeat;
	}

	/*info end*/
	
	/*access start*/

#acc_mapbox {
position: relative;
width: 611px;
height: 360px;
padding-left: 95px;
	}

#map {
	width: 587px;
	height: 260px;
	padding: 0;
	}
#acc_map {
	padding: 11px 13px;
	width: 600px;
	height: 270px;
	position: absolute;
	background: url(img/map_frame.png) no-repeat;
	_background: url(img/map_frame.gif) no-repeat;
	
	}

#acc_routeinfo {
	font-size: 1.2em;
	width: 720px;
	height: 27px;
	margin-top: 15px;
	padding-bottom: 8px;
	padding-left: 20px;
	background: url(img/arrow_small02.png) no-repeat bottom left;
	_background: url(img/arrow_small02.gif) no-repeat bottom left;
	}

#acc_routebox {
	width: 800px;
	}
.acc_thumbbox {
	width: 353px;
	float: left;
	}
	
.acc_thumb {
	width: 320px;
	height: 234px;
	padding:15px 16px;
	}
#gokomachi .acc_thumb {background: url(img/acc_thumbbox_blue.png) no-repeat; 
	_background: url(img/acc_thumbbox_blue.gif) no-repeat;}
#teramachi .acc_thumb {background: url(img/acc_thumbbox_red.png) no-repeat; 
	_background: url(img/acc_thumbbox_red.gif) no-repeat;}
#kyogoku .acc_thumb {background: url(img/acc_thumbbox_green.png) no-repeat; 
	_background: url(img/acc_thumbbox_green.gif) no-repeat;}

.acc_rightarrow {
	width: 56px;
	height: 35px;
	margin: 100px 19px 0;
	float: left;
	}

.acc_leftarrow {
	width: 56px;
	height: 35px;
	margin: 100px 19px 0;
	float: left;
	}

.acc_downarrow1 {
	width: 35px;
	height: 56px;
	margin: 20px 0 20px 604px;
	}
	
.acc_downarrow2 {
	width: 35px;
	height: 56px;
	margin: 20px 0 20px 195px;
	}

#gokomachi .acc_rightarrow, #gokomachi .acc_leftarrow, #gokomachi .acc_downarrow, 
#teramachi .acc_rightarrow, #teramachi .acc_leftarrow, #teramachi .acc_downarrow, 
#kyogoku .acc_rightarrow, #kyogoku .acc_leftarrow, #kyogoku .acc_downarrow {
	background: url(img/acc_arrow.png) no-repeat; 
	_background: url(img/acc_arrow.gif) no-repeat;}
	

#gokomachi .acc_rightarrow {background-position:0 0;}
#gokomachi .acc_leftarrow {background-position:-64px 0;}
#gokomachi .acc_downarrow {background-position:-130px 0;}
#teramachi .acc_rightarrow {background-position:0 -57px;}
#teramachi .acc_leftarrow {background-position:-64px -57px;}
#teramachi .acc_downarrow {background-position:-130px -57px;}
#kyogoku .acc_rightarrow {background-position:0 -114px;}
#kyogoku .acc_leftarrow {background-position:-64px -114px;}
#kyogoku .acc_downarrow {background-position:-130px -114px;}
	

	/*ACCESS ROUTE SELECT START*/

.hide{display:none;}

#acc_routeselectbox {
	width: 690px;
	height: 147px;
	padding-left: 85px;
	padding-bottom: 5px;
	}

.acc_gokomachi, .acc_teramachi, .acc_kyogoku {
	text-indent: -1200px;
	background: url(img/acc_routeserect.png);
	_background: url(img/acc_routeserect.gif);
	width: 94px;
	height: 123px;
	float: left;
	margin: 0 55px;  
	}
a.acc_gokomachi {background-position:0 0;}
a.acc_teramachi {background-position:-97px 0;}
a.acc_kyogoku {background-position:-207px 0;}

.acc_gokomachi_now, .acc_teramachi_now, .acc_kyogoku_now {
	text-indent: -1200px;
	background: url(img/acc_routeserect.png);
	_background: url(img/acc_routeserect.gif);
	width: 94px;
	height: 123px;
	float: left;
	margin: 0 55px; 
	}
.acc_gokomachi_now {background-position:0 -125px;}
.acc_teramachi_now {background-position:-97px -125px;}
.acc_kyogoku_now {background-position:-207px -125px;}


a.acc_gokomachi:hover {
	background-position:0 -125px;}
a.acc_teramachi:hover {
	background-position:-97px -125px;}
a.acc_kyogoku:hover {
	background-position:-207px -125px;}
	
	/*ACCESS ROUTE SELECT END*/
	
	/*access end*/
	
	/*book start*/
	
#book_categorybox {
	width: 515px;
	min-height: 70px;
	_height: 70px;
	margin-left: 100px;
	padding-left: 95px;
	padding-top: 10px;
	background: url(img/book_book.png) no-repeat;
	_background: url(img/book_book.gif) no-repeat;
}


#book_categorybox a:link { color: #0f5500; }
#book_categorybox a:visited { color: #0f5500; }
#book_categorybox a:active { color: #33aa44; }
#book_categorybox a:hover { color: #33aa44; }

#book_categorybox li {
	float: left;
	color: #009966;
	font-size: 16px;
	line-height: 18px;
	white-space: nowrap;
	list-style-image: url(img/blogentry_line.gif);
	margin-right: 15px;
	padding: 0 15px;
	font-weight: bold;
	}


#book_info {
	font-size: 1.2em;
	width: 800px;
	padding-top: 10px;
	padding-left: 20px;
}

#book_recentinfo {
	font-size: 1.2em;
	width: 800px;
	height: 27px;
	margin-top: 15px;
	padding-bottom: 8px;
	padding-left: 20px;
	background: url(img/arrow_small02.png) no-repeat bottom left;
	_background: url(img/arrow_small02.gif) no-repeat bottom left;
}

#book_mainbox {
	width: 800px;
	margin-top: 30px;
	padding-bottom: 70px;	
}

#book_nicochan1, #book_nicochan2 {
	width: 110px;
	height: 167px;
	bottom: 0;
	float: left;
}

#book_bubblebox {
	width: 626px;
	width: _646px;
	float: left;
	margin-left: 0px;
	}

#book_bubble_top {
	width: 626px;
	height: 20px;
	background: url(img/book_bubble_top.png) no-repeat;
	_background: url(img/book_bubble_top.gif) no-repeat;
}

#book_bubble_arrow {
	width: 556px;
	padding: 0 20px 0 50px;
	height: 47px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(img/book_bubble_middle.png) repeat-y;
	_background: url(img/book_bubble_middle.gif) repeat-y;
}

#book_bubble_middle {
	width: 556px;
	min-height: 100%;
	background: url(img/book_bubble_middle.png) repeat-y;
	_background: url(img/book_bubble_middle.gif) repeat-y;
	padding: 10px 20px 0 50px;
	margin: 0;
	line-height: 1.8em;
}
#book_bubble_middle p {
	margin: 0;
	pading: 0;}

#book_bubble_bottom {
	width: 626px;
	height: 22px;
	background: url(img/book_bubble_bottom.png) no-repeat;
	_background: url(img/book_bubble_bottom.gif) no-repeat;
	}
	
#book_pictbox {
	float: left;
	}
#book_pictbox img {border: 1px solid #ccc;
	height: 160px;
	width: auto;}
#book_pictbox img:hover { border: 1px solid #339; }

#book_metabox {
	float: left;
	padding-left: 30px;
	line-height: 1.2em;
	}
#book_metatable {
	border: 0;
	}
	
	/*book end*/
	
	/*catbook start*/
	
#catbook_titlebox {
	width: 730px;
	min-height: 46px;
	padding-left: 70px;
	margin: 15px 0;
	background: url(img/book_minibook.png) no-repeat;
	_background: url(img/book_minibook.gif) no-repeat;
	}
#catbook_name {
	color: #006644;
	font-size: 1.8em;
	font-weight: bold;
	}
#catbook_info {
	font-size: 14px;
	}
#catbook_all {
	margin: 10px 0 10px;
	font-size: 1.0em;
	width: 800px;
	text-align: center;
	color: #006644;
	font-weight: bold;
	}
#catbook_all a {
	color: #006644;
	text-decoration: underline;
	}
#catbook_all a:hover {
	color: #33aa44;
	text-decoration: underline;
	}

.listbook_name a { text-decoration: none;}
.listbook_name a:link { color: #0f5500; }
.listbook_name a:visited { color: #0f5500; }
.listbook_name a:active { color: #7faa31; }
.listbook_name a:hover { color: #7faa31; }
	
	/*catbook end*/
	
	/*listbook start*/
	
.listbook_listbox {
	width: 380px;
	_width: 400px;
	min-height: 100%;
	margin: 40px 10px 0;
	float: left;
	}
.listbook_titlebox {
	width: 315px;
	_width: 380px;
	min-height: 46px;
	padding-left: 65px;
	background: url(img/book_minibook.png) no-repeat;
	_background: url(img/book_minibook.gif) no-repeat;
	}
.listbook_name {
	color: #006644;
	font-size: 1.4em;
	font-weight: bold;
	}
.listbook_info {
	}
.listbook_list {
	width: 343px;
	height: 3px;
	background: url(img/shortline.png) no-repeat;
	_background: url(img/shortline.gif) no-repeat;
	padding: 10px 0 0;
    height:100%; 
    min-height:100%; 
	}
.listbook_list li {
	list-style-type: none;
	line-height: 1.8em;
	padding:0;
	}
.listbook_list a {
	text-decoration: none;
	color: #333;
	}
.listbook_list a:hover {
	text-decoration: underline;
	color: #8a8;
	}
	
	/*listbook end*/
	
	/*blog start*/
	
#blog_maincontainer {
	width: 451px;
	padding-left: 40px;
	float: left;
	
	}
#bloginfo {
	height: 67px;
	padding-top: 10px;
	padding-left: 40px;
	background: url(img/arrow.png) no-repeat bottom left;
	_background: url(img/arrow.gif) no-repeat bottom left;
	}
#bloginfo h1 {
	color: #663300;
	font-size: 1.3em;
	font-weight: 600;
	}
.blog_entrybox {
	width: 451px;
	padding: 20px 0 30px;
	}
.blog_entry_top {
	width: 431px;
	height: 48px;
	padding-left: 20px;
	padding-top: 20px;
	background: url(img/blog_entry_top.png) no-repeat;
	_background: url(img/blog_entry_top.gif) no-repeat;
	}
.blog_entry_date {
	font-size: 0.95em;
	color: #7faa31;
	font-weight: bold;
	}
.blog_entry_title {
	font-size: 1.1em;
	font-weight: bold;
	}
.blog_entrybox a {
	text-decoration: none;
	color: #333;
	}
.blog_entrybox a:hover {
	text-decoration: underline;
	color: #888;
	}
.blog_entry_middle {
	width: 411px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	background: url(img/blog_entry_middle.png) repeat-y;
	_background: url(img/blog_entry_middle.gif) repeat-y;
	}
	
.blog_pictbox {
	width: 451px;
	padding: 10px 20px;
	}

.blog_pictbg_top {
	background: url(img/blogentry_pictbg_top.png) no-repeat top left;
	_background: url(img/blogentry_pictbg_top.gif) no-repeat top left;
	float: left;
	}
.blog_pictbg_bottom {
	background: url(img/blogentry_pictbg_bottom.png) no-repeat bottom right;
	_background: url(img/blogentry_pictbg_bottom.gif) no-repeat bottom right;
	padding: 10px;
	float: left;
	}
	
.blog_entry_bottom {
	width: 431px;
	height: 51px;
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
	background: url(img/blog_entry_bottom.png) no-repeat;	
	_background: url(img/blog_entry_bottom.gif) no-repeat;	
	}
	
	/*sidebar start*/

#blog_sidebarcontainer {
	width: 216px;
	margin-right: 40px;
	float: right;
	}
.sidebarbox {
	width: 216px;
	padding: 10px 0;
	}
.sidebar_top {
	width: 216px;
	height: 29px;
	_padding: 0px;
	margin: 0px;
	background: url(img/blog_sidebar_top.png) no-repeat;
	_background: url(img/blog_sidebar_top.gif) no-repeat;	
	text-align: center;
	}
.sidebar_top h2 {
	padding-top: 10px;
	margin: 0px;
	font-weight: bold;
	color: #dd3300;
	font-size: 1.0em;
	}
.sidebar_middle {
	width: 216px;
	padding-top: 15px;
	background: url(img/blog_sidebar_middle.png) repeat-y;	
	_background: url(img/blog_sidebar_middle.gif) repeat-y;	
	}
		
.sidebar_bottom {
	width: 216px;
	height: 23px;
	background: url(img/blog_sidebar_bottom.png) no-repeat;	
	_background: url(img/blog_sidebar_bottom.gif) no-repeat;	
	}

.sidebarbox ul {
	width: 210px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.sidebarbox ul li {
	line-height: 1.2em;
	list-style-type: none;
	list-style-image: none;
	padding: 0 10px 8px 10px;
    display: block;}
	
.sidebarbox ul a {
	text-decoration: none;
}

.sidebarbox ul a:link { color: #0f5500; }
.sidebarbox ul a:visited { color: #0f5500; }
.sidebarbox ul a:active { color: #7faa31; }
.sidebarbox ul a:hover { color: #7faa31; }

.sidebarbox ul ol {
	list-style-type: none;
	margin: 0 10px 0 10px;
	margin: 0;
	padding: 0;
	}

.sidebarbox ul p, .sidebarbox ul select {
	list-style-type: none;
	margin: 5px 0 8px;
	}
	
#calendar_wrap table {margin: auto;}
	
#wp-calendar td {
	padding:0 3px;}
	
/*モバイル会員募集*/
#mobile_mainbox {
	margin: auto;
	width: 460px;
	min-height: 160px;
	padding-left: 180px;
	background: url(img/mobile_phone.png) no-repeat top left;
	_background: url(img/mobile_phone.gif) no-repeat top left;
	}
.mobile_tape {
	float: left;
	width: 230px;
	padding-top: 30px;
	padding-bottom: 20px;
	}
#mobile_qr {
	width: 550px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 80px;
	background: url(img/mobile_qr.gif) no-repeat center right;
	}
	
.link_box {
	padding-left: 50px;}
.link_box a {
	font-size: 110%;
	font-weight: bold;
	color: #009966;}
.link_box dd {padding-bottom: 15px;}