@charset "utf-8";



body { background:#f5cb15 url(/jp_stone/img/common/multibg02.jpg) 50% 0 repeat-x; }



/*ヘッダー*/



/*コンテンツレイアウト枠*/
div#wrapper { background:transparent url(/jp_stone/img/common/head_bar.jpg) 0 0 no-repeat;
	width: 900px; padding:10px 0px 0px;
	text-align: left;
	margin: 0 auto;
}




/*============================================================
 Header
============================================================*/


#top-area-right {width:600px;float:right;}



/*Header Sub Navigation / Change "nav.css"
------------------------------------------------------------*/
#top-area-right ul {
	margin: 0px 0 0;
	padding: 0;
}
#top-area-right ul li {
	line-height: 1;
	margin: 0;
}
#top-area-right #freecall {
	display:block;
	text-align:right;
	margin-top:0;
	margin-bottom:5px;
}
/*Header Sub Navigation / Change "form.css"
------------------------------------------------------------*/
#top-area-right ul li input {
    margin-bottom: 0;
    padding: 0;
}

/*Google Search
------------------------------------------------------------*/
#googleSearch { 
	float:right; width:250px; text-align:right; padding:0px 5px 0px 0px;}

#googleSearch img { margin:5px 0px;}
#googleSearch input#googleField {
	background: #ffffff url(/jp_stone/img/common/google_custom_search_waterm.gif) no-repeat scroll left center;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	width: 192px;
	border: 1px solid #ccc;
	padding: 1px 3px; margin:0 5px 0px 0px;
}
#googleSearch input.submitButton {
	border: 1px solid #ccc;
}
* html body #googleSearch input.submitButton,
*:first-child+html #googleSearch input.submitButton {
	padding: 2px 3px 0;
}


/* Utility Navigation */

#top-area-right ul { /*this should really be renamed to something like #utility ul or #utility-nav ul */
	list-style: none;}

#top-area-right select {margin: 0px;}
#top-area-left {float: left; padding:10px 0px 0px;width:245px;}
#top-area-left	img{border:none;}


#top-area-right a:link, #top-area-right a:visited, #top-area-right a:active{
	text-decoration: none;}
	

#top-area-right	#top-area-box{float:left;width:345px;height:auto;margin-bottom:8px;}

#head-login{float:left;margin-right:10px;padding:25px 20px 0px 0px;}
#head-login a:link, #head-login a:visited, #head-login a:active{
	background:url(/jp_stone/img/common/head_login.png) no-repeat 0 0;
	width:68px;height:15px;
	text-indent:-9999px;
	display:block;
	float:left;}


#head-cart{float:left;margin-right:10px;padding:25px 20px 0px 0px;}
#head-cart a:link, #head-cart a:visited, #head-cart a:active{
	background:url(/jp_stone/img/common/head_cart.png) no-repeat 0 0;
	width:56px;height:15px;
	text-indent:-9999px;
	display:block;
	float:left;}


#head-support{float:left;margin-right:10px;padding:25px 20px 0px 0px;}
#head-support a:link, #head-support a:visited, #head-support a:active{
	background:url(/jp_stone/img/common/head_support.png) no-repeat 0 0;
	width:66px;height:15px;	
	text-indent:-9999px;
	display:block;
	float:left;}

#head-store{float:left;padding:25px 20px 0px 0px;}
#head-store a:link, #head-store a:visited, #head-store a:active{
	background:url(/jp_stone/img/common/head_store.png) no-repeat 0 0;
	width:70px;height:15px;	
	text-indent:-9999px;
	display:block;
	float:left;}

