@charset "utf-8";

/*
Theme Name: 彩流社
Theme URI: 
Description: 
Version: 1.0
Author: スタジオ・ポットSD
Author URI: http://sd.pot.co.jp/

*/

/*======================================
 Yahoo UI Library Fonts CSS
        Font-size Adjustment
        77% = 10px      |       122% = 16px     |       167% = 22px
        85% = 11px      |       129% = 17px     |       174% = 23px
        92% = 12px      |       136% = 18px     |       182% = 24px
        100% = 13px     |       144% = 19px     |       189% = 25px
        107% = 14px     |       152% = 20px     |       197% = 26px
        114% = 15px     |       159% = 21px     |
=======================================*/
body {
        font-size: 13px;
        *font-size: small;
        *font: x-small;
}
table {
        font-size: inherit;
        font: 100%;
}

select,
input,
textarea {
        font-size: 92%;
}
/* ----------------------------------------------------
 ieのhasLayout値に起因するバグを回避するため
 あらかじめ全ての要素にzoom:1;を指定しておく
--------------------------------------------------- */

ol{zoom:1;}
ol li{zoom : normal;}
* {
     line-height: 1.6;
     font-size: 100%;
     font-weight: normal;
     font-style: normal;
}
* {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
p,
pre,
cite {
        /*margin: 0.5em 20px;*/
        font-size: 92%;
}


h1,
h2,
h3,
h4,
h5,
h6 {
        margin:0.5em 0;
        font-weight:bold;
}
h1 {
        font-size: 189%;
        /*clear:left;*/
}

h2 {
        font-size: 159%;
}

h3 {
        font-size: 144%;
}

h4 {
        font-size: 122%;
}

h5 {
        font-size: 107%;
}

h6 {
        font-size: 107%;
}
/*======================================
        Hypertext Module
=======================================*/
a:link {
        color: #0066cc;
}

a:visited {
        color: #6a5acd;
}

a:hover {
        color: #dc143c;
}
/*======================================
        List Module
=======================================*/
ul,
ol,
dl {
        margin: 1em 20px;
        padding: 1px 0;
        /*list-style-position: inside;*/
}

li,
dt,
dd {
        margin: 0.1em 10px;
}

dt {
        margin-top: 0.6em;
}

dd {
        margin-bottom: 0.6em;
        color: #666;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
        font-size: 92%
}
li ul,
li ol,
li dl,
dd ul,
dd ol,
dd dl,
dd p {
        margin: 0.1em 10px;
}
/*======================================
        Forms Module
=======================================*/
form {
        /*margin: 0.5em 20px;*/
        padding: 1px 0;
        font-size:92%;
}

form dl,
form p {
       /* margin: 0.5em 10px;*/
}

fieldset {
        border: 1px solid #ddd;
}

legend {
        margin: 0 1em;
        padding: 0 10px;
}
input {
font-family:"Osaka-等幅","ＭＳ ゴシック",monospace;
}
/*======================================
        Image Module
=======================================*/
img {
        vertical-align: bottom;
        border:none;
}


/* ================
Basic Structure 
==================*/
body {
width:100%;
margin:0;
padding:0;
background:url(/wp/img/body-back.png) repeat-x top left,;
}
#box1,
#box6 {
width:830px; 
margin:0 auto;
/*border:1px solid red;*/
}
#box2,
#box5,
#box7 {
width:800px;
margin:0 20px 0 10px;
/*border:1px solid blue;*/
}
#box5 {/*background:#fff;*/}
#box5 {padding-top:20px;}
#box2 {
margin-top:30px;
margin-bottom:20px;
}
#box2:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#box3 {width:100%; background:#f6f6ed url(/wp/img/footer-top.jpg) repeat-x top left; }
#box4 {width:830px; margin:0 auto;}


/*===============================
   Header部
===============================*/
#header {
height:135px;
background:url(/wp/img/header.png) no-repeat top left;
}
#header h1 {
margin:0;
padding:0;
text-indent:-9999px;
}
	#header h1 a {
	display:block;
	width:800px ;
	height:88px ;
		}
#topmenu { position:relative; }
#topmenu p {
height:25px;
margin-top:0;
}
/* #topmenu ul#news { */
#topmenu ul#news-ticker {
position:absolute !important;
/*top:-16px !important;*/
top:-2px !important;
left:130px !important;
width:670px;
height:23px;
margin-top:0;
overflow:hidden;
}
#topmenu #news-ticker li {
list-style-type: none ;
}

