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


/*<!---------- 全てリセット ---------->*/

* {
  padding: 0;
  margin: 0;}

a:link {
  color: #0000ff;
  text-decoration: underline;}

a:visited {
  color: #990099;
  text-decoration: underline;}

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


/*<!---------- 全体の設定にかかる記述 ---------- >*/

body {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	background-image: url(image/back.gif);
	background-repeat: repeat;
	text-align: center;
	color: #FFF;}

a:link {
	text-decoration: none;
	color: #FFF;}
	
a:visited {
	text-decoration: none;
	color: #FFF;}

a:hover {
	text-decoration: none;
	color: #FFF;}
	
a:active {
	text-decoration: none;}

/* ブロック分けの指定 */

#container {
	width: 801px;
	margin-left:auto;
	margin-right:auto;}

#leftcontent {
	width: 170px;
	height:2570px;
	float:left;
	margin: 0px 0;
	background-color:#000043;}

#rightcontent {
	width: 501px;
	height:2570px;
	float: right;
	margin: 0px 0;
	background-color:#000043;}

#rightcontentsub {
	width: 130px;
	height:2570px;
	float: right;
	margin: 0px 0;
	background-color:#000043;}

#undercontent1 {
	clear:both;}

#undercontent2 {
	width: 801px;
	margin: 0px 0;
	background-color:#000043;}

#footer {
	clear:both;
	text-align:center;
	width: 801px;
	margin: 0px 0;
	background-color:#000043;
	font-size: 9px;}


/*-------- 上部の設定にかかる記述 --------*/

/* ヘッダー部分の文字の設定 */

.toptitle {width: 801px;}

.toptitle h1 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-align: left;
	margin: 5px}

/* タイトル画像の設定 */

#toptitleimg h1 {margin: 0;}

/* タイトル下部のバーの設定 */

.toptitlebar {
	width: 801px;
	height: 20px;
	margin: 0px;}

.toptitlebar h2 {
	font-size: 8px;
	margin: 0px;
	margin-bottom:0px;
	background-image:url(image/titlebar.gif);
	background-repeat:no-repeat;
	line-height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	color: #dedeff;
	text-align: center;}

/* メニューの設定 */

.topmenu {
	width: 801px;
	height: 28px;}

.topmenu #link1 a {
	background-image:url(image/bariconmini01.jpg);}
.topmenu #link2 a {
	background-image:url(image/bariconmini02.jpg);}
.topmenu #link3 a {
	background-image:url(image/bariconmini03.jpg);}
.topmenu #link4 a {
	background-image:url(image/bariconmini04.jpg);}
.topmenu #link5 a {
	background-image:url(image/bariconmini05.jpg);}
.topmenu #link6 a {
	background-image:url(image/bariconmini06.jpg);}
.topmenu #link7 a {
	background-image:url(image/bariconmini07.jpg);}
.topmenu #link8 a {
	background-image:url(image/bariconmini08.jpg);}
.topmenu #link9 a {
	background-image:url(image/bariconmini09.jpg);}

.topmenu #link1 a:hover {
	background-image:url(image/bariconmini01_2.jpg);}
.topmenu #link2 a:hover {
	background-image:url(image/bariconmini02_2.jpg);}
.topmenu #link3 a:hover {
	background-image:url(image/bariconmini03_2.jpg);}
.topmenu #link4 a:hover {
	background-image:url(image/bariconmini04_2.jpg);}
.topmenu #link5 a:hover {
	background-image:url(image/bariconmini05_2.jpg);}
.topmenu #link6 a:hover {
	background-image:url(image/bariconmini06_2.jpg);}
.topmenu #link7 a:hover {
	background-image:url(image/bariconmini07_2.jpg);}
.topmenu #link8 a:hover {
	background-image:url(image/bariconmini08_2.jpg);}
.topmenu #link9 a:hover {
	background-image:url(image/bariconmini09_2.jpg);}

.topmenu ul {
	margin: 0;
	padding: 0;}

