@charset "utf-8";

/*
/*
 * File URI	: http://www.rosettastone.co.jp/affiliate/style.css
 * Author	: katsuki,Y. (Global Technology Design)
 * Last Update	: 2009-04-11
 *
 */

/*============================================================
  0: Reset
============================================================*/
/* 
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote {
	margin: 0;
	padding: 0;
} 

/*
Reset: List selector*/
ol,ul {
	list-style:none;
}

/*
Reset: font propaty*/
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

/*
Reset: other*/
q:before,q:after {
	content:'';
}




/*============================================================
  1: Font
============================================================*/

/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提
*/
body {
	font-size: 100%; /* 16px */
	line-height: 1.4;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 82%; /* 13px */
	line-height: 1.0;
}
p,li,th,td {
	font-size: 82%; /* 13px */
	line-height: 1.4;
}

/* 
Reset: font-family propaty
*/
body {
	font-family:font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*============================================================
  2: clearfix
============================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear{clear:both;}



/* End hide from IE-Mac */

/*============================================================
  3: Base setting / Layout
============================================================*/
html {
	overflow-y: scroll;
}

body {
	text-align: center; background:#f5cb15 url(/jp_stone/img/common/multibg02.jpg) 50% 0 repeat-x; 
	color: #333333;
	line-height: 1.6;
}

a {
	color: #3F6DA5;
	text-decoration: none;
}

a:hover {
	color: #3F6DA5;
	text-decoration: underline;
}


/*ヘッダー*/



/*コンテンツレイアウト枠*/
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;
}
div#mainContents {padding-bottom:10px;height:auto;}
div#contentsWrap {width: 900px;margin: 0 auto;}

div#content {margin: 0 30px;}


/*============================================================
  6: footer
============================================================*/
div#footer { background-image:none;

	margin: 0;
	color: #666666;
	font-size: 10px;	
	text-align: center;
}

/* Footer Navigation */


#footer {
	clear:both;
	float:left;
	font-size: 10px;
	width:870px;
}
#footer .footer-left, #footer-home .footer-left {
	float: left;
	clear: both;
	margin: 5px 0 15px 0;
}
#footer .footer-left ul li, #footer-home .footer-left ul li, #footer .footer-center ul li, #footer-home .footer-center ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #D9B515;
}
#footer .footer-left ul li.first, #footer-home .footer-left ul li.first, #footer .footer-center ul li.first, #footer-center .footer-left ul li.first {
	display: inline;
	padding-right: 4px;
	padding-left: 0px;
}
#footer .footer-left ul li.last, #footer-home .footer-left ul li.last, #footer .footer-center ul li.last, #footer-home .footer-center ul li.last {
	border-right: 0;
}
#footer .footer-right, #footer-home .footer-right {
	float: right;
	margin: 5px 0 15px 0;
}
#footer .footer-center, #footer-home .footer-center {
	width: 850px;
	float: left;
	clear: both;
	margin: 5px 0 15px 0;
}
#footer .footer-center p {
	align: center
}
div#footer {
	text-align: center;
	color: #333;
}
div#footer a {
	text-align: center;
	color: #333;
}

div#footer ul {
	clear: both;
	font-size: 10px;
}
* html div#footer ul li,
*:first-child+html div#footer ul li {
	font-size: 10px;
}


div#footer div#alllangBlock {
	text-align: center;
	padding: 0 0 25px 0;
	font-size: 10px;
}
div#footer dl#alllangBlock dt {
	text-align: center;
	padding: 0px 0 5px 20px;
	font-size: 10px;
}
div#footer dl#alllangBlock ul {
	/*margin-left: 70px;*/
	text-align: center;
	padding-left: 0;
	font-size: 10px;
}
div#footer dl#alllangBlock ul li.first {
	padding-left: 0;
	font-size: 10px;
}
div#footer dl#alllangBlock ul li {
	text-align: center;
	padding: 0 8px;
	margin-bottom: 5px;
	display: inline;
	/*float: left;
	width: 87px;
	border: none;*/
	font-size: 10px;
}
div#footer dl#alllangBlock ul li.first {
	padding-left: 0;
}
div#footer dl#alllangBlock ul li.long {
	/*width: 188px;*/
}

body#oshiete div#footer div#footerSubNav {
	margin: 15px 10px;
	padding: 15px 0px 0px;
	text-align: center;
	background:url(/jp_stone/img/common/bg_horizontal_line.gif) repeat-x left top;
	font-size: 10px;
}