/*=================================
  一般のcategory archive ページ
=================================*/
.archive .post h3 {
border-bottom: 2px dotted #9f0337;
}
	.archive .post h3 a {
	text-decoration:none;
	}
.archive .post  {
margin-bottom:50px;
}

/*==================================
   category archive
===================================*/
#box2 #categorys {
width:180px;
float:left
}
#box2 #categorys #headline {
font-weight:bold;
}
#box2 #categorys h2 {
font-size:122%;
margin-top:0;
margin-bottom:25px;
border-left:5px solid #bb6e6b;
padding-left:5px;
}
#box2 #categorys ul {
margin:0 0 40px 0; padding-left:0;
}
	#box2 #categorys ul li {
	margin-left:0; padding-left:0;
	list-style-position:inside;
	/*list-style-type:none;*/
	font-size:92%;
	}
#box2 #categorys h3 {
font-size:107%;
margin-bottom:0;
}
#box2 #categorys form#searchform {
margin:0 0 30px 0;
}

/* ブログ記事系の場合id="content" class="blogs" */
#box2 .blogs .post h3 {
margin-bottom:0;
}
#box2 .blogs .post h3 a:link,
#box2 .blogs .post h3 a:visited {
font-weight:bold;
text-decoration:none;
}
#box2 .blogs .post h3 a:hover {
font-weight:bold;
text-decoration:underline;
}
#box2 .blogs .post .entry {
border-top:1px dotted #cdcdcd;
}
#box2 .blogs .post .postmetadata {
margin-bottom:0;
}


#box2 #content {
margin-left:200px;
}
	#box2 #content .post {
	border-bottom:1px dotted #bb6e6b;
	margin-bottom:50px;
	padding-bottom:20px;
	}
	#box2 .blogs .post {
	margin-bottom:50px;
	}

	#box2 #content .post .image {
	float:left;
	width:150px;
	}
#box2 #content .post #textcontents {
margin-left:150px;
position:relative;
}
#box2 #content .post #textcontents h3 {
font-size:122%;
margin-bottom:25px;
margin-right:80px;
}
	#box2  #content .post #textcontents h3 .subtitle {
	font-size:75%;
	}
#box2  #content .post #textcontents #zaiko {
position:absolute;
top:0;
right:0;
}
#box2 #content .post #textcontents .chosya {
margin-bottom:25px;
}


#box2  #content .post #textcontents .invisible {
display:none;
}
.invisible {
display:none;
}

/*================================
        'Single books' page  Structure
================================*/
#box2 #baseinfo #image {
float:left;
width:250px;
}

/* == ドロップシャドウ == */
.img-shadow {
/* 背景画像を右下に固定 */
background: url(/wp/img/shadowAlpha.png) no-repeat bottom right !important;
/* 透過pngが扱えないブラウザのためにgifを再指定 */
background: url(/wp/img/shadow.gif) no-repeat bottom right;
clear: left;
float: left;
margin: 10px 10px 0 10px !important;
margin: 10px 10px 0 5px;
/*margin: 0 25px 15px 0;*/
padding: 0;
position: relative;
}
.img-shadow img {
position: relative;
background-color: #fff;
display: block;
margin: -6px 6px 6px -6px ; /* 画像を左上に-6pxずつずらす */
/* 画像にborderをつける場合は以下の指定 */
border: 1px solid #a9a9a9;
/*padding: 4px;*/
padding:0;
}
	* html .img-shadow img {
	margin: -6px 6px 4px -6px ; 
	}/* ie6補正 */
	*:first-child+html .img-shadow img {
	margin: -6px 6px 0px -6px ; 
	} /* ie7補正 */
	#box2 #baseinfo #image #tachiyomi {
	width:200px;
	text-align:center;
	color:#89898d;
	}
		#box2 #baseinfo #image #tachiyomi a {
		outline-style:none;
		}
#box2 #baseinfo #textcontents {
margin-left:250px;
position:relative;
}
	* html #box2 #baseinfo #textcontents {
	margin-left:240px;
	} /* ie6補正 */
