@charset "utf-8";
/*
Theme Name: stylenote-prototype
Theme URI: http://www.stylenote.co.jp/
Description: Blueprint CSS Framework 0.8
Version: 1.0
Author: STUDIO POT SD
Author URI: http://sd.pot.co.jp/
Tags: 
*/


/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
/*
75% = 16px x 0.75 = 12px = 1em
20px = 1.67em
18px = 1.5em
16px = 1.33em
14px = 1.17em
13px = 1.08em
12px = 1em
11px = 0.92em
10px = 0.83em
*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h2 {font-size:1.5em;line-height:1.25;font-weight:bold;color:#ae272c;}
h3 {font-size:1.33em;line-height:2;font-weight:bold;color:#ae272c;}
h4 {font-size:1.17em;line-height:2;font-weight:bold;color:#ae272c;}
h5 {font-size:1.08em;line-height:2;font-weight:bold;color:#ae272c;}
h6 {font-size:1em;line-height:2;font-weight:bold;color:#ae272c;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
/*
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
*/
a:focus, a:hover {color:#000;}
a {color:#006dbb;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/*==================================
 body
==================================*/
body {
padding-bottom:2em;
}


/*======================================
 header
======================================*/
#headerbox {
width:100%;
background:#f9eecb url(/wp/img/header-back2.jpg) repeat-x bottom left;
margin-bottom:4em;
}
#headerbox201110 {
width:100%;
background:#f9eecb url(/wp/img/header-test1.png) repeat-x bottom left;
}

/*#header {
   width:950px;
   margin:0 auto;
   position:relative;
   background:url(/wp/img/header2.jpg) 50% 0%;
   height:181px;
 }
*/
#header {
   width:1000px;
   margin:0 auto;
   position:relative;
   background:url(/wp/img/header2.jpg) 55% 0%;
    height:181px;
 }

#header201110 {
   width:1000px;
   margin:0 auto;
   position:relative;
   background:url(/wp/img/header.png) 55% 0% no-repeat;
   height:181px;
	margin-bottom:20px;
}
    #header h1,
    #header .description  {
    text-indent:-9999em;
    }
     #header h1 a {
     display:block;
     width:290px;
     height:60px;
     position:absolute;
     top:30px;
     }

/*=========================================
 navi (+navi201110)
=========================================*/
#navi ul li,
#navi201110 ul li {
display:inline;
}

/*----- main navi -------------*/
#navi ul li#navi-top a:link,
#navi ul li#navi-top a:visited {
display:block;
position:absolute;
top:121px;
left:20px;
width:130px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.jpg)  -10px -15px;
}

#navi201110 ul li#navi-top a:link,
#navi201110 ul li#navi-top a:visited {
display:block;
position:absolute;
top:120px;
left:30px;
width:100px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png) -165px -15px;
}
	body#home #navi ul li#navi-top a {
	background:url(/wp/img/menu-back.png) -170px -215px;
	}
  body#books #navi ul li#navi-top a,
  body#home #navi ul li#navi-top a {
  background:url(/wp/img/menu-back.jpg)  -10px -215px;
  }
  #navi ul li#navi-top a:hover {
  background:url(/wp/img/menu-back.jpg)  -10px -117px;
  }
	#navi201110 ul li#navi-top a:hover {
	background:url(/wp/img/menu-back.png) -165px -117px;
	}

#navi201110 ul li#navi-books a:link,
#navi201110 ul li#navi-books a:visited {
display:block;
position:absolute;
top:120px;
left:90px;
width:70px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png) -240px -15px;
}
  #navi201110 ul li#navi-books a:hover {
  background:url(/wp/img/menu-back.png) -240px -117px;
  }

#navi201110 ul li#navi-denshi a {
display:block;
position:absolute;
top:117px;
left:160px;
width:80px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png)  -320px -11px;
}
  #navi201110 ul li#navi-denshi a:hover {
  background:url(/wp/img/menu-back.png) -320px -113px;
  }