div#footer div#footerSubNav {
	margin: 15px 0;
	padding-top: 20px;
	text-align: center;
	background:url(/jp_stone/img/common/bg_horizontal_line.gif) repeat-x left top;
	font-size: 10px;
}

div#footer div#footerSubNav ul li {
	padding: 0 5px;
	font-size: 10px;
}

div#footer dl#regionLink dt,
div#footer dl#regionLink dd,
div#footer dl#regionLink dd ul {
	display: inline;
	font-size: 10px;
}
div#footer dl#regionLink dd ul li {
	font-size: 10px;
}

/* 6-2: コピーライト
--------------------------------------------------*/
div#footer address {
	margin: 15px 0;
	line-height: 1.0;
	font-size: 10px;
}


/*============================================================
 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, #footer a:link, #footer a:visited, 
#footer a:active, #footer-home a:link, #footer-home a:visited, #footer-home 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;}
#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;}
#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;
}


/*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 ;}


/*  LINK TYPES */

a:link, a:visited, a:active {text-decoration: underline;}

img	{border:none;}


#footer a:link, #footer a:visited, #footer a:active, #footer-home a:link, #footer-home a:visited, #footer-home a:active {
	text-decoration: none; color:#333333;
}
#footer a:link, #footer a:visited, #footer a:active, #footer-home a:link, #footer-home a:visited, #footer-home a:active {
	text-decoration: none; color:#333333;
}





#footer a:hover, #footer-home a:hover {text-decoration: underline;color: #000;}




/* バナーエリア */ 
#contents-right	.banner-box a { display:block; padding:0 0 0px ; }
.banner-area { padding:0px 0px 15px; min-height:136px ; text-align:center;}
.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; 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;}

#osiete-box {  margin:0 0 15px }

#osiete-box .banner-area { padding:0px 0px 0px; min-height:136px ; text-align:center;}
#osiete-box #osiete-box-in { background-color:#FFFFFF; padding:0 0 0px ;}


/*  トップに戻るボタン --------------- */
.backtop-bot {clear:both; text-align:right ; width:890px; padding:0px 0px 10px;opacity:1;filter: alpha(opacity=100); }
.backtop-bot	a:hover img {opacity:0.8;filter: alpha(opacity=80);}


/* CM --------------- */
#mov01 {display:none; } 
#TB_window { background-color:#FFFFFF}
#mov01-in {padding:20px 0px 0px 25px} 
#cm-bot { text-align:right; padding:5px 10px 0px; 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);}


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

/* カスタマーレヴュー */
#customer_review { background-color:#FFFFFF; padding:0 0 10px}
#customer_review p { padding:10px 15px ; font-size:12px}
#customer_review p a { padding:0 15px 0px 0px; background:url(/jp_stone/img/customer_review/customer_review_arrow.jpg) 100% 40% no-repeat;}

#customer_review p a:link { color:#669900;text-decoration:underline;}
#customer_review p a:visited {color:#669900; text-decoration:underline; }
#customer_review p a:active { color:#669900; text-decoration:none;}
#customer_review p a:hover { color:#0099cc; text-decoration:underline;}

#customer_review img { margin:0 auto; display:block;}



/* language */
#contents-right	#language { padding:0px 0px 10px;background-color:#fff;
width:272px;background:url(/jp_stone/img/common/right_box_bk.gif) 0 bottom repeat-y;height:auto;}
#contents-right	#language  h3 { text-align:center;padding:0px;}
#contents-right	#language ul { padding:5px 7px;}
#contents-right	#language ul li { width:115px; display:block; background:url(/jp_stone/img/language/icon_arrow.gif) 0 50%  no-repeat; float:left;
 padding:2px 0px 3px 14px ; margin:0px 0px 0px 0px ;color:#666666; line-height:100%;font-size:10px; }
#contents-right	#language ul li a:link { color:#669900;text-decoration:underline;}
#contents-right	#language ul li a:visited {color:#669900; text-decoration:underline; }
#contents-right	#language ul li a:active { color:#669900; text-decoration:none;}
#contents-right	#language ul li a:hover { color:#0099cc; text-decoration:underline;}

/*breadCrumb ------------------------------------------------------------*/
#breadCrumb { padding:7px 0px ; text-align:left; width:900px; margin: 0 auto}
#breadCrumb ul li { display:inline; font-size:10px;}

div#breadCrumb ul li a,
div#breadCrumb ul li a:link {
	color: #739600;
	text-decoration: none;
}
div#breadCrumb ul li a:hover {
	color: #739600;
	text-decoration: underline;
}
div#breadCrumb ul li.currentContent {
	color: #333333;
}