#box2 #baseinfo #textcontents h3 {
font-size:122%;
margin-bottom:25px;
margin-right:80px;
}
	#box2 #baseinfo #textcontents h3 .subtitle {
	font-size:75%;
	}
#box2 #baseinfo #textcontents #zaiko {
position:absolute;
top:0;
right:0;
}
#box2 #baseinfo #textcontents .chosya,
#box2 #baseinfo #textcontents .date {
margin-bottom:25px;
}


#box2 #baseinfo #kounyu {
width:545px;
background:#fbfac1;
}
* html #box #baseinfo #kounyu {
width:535px;
}  /* ie6補正 */
	#box2 #baseinfo #kounyu #dotcom {
	width:240px;/* 250-10px */
	float:left;
	}
	* html #box2 #baseinfo #kounyu #dotcom {
	width:230px;/* 250-20px */
	float:left;
	}/* for only ie6 */
		#box2 #baseinfo #kounyu #dotcom #explanation {
		font-size:77%;
		}
	#box2 #baseinfo #kounyu #online {
	width:260px;/*270-10px*/
	float:right;
	}
	* html #box2 #baseinfo #kounyu #online {
	width:240px;
	} /* ie6補正 */
		#box2 #baseinfo #kounyu #online h4 {
		font-size:107%;
		}
	#box2 #baseinfo #kounyu #dotcom,
	#box2 #baseinfo #kounyu #online {
	margin:10px;
	}

#box2 #moreinfo {
margin-top:15px;
}
#box2 #moreinfo h3 {
font-size:122%;
}
#box2 #moreinfo #moreinfo-left {
width:440px;
float:left;
}
#box2 #moreinfo #moreinfo-right {
margin-left:470px;
}
	#box2 #moreinfo #moreinfo-right #kanren {
	margin-top:40px;
	}
		#box2 #moreinfo #moreinfo-right #kanren h3 {
		margin-bottom:15px;
		}
		#box2 #moreinfo #moreinfo-right #kanren ul {
		list-style-type:none;
		margin:0; padding-:0;
		}
		#box2 #moreinfo #moreinfo-right #kanren ul li {
		margin-left:0; padding-left:0;
		margin-bottom:25px;
		height:100px;
		}
		#box2 #moreinfo #moreinfo-right #kanren ul li h4 {
		font-size:92%;
		}
		#box2 #moreinfo #moreinfo-right #kanren ul li p {
		font-size:85%;
		}
			#box2 #moreinfo #moreinfo-right #kanren ul li img {
			float:left;
			margin:0 20px 20px 0;
			}

#box2 .goup {
text-align:right;
}

/*======================================
  Page テンプレート利用ページ
=======================================*/
.pages ul,
.pages ul ul {
list-style-type:none;
}

/* お勧め本　*/
.pages ul li.page_item {
display:block;
width:70%;
padding:2px 5px;
border:1px solid #cdcdcd;
background:#fffaf0;
}
	.pages ul li.page_item a {
	display:block;
	width:100%;
	text-decoration:none;
	}

/*=====================================
  常備店ページ
======================================*/
.pages .joubitable {
margin-top:-100px;
border-collapse:collapse;
}
.pages .joubitable td,
.pages .joubitable th {
padding:4px;
}
.pages .joubitable th {
background:#d3d3d3;
text-align:left;
font-weight:bold;
}

/*=======================================
    サイトマップ
========================================*/
.pages #sitemap h4 {
background:#efefef;
}
.pages #sitemap ul {
padding-left:1.0em;
list-style-type:disc;
}
.pages #sakuin-left {
width:45%;
float:left;
}
.pages #sakuin-right {
width:45%;
float:right;
}


/*======================================
  トップページ
=======================================*/
#box2 #top-left {
width:420px;
float:left;
}
#box2 #top-left h2 {
font-size:122%;
color:#9f0337;
border-bottom: 2px dotted #9f0337;
}
	#box2 #top-left h2 a:link,
	 #box2 #top-left h2 a:visited {
	font-weight:bold;
	color:#9f0337;
	text-decoration:none;
	}
	 #box2 #top-left h2 a:hover {
	 color:red;
	 }
#box2 #top-right h2 {
font-size:122%;
}
* html #box2 #top-left #wadai {
 height: 1%;
}

