@charset "EUC-JP";
@import "common.css";

#lessons_top_box {
 position : relative;
 top:17px; left:240px;
 width:340px;
}
#lessons_top_box a {
 margin:0 6px;
 background:url("https://www.ishibashi.co.jp/library_common/lessons-short.png") no-repeat;
 width:334px;height:33px;
 display:block;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}

/*Author web-shop@ishibashi.co.jp*/
/*??Ğİ???-------------------*/
div#header-head{
 height : 150px;
 position : relative;
}
.globalNavigaiton{
	position: absolute;
	top: 66px;
	z-index:100;
}

div.hright-box ul.button-box,
div.hright-box ul.button-box li,
div.hright-box ul.button-box li a,
div.hright-box ul.button-box li span,
div#header-head div.globalNavigaiton ul li a,
div#header-head div.globalNavigaiton ul li a span{
 display :block;
 margin : 0;
 padding : 0;
}
div.hright-box ul.button-box li,
div#header-head div.hright-box div.globalNavigaiton ul li,
div#header-head div.globalNavigaiton ul li,
div#header-head div.hright-box div.globalNavigaiton2 ul li,
div#header-head div.globalNavigaiton2 ul li{
 float: left;
}
div#header-head div.hright-box ul.button-box{
 width : 230px;
 text-align : right;
 float:right;
}
div.hright-box ul.button-box li{
 
}
div#header-head div.hright-box ul.button-box li{
 float : left;
 display : inline-block;
}
div#header-head div.hright-box ul.button-box li a,
div#header-head div.globalNavigaiton ul li a,
div#header-head h1{
 background : #fff url('https://www2.ishibashi.co.jp/ec/images_common/navi_img_head003.png');
 overflow : hidden;
 margin : 0 0 0 5px;
 padding : 0;
}
div#header-head h1{
 width : 234px;
 height : 35px;
}
div#header-head div.search-box div.keyword-box p{
 background-position : -193px -223px;
 width : 130px;
 height : 18px;
 text-indent : -9999px;
 margin:0;
 padding:0;
 display:inline-block;
}
div#header-head div.hright-box ul.button-box li a{height : 18px}
div#header-head div.hright-box ul.button-box li a:hover{
 -moz-opacity:0.80;
 opacity:0.80;
 filter: alpha(opacity=80);
}
div#header-head div.globalNavigaiton{
	clear : both;
	border : 0px solid #eee;
}