#navi ul li#navi-news a {
display:block;
position:absolute;
top:117px;
left:150px;
width:130px;
height:64px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.jpg)  -150px -11px;
}
#navi201110 ul li#navi-news a {
display:block;
position:absolute;
top:117px;
left:240px;
width:90px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png)  -405px -11px;
}
  #navi ul li#navi-news a:hover {
  background:url(/wp/img/menu-back.jpg)  -150px -113px;
  }
	#navi201110 ul li#navi-news a:hover {
	background:url(/wp/img/menu-back.png) -405px -113px; 
	}
  body#news #navi ul li#navi-news a {
  background:url(/wp/img/menu-back.jpg)  -150px -211px;
  }
#navi ul li#navi-school a {
display:block;
position:absolute;
top:121px;
left:258px;
width:120px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.jpg)  -250px -15px;
}
#navi201110 ul li#navi-school a {
display:block;
position:absolute;
top:117px;
left:340px;
width:80px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png)  -505px -11px;
}
  #navi ul li#navi-school a:hover {
  background:url(/wp/img/menu-back.jpg)  -250px -117px;
  }
	#navi201110 ul li#navi-school a:hover {
	background:url(/wp/img/menu-back.png) -505px -113px;
	}
  body#school #navi ul li#navi-school a {
  background:url(/wp/img/menu-back.jpg)  -250px -215px;
  }
#navi ul li#navi-yomimono a {
display:block;
position:absolute;
top:117px;
left:370px;
width:110px;
height:64px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.jpg)  -350px -11px;
}
#navi201110 ul li#navi-yomimono a {
display:block;
position:absolute;
top:117px;
left:430px;
width:80px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png)  -600px -11px;
}
  #navi ul li#navi-yomimono a:hover {
  background:url(/wp/img/menu-back.jpg)  -350px -113px;
  }
	#navi201110 ul li#navi-yomimono a:hover {
	background:url(/wp/img/menu-back.png) -600px -113px;
	}
  body#yomimono #navi ul li#navi-yomimono a {
  background:url(/wp/img/menu-back.jpg)  -350px -211px;
  }
#navi ul li#navi-about a {
display:block;
position:absolute;
top:121px;
left:480px;
width:120px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.jpg)  -480px -15px;
}
#navi201110 ul li#navi-about a {
display:block;
position:absolute;
top:117px;
left:520px;
width:80px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png)  -695px -11px;
}
  #navi ul li#navi-about a:hover {
  background:url(/wp/img/menu-back.jpg)  -480px -117px;
  }
	#navi201110 ul li#navi-about a:hover {
	background:url(/wp/img/menu-back.png) -695px -113px;
	}
  body#about #navi ul li#navi-about a {
  background:url(/wp/img/menu-back.jpg)  -480px -215px;
  }
#navi ul li#navi-bbpress a {
display:block;
position:absolute;
top:117px;
left:590px;
width:115px;
height:64px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.jpg) -595px -11px
}
#navi201110 ul li#navi-bbpress a {
display:block;
position:absolute;
top:117px;
left:610px;
width:120px;
height:60px;
text-indent:-9999em;
outline-style:none;
background:url(/wp/img/menu-back.png)  -780px -11px;
}
  body.bbpless #navi ul li#navi-bbpless a {
  background:url(/wp/img/menu-back.jpg) -595px -220px;
  }
  #navi ul li#navi-bbpress a:hover {
  background:url(/wp/img/menu-back.jpg) -595px -113px;
  }
	#navi201110 ul li#navi-bbpress a:hover {
	background:url(/wp/img/menu-back.png) -780px -113px;
	}
#navi ul li#navi-search form {
display:block;
position:absolute;
top:146px;
left:800px;
}
#navi201110 ul li#navi-search form {
display:block;
position:absolute;
top:117px;
left:760px;
width:200px;
height:60px;
background:url(/wp/img/menu-back.png) -900px -11px;
}
  body.bbpless #navi ul li#navi-search form {
	display:block;
	position:absolute;
	top:140px;
	left:800px;
	}
