/*
Theme Name: ohaten theme
Theme URI: http://www.ohatendori.com/wp-content/themes/ohaten/
Description: 
Version: 1.0
Author: A&S Hiroki Tanaka
Author URI: http://www.active-style.jp/
*/


* {
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;

	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	list-style:none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
body{
	font-size: 77%;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0;
	line-height: 140%;
	background-color:#FBEAEA;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}
#all{
	margin:0 auto;
	text-align:center;
	background-image: url(/images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#container{
margin:0 auto;
width:800px;
text-align:left;


}

a{
color:#CC0000;
text-decoration:underline;
}
a:link{
color:#CC0000;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}


h1{
position:absolute;
left: -9999px;
}

#header{
text-align:center;
margin:0 0 9px 0;
position:relative;
width:800px;
}

#container #header ul{
	position:absolute;
	top:10px;
	right:0;
}

#navi{
width:190px;
float:left;
}

#navi ul li{
	width:161px;
	height:40px;
	text-align:center;
	background-image:url(file/base/menu_back.gif);
	background-repeat: no-repeat;
	padding:14px 0 0 0;
	font-size:90%;
	list-style:none;
}

#main{
width:600px;
float:left;
background-color:#FFFFFF;
margin:0 0 30px 8px;
display:inline;

}

.fclear{
clear:both;
}

address{
margin:10px 0 0 0;

}

.mb15 img{
margin-bottom:15px;
}


/* navi */


#navi #shop-info{
border:solid 1px #CCCC99;
margin:0 0 15px 0;
background-color:#F7F7F0;
}

#navi #shop-info h3,#navi #guide h3,#navi #article h3{
padding:10px 0 10px 10px;
}

#navi #shop-info select{
width:165px;
margin:0 0 0px 10px;
border:solid 1px #ccc;
background-color:#FFFFFF;
}

#navi #shop-info img.btn{
margin:0 0 10px 15px;

}

#navi #guide{
border:solid 1px #E5CC7F;
margin:0 0 15px 0;
background-color:#FBF7EC;
}

#navi #article{
border:solid 1px #B2CCCC;
margin:0 0 15px 0;
background-color:#F4F7F7;
}

#navi #saigai{
margin:0 0 15px 0;
}

#navi #mobile{
border:solid 1px #CC3300;
margin:0 0 15px 0;
background-color:#fff;
text-align:center;
}
#navi #mobile h2{
margin:0 0 2px 0;
}
#twitter{
margin:0 0 15px 0;
}


/* footer */

#footer{

clear:both;
text-align:center;
background-color:#FFFFFF;
border-top:solid 1px #CC0000;
padding:10px 0 10px 0;
}

#footer ul li {
display:inline;
margin:0 10px;

}


/* top-main */
ul#gn{
margin:0 0 5px 0;
}

ul#gn li{
display:inline;
margin:0 1px 0 0;
}
ul#gn li.last{
margin:0;
}

#whatsnew{
margin:0 auto 10px;
text-align:center;
border:solid 1px #ccc;
padding:2px 0 0 2px;
height:360px;
overflow:scroll;
}

#whatsnew .line{
	clear:both;
	background-image: url(/images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:10px 10px 10px 10px;
	margin: 0 auto;
	text-align:left;
}

#whatsnew .line-last{
	clear:both;
	background-image:none;

	padding:10px 10px 10px 10px;
	margin: 0 auto;
	text-align:left;
	width:540px;
}

#whatsnew .line .left,#whatsnew .line-last .left{
float:left;
width:80px;
}

#whatsnew .line .right,#whatsnew .line-last .right{
/*margin:0 0 0 80px;*/
}


ul.banner li{
width:295px;
float:left;
}

ul.banner li a{
text-decoration:none;
color:#000000;
}

ul.banner li.last{
margin:0 0 0 10px;
}

.whatsnew_title_img{
padding-top:10px;
}

p.mixi_and_twitter{
margin-top: 15px;
}
p img.mixi{
padding-right: 6px;
}
/* main-c */



.main-c{
margin:0px 0 10px 0;
float:left;
width:594px;
border:solid 1px #ccc;
padding:2px;
display:inline;
}

