﻿@charset "utf-8";

body{margin:0 auto ;padding:0;background:#FFF url(../img/bg_body.gif) repeat-x top;text-align:center;height:100%;}

a{color:#33C;text-decoration:none;}
a:hover{color:#f90;}

.cBoth{clear:both; height:1px; padding:0; margin:0;}


/**/
#ozorabunko{width:780px;height:100%;
margin:0 auto;
background:url(../img/bg_bigbody2.gif);
font-size:12px;
line-height:1.6;
color:#333;
font-family:"ＭＳ Ｐゴシック", Osaka;}

/**/
* html #ozorabunko{overflow: visible;}
/**/
#ozorabunko:after {    content: "";    display: block;    clear: both;    height: 1px;    overflow: hidden;}
/*\*/
* html #ozorabunko {    height: 1em;}
#ozorabunko {    display: block;}
/**/



#ozora{padding:0 10px;margin:0;height:100%;text-align:left;background:url(../img/bg_bigbody.gif) no-repeat;}

div#h1{border-bottom:3px double #DDD;}
div#h1 h1{background:url(../img/h1_logourl.gif) no-repeat right;height:49px;padding:0;margin:0;}
/**/


/**/
#footer1{clear:both;padding:8px 0;}
#footer{padding:0 8px;
background:#fff url(../img/footer_txt.gif) no-repeat right;
border-top:1px solid #ccc;}
/**/

/**/
#mv{padding:8px;background:#ddd;}
#main1{width:760px;}
#main2{padding:8px 8px 8px 2px;}
img{border:0;}


/*RIGHT*//*RIGHT*//*RIGHT*//*RIGHT*//*RIGHT*//*RIGHT*/
#right{float:right;width:543px;}/*760-16-543=201 : LeftContentsArea = 201px*/
#about{padding-left:16px;}/*543-16=527: RightContentsArea = 527px*/

h2{margin:0;padding:0 4px;border-left:5px solid #F90;font-size:16px; line-height:1.2}

/*top*/
#news{padding:0 0 0 8px;font-size:12px;}
#news a{color:#444;}
#news a:hover{color:#F60;}
#arunavibox{margin:8px 0;_margin:4px 0;border:1px solid #090;}
#bakabox{margin:8px 0;border:1px solid #F9C;}
#sportsbox{margin:8px 0;border:1px solid #999;}
#ozorabox{margin:8px 0 0 0;border:1px solid #6CF;backgorund:url(/img/tl_ozora.gif) no-repeat;}

#arunavibox ul,#bakabox ul,#sportsbox ul{margin:0px;padding:4px;list-style:none;}
#arunavibox ul li,#bakabox ul li,#sportsbox ul li{background:url(../img/arow_fff.gif) no-repeat 0 2px;margin:0px;padding:5px 0 5px 16px;border-bottom:1px dotted #ddd;font-weight:bold;}

#ozorabox ul{margin:0px;padding:4px;list-style:none;background:url(../img/arow_fff2.gif) repeat-y 4px 6px;}
#ozorabox ul li{margin:0px;padding:5px 0 7px 16px;border-bottom:1px dotted #ddd;font-weight:bold;line-height:24px;}
#ozorabox ul li#md{background:url(../img/md.gif) no-repeat right;}
#ozorabox ul li#oz{background:url(../img/oz.gif) no-repeat right;}
#ozorabox ul li#ocha{background:url(../img/ocha.gif) no-repeat right;}
.md{background:url(../img/md.gif) no-repeat right;}
.oz{background:url(../img/oz.gif) no-repeat right;}
.ocha{background:url(../img/ocha.gif) no-repeat right;}

.zeppan{background:#333; border:3px double #FFF;  color:#fff; font-weight:bold; padding:5px; text-align:center; width:80px;}

/*madaaru.php*/
#Madaaru_Latest_table{
	margin-top:16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #999;
	border-left-color: #CCC;
}
#Madaaru_Latest_table td{padding:8px 8px 16px 8px;vertical-align:top;}
#Madaaru_Latest_table td strong{font-size:14px;line-height:2.0em;}
table#Madaaru_Backnumber {border:1px solid #CCC; border-top:0}
table#Madaaru_Backnumber td{text-align:center;padding:8px 0 16px; line-height:1.2; border-bottom:1px dotted #ddd;}
table#Madaaru_Backnumber strong{line-height:1.1em;}


/*happpy.php*/
#newbook_table{border:1px solid #CCC;margin-top:16px;}
#newbook_table td{padding:8px 8px 8px 8px;vertical-align:top; color:#434343;}
#newbook_table td strong{font-size:14px;line-height:2.0em;}
#newbook_table td h3{margin-top:0px; margin-bottom:12px;font-size:1.3em; line-height:110%;}
#newbook_table td h3 span{font-size:80%;}
#newbook_table td p{line-height:1.9em;margin-bottom:0px;margin-top:0px;}

/*sports*/
table.readbox h4{margin:0px;}
table.readbox ul{margin-top:8px; margin-bottom:10px; list-style:none;}
table.readbox li{margin-bottom:1px;margin-top:0px;}
table.readbox td.bg_t{background:url(../book/read/images/read_bg_t.gif) no-repeat bottom center;}
table.readbox td.bg_m{background:url(../book/read/images/read_bg_m.gif) repeat-y top center;}
table.readbox td.bg_b{background:url(../book/read/images/read_bg_bt.gif) no-repeat top center;}
div.readtxt{padding:0px 0px 40px 0px;color:#555;line-height:1.9em;}
div.readtxt p{margin-top:8px;_margin-top:0px;}
div.readtxt p strong{line-height:1.6em;}
div.readtxt span{line-height:1.5em;}
div.readtxt img.newspaper{float:left;margin-right:12px;margin-bottom:0px;}
div.readnavi{text-align:center;padding:4px;border-top:1px solid #cccccc;}
div.readnavi span{visibility:hidden;}
div.read_line01{background:url(../book/read/images/read_ttl_bg.gif) repeat-x;padding:2px 0px 3px 0px;}
h2#readttl{border:none;font-size:1em; font-weight:normal;margin:0px; line-height:0;padding:0px;}
div.pksbanner{margin-bottom:16px;}
div.pksbanner img{display:block; margin-bottom:6px;}


/*order.html*/
table#ordertable{border:1px solid #fed;}
table#ordertable td{font-size:12px;border-bottom:1px solid #fed;line-height:150%;background:#FDFDFD;}

table#lawtable{margin-top:16px;border:1px solid #EEE;}
table#lawtable td{padding:8px;border-bottom:1px dotted #EEE;}


	#aboutbnr{background:url(../bunko/img/bg_buy.jpg) no-repeat right top;border:1px solid #cccccc;}
	#aboutbnr img{margin:8px 0 8px 8px;}
	#aboutbnr strong.s16{font-size:130%;}
	#aboutbnr p{margin-left:8px;margin-top:8px;margin-bottom:16px;}
	
.f33{color:#F33;}	
.f90{color:#f90;}
.padding8px{padding:8px;margin:0;}
.padding8px_0{padding:8px 0;margin:0;}
.padding16px{padding:16px;margin:0;}
.padding16px_0{padding:16px 0;margin:0;}

/*RIGHT*//*RIGHT*//*RIGHT*//*RIGHT*//*RIGHT*//*RIGHT*/








/*LEFT*//*LEFT*//*LEFT*//*LEFT*//*LEFT*//*LEFT*//*LEFT*/
#left{width:201px;line-height:1.3em;float:left;}
#left h3{margin:0;padding:0;}

#lineup{width:201px;background:#FDFFDE url(../img/lineup_bg.gif);}
#lineup h2{margin:0;padding:0;}
#lineup h4{margin:0;padding:0;}

.lineupbox{padding:4px;line-height:140%;text-align:center;}
.lineupbox p{padding:6px 0;margin:0;}
.lineupbox a{color:#333;}.lineupbox a:hover{color:#f90;}
.lineupbox2{padding:4px 0;text-align:center;}
.lineupbox2 img{ border:1px solid #eee; margin:0 0 5px;}
.lineupbox2 a:link img,
.lineupbox2 a:visited img,
.lineupbox2 a:hover img{border:1px solid #ddd;}

.lineupbtn{margin:5px auto 8px;text-align:center;clear:left;}

#topics{background:#eee url(../img/contents_bg.gif) repeat-y;}
#topics ul{margin:0;padding:0;list-style:none;}
#topics li{padding:8px 8px 8px 20px;line-height:150%;color:#333;border-bottom:0px solid #ccc;
background:url(../img/arow_ccc.gif) no-repeat 8px 12px;}
#topics a{color:#333;}
#topics a:hover{color:#F90;}

.poke img{margin-bottom:5px;}

#contents{width:201px;margin:0;padding:0;list-style:none;border-top:3px double #CCC;}
#contents li{margin:0;padding:8px 8px 0 8px;font-size:12px;line-height:130%;color:#333;}
#contents li.borderli{border-bottom:1px solid #CCC;padding-bottom:8px;}
#contents a{color:#444;font-weight:bold;}
#contents a:hover{color:#F90;font-weight:bold;}

#contentbtm{width:201px;padding:0 0 6px 0;background:url(../img/bg_lineupbtm.gif) no-repeat left bottom;}

/*LEFT*//*LEFT*//*LEFT*//*LEFT*//*LEFT*//*LEFT*//*LEFT*/


#loglog{display:none;}
/*---CGI TABLE-------*/
#kakuninntable{}
#kakuninntable td{border-bottom:1px solid #EEE;padding:10px 5px;}










/*ONLINESHOP*/

.Shop{padding:8px;}
.ShopIn{padding:8px;}

.bookList{ width:100%; border-bottom:3px double #eee; border-right:3px double #eee;}
.bookList td{ padding:10px 15px; border:3px double #eee; border-bottom:none; border-right:none; vertical-align:top; line-height:1.5;}
.bookList td strong{font-size:14px; display:block; padding:1px 0 0 2px; background:#fff;}
.bookList td p{float:left; width:100px; padding:0; margin:0; font-size:11px; text-align:center; white-space:nowrap;}
.bookList td p img{margin:0 0 5px;}
.bookList td form{float:right; width:210px;margin:0; padding:0 0 0 10px;}
.bookList input{vertical-align:middle; margin:5px 0;}


.bookList2{ width:100%; border-bottom:3px double #eee; border-right:3px double #eee;}
.bookList2 td{ padding:10px 15px; border:3px double #eee; border-bottom:none; border-right:none; vertical-align:top; line-height:1.5; width:49%;}
.bookList2 td strong{font-size:14px; display:block; padding:1px 0 0 2px; background:#fff;}
.bookList2 td p{float:left; width:100px; padding:0; margin:0; font-size:11px; text-align:center;}
.bookList2 td p img{margin:0 0 5px;}
.bookList2 td form{float:right; width:210px;margin:0; padding:0 0 0 10px;}
.bookList2 input{vertical-align:middle; margin:5px 0;}


.orederbox{position:fixed; left:50%; top:0; margin-left:390px;}
.orederbox table{width:auto; border-left:1px solid #eee; background:#fff;}
.orederbox th{ background:#666; color:#fff; padding:4px; border-right:1px solid #eee; vertical-align:top;}
.orederbox td{ border-bottom:1px solid #ddd; padding:4px;border-right:1px solid #eee; vertical-align:top;}
.orederbox td.total{ background:#eee; font-weight:bold; }
.orederbox td.total span{color:#666;}


.carttable{width:100%; border-left:1px solid #eee;}
.carttable th{ background:#666; color:#fff; padding:4px; border-right:1px solid #eee; vertical-align:top;}
.carttable td{ border-bottom:1px solid #ddd; padding:4px;border-right:1px solid #eee; vertical-align:top;}
.carttable td.total{ background:#eee; font-weight:bold; white-space:nowrap;}
.carttable td.total span{color:#666;}

.orders{ width:640px; margin:0 auto;}
.orders span{color:#f33;}
.ordersdata{ margin:10px 0; border:1px solid #ddd; border-bottom:none; width:100%;}
.ordersdata td{padding:10px; border-bottom:1px solid #ddd;}
.ordersdata th{padding:10px; border-bottom:1px solid #ddd; border-right:1px dotted #eee; font-weight:normal; background:#fffff0; white-space:nowrap;}
.ordersdata input{width:280px; border:1px solid #ccc; padding:2px;}
.ordersdata input.wAuto{width:auto;}
.ordersdata input.w100{width:100px;}
.ordersdata input.w40{width:auto; padding:2px 8px; border:3px outset #999;}
.ordersdata textarea{width:280px; height:80px; border:1px solid #ddd; padding:2px;}




























/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	font-size:12px;
}






.cfx { display: inline-block; } 
/* IE 7 and MacIE*/
.cfx { display: inline-block; }
/* Hides from IE-mac \*/
* html .cfx { height: 1%; }
.cfx { display: block; }
/* End hide from IE-mac */

/**/
* html .cfx{overflow: visible;}
/**/
.cfx:after {content: "";display: block;clear: both;height: 1px;overflow: hidden;}
/*\*/
* html .cfx {height: 1%;}
.cfx {display: block; outline:none;}




.bookBN1{ padding:40px 0 0; }
.bookBN1 table{ width:100%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.bookBN1 td{ padding:8px ; vertical-align:top; line-height:1.2; text-align:center; border:1px solid #ddd; border-right:none; border-bottom:none;}
.bookBN1 td img{ width:130px; height:185px; margin:5px 0 10px;}

.bookBN2{ padding:20px 0;}
.bookBN2 table{ width:100%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.bookBN2 td{ padding:8px ; vertical-align:top; line-height:1.2; text-align:center; border:1px solid #ddd; border-right:none; border-bottom:none;}