body.bbpless #oldbbs {
padding:1em;
background:#eeeeee;
border:1px solid #a9a9a9;
width:30%;
}


/*----------------------------*/
 input#s {
  /*background:#fff url(/wp/img/search-back.png) no-repeat left center;*/
  border:none;
  width:110px;
  height:16px;
  padding:0/* 0 0 1em*/;
  }
#navi201110 ul li#navi-search form input#s {
width:120px;
position:absolute;
top:30px;
left:55px;
}

 /*bbpress*/
 input#q {
  /*background:#fff url(/wp/img/search-back.png) no-repeat left center;*/
  border:none;
  width:110px;
  height:16px;
  padding:0/* 0 0 1em*/;
  }
 

/* input#s:focus {
  background:#fff;
  background-image:none;
  }
*/

/*====================================
 utility
====================================*/
#utility {
 width:490px;
 font-size:11px;
 position:absolute;
 top:6px;
 /*left:500px;*/
 left:525px; 
 }
    #utility ul li {
    display:inline;
    margin-left:20px;
    }

#utility ul li a:link,
#utility ul li a:visited {
color:#000;
text-decoration:none;
}
#utility ul li a:hover {
border-bottom:1px #000 dotted;
}



/*=====================================
 contents
=====================================*/
.container h3 {
background:url(/wp/img/mark-dbl.jpg) no-repeat 0% 50%;
padding-left:8px;
margin-bottom:1em;
}
.container h4 {
font-size:1.33em;
line-height:1.1;
}


/* comments */
#comments h4#comments {
 background:#edebe6;
 color:#727272;
 padding:5px 15px;
 font-size:13px;
 }
ol.commentlist {
list-style-type:none;
margin-left:0.5em;
}
ol.commentlist strong {
font-size:16px;
}

/*------------------------------------*/


.goup {
 text-align:right;
 }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }

/*=======================================
 sidebar
=======================================*/
#sidebar,
#sidebar-books {
 background:#f9f2d5;
 padding:0 .5em .5em 1em;
 border:1px solid #fdebce;
 }
#sidebar ul li,
#sidebar-books ul li {
list-style-type:none;
}
  #sidebar ul li a:link,
  #sidebar-books ul li a:link,
  #sidebar ul li a:visited,
  #sidebar-books ul li a:visited {
  color:#000;
  }
  #sidebar ul li a:hover,
  #sidebar-books ul li a:hover {
  border-bottom:1px dotted #000;
  }
#sidebar h4,
#sidebar-books h4 {
color:#000;
font-weight:normal;
font-size:14px;
border-bottom:2px dotted #808080;
padding-bottom:0.4em;
margin-top:1em;
}
#sidebar h4 a:link,
#sidebar h4 a:visited,
#sidebar-books h4 a:link,
#sidebar-books h4 a:visited {
color:#000;
}
#sidebar h4 a:hover,
#sidebar-books h4 a:hover {
border-bottom:1px dotted #000;
}

#sidebar .yui-navset,
#sidebar-books .yui-navset {
margin-top:3em;
}


/*======================================
 footer
====================================== */
#footer-box {
 width:100%;
 background:#faf5e1;
 margin-top:2em;
 padding-top:1em;
 }
#footer {
width:950px;
margin:0 auto;
}

#footer #menu {
position:relative;
}

#footer h3,
#footer h3 a:link,
#footer h3 a:visited {
font-size:14px;
color:#4a4a4a;
text-decoration:none;
}
#footer h3 {
border-bottom:1px dotted #9f9f9f;
}
  #footer h3 a:hover {
  background:#f1ca93;
  text-decoration:none;
  }
#footer h4 {
font-size:12px;
color:#403a3a;
}
#footer h4 a:link,
#footer h4 a:visited {
color:#403a3a;
text-decoration:none;
}
#footer h4 a:hover {
background:#f1ca93;
text-decoration:none;
}

