@charset "Shift_JIS";

/* ============= top ============= */
.breadcrumbs { display: none; }
#navigation, #nav { margin-bottom: 0px; }
/*#top_main, #top_main_isp { height: 290px; background-color: #CDE3F3; padding: 10px 0px 0px 480px; margin-bottom: 10px; background-image: url(../images/guest/topImg.jpg); background-repeat: no-repeat; position: relative; } */
#top_main, #top_main_isp { height: 290px; background-color: #CDE3F3; padding: 10px 0px 0px 480px; margin-bottom: 10px; background-image: url(../images/special/8th/940_300.jpg); background-repeat: no-repeat; position: relative; }

/* ============= search ============= */
#search { height: 280px; width: 450px; overflow: hidden; background-color: #FFF; background-image: url(../images/guest/topSearch.gif); background-position: 0px bottom; }
#formSimple { border-right: none; border-bottom: none; border-left: none; padding: 18px 12px 5px 12px; }
#formAisyou { border-right: none; border-bottom: none; border-left: none; padding: 14px 10px 0; }
.number { float: left; height: 30px; margin: 0px 5px 8px; line-height: 30px; }
* html .number { height: 24px; margin: 0px 5px 0px; line-height: 24px; }
#formSimple .cap { float: right; width: 120px; white-space: nowrap; overflow: hidden; margin-top: -5px; }
.label2 { background-image: url(../images/common/sidefmLabel.gif); background-repeat: no-repeat; width: 14px; height: 0px; padding-top:16px; margin: 4px 0px 0px 4px;  overflow:hidden; display: block; float: left; background-position: 0px -205px; }
.counter_1,.counter_2,.counter_3,.counter_4,.counter_5,.counter_6,.counter_7,.counter_8,.counter_9,.counter_0, .counter_comma { background-image: url(../images/guest/topSearch.gif); background-repeat: no-repeat; width: 18px; height: 0px; padding-top:22px; overflow:hidden; display: block; float: left; background-position: 0px -71px; }
.counter_2 { background-position: -18px -71px; }
.counter_3 { background-position: -36px -71px; }
.counter_4 { background-position: -54px -71px; }
.counter_5 { background-position: -72px -71px; }
.counter_6 { background-position: -90px -71px; }
.counter_7 { background-position: -108px -71px; }
.counter_8 { background-position: -126px -71px; }
.counter_9 { background-position: -144px -71px; }
.counter_0 { background-position: -162px -71px; }
.counter_comma { background-position: -182px -71px;width: 10px; }
.more a { background-image: url(../images/common/point.gif); background-repeat: no-repeat; padding-left: 8px; background-position: 0px -36px; }
#search #formSimple .formBlck { background-color: #F5F5F5; position: relative; margin: 4px 8px 0; padding: 12px 0px 5px 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; clear: both; height: 154px; }
* html #search #formSimple .formBlck { margin: -2px 8px 0; }
#search #formAisyou .formBlck { background-color: #F5F5F5; position: relative; margin: 8px 8px 6px; padding: 20px 0px 5px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; clear: both; height: 119px; }
#formSimple .formBlck h3 { background: url(../images/top/topSrchlvl.gif) no-repeat; background-position: 0px -110px; height: 0px; padding-top: 18px; overflow: hidden; margin-bottom: 6px; }
#formSimple dl { margin: 0px 0px 10px 0px; clear:none; }
#formSimple dt { background-image: url(../images/top/topSrchlvl.gif);height: 18px;margin-top: 2px; }
#formSimple .gender { margin:2px 0 10px; }
#formSimple .gender dt { background-position: 0px -2px; width: 100px; margin-top:0; }
.gender input, .gender2 input { margin: 0px 2px 0px 4px; }
.gender2 { padding-bottom: 6px; }
#formSimple dl.al { width:180px; float:left; height:27px; }
#formSimple dl.ar { width:186px; float:right; height:27px; }
#formSimple .al dt { padding-left:2px; margin-top:0px; width:40px;background-position: 0px -38px;  }
#formSimple .ar dt { padding-left:2px; margin-top:0px; width:40px;background-position: 0px -78px; }
.faSubmit { position: absolute; top: 24px; right: 10px; width: 153px; }
#formSimple .fsSubmit { position: absolute; top: 40px; right: 20px; width: 153px; }
#formSimple .fsSubmit input, .faSubmit input { background-image: url(../images/guest/topSearch.gif); background-repeat: no-repeat; background-position: 0px -100px; margin: 0px; height: 60px; background-color: #FFF; border-style: none; display:block; text-indent:-9999px; font-size: 0px; line-height: 0px; padding:0px; border:0; cursor:pointer; width: 153px; }
#formSimple .topfsSubmit { clear:both; }
#formSimple .topfsSubmit input { background-image: url(../images/top/topSearchBtn.jpg); background-repeat: no-repeat; margin: 11px auto 0px; *margin:0px auto 0px; height: 56px; background-color: #FFF; border-style: none; display:block; text-indent:-9999px; font-size: 0px; line-height: 0px; padding:0px; border:0; cursor:pointer; width: 230px; }
.searchTab { height: 37px; background-image: url(../images/guest/topfmTab.gif); background-repeat: no-repeat; background-color: #06C; }
.searchTab li { float: left; }
.searchTab .smpl a { display: block; height: 0px; width: 225px; padding-top:37px; overflow:hidden; }
.searchTab .aisy a { display: block; height: 0px; width: 225px; padding-top:37px; overflow:hidden; }
#search .entryBtnTop { padding: 4px 0 0; margin:0 1px; background-color: #FFF; }
#search .entryBtnTop a { display: block; margin: auto; height: 0px; width: 246px; padding-top:56px; overflow:hidden; background-image: url(../images/guest/topSearch.gif); background-repeat: no-repeat; }
#search .entryBtnTop a:hover, #formSimple .topfsSubmit input:hover { filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }

/* ============= main ============= */
#intro00 { height: 206px; background-image: url(../images/guest/topNagare.gif); background-repeat: no-repeat; margin: 6px 0px 12px; }
#intro00 h3 { overflow:hidden; height: 0px; padding: 33px 0px 0px; margin-bottom: 0px; border-left: none; line-height:1.4; background-color: transparent; border-bottom-style: none; }
#intro00 li { float: left; height: 0px; width: 150px; padding-top: 173px; overflow: hidden; }

#intro01 { margin-bottom: 6px; background-image: none; }
#main #intro01 h3 { height: 0px; padding:46px 0 0; margin-bottom: 0px; border-left: none; background-color: transparent; border-bottom-style: none; background-image: url(../images/guest/top.gif); background-repeat: no-repeat; overflow:hidden; }
.topPmark img { float: left; margin-right: 2px; }
.topMssg { background-image: url(../images/guest/top.gif); background-repeat: no-repeat; margin: 16px auto 0px; height: 74px; width: 500px; text-align: center; padding-top: 16px; background-position: 0px -60px; }
.topMssgMid { margin: 0px auto 20px; height: 74px; width: 500px; text-align: center; padding-top: 16px; background-position: 0px -60px; }
/* sideMail */
#sidebar #sideMail { background-image: url(../images/common/sideMail.gif); background-repeat: no-repeat; margin-bottom: 8px; background-position: 0px -31px; position: relative; padding-bottom: 6px; }
#sidebar #sideMail h3 { border-style: none; background-image: none; line-height: 1.4; margin: 0px; padding: 45px 0px 0px; height: 0px; overflow: hidden; }
#sideMail form textarea { height: 120px; width: 272px; margin: 0px 0px 6px 10px; padding: 3px; }
* html #sideMail form textarea { margin: 0px 0px 3px 10px; }
*:first-child+html #sideMail form textarea { margin: 0px 0px 3px 10px; }
#sideMail p { line-height: 1.4; padding: 0px 0px 0px 10px; text-align: left; }
#sideMail form p { line-height: 26px; text-align: left; }
#sideMail input { background-image: url(../images/common/sideMail.gif); background-repeat: no-repeat; margin: 0px; height: 26px; background-color: #FFF; border-style: none; display:block; text-indent:-9999px; font-size: 0px; line-height: 0px; padding:0px; border:0; cursor:pointer; width: 53px; position: absolute; right: 10px; top: 203px; }
#sideMail .section { font-size: 93%; line-height: 1.4; padding: 5px; border: 1px solid #CCC; background-color: #FFF; margin: 0px 10px 6px; }
/* books */
#topBooks { margin-top:15px; }
#main #topstory h3, #main #topconsul h3 { padding: 0px 0px 0px; border-style: none; }
#main #topstory h3 a, #main #topconsul h3 a { padding: 0px 0px 0px; overflow: hidden; display: block; }

#topstory dl, #topconsul ul { padding: 8px 0px 0px 5px; line-height: 1.8; }
#topstory dd a:link, #topconsul li a:link { color:#000; text-decoration:underline; }
#topstory dd a:visited, #topconsul li a:visited { color:#555; text-decoration:none; }
#topstory dd a:hover, #topconsul li a:hover { color:#000; text-decoration:none; }
#topstory dt { clear: left; float: left; width: 5.5em; }
#topstory .date { color:#666; margin-right:5px; }
#topstory .by { color:#666; font-size:85%; margin:0 5px; }
#topstory .icf { background-image:url(../images/books/ichtpink.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:13px; }
#topstory .icm { background-image:url(../images/books/ichtblue.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:13px; }
#topstory .readmore { color:#666; padding:0 0 8px 50px; background-image:url(../images/books/dlgraybg.gif); background-repeat:repeat-x; background-position:bottom; margin-bottom:10px; }

/* smartphone */
.spswitch { margin: 5px auto; height: 100px; width: 860px; }
.spswitch p a { font-size: 50px; line-height: 94px; background: #F9C; display: block; text-align: center; font-weight: bold; -webkit-border-radius: 20px; text-shadow: 0px 0px 12px #ff0753; color: #FFF; text-decoration: none; border: 3px solid #F69; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDAE6), color-stop(49%, #FFAFC8), color-stop(50%, #FF76A1), color-stop(100%, #F69)); background-image:linear-gradient(top, #FFDAE6 0, #FFAFC8 49%, #FF76A1 50%, #F69 100%); }

/* books elementary */
#topElementary{margin-top: 10px;}
#topElementary h3{border-style: none; padding: 0;}
#topElementary ul{overflow: hidden;}
#topElementary ul li{background-image: url("../images/books/ichtpink.gif"); background-position: 0 3px; background-repeat: no-repeat; padding: 0 0 5px 13px; margin-bottom: 10px; border-bottom: dotted 1px #CCC; overflow: hidden;}
*html #topElementary ul.list_base li{width:607px;}
#topElementary ul li.listEnd{border: none;}
#topElementary .pointLeft{float: left; width: 300px;}
#topElementary .pointLeft li{width: 227px;}
#topElementary .pointRight{float: right; width: 300px;}
#topElementary .pointLeft h4{background-image:url(../images/books/elementary_subttl.gif); background-repeat:no-repeat; background-position: 0px 0px; height:27px; text-indent:-10000px; padding:0; margin:0; background-color:#fff; border:0;}
#topElementary .pointRight h4{background-image:url(../images/books/elementary_subttl.gif); background-repeat:no-repeat; background-position: 0px -25px; height:27px; text-indent:-10000px; padding:0; margin:0; background-color:#fff; border:0;}
#topElementary p{margin-bottom:8px; padding-top: 8px;}
#topElementary .imgR{float: right;}
#topElementary .clear{clear: both;}