div#header-head div.globalNavigaiton ul{
	clear : both;
}
div#header-head div.hright-box ul.button-box li a span{padding-top : 18px;}
div#header-head div.hright-box ul.button-box li.login a.login{background-position : -234px 0 ;width : 79px;}
div#header-head div.hright-box ul.button-box li.login a.logout{background-position : -234px -17px ;width : 79px;}
div#header-head div.hright-box ul.button-box li.mypage a{background-position : -313px 0 ;width : 80px;}
div#header-head div.hright-box ul.button-box li.register a{background-position : -393px 0;width : 70px;}
div#header-head div.hright-box ul.button-box li.eng{padding : 0 0 0 30px;}
div#header-head div.hright-box ul.button-box li.eng a{width : 79px;background-position : -463px 0;width : 80px;}
div#header-head div.hright-box ul.button-box li.cn a{width : 79px;background-position : -542px 0;width : 93px; }
div#header-head div.hright-box ul.button-box li.guide{padding : 0 0 0 10px}
div#header-head div.hright-box ul.button-box li.guide a{background: url('https://www.ishibashi.co.jp/ec/images_common/h_goriyou_guide.png') no-repeat;width : 82px;height :30px }
div#header-head div.hright-box ul.button-box li.guide a span{padding-top : 30px;}
div#header-head div.hright-box ul.button-box li.cartview{padding : 0 0 0 5px;}
div#header-head div.hright-box ul.button-box li.cartview a{background-position : -635px 0;width : 124px;height :30px }
div#header-head div.hright-box ul.button-box li.cartview a span{padding-top : 30px;}
div#header-head div.globalNavigaiton ul li {position:relative;}
div#header-head div.globalNavigaiton ul li a{height : 34px;}
.menut1,.menut2,.menut3,.menut4,.menut5,.menut6{width :156px;}
div#header-head div.globalNavigaiton ul li div.sub{background : #fff;position:absolute ;z-index:200;width : 156px;left : 8px;top:26px; font-size:12px;}
div#header-head div.globalNavigaiton ul li div.sub ul{border : 1px solid #f46;border-bottom : 16px solid #f46;border-top : 10px solid #f46}
div#header-head div.globalNavigaiton ul li div.sub li{position : relative;}
div#header-head div.globalNavigaiton ul li div.sub li,
div#header-head div.globalNavigaiton ul li div.sub li a{background : transparent no-repeat 5px 8px;	float : none;}
div#header-head div.globalNavigaiton ul li div.sub li a{background: url('https://www.ishibashi.co.jp/ec/images_common/glb_navi_li_icon.gif') transparent no-repeat 5px 8px;height : auto;display : block;padding : 0.1em 0 0.1em 16px;color : #666;text-decoration : none;}
div#header-head div.globalNavigaiton ul li div.sub li a:hover{color : #ff0019;background: url('https://www.ishibashi.co.jp/ec/images_common/glb_navi_li_icon.gif') transparent no-repeat 5px 8px;}
div#header-head div.globalNavigaiton ul li a span{padding-top : 34px}
div#header-head div.globalNavigaiton ul li.menut1 a{background-position : 0 -37px;}
div#header-head div.globalNavigaiton ul li.menut2 a{background-position : -156px -37px;}
div#header-head div.globalNavigaiton ul li.menut3 a{background-position : -312px -37px;}
div#header-head div.globalNavigaiton ul li.menut4 a{background-position : -468px -37px;}
div#header-head div.globalNavigaiton ul li.menut5 a{background-position : -624px -37px;}
div#header-head div.globalNavigaiton ul li.menut6 a{background-position : -780px -37px;}
div#header-head div.globalNavigaiton ul li.menut7 a{background-position : -936px -37px;}
div#header-head div.globalNavigaiton ul li.menut1 a:hover{background-position : 0 -71px;}
div#header-head div.globalNavigaiton ul li.menut2 a:hover{background-position : -156px -71px;}
div#header-head div.globalNavigaiton ul li.menut3 a:hover{background-position : -312px -71px;}
div#header-head div.globalNavigaiton ul li.menut4 a:hover{background-position : -468px -71px;}
div#header-head div.globalNavigaiton ul li.menut5 a:hover{background-position : -624px -71px;}
div#header-head div.globalNavigaiton ul li.menut6 a:hover{background-position : -780px -71px;}
div#header-head div.globalNavigaiton ul li.menut7 a:hover{background-position : -936px -71px;}
div#header-head div.globalNavigaiton ul.storelist li a{height : 27px;width :104px}
div#header-head div.globalNavigaiton ul.storelist li a{height : 27px;width :104px}
div#header-head div.globalNavigaiton ul.storelist{z-index:101;}
div#header-head div.globalNavigaiton ul.storelist li.s01 a{background-position : 0 -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s02 a{background-position : -104px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s03 a{background-position : -208px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s04 a{background-position : -312px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s05 a{background-position : -416px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s06 a{background-position : -520px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s07 a{background-position : -624px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s08 a{background-position : -728px -105px;}
div#header-head div.globalNavigaiton ul.storelist li.s09 a{background-position : -832px -105px;width:105px;}
div#header-head div.globalNavigaiton ul.storelist li.s10 a{background-position : -0px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s11 a{background-position : -104px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s12 a{background-position : -208px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s13 a{background-position : -312px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s14 a{background-position : -416px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s15 a{background-position : -520px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s16 a{background-position : -624px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s17 a{background-position : -728px -132px;}
div#header-head div.globalNavigaiton ul.storelist li.s18 a{background-position : -832px -132px;width:105px;}
div#header-head div.globalNavigaiton ul.storelist li.s01 a:hover{background-position : 0 -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s02 a:hover{background-position : -104px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s03 a:hover{background-position : -208px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s04 a:hover{background-position : -312px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s05 a:hover{background-position : -416px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s06 a:hover{background-position : -520px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s07 a:hover{background-position : -624px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s08 a:hover{background-position : -728px -161px;}
div#header-head div.globalNavigaiton ul.storelist li.s09 a:hover{background-position : -832px -161px;width:105px;}
div#header-head div.globalNavigaiton ul.storelist li.s10 a:hover{background-position : -0px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s11 a:hover{background-position : -104px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s12 a:hover{background-position : -208px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s13 a:hover{background-position : -312px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s14 a:hover{background-position : -416px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s15 a:hover{background-position : -520px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s16 a:hover{background-position : -624px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s17 a:hover{background-position : -728px -188px;}
div#header-head div.globalNavigaiton ul.storelist li.s18 a:hover{background-position : -832px -188px;width:105px;}