#footer ul li {
list-style-type:none;
margin-left:-1em;
}
  #footer ul li a:link,
  #footer ul li a:visited {
  color:#5a5a5a;
  text-decoration:none;
  }
  #footer ul li a:hover {
  background:#f1ca93;
  text-decoration:none;
  }

ul#first {
width:35%;
float:left;
}
ul#second {
width:35%;
float:right;
}

#footer-final a#bbs {
background:url(/wp/img/footer-finale.jpg) no-repeat;
display:block;
width:200px;
height:51px;
position:absolute;
right:10px;
top:80px;
text-indent:-9999em;
}
#footer-final a#k-pot-town {
background:url(/wp/img/kpop_bnr.gif) no-repeat;
display:block;
width:196px;
height:57px;
position:absolute;
right:10px;
top:150px;
text-indent:-9999em;
}
#footer address {
font-style:normal;
font-size:11px;
margin:0 0 0.5em 0;
padding:0.5em 0 0 0;
border-top:1px solid #000;
}
#footer address #footer-privacy {
padding:0 2em 0 4em;
}
  #footer address a:link,
  #footer address a:visited {
  color:#000;
  }
  #footer address a:hover {
  border-bottom:1px #000 dotted;
  }
#footer #chosakuken {
font-size:10px;
margin-top:-0.5em;
}

/*======================================
 bbless
=====================================*/
body.bbpless table th,
body.bbpless table td {
font-size:1.17em;
}
body.bbpless table td {
border-top:1px solid #cdcdcd;
}

body.bbpless .infobox {
        border: 1px solid #ccc;
        border-width: 1px 0;
        padding: 1em;
}

body.bbpless .infobox ul {
        margin: 10px 0 10px 12px;
        padding: 0;
}

body.bbpless .infobox ul li { padding-bottom: 3px; }


body.bbpless ol#thread .threadauthor {
float: left;
padding: 1em 1em 0 1em;
width: 120px;
}

#topic-info {
        float: left;
        padding: 0 1em 0 0;
}

#topic-tags {
        border-left: 1px solid #ccc;
        float: right;
        padding: 0 0 0 1em;
}


body.bbpless #thread li {
        line-height: 1.5em;
        clear: both;
        /* Hack to force padding on .threadauthor on IE */
        border-top: 1px solid #fff;
}

/*
body.bbpless ol#thread .threadauthor .author-avatar {
float:left;
margin:0 20px 1em 0;
}
*/
body.bbpless .threadpost {
        padding: 1.5em 1em;
        margin-left: 140px;
        background-color: #eee;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}
body.bbpless ol#thread li {
list-style-type:none;
padding:1em;
font-size:1.17em;
}
body.bbpless #thread li.alt .threadpost { background-color: transparent; }

/*
body.bbpless ol#thread li.alt {
background:#f5f5f5;
border:1px solid #cdcdcd;
}
*/

body.bbpless form.login {
width:450px;
margin-left:440px;
padding:1em;
background: #eee;
}
body.bbpless form.login p#suggest {
font-size:smaller;
}
body.bbpless h2.post-form {
font-size:16px;
margin:3em 0 1em 0;
}

body.bbpless .postform {
        background-color: #f0f0f0;
        padding: 1em;
        margin-bottom: 1em;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

body.bbpless .postform textarea {
        height: 12em;
        margin: 5px 0;
        padding: 5px;
        width: 720px;
        display: block;
}

body.bbpless .postform label { display: block; }

#manage-tags {
        margin: 10px 0;
        list-style: none;
}
body.bbpless .postform fieldset {
border:none;
}






/*---------------------------------------
  home_________________________________*/
#top-shinkan .bookpost {
margin-bottom:1em;
}
.kaisetsu-top {
 background:#f7f0d2;
 padding:0.3em;
}
#top-kikan .bookpost {
margin-bottom:1.5em;
}
#top-kikan h6 {
line-height:1.5em;
}
#top-kikan a:link,
#top-kikan a:visited {
color:#333;
}
#top-kikan a:hover {
border-bottom:1px dotted #333;
}