#box2 #top-left #wadai h3 {
font-size:122%;
margin:0;
}
	#box2 #top-left #wadai ul,
	#box2 #top-left #wadai ul li {
	margin-left:0; padding-left:0;
	list-style-type:none;
	}
	#box2 #top-left #wadai ul li {
	margin-bottom:32px;
	}
	
		#box2 #wadai  ul li img {
		float:left !important;
		padding:0 10px 0 0 !important;
		}
		#box2 #wadai img {
		float:left !important;
		padding:0 10px 0 0 !important;
		}



#box2 #top-left #saishinkan {
width:220px;
float:left;
}
#box2 #top-left #saishinkan h3{font-size:107%;}
#box2 #top-left #kinkan h3{font-size:107%;}

#box2 #saishinkan .post {
margin-bottom:25px;
}
#box2 #saishinkan .image {
float:left;
width:70px;
}
#box2 #saishinkan #textcontents {
margin-left:70px;
font-size:85%;
}

#box2 #kinkan #textcontents {
font-size:85%;
}
	#box2 #saishinkan #textcontents h3 .subtitle {
	font-size:75%;
	}

	#box2 #top-left #kin-ran {
	float:right;
	}

	#box2 #top-left #kinkan {
	width:160px;
/*float:left;*/
	}
	#box2 #top-left #ranking {
	width:160px;
        margin-top:90px;
	}
		#box2 #top-left #ranking h2 {
		height:30px;
		background:url(/wp/img/ranking.jpg) no-repeat left top;
		text-indent:30px;
		font-size:92%;
		}
	#box2 #top-left #ranking ol {
	margin:0; padding:0 0 0 2em;
	}
		#box2 #top-left #ranking ol li {
		margin:0; padding:0;
		font-size:92%;
		}
	#box2 #top-left #saikin h2 {
	margin-top:30px;
	font-size:100%;
	}
	#box2 #top-left #saikin ul li {
	margin-left:0.5em;
	margin-bottom:0.5em;
	font-size:92%;
	}

#box2 #top-right #saishinjyouhou {
background:url(/wp/img/saishin-under.png) repeat-x 0px 25px;
}
	* html #box2 #top-right #saishinjyouhou {
	background:url(/wp/img/saishin-under.png) repeat-x 0px 35px;
	} /* ie6補正 */
	*:first-child+html #box2 #top-right #saishinjyouhou {
	background:url(/wp/img/saishin-under.png) repeat-x 0px 30px;
	} /* ie7補正 */

	#box2 #top-right #saishinjyouhou h2,
	#box2 #top-right #event h2 {
	 color:#554131;
	 }
		#box2 #top-right #saishinjyouhou h2 a:link,
		#box2 #top-right #saishinjyouhou h2 a:visited,
		#box2 #top-right #event h2 a:link,
		#box2 #top-right #event h2 a:visited {
		font-weight:bold;
		color:#554131;
		text-decoration:none;
		}
		* html #box2 #top-right #saishinjyouhou h2 a:link,
		* html #box2 #top-right #saishinjyouhou h2 a:visited {
		margin-bottom:-5px;
		} /* ie6補正 */
		*:first-child+html #box2 #top-right #saishinjyouhou h2 a:link,
		*:first-child+html #box2 #top-right #saishinjyouhou h2 a:visited {
		margin-bottom:-8px;
} /* ie7 補正 */

		#box2 #top-right #saishinjyouhou h2 a:hover,
		#box2 #top-right #event h2 a:hover {
		color:red;
		}

#box2 #top-right #event {
background:url(/wp/img/event-under.png) repeat-x 0px 25px;
}
#box2 #top-right #saishinjyouhou ul,
#box2 #top-right #saishinjyouhou ul li,
#box2 #top-right #event ul,
#box2 #top-right #event ul li  {
list-style-type:none;
margin-left:0; padding-left:0;
}
#box2 #top-right {
margin-left:450px;
}
#box2 #top-right h3 {font-size:100%;}
#box2 #top-right p {font-size:92%;}
#box2 #top-left #wadai,
#box2 #top-left #saishinkan,
#box2 #top-left #kinkan,
#box2 #top-right #saishinjyouhou,
#box2 #top-right #event {
position:relative;
}
* html #box2 #top-right #saishinjyouhou,
* html #box2 #top-right #event {
width:340px;
} /* ie6でwidth指定してやらないと下の絶対値指定がバグる */

