@charset "utf-8";
/* CSS Document */

/*********** ********** ********** **********
* Reset
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1;}
html, body{height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
/*table{border-collapse:collapse;border-spacing:0}*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{/*vertical-align:middle;*/margin:0;padding:0;outline:none;}
input[type='submit'],input[type='reset']{background:none;padding:0;margin:0px;outline:none;border:none;}
body,input,select{font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:normal;}

/*********** ********** ********** **********
* Initialize
*/
html{font-size:62.5%}
body{overflow-x:auto;overflow-y:scroll;position:relative;height:auto;width:100%;background:#E9F3E9;}
body.text_size_small{font-size:90%;}
body.text_size_medium{font-size:100%;}
body.text_size_large{font-size:118%;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
.clearfix:before{content:" ";display: table;}
.clearfix:after{content:" ";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.pc-only{display:block;}
.sp-only{display:none;}
input[type='text']{text-indent:6px;}
input[type="text"]:disabled{color:#666;}

/*********** ********** ********** **********
* Body
*/
div#body_wrapper{margin:20px auto 0;height:auto;display:block;position:relative;max-width:900px;background-color:#FFF;padding:20px 20px 0;}

/*********** ********** ********** **********
* Header
*/
/*ヘッダー*/
header{width:100%;height:auto;margin-bottom:18px;}
/*コンテンツ*/
header #header_wrapper{width:100%;height:auto;float:left;padding-bottom:12px;}
header #header_wrapper .box_right{width:60%;height:auto;float:left;padding-bottom:6px;}
header #header_wrapper .box_left{width:40%;height:auto;float:left;padding-bottom:6px;}
/*ロゴ*/
header #header_wrapper #logo{width:auto;height:auto;float:left;font-size:20px;}
/*ログイン*/
#login_info .mode_login{float:right;width:auto;height:36px;margin-top:6px;letter-spacing:0.0em;background:url(../img/icon_login.png) no-repeat left center;background-position-y: center;}
#login_info .mode_login input[type='button']{width:120px;color:#FFF;border:#236600 1px solid;background:#40806a;background:linear-gradient(#4d9980, #40806a);height:30px;padding:0 5px;cursor:pointer;}
#login_info .mode_logout{float:right;width:auto;height:36px;margin-top:6px;letter-spacing:0.2em;background:url(../img/icon_logout.png) no-repeat left center;background-position-y: center;}
#login_info p{font-size:150%;text-indent:25px;padding-right:10px;padding-top:4px;}
#login_info .mode_login #btnLogout{color:#666;border:#999 1px solid;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
#login_info .mode_logout p{padding-top:13px;}
    
/*予約かご*/
#divCart{float:right;width:140px;height:28px;margin-top:10px;margin-right:3px;}
#divCart p{width:100%;height:100%;border:solid 1px #67994d;display:block;background:#e9f5eb;background:linear-gradient(#D9FFD9, #B8D9C2);box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 0px;}
#divCart input[type='button']{margin-left:2px;text-indent:10px;color:#006622;font-size:140%;border:0px;height:100%;width:100%;background-color:Transparent;background: url(../img/basket.png) left center no-repeat;cursor:pointer;}


/*文字サイス大中小*/
header #header_wrapper #text_size{float:right;min-width:170px;height:30px;margin:0px;margin-right:10px;position:relative;}
header #header_wrapper #text_size span{font-size:120%;position:absolute;top:11px;left:10px;}
header #header_wrapper #text_size ul{position:absolute;top:5px;right:0;}
header #header_wrapper #text_size ul li{float:left;margin:0 3px;border:solid 3px #CCC;text-align:center;}
header #header_wrapper #text_size ul li a{font-weight:bold;color:#999;width:20px;height:20px;display:block;}
header #header_wrapper #text_size ul li.current{float:left;margin:0 3px;border:solid 3px #000;text-align:center;}
header #header_wrapper #text_size ul li.current a{font-weight:bold;color:#000;}
header #header_wrapper #text_size ul li a#btn_text_small{font-size:130%;line-height:1.6;}
header #header_wrapper #text_size ul li a#btn_text_medium{font-size:150%;line-height:1.4;}
header #header_wrapper #text_size ul li a#btn_text_large{font-size:180%;line-height:1.2;}
/*ハンバーガーボタン*/
header #header_wrapper #main_menu_icon{margin-right:-15px;}
header #header_wrapper #main_menu_icon{position:relative;float:right;}
header #header_wrapper #main_menu_icon button{cursor:pointer;position:relative;float:right;padding:7px 8px 8px;margin-right:15px;border:1px solid transparent;border-radius:4px;border-color:#ddd; background:#FFF;}
header #header_wrapper #main_menu_icon button span{background-color:#888;display:block;width:22px;height:2px;border-radius:1px;margin-top:4px;}
/*トップイメージ*/
header #main_img_top img{width:100%;height:auto;}
/*グローバルメニュー*/
nav#main_menu{width:100%;height:auto;}
/*A.フォレスト*/
/**/
nav#main_menu ul{display:table;table-layout:fixed;width:100%;border-right:solid 1px #3d997a;}
nav#main_menu ul li{display:table-cell;vertical-align:middle;text-align:center;padding:2px;padding-top:6px;border-left:solid 1px #3d997a;line-height:1.1;letter-spacing:2px;}
nav#main_menu ul li a{font-size:160%;color:#004d4d;font-weight:bold; padding:6px 6px 6px 6px;display:block;word-break:break-all;}
nav#main_menu ul li.current{border-top:solid 6px #3d997a;padding-top:0;}
nav#main_menu ul li:hover{border-top:solid 6px #9DCBBC;padding-top:0;}
/*nav#main_menu ul li.usage_guidance a{background:url(../img/nav_icon_01_g.png) no-repeat left center;}
nav#main_menu ul li.area_guidance a{background:url(../img/nav_icon_02_g.png) no-repeat left center;}
nav#main_menu ul li.collection_search a{background:url(../img/nav_icon_03_g.png) no-repeat left center;letter-spacing:-2px;}
nav#main_menu ul li.collection_info a{background:url(../img/nav_icon_04_g.png) no-repeat left center;}
nav#main_menu ul li.user_menu a{background:url(../img/nav_icon_05_g.png) no-repeat left center;letter-spacing:-3.9px;}
nav#main_menu ul li.faq a{background:url(../img/nav_icon_06_g.png) no-repeat left center;letter-spacing:-2px;}
nav#main_menu ul li.links a{background:url(../img/nav_icon_07_g.png) no-repeat left center;}*/

/*B.セレステ*/
/*
nav#main_menu ul{display:table;table-layout:fixed;width:100%;border-right:solid 1px #fff;}
nav#main_menu ul li{display:table-cell;vertical-align:middle;padding:2px;padding-top:6px;border-left:solid 1px #fff;line-height:1.1;letter-spacing:2px;background:#33aaff;}
nav#main_menu ul li a{font-size:160%;color:#fff;font-weight:bold; padding:30px 12px 0px 0px;display:block;word-break:break-all;text-align:right;}
nav#main_menu ul li:hover{background:#A1C1FC;}
nav#main_menu ul li.usage_guidance a{background:url(../img/nav_icon_01_w.png) no-repeat left top;}
nav#main_menu ul li.area_guidance a{background:url(../img/nav_icon_02_w.png) no-repeat left top;}
nav#main_menu ul li.collection_search a{background:url(../img/nav_icon_03_w.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.collection_info a{background:url(../img/nav_icon_04_w.png) no-repeat left top;}
nav#main_menu ul li.user_menu a{background:url(../img/nav_icon_05_w.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.faq a{background:url(../img/nav_icon_06_w.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.links a{background:url(../img/nav_icon_07_w.png) no-repeat left top;}
nav#main_menu ul li.current{background:#d8ecfe;}
nav#main_menu ul li.current a{color:#308cfd;}
nav#main_menu ul li.current.usage_guidance a{background:url(../img/nav_icon_01_b.png) no-repeat left top;}
nav#main_menu ul li.current.area_guidance a{background:url(../img/nav_icon_02_b.png) no-repeat left top;}
nav#main_menu ul li.current.collection_search a{background:url(../img/nav_icon_03_b.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.current.collection_info a{background:url(../img/nav_icon_04_b.png) no-repeat left top;}
nav#main_menu ul li.current.user_menu a{background:url(../img/nav_icon_05_b.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.current.faq a{background:url(../img/nav_icon_06_b.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.current.links a{background:url(../img/nav_icon_07_b.png) no-repeat left top;}
*/
/*C.レインボー*/
/*
nav#main_menu ul{display:table;table-layout:fixed;width:100%;border-right:solid 1px #CCC; box-sizing:border-box;}
nav#main_menu ul li{display:table-cell;vertical-align:middle;border-bottom:solid 1px #CCC;background:#fff;position:relative;}
nav#main_menu ul li a{font-size:125%;color:#00174a;font-weight:bold;padding:30px 6px 0px 0px;display:block;word-break:break-all;text-align:right;border-left:solid 1px #fff;}
nav#main_menu ul li:hover{background:#ccc;}
nav#main_menu ul li.usage_guidance:before{content:"　";background:#e65c71;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.area_guidance:before{content:"　";background:#e6a15c;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.collection_search:before{content:"　";background:#d4c05f;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.collection_info:before{content:"　";background:#acd957;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.user_menu:before{content:"　";background:#66cccc;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.faq:before{content:"　";background:#7399e6;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.links:before{content:"　";background:#a98ae6;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.usage_guidance:after{content:"　";background:url(../img/nav_icon_01_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.area_guidance:after{content:"　";background:url(../img/nav_icon_02_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.collection_search:after{content:"　";background:url(../img/nav_icon_03_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.collection_info:after{content:"　";background:url(../img/nav_icon_04_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.user_menu:after{content:"　";background:url(../img/nav_icon_05_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.faq:after{content:"　";background:url(../img/nav_icon_06_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.links:after{content:"　";background:url(../img/nav_icon_07_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.usage_guidance a{letter-spacing:2px;}
nav#main_menu ul li.area_guidance a{letter-spacing:2px;}
nav#main_menu ul li.collection_search a{letter-spacing:-2px;}
nav#main_menu ul li.collection_info a{letter-spacing:2px;}
nav#main_menu ul li.user_menu a{letter-spacing:-2.9px;}
nav#main_menu ul li.faq a{letter-spacing:-2px;}
nav#main_menu ul li.links a{letter-spacing:2px;}
nav#main_menu ul li.current{background:#000;}
nav#main_menu ul li.current a{color:#fff;}
*/

/*********** ********** ********** **********
* Content
*/
/*コンテンツ*/
#content{width:100%;height:auto;}
/*パンくずリスト*/
div#content .breadlist ul li{font-size:120%;color:#006622;float:left;margin-right:10px;}
div#content .breadlist ul li a{color:#006622;padding-right:20px;background:url(../img/icon_arrow_crumb.png) no-repeat right center;text-decoration:underline;}
/*中央揃えレイアウト*/
div#content_center{clear:both;}
div#content_center #content_center_wrapper{width:100%;height:auto;}
/*左右２カラムレイアウト*/
#content_left{height:auto;float:left;}
#content_left #content_left_wrapper{width:100%;height:auto;display:inline-block;}
#content_right{height:auto;float:right;}
#content_right #content_right_wrapper{width:100%;height:auto;display:inline-block;}
/*左右２カラムレイアウトのサイズ分け*/
#content .size_small{width:22%;height:auto;}
#content .size_big{width:76%;height:auto;}

/*********** ********** ********** **********
* Fotter
*/
/*フッターナビゲーション*/
footer{width:100%;height:auto;background-color:#444;margin-top:18px;line-height:1.0;}
footer nav{width:100%;height:auto;display:block;}
footer nav ul{clear:both;width:100%;height:auto;display:inline-block;padding-top:1%;padding-bottom:1%;}
footer nav ul li{float:left;padding-top:3px;padding-bottom:3px;}
footer nav ul li:nth-child(n+2){border-left:solid 1px #fff;}
footer nav ul li a{color:#FFF;font-size:140%;padding:0 24px;display:block;}
footer nav ul li a:hover{text-decoration:underline;}
footer p{font-size:120%;color:#FFF;padding:9px 24px 9px; text-align:right;border-top:1px solid #D4EDDE;} 
footer p img{width:200px;}
/*********** ********** ********** **********
* etc
*/
/* タイトル画像 -------- */
#ImgTitle{display:none;}
/* ハイライト表示 -------- */
div#content .highlight{background:#eeff99;}
/* ハイライト表示 -------- */
div#content .dispnone{display:none;}
/* ラジオボタン、チェックボックス -------- */
input[type='checkbox'],
input[type='radio']{width:1.5em;height:1.5em;vertical-align:text-bottom;cursor: pointer;}
/* GoogleBooksの文言 -------- */
p.footermsg{font-size:120%;color:#555;display:block;float:right;}
/*インジケーター*/
#divloading{border:solid 1px #999;background-color:#D6EFDE;-webkit-filter:opacity(80%);-moz-filter:opacity(80%);-o-filter:opacity(80%);-ms-filter:opacity(80%);opacity:0.80;position:fixed;z-index:99;}
#divloading div{font-size:200%;width:100px;height:100px;margin: -75px 0 0 -50px; position: fixed;top:50%;left:50%;text-align:center;}

/*********** ********** ********** **********
* MediaOnly
*/
@media only screen and (max-width:640px)
{
    /*********** ********** ********** **********
    * Content
    */
    /*左右２カラムレイアウト*/
    #content_left{height:auto;float:none;}
    #content_right{height:auto;float:none;}
    /*左右２カラムレイアウトのサイズ分け*/
    #content .size_small{width:98%;height:auto;}
    #content .size_big{width:98%;height:auto;}

}

#asp_footer .footer_content table{width:100%;border-Top:solid 1px #fff;padding:5px 0 5px 0;}
#asp_footer .footer_content table tbody td{width:25%;vertical-align:middle;}

#asp_footer .footer_content img{background-color:#FFFFFF;}

#asp_footer .footer_content p{font-size:135%;color:#000;padding:0px;margin:0px;text-align:left;border-top:none;background:#FFF;}
#asp_footer .footer_content .footer_data{padding:17px 0px 18px 10px; }