h3#top-oshirase {
background:url(/wp/img/top-oshirase.jpg) no-repeat;
text-indent:-9999em;
width:240px;
height26px:
}
#top-newsyomimono ul li {
list-style-type:none;
}
#top-newsyomimono h6 {
margin:1em 0 0 0;
}
#top-newsyomimono img.eyecatch {
float:left;
margin:0 5px 0 0;
}
#yomimono-top {
border:1px solid #dfe0e0;
padding:0 0 0 10px;
}
.more {
text-align:right;
margin-right:1em;
}

#twitter-top h3 {
background-image:none;
color:#000;
}

/*---------------------------------------
  book archive_________________________*/
body#books #category {
margin:0 0 4em 0;
}

body#books .post {
margin-bottom:2em;
padding-bottom:2em;
border-bottom:2px dotted #fed700;
position:relative;
}
body#books h4.post-title {
margin-right:120px;
}

/* archive ページ用 */
body#books .post .zaiko {
width:70px;
font-size:11px;
position:absolute;
right:5px;
top:0;
}
/* 近日発売  */
body#books .post .zaiko .kinjitsu {
width:70px;
font-size:11px;
font-weight:bold;
position:absolute;
right:5px;
top:0;
color:#fff;
background:#6495ed;
padding:2px;
border-radius:5px;
text-indent:10px;
}


/* single ページ用 */
body#books .post #zaiko {
width:70px;
font-size:11px;
position:absolute;
right:10px;
top:0;
}

/*---------------------------------------
  book single_________________________*/
h3.booktitle {
color:#000;
background-image:none;
padding-left:0;
line-height:1.1;
margin-right:120px;
}
#textcontents {
font-size:13px;
}
#textcontents .maesubtitle,
#textcontents .subtitle {
font-size:12px;
}

.kaisetsu,
.mokuji {
margin-top:1em;
}

#kounyu {
height:531px;
width:208px;
padding:0 1em;
background:#fbe9ab url(/wp/img/kounyuu-panel.jpg);
}
#kounyu h4,
#kounyu h5 {
color:#000;
}
#kounyu #dotcom {
padding-top:1em;
}
  #kounyu #dotcom h4 {
  margin-bottom:1em;
  }
#kanren {
margin-top:4em;
}
#kanren h5 {
line-height:1.1;
}
  #kanren h5 a:link,
  #kanren h5 a:visited {
  color:#000;
  }
#kanren ul {
margin-left:0;
}
#kanren ul li {
list-style-type:none;
margin-left:0;
}

/*---------------------------------------
  denshi single________________________*/
.denshi {
padding:10px;
border:1px solid #dfca9b;
background:#ffed9b;
border-radius:10px;
}
/* 近日発売  */
body#books .post #zaiko .kinjitsu {
width:70px;
font-size:12px;
font-weight:bold;
position:absolute;
right:10px;
top:0;
color:#fff;
background:#6495ed;
padding:5px;
border-radius:5px;
text-indent:8px;
}



/*---------------------------------------
  single_______________________________*/


/*---------------------------------------
  category1008/top_____________________*/
body#yomimono #content ul li {
margin-bottom:1em;
font-size:13px;
}
#yomimono1-line {
border-top:3px solid #316db5;
margin-right:40px;
}
#yomimono2-line {
border-top:3px solid #01631b;
margin-right:40px;
}
#yomimono3-line {
border-top:3px solid #a0522d;
margin-right:40px;
}
#yomimono1 h3,
#yomimono2 h3 {
background-image:none;
padding-left:0;
}
#yomimono1 ul li,
#yomimono2 ul li {
list-style-type:none;
}
  #yomimono1 .time,
  #yomimono2 .time {
  color:#717171;
  }
#kakite1 {
border-top:3px solid #a4b1da;
}
#kakite2 {
border-top:3px solid #85aa7b;
}
#kakite3 {
border-top:3px solid #cd853f;
}
#kakite1 img.eyecatch,
#kakite2 img.eyecatch,
#kakite3 img.eyecatch {
float:left;
margin:2px 10px 5px 0;
}