/* 2013.11 */
div#header-head div.globalNavigaiton2{
	position:relative;top:10px;left:-5px;z-index:20;
}
*html div#header-head div.globalNavigaiton2{
	position:relative;top:10px;left:0px;
}
div#header-head div.globalNavigaiton2,
div#header-head div.globalNavigaiton2 ul{
	clear : both;
}
div#header-head div.globalNavigaiton2 ul li {position:relative;left:5px;float:left;}

div#header-head div.globalNavigaiton2 ul li a{
 height : 45px;width :188px;display:block;
 background : url('https://www2.ishibashi.co.jp/ec/images_common/navi_img_head_gNavi2.png');
 overflow:hidden;
 text-align:center;
 text-decoration:none;
}
div#header-head div.globalNavigaiton2 ul li.menunv1 a,
div#header-head div.globalNavigaiton2 ul li.menunv2 a,
div#header-head div.globalNavigaiton2 ul li.menunv3 a,
div#header-head div.globalNavigaiton2 ul li.menunv4 a,
div#header-head div.globalNavigaiton2 ul li.menunv5 a{
	font-size:16px;
	line-height:45px;
	color:#fff;
	background:#ff0019;
}
div#header-head div.globalNavigaiton2 ul li a:hover{
	background:#f44;
}
/*
div#header-head div.globalNavigaiton2 ul li a span{padding-top : 85px;}

div#header-head div.globalNavigaiton2 ul li.menunv1 a{background-position : 0 0px;margin-top:12px;text-indent:-9999px;}
div#header-head div.globalNavigaiton2 ul li.menunv2 a{background-position : -188px 0px;margin-top:12px;text-indent:-9999px;}
div#header-head div.globalNavigaiton2 ul li.menunv3 a{background-position : -376px 0px;margin-top:12px;text-indent:-9999px;}
div#header-head div.globalNavigaiton2 ul li.menunv4 a{background-position : -564px 0px;margin-top:12px;text-indent:-9999px;}
div#header-head div.globalNavigaiton2 ul li.menunv5 a{background-position : -752px 0px;margin-top:12px;text-indent:-9999px;}
div#header-head div.globalNavigaiton2 ul li.menut5 a{display:hidden;}
div#header-head div.globalNavigaiton2 ul li.menut6 a{display:hidden;}
div#header-head div.globalNavigaiton2 ul li.menut7 a{display:hidden;}
div#header-head div.globalNavigaiton2 ul li.menunv1 a:hover{background-position : 0 -45px;}
div#header-head div.globalNavigaiton2 ul li.menunv2 a:hover{background-position : -188px -45px;}
div#header-head div.globalNavigaiton2 ul li.menunv3 a:hover{background-position : -376px -45px;}
div#header-head div.globalNavigaiton2 ul li.menunv4 a:hover{background-position : -564px -45px;}
div#header-head div.globalNavigaiton2 ul li.menunv5 a:hover{background-position : -752px -45px;}
*/
/*-------------------header*/

ul#lessons_menu {list-style:none; height:30px !important; background:#e2dada;margin-left:5px;width:940px;}
ul#lessons_menu li {float:left; height:30px !important; margin:0 !important; padding:0 !important;line-height:30px; text-align:center;}
*html ul#lessons_menu li {width:230px;}
ul#lessons_menu li a {display:block; height:30px !important; margin:0 !important; padding:0 20px !important; font-weight:bold; text-decoration:none; color:#333; background:#e2dada !important;}
*html ul#lessons_menu li a {padding:0 5px !important;}
ul#lessons_menu li a:hover {color:#655; background:#f3ebeb !important;}
#lessons_hr_box {float:right; width:330px;}
#lessons_hr_box ul li {float:left; width:110px;}


ul#lessons_menu2 {list-style:none; height:30px !important; background:#e2dada !important;margin-left:5px;width:940px;}
*html ul#lessons_menu2 {list-style:none; height:30px !important; background:#e2dada !important;margin-left:5px;width:940px;}
ul#lessons_menu2 li {float:left; height:30px !important; margin:0 !important; padding:0 !important;line-height:30px; text-align:center;width:180px;}
ul#lessons_menu2 li a {display:block; height:30px !important; margin:0 !important; padding:0 !important; font-weight:bold; text-decoration:none; color:#333; background:#e2dada !important;}
*html ul#lessons_menu2 li a {padding:0 5px !important;}
ul#lessons_menu li a:hover {color:#655; background:#f3ebeb !important;}