.main-image{
margin:0px auto 10px 0;
text-align:center;
width:594px;
border:solid 1px #ccc;
padding:2px;

}


.align-c{
text-align:center;
}

.main-c h2{
margin:17px 0 0 17px;
}

.c-left{
width:364px;
float:left;
margin:17px 0 17px 17px;
display:inline;
}

.c-right{
width:180px;
float:right;
margin:17px 17px 0 0px;
display:inline;
}

.c-right img{
margin:0 0 17px 0;
}

.c-center{
margin:17px;
width:560px;
}

.c-left p{
margin:0 0 15px 0;
}

.c-left strong, .c-center strong{
font-weight:bold;margin:0 0 15px 0;
display:block;
}

.c-left p strong{
margin:0;display:inline;
}


table.history{
margin:17px;
}

table.history th{
width:100px;
text-align:right;
padding:3px;
vertical-align:top;
}

table.history td{
padding:3px;
vertical-align:top;
}

.camp-txt{
margin:20px;
}
.camp-txt h2{
font-size:180%;
color:#0066CC;
font-weight:bold;


}

.camp-txt h2 span{
font-size:60%;
font-weight:bold;
}

.camp-txt p{
margin:10px;
}

/* shop-top */

#shop-top h2{
margin:20px 0 10px 15px;
}

#shop-top ul{
margin:0 0 30px 15px;
}
#shop-top ul li{
display:inline;
margin:0 10px 0 0;

}

.line{
	background-image:url(/images/shop-top/line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:10px 15px 20px 15px;
}



/* shop-detail */
#shop-detail{
margin:15px 0 15px 15px;
width:560px;
}

#shop-detail .d-left{
width:220px;
float:left;
display:inline;
margin:0 0 15px 0;
}


#shop-detail .d-right{
width:325px;
margin:0 0px 15px 15px;
float:left;
display:inline;
}

#shop-detail .d-right h2{
font-size:150%;
font-weight:bold;
margin:10px 0 0 0;

}

#shop-detail .d-right h2 span{
font-size:70%;
margin:0 0 0 15px;

}

#shop-detail .d-right strong{
color:#CC0000;
display:block;
margin:15px 0;
font-weight:bold;
font-size:115%;

}

#shop-detail .d-right p{
line-height:160%;
}


.info-summary{
border:solid 1px #ccc;
padding:10px;
margin:10px 0;
}
#shop-detail ul.photo{
padding:10px 0 0  0px;
text-align:center;
margin:0 0 0 0px;
float:left;
width:580px;
}
#shop-detail ul.photo li{
	padding-right: 9px;
	padding-bottom: 9px;
display:inline;
float:left;


margin:0 0 0px 0;

}


#shop-detail ul.photo li span {
	height: 180px;
	width: 180px;
	border: 1px solid #ccc;
	display: block;
	text-align: center;
vertical-align: middle;
	
}

#shop-detail ul.photo li img{

}


#shop-detail table.shop-info-table{
border-collapse:collapse;
width:100%;
}

#shop-detail table.shop-info-table th,#shop-detail table.shop-info-table td{
border:solid 1px #ccc;
padding:6px 8px;
}


#shop-detail table.shop-info-table th{
text-align:center;
width:100px;
}

#shop-detail table.shop-info-table .hdr{
background-color:#CCCCCC;
text-align:left;
padding:5px;
font-weight:bold;
}

.free-space{
border:solid 1px #ccc;
padding:10px;
margin:10px 0;
}


#gmap{
border:solid 1px #ccc;
margin:20px 0 0 0;
}

.back{
text-align:right;
margin:20px 0;
}

#contents{
margin:17px;
}

#contents h2{
margin:0;
}

#contents p{
margin:0 0 10px 0;
}

#contents table{
border:none;
width:560px;

}

#contents table tr{
	background-image:url(/images/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#contents table tr.last{
background:none;
margin:0 0 10px 0;
}

#contents table td{
padding:8px;
}


.b-left{
width:165px;
float:left;
margin:10px 0 20px 106px;
}

.b-right{
width:200px;
float:left;
margin:100px 0 0 22px;
text-align:left;
}