/*---------------------------------------
  category1008/下位category____________*/

body#yomimono h2.pagetitle {
border-top:3px solid #fdc488;
margin-bottom:3em;
}
body#yomimono .post {
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px dotted #ffd203;
}
body#yomimono .post h3 {
background-image:none;
padding-left:0;
}
body#yomimono .post .entry p {
font-size:13px;
}

/*-----------------------------------------
  category1006___________________________*/
body#news .post {
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px dotted #ffd203;
}
body#news .post h3 {
background-image:none;
padding-left:0;
}
body#news .post .entry p {
font-size:13px;
}


/*------------------------------------------
  school_________________________________*/
body#school h3 {
margin-top:5em;
}
body#school h3:first-child {
margin-top:0;
}
body#school #post-500000001 .entry h4 {
margin-top:3em;
}
body#school #post-500000001 .entry p,
body#school #post-500000001 .entry ul li {
font-size:13px;
}
body#school .post .entry p {
font-size:13px;
}



/*------------------------------------------
  page___________________________________*/
.page dl dt,
.page dl dd {
line-height:2.0;
}
.page dt {
width:8em;
float:left;
clear:left;
}
.page dd {
margin-left:10em;
}
/* 製作実績 */
.seisaku-box img {
float:left;
margin:0 10px 30px 0;
}
.seisaku-box {
width:275px;
margin-right:40px;
float:left;
}
.seisaku-line {
padding-top:1em;
clear:left;
}
.seisaku-line h3 {
margin-bottom:1em;
}


/* == ドロップシャドウ == */
.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 30px 0 10px !important;
margin: 10px 30px 0 5px;
/*margin: 0 25px 15px 0;*/
padding: 0;
position: relative;
}

.img-shadow-top {
/* 背景画像を右下に固定 */
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-kanren {
/* 背景画像を右下に固定 */
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,
.img-shadow-top img,
.img-shadow-kanren 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;
        }
.datatext {
margin-left:170px;
}

.test-shadow img {
-moz-box-shadow:3px 3px 5px #666;
-webkit-box-shadow:3px 3px 5px #666;
box-shadow:3px 3px 5px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666'); zoom:1;
}

/*-----------------------------------------------
 YUI accordion-menu
------------------------------------------------*/
dl.accordion-menu {
        margin: 0;
        padding: 0;
        /*width: 15em;*/
        background:white;
}

dl.accordion-menu dt.a-m-t {
        margin: 0;
/*      background: #aaaaaa; */
/*      padding: 0.3em 1em; */
/*        color: #444444;
        border: solid 1px #222222;
        border-left-color: #dfdfdf;
        border-top-color: #dfdfdf;
*/
}

/*
dl.accordion-menu dt.a-m-t-hover{
        background:#cdcdcd;
}
*/

dl.accordion-menu dt.a-m-t-down{
/*        border: solid 1px #222222;
        border-right-color: #dfdfdf;
        border-bottom-color: #dfdfdf;
*/
}
html.accordion-menu-js dt.a-m-t{
        cursor:pointer;
        zoom:1;
}

dl.accordion-menu dd.a-m-d {
        margin: 0;
        padding: 0;
        padding:0;
}

html.accordion-menu-js dd.a-m-d{
        display:none;
}


html.accordion-menu-js dd.a-m-d-expand {
        display:block;
}

html.accordion-menu-js dd.a-m-d-before-expand {
        display:block;
        position:relative;
        z-index:-1;
        opacity:0;
        height:auto !important;
        visibility:hidden;
        overflow:visible;
}


html.accordion-menu-js dt.a-m-t-expand {
        border-left-color:#222222;
        color:black;
/*      background:#c0c0c0; */
}

html.accordion-menu-js dd.a-m-d-anim {
        overflow:hidden;
        display:block;
}

dl.accordion-menu dd.a-m-d .bd{
        padding:0.5em;
        border:Solid 1px #aaaaaa;
}