#head-organization{float:left;padding:10px 20px 0px 0px;overflow:hidden;}
#head-organization a:link, #head-organization a:visited, #head-organization a:active{
	width:145px;
	height:18px;
	text-indent:-9999px;
	display:block;
	float:left;
	background-image: url(/jp_stone/img/common/corporate_navi.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#head-school{float:left;padding:10px 0px 0px 0px;overflow:hidden;}
#head-school a:link, #head-school a:visited, #head-school a:active{
	width:160px;
	height:18px;	
	text-indent:-9999px;
	display:block;
	float:left;
	background-image: url(/jp_stone/img/common/educators_navi.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#head-personal{float:left;padding:10px 0px 0px 0px; overflow:hidden;height:18px;width:160px;}
#head-personal a:link, #head-personal a:visited, #head-personal a:active{ margin:2px 0px 0px;
	width:141px;
	height:16px;	
	text-indent:-9999px;
	display:block;
	float:left;
	background-image: url(/jp_stone/img/common/personal_navi.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* バナーエリア */ 
.banner-box h2 { padding:0px; margin:0 0 0 -1px}
.banner-box { padding:0 0 0; margin:0 0 0; overflow:hidden;}

.banner-box div div img { display:none}
.banner-box div div.banner-area { padding:0 0 15px 0}
.banner-box div div.banner-area  img { display:block; margin:0 0 0 -1px}
.banner-box a { display:block; padding:0 0 0px ; margin:0 ;}
.banner-area { padding:0px 0px 0px; height:140px}
.banner-area p { font-size:12px; background:url(/jp_stone/index/img/top_news_icon.gif) 0 0.2em no-repeat; padding:0 0 0 16px ; margin:5px 5px 0px; line-height:130% ; text-align:left}
.banner-area p a:link { color:#669900;text-decoration:underline;}
.banner-area p a:visited {color:#669900;text-decoration:underline;}
.banner-area p a:active { color:#669900;text-decoration:underline;}
.banner-area p a:hover {color:#669900;text-decoration:underline;}
#banner-area-in { background:transparent url(/jp_stone/img/personal/common/right_bg.gif) 0 0 repeat-y}

#osiete-box .banner-area { padding:0px 0px 0px; min-height:136px ; text-align:center;}
#osiete-box #osiete-box-in { background:transparent url(/jp_stone/img/personal/common/right_bg.gif) repeat-y 0 0;padding:0 0 0px ;}
#osiete-box h2 { margin:0 -1px ; padding:0}

#osiete-box .bottom { height:17px; margin:0 0 0; padding:0;
background:transparent url(/jp_stone/img/personal/common/right_bottom.jpg) no-repeat 0 0}
#osiete-box .bottom img { display:none}


/* 保証--------------- */
#guarantee_box h2 { padding-bottom:0 ; padding-top:15px}
#guarantee_box { background-color:#FFFFFF;width:271px}
#guarantee_box p { padding:7px 10px 3px 5px; font-size:12px; line-height:180%; background: url(/jp_stone/img/personal/common/right_bg.gif) 0 0 repeat-y;}
#guarantee_box p img { float:left;padding:0 5px 0 0;}
#guarantee-bot { text-align:center; padding:0px 10px 0px; background: url(/jp_stone/img/personal/common/right_bg.gif) 0 0 repeat-y; clear:both}
#guarantee-bot a img {opacity:1;filter: alpha(opacity=100); }
#guarantee-bot a:hover img {opacity:0.8;filter: alpha(opacity=80);}

/*navi*/
#navi	{margin:0px 0 0px 0;height:38px;}
#navi	ul { list-style: none;}
#navi	#navi01{float:left;width:180px;height:38px;overflow:hidden;}
#navi	#navi01 a { width:180px; height:76px; display:block; background:url(/jp_stone/img/common/navi_01.png) 0 0 no-repeat;  text-indent:-9999px; }
#navi	#navi01 a:hover { background: url(/jp_stone/img/common/navi_01.png) 0 0px no-repeat; margin:-38px 0px 0px ;}
#navi	#navi02{float:left;width:180px;height:38px;overflow:hidden;}
#navi	#navi02 a { width:180px; height:76px; display:block; background:url(/jp_stone/img/common/navi_02.png) 0 0 no-repeat;  text-indent:-9999px; }
#navi	#navi02 a:hover { background: url(/jp_stone/img/common/navi_02.png) 0 0px no-repeat; margin:-38px 0px 0px ;}
#navi	#navi03{float:left;width:178px;height:38px;overflow:hidden;}
#navi	#navi03 a {width:178px; height:76px; display:block; background:url(/jp_stone/img/common/navi_03.png) 0 0 no-repeat;  text-indent:-9999px; }
#navi	#navi03 a:hover { background: url(/jp_stone/img/common/navi_03.png) 0 0px no-repeat; margin:-38px 0px 0px ;}
#navi	#navi04{float:left;width:179px;height:38px;overflow:hidden;}
#navi	#navi04 a { width:179px; height:76px; display:block; background:url(/jp_stone/img/common/navi_04.png) 0 0 no-repeat;  text-indent:-9999px; }
#navi	#navi04 a:hover { background: url(/jp_stone/img/common/navi_04.png) 0 0px no-repeat; margin:-38px 0px 0px ;}
#navi	#navi05{float:left;width:180px;height:38px;overflow:hidden;}
#navi	#navi05 a {width:180px; height:76px; display:block; background:url(/jp_stone/img/common/navi_05.png) 0 0 no-repeat;  text-indent:-9999px; }
#navi	#navi05 a:hover { background: url(/jp_stone/img/common/navi_05.png) 0 0px no-repeat; margin:-38px 0px 0px ;}

#main-img { padding:10px 0px 0px}
.clear { clear:both}
#cm-bot { text-align:right; padding:0px 10px; background:url(/jp_stone/img/common/cm_img03.jpg) 12px 0px no-repeat; }
#cm-bot a img {opacity:1;filter: alpha(opacity=100); }
#cm-bot a:hover img {opacity:0.8;filter: alpha(opacity=80);}