#box2 .rss {
position:absolute;
top:0;
right:0;
/*left:100%;*/
}

.zenbu a {
font-size:65%;
text-decoration:none;
}

#top-right #banners ul,
#top-right #banners ul li {
list-style-type:none;
margin:0; padding:0;
}
#top-right #banners ul li {
margin-bottom:30px;
}

/*=======================================
   お問い合わせ
========================================*/
body#otoiawase ul.error {
background:#fffff0;
color:#b22222;
border:1px solid #d2b48c;
padding:5px 10px;
}



/*========================================
  Comment Panel by
  jQuery.Sliding Panles
========================================*/
.panel {
	/*text-align: center;*/
	text-transform: uppercase;
	/*letter-spacing: .2em;*/
	/*height:23px;*/
	height:40px;
	/*
	padding-top:5px;
	border:1px solid #CCCCCC;
	*/
	cursor:pointer;
	margin-bottom:0px;
}
.panel a {
	/*text-decoration:none;*/
	color:#000000;
}
 .panel-up {
	/*background:url(backtitle-up.gif) no-repeat scroll 10px 5px;*/
 }
.panel-down {
	/*background:url(backtitle-down.gif) no-repeat scroll 10px 5px;*/
}
.panel-target {
	padding:5px;
	/*background-color:#FFCC66;*/
	border:1px solid #CCCCCC;
}
.panel-closed {
	display:none;
}

#comments { position:relative;zoom:1;}
#comments .tb {
position:absolute;
top:0;
right:20px;
}
ol.commentlist li {zoom:1;}

.openComments {margin-right:150px;}
.openComments .tb {
position:absolute;
top:0;
right:20px;
}

/*================================
    Comment
================================*/
textarea#comment {
width:85%;
}
/*================================
      Footer
================================*/
#footer-left {
width:440px;
float:left;
}
	#footer-left form#searchform {
	margin-bottom:30px;
	}
	#footer-left input#s {width:240px ;}
	#footer-left #footer-left-left {
	width:320px;
	float:left;
	}
		#footer-left #footer-left-left h5 {
		font-size:92%;
		color:#ad2e41;
		}
	#footer-left #footer-left-right {
	margin-left:325px;
	}
		#footer-left #footer-left-right ul#ichiran,
		#footer-left #footer-left-right ul#ichiran li {
		margin-left:5px;
		/*margin-left:0;padding-left:0;*/
		font-size:100%;
		line-height:2.0;
		}

#footer-right {
margin-left:470px;
}
	#footer-right ul {
	font-size:85%;
	margin-left:0; padding-left:0;
	list-style-type:none;
	}
		#footer-right ul li {
		margin-left:0; padding-left:0;
		line-height:2.2;
		}
	#footer-right ul#cat li,
	#footer-right ul#cat li p {
	display:inline;
	}
	#footer-right ul#cat li img {
	width:80px !important;
	height:auto;
	vertical-align:top;
	}
	#footer-right input#magazine {width:150px;}
	#footer-right form #sample {
	text-align:right;
	margin-right:40px;
	}

#box7 p,
#box7 address {font-size:85%;}
#box7 address  {
padding:4px 0;
border-top:1px solid #000;
border-bottom:2px solid #000;
}
#box7 p#chosakuken {
font-size:77%;
}

.box4rss {
position:relative;
}
* html .box4rss {
width:325px;
} /* ie6でwidth指定してやらないと下の絶対値指定がバグる */
.box4rss .rss {
position:absolute;
top:0;
right:0;
}

/*========================================
  CSS for jQuery.treeview
========================================*/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	/*background-color: white;*/
	background-color:inherit;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/wp/js/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(/wp/js/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/wp/js/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(/wp/js/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/wp/js/images/treeview-red.gif); } 

.treeview-black li { background-image: url(/wp/js/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/wp/js/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(/wp/js/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/wp/js/images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/wp/js/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/wp/js/images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(/wp/js/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/wp/js/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/wp/js/images/file.gif) 0 0 no-repeat; }


/* =======================================
        floatによる不具合回避
======================================= */
/* :afterが使えるIE以外用 */
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* IE7用 */
.clearfix {display:inline-block; }
/* IE6以前用 Hide from IE-Mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-Mac */