.topmenu li {
	list-style-type:none;
	float:left;}

.topmenu li a {
	display:block;
	width: 89px;
	line-height: 28px;
	text-indent: -9999px;
	overflow: hidden;}


/*-------- 左コンテンツの設定にかかる記述 --------*/

/* おすすめ天然石、画像の設定 */

.leftimgosusume {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:5px;
	border:none;}

/* おすすめ天然石、タイトル部分の設定 */

.leftfontosusumemain {
	width:140px;
	margin-left:auto;
	margin-right:auto;}

.leftfontosusumemain h2 {
	font-size:12px;
	margin:0;
	margin-bottom:3px;
	text-align:center}

/* おすすめ天然石、説明部分の設定 */

.leftfontosusumesub {
	font-size:10px;
	line-height:1;
	text-align:left;}

.leftfontosusumesub p {
	margin:0;
	margin-bottom:auto;}

/* 天然石一覧タイトル画像の設定 */

.leftimgichirantitle {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:10px;}

/* 天然石一覧区分け画像の設定 */
	
.leftimgichirankuwake {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;}

/* 天然石一覧リストの設定 */

.leftlist {
	width: 170px;
	overflow:hidden;
	text-align:left;}

.leftlist li {
	margin-bottom:0;
	line-height:0;
	list-style-type:none;}
	
.leftlist li a {
	display:block;
	line-height:20px;
	padding-left:15px;
	background-color:#000043;
	color:#FFF;
	font-size:12px;
	text-decoration:none;}