.b-right strong{
font-weight:bold;
}

.b-right strong span{
font-size:120%;
font-weight:bold;
}



#novel-detail{
color:#333333;
}

#novel-detail h2{
color:#669999;
font-size:130%;
}

#novel-detail p.author{
margin:10px 0 10px 20px;
}

#novel-detail img.novel-image{
float:right;
margin:10px;
}

#novel-detail h3{
font-size:110%;
margin:0 0 10px 20px;
}

#novel-detail p{
margin:0 20px 4px 20px;
line-height:160%;
text-indent: 1em;
}
ul.novel-index{
margin:0 20px 30px 20px;
padding:0 0 20px 0;
}
ul.novel-index li{
display:block;
width:250px;
float:left;
margin:0 15px 10px 0;

}


div.novel-footer .left{
float:left;
width:260px;
margin:0 10px 10px 20px;
}

div.novel-footer .right{
float:right;
text-align:right;
width:260px;
margin:0 20px 10px 10px;
}

.goto-novel{
text-align:center;
margin:0 0 10px 0;
}

#search-result p.num{
	background-image: url(/images/search/title_bg.jpg);
	background-repeat: no-repeat;
	width:554px;
	height:40px;
	padding:20px;
	font-size:130%;
	font-weight:bold;
	display:block;
}

* html body #search-result p.num{
	background-image: url(/images/search/title_bg.jpg);
	background-repeat: no-repeat;
	width:594px;
	height:40px;
	padding:20px;
	font-size:130%;
	font-weight:bold;
	display:block;
}

#search-result div.left{
float:left;
width:140px;
margin:0 0px 10px 15px;
display:inline;
}

#search-result div.right{
float:right;
width:416px;
margin:0 10px 0 0;
display:inline;
}

#search-result div.right strong{
display:block;
font-size:130%;
margin:0 0 10px 0;
font-weight:bold;
}

#search-result div.right em{
display:block;
font-weight:bold;

}

#search-result div.right div.nav-link{
margin:10px 0 15px 0;
text-align:right;
}

#natsu ul li{
float:left;
margin:0 0 0px 14px;
width:275px;
}

#natsu ul li span{
height:80px;
margin:5px 0 0 0;
display:block;
}

ul.poster-list{
padding:0 0 10px 0;
float:left;
width:590px;
display:inline;
}
ul.poster-list li{
float:left;
width:275px;
margin:10px;
display:inline;
}

#kitty {
text-align:center;
}
#kitty p{
margin:10px;
text-align:left;
}

ul.goods-list {
width:585px;
margin:0 0px 20px 8px;
}

ul.goods-list li{
width:180px;
border:solid 1px #ccc;
margin:5px;
float:left;
text-align:center;
display:inline;
}


ul.goods-list li span.image{
display:block;
	height:238px;
	background-image: url(/images/kitty/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}



ul.goods-list li em{
display:block;
padding:5px 0 0 0;
font-weight:bold;
}

ul.goods-list li span.price{
margin:0 0 10px 0;
display:block;
}

#kitty p.information{
padding:0px 0 10px 10px;
}
#kitty p.information strong{
font-weight:bold;
}



/* アクセスマップ */

.map-img{
margin:20px auto;
text-align:center;

}

.map_2{
margin-bottom: 20px;
}

.access{
text-align:left;
margin:0 20px;
}

.access strong{
font-weight:bold;
}
.access p{
margin:0 0 15px 0;
}


/* CD */


#cd .cd-image{
float:left;
width:294px;
display:inline;
margin:20px 0 20px 20px;
}

#cd .cd-txt{
float:left;
width:248px;
display:inline;
margin:74px 0 20px 15px;
}

#cd .information{
text-align:left;
margin:20px;
}
#cd strong{
font-size:120%;
font-weight:bold;
margin:15px 0 15px 0;
display:block;
}


#cd {
margin:0 0 15px 0;
}

/* サイトマップ  */

ul.sitemap{
text-align:left;
margin:20px;
}

ul.sitemap li{
	padding:10px 0 10px 15px;
	background-image: url(/images/sitemap/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

ul.sitemap li.line{
height:1px;
font-size:0;
	background-image: url(/images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}