.leftlist li a:hover{
	background-image:url(image/ichiranback.gif);
	color:#020240;}

.leftlist ul {
	margin:0;
	padding:0;}

/* スタッフブログ更新情報の設定 */

.leftblogkoshin {
	width:170px;
	height:209px;
	background-image:url(image/blogkoshinback.jpg);
	margin-top:50px;}

.leftblogkoshin h2 {
	font-size:10px;
	text-align:left;
	padding-top:70px;
	margin-left:40px;
	margin-right:30px;
	margin-bottom:2px;}

.leftblogkoshin p {
	text-align:right;
	margin-right:30px;
	margin-bottom:10px;}

.leftblogkoshin h3 {
	font-size:10px;
	text-align:left;
	margin-left:40px;
	margin-right:30px;
	margin-bottom:2px;}

/* グローバルサインの設定 */

.leftglobalsign {
	display:block;
	margin-left:15px;
	margin-top:50px;
	margin-bottom:10px;
	text-align: left;}

/* 当HPバナーの設定 */

.leftbanner {
	display:block;
	margin-left:15px;
	margin-top:30px;
	margin-bottom:10px;
	border-style:none;}


/*-------- 右コンテンツの設定にかかる記述 --------*/

/* 宣伝告知画像の設定 */

.rightimg {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:5px;
	border:none;}

/* センター合わせ用の設定 */

.rightcenterawase {
	width:460px;
	margin-left:auto;
	margin-right:auto;}

/* 宣伝告知タイトルの設定 */

.rightfontmain {
	width:460px;
	margin-left:auto;
	margin-right:auto;}

.rightfontmain h2 {
	font-size:14px;
	margin:0;
	margin-bottom:4px;
	text-align:left;}

/* 宣伝告知説明の設定 */

.rightfontsub {
	font-size:12px;
	line-height:1;
	text-align:left;}

.rightfontsub p {
	margin:0;
	margin-bottom:auto;}

/* ルチルクォーツ、タイトルの設定 */

.rightrutiletitle {
	width:460px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:7px;
	padding-bottom:3px;
	background-image:url(image/rutiletitleback.jpg)}

.rightrutiletitle h2 {
	font-size:14px;
	text-align:center;
	margin-bottom:3px;}

.rightrutiletitle p {
	font-size:10px;}

/* ルチルクォーツ画像の設定 */

.rightrutileimglist {
	width:480px;
	height:410px;
	margin-left:auto;
	margin-right:auto;}

.rightrutileimg {
	text-align:center;
	float:left;
	width:220px;
	margin-right:5px;
	margin-left:10px;
	margin-bottom:10px;}

.rightrutileimg h2 {
	font-size:12px;
	margin:0;
	margin-bottom:2px;
	text-align:left;}

.rightrutileimg p {
	font-size:10px;
	margin:0;
	margin-bottom:2px;
	text-align:left;}

/* ルチルクォーツ補足説明の設定 */

.rightrutilehosoku {
	width:440px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	background-color:#000090;
	padding:10px;}

.rightrutilehosoku h2 {
	font-size:12px;
	text-align:left;
	margin-bottom:5px;}

.rightrutilehosoku p {
	font-size:10px;
	text-align:left;}
	
/* 天然石で選ぶ、の設定 */

.rightstone {
	width:455px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:10px;
	border-color:#dedeff;
	border-style: ridge;}

.rightstone h2 {
	font-size:14px;
	text-align:center;
	margin-top:10px;}

/* 天然石で選ぶ、テーブルの設定 */

.rightstonetable {
	width:420px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	border-style:none;
	border-collapse:separate;
	border:0px;}

.rightstonetable td {
	height:40px;}

.rightstonetable p {
	text-align:left;
	padding-left:10px;
	font-size:12px;}

.rightstoneimg {
	display:block;
	border:none;}

/* 特集バナーの設定 */

.righttokushuimglist {
	width:480px;
	height:270px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;}

.righttokushuimg {
	text-align:center;
	float:left;
	width:220px;
	margin-right:5px;
	margin-left:10px;
	margin-bottom:10px;}

.righttokushuimg h2 {
	font-size:12px;
	margin:0;
	margin-bottom:2px;
	text-align:left;}

.righttokushuimg p {
	font-size:10px;
	margin:0;
	margin-bottom:2px;
	text-align:left;}



/*-------- 右コンテンツサブの設定にかかる記述 --------*/

/* おすすめ天然石、画像の設定 */

.rightsubimgosusume {
	display:block;
	margin-top:25px;
	margin-bottom:5px;
	border:none;}

/* おすすめ天然石、タイトル部分の設定 */

.rightsubfontosusumemain {
	width:120px;
	margin-right:10px;}

.rightsubfontosusumemain h2 {
	font-size:11px;
	margin-left:auto;
	margin:0;
	margin-bottom:3px;
	text-align:center}

/* おすすめ天然石、説明部分の設定 */

.rightsubfontosusumesub {
	font-size:9px;
	line-height:1;
	text-align:left;}

.rightsubfontosusumesub p {
	margin:0;
	margin-bottom:auto;}

/* お客様の声の設定 */

.rightsubvoice {
	width:120px;
	background-color:#dedeff;
	margin-top:30px;
	margin-right:10px;}

.rightsubvoice h2 {
	text-align:center;
	padding-top:10px;
	margin-bottom:5px;
	font-size:12px;
	color:#000043}

.rightsubvoice h3 {
	text-align:center;
	margin-bottom:3px;
	font-size:9px;
	color:#000043}

.rightsubvoice p {
	font-size:10px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	color:#000043}

/* 注文方法の設定 */

.rightsubchumon {
	width:120px;
	background-color:#000090;
	margin-top:20px;
	margin-right:10px;}

.rightsubchumon h2 {
	text-align:center;
	padding-top:10px;
	margin-bottom:5px;
	font-size:12px;}

.rightsubchumon p {
	font-size:10px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	line-height:15px;}

.rightsubchumon a:hover {
	color:#999999}
	
/* ナイロンワイヤーに変更できます。 */

.rightsubwirechange {
	width:120px;
	height:120px;
	background-image:url(image/wirechange.jpg);
	margin-top:20px;
	margin-right:10px;}

.rightsubwirechange p {
	font-size:10px;
	text-align:left;
	padding-top:10px;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	line-height:11px;}

/* ナイロンワイヤーに変更できます、リンク */

.rightsubwirelink {
	width:120px;
	margin-right:10px;}

.rightsubwirelink h2 {
	font-size:10px;
	margin-left:auto;
	margin-top:3px;
	text-align:center}


/*-------- 下段コンテンツの設定にかかる記述 --------*/

/* 区切り線の設定 */

.underkugiri {
	height: 1px;
	border: #000043 1px solid;
	width: 600px;}

/* 当HPの説明と石の説明 */

.undertablesetumei {
	margin-top:20px;
	margin-bottom:20px;
	width:650px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}


.undertablesetumei caption {
	padding-bottom:3px;}

.undertablesetumei th {
	width:140px;
	border:hidden;
	padding:3px;
	background-color:#000043;
	font-size:10px;
	text-align:left;
	vertical-align:text-top;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;}

.undertablesetumei td {
	border:hidden;
	padding:3px;
	font-size:10px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	text-align: left;}

/* 下段メニューの設定 */

.undermenu {
	margin-top:15px;
	padding-bottom:10px;}

.undermenu li a {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	text-align:center;}

.undermenu li a:hover {
	color:#dedeff;}

.undermenu li {
	display:inline;
	list-style-type:none;
	border-left:solid 1pt #FFF;
	margin-left:15px;
	padding-left:15px;}

.undermenu li.first {
	border-left:none;
	margin-left:0;
	padding-left:0;}

.undermenu ul {
	margin:0;
	padding:0;}

/* 下段リンクの設定 */

.underlinkfont {
	margin-bottom:10px;}

.underlinkfont li a {
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	text-align:center;}

.underlinkfont li a:hover {
	color:#dedeff;}

.underlinkfont li {
	display:inline;
	list-style-type:none;
	border-left:solid 1pt #FFF;
	margin-left:15px;
	padding-left:15px;}

.underlinkfont li.first {
	border-left:none;
	margin-left:0;
	padding-left:0;}

.underlinkfont ul {
	margin:0;
	padding:0;}

/* フッターの設定 */

.footerfont {
	font-size:9px}


/* ランキングサイトバナーの設定 */

#tblbase {
	width:690px;
	margin:0px 0px 0px 0px;
	text-align : center;}

.tbleshop {
	border: 2px #cccccc outset;}

.tbleshop td {
	background-color:#010166;
	text-align : center;}

td.eshop {
	white-space: nowrap;
	font-size : 11px;
	text-decoration : none;font-weight: normal;
	background-color:#010166; color: #ffffff;
	line-height:110%;}

.tbleshop a {
	text-decoration : none;font-weight: normal;
	background-color:#010166; color: #ffffff;
	line-height:110%;}

.tblstone {
	background-color:#666633;
	border:outset #E0E000 2px;
	width:88px;
	height:31px;}

.tblstone td {
	width:27px;}

td.stone {
	font-size:8pt; text-align:center;
	padding-top:3px;
	width:61px;}

.tblstone a {
	color:#ffffff;
	text-decoration:none;}

.tblshopbell {
	width:auto;padding:0;margin:0;
	border-collapse:collapse;
	background:#00c;
	border-top:2px solid #66f;
	border-left:2px solid #66f;
	border-bottom:2px solid #009;
	border-right:2px solid #009;}

.tblshopbell tr {
	padding:0;
	margin:0;}

.tblshopbell td {
	text-align:center;
	background:#00c;}

td.example1 {
	display:block;
	width:auto;
	margin:0;
	padding:0;
	background:#00c;
	border-top:1px solid #009;
	border-left:1px solid #009;
	border-bottom:0;
	border-right:1px solid #66f;}

td.example1 a {
	text-decoration:none;
	color:#ff9;
	font-weight:bold;
	font-size:12px;}

td.example2 {
	display:block;
	margin:0;
	padding:0;
	background:#00c;
	border-top:0;
	border-left:1px solid #009;
	border-bottom:1px solid #66f;
	border-right:1px solid #66f;}

td.example2 a {
	text-decoration:none;
	color:#eee;
	font-weight:normal;
	font-size:10px;}