@charset "utf-8";

/* CSS Document */



body {

	font-size:0.8em;

	line-height:170%;}

	

img {

	border:none;}	

	

h1 {

	float:left;

	font-size:1.0em;

	color:#666666;}



h2 {

	padding:0;

	margin:0;}

	

.seo {

	width:860px;
	margin-left:auto;
	margin-right:auto;}

	

.seo a{

	float:right;}

	

/* トップ */



.top {

	background:url(image/top/top.jpg);

	width:866px;

	height:376px;

	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;}



/* 全ページ共通 */



.main {

	width:866px;

	background:url(image/middle.jpg) repeat-y;
	margin-left:auto;
	margin-right:auto;}



.main2 {

	width:850px;

	background:url(image/main2.jpg) repeat-y;}



.bar {

	background:#FFFFFF;}



.bar h2{

	text-align:right;

	font-size:12px;

	color:#666666;}

	

/* 左側部分 */



.left {

	float:left;

	width:224px;}



.headsita1 {

	background-image:url(image/headsita1.jpg);

	width:224px;

	height:18px;

	text-align:left;}

	

.headsita1 h2 {

	font-size:12px;

	color:#FFFFFF;}





/* メニュー */



.menu {

	background:url(image/menu.jpg) no-repeat;

	float:left;

	width:222px;

	height:1152px;

	padding-bottom:14px;}



.menu a{

	background:url(image/menu.jpg) no-repeat;

	float:left;

	display:block;

	width:222px;

	height:51px;

	text-indent:-9999px;}



.menu1 a{background-position:0px 0px;}

.menu2 a{background-position:0px -51px;}

.menu3 a{background-position:0px -102px;}

.menu4 a{background-position:0px -153px;}

.menu5 a{background-position:0px -204px;}

.menu6 a{background-position:0px -255px;}

.menu7 a{background-position:0px -306px;}

.menu8 a{background-position:0px -357px;}

.menu9 a{background-position:0px -408px;}

.menu10 a{background-position:0px -459px;}

.menu11 a{background-position:0px -510px;}

.menu12 a{background-position:0px -561px;}

.menu13 a{background-position:0px -612px;}

.menu14 a{background-position:0px -663px;}

.menu15 a{background-position:0px -714px;}



.menu1 a:hover{background-position:-378px 0px;}

.menu2 a:hover{background-position:-378px -51px;}

.menu3 a:hover{background-position:-378px -102px;}

.menu4 a:hover{background-position:-378px -153px;}

.menu5 a:hover{background-position:-378px -204px;}

.menu6 a:hover{background-position:-378px -255px;}

.menu7 a:hover{background-position:-378px -306px;}

.menu8 a:hover{background-position:-378px -357px;}

.menu9 a:hover{background-position:-378px -408px;}

.menu10 a:hover{background-position:-378px -459px;}

.menu11 a:hover{background-position:-378px -510px;}

.menu12 a:hover{background-position:-378px -561px;}

.menu13 a:hover{background-position:-378px -612px;}

.menu14 a:hover{background-position:-378px -663px;}

.menu15 a:hover{background-position:-378px -714px;}



.menusita a{

	width:218px;

	height:145px;

	background-position:0px -771px;

	margin-top:8px;}



.menusita a:hover{background-position:-378px -771px;}


.menusita2 a{

	width:212px;

	height:84px;

	margin:150px 0 0 3px;

	background-position:-3px -1068px;}



.menusita2 a:hover{background-position:-381px -1068px;}



* html .menusita2 a{

	width:212px;

	height:84px;

	margin:150px 0 0 4px;

	background-position:-8px -1068px;}



* html .menusita2 a:hover{background-position:-386px -1068px;}





.top-omise {

	width:200px;

	clear:both;}



.top-omise td {

	text-align:left;

	padding:2px 5px;}





/* 本文 */



.right {

	float:right;

	width:626px;

	text-align:left;}



.headsita2 {

	background-image:url(image/headsita2.jpg);

	height:18px;

	text-align:left;}



.headsita2 h2 {

	font-size:12px;

	color:#FFFFFF;

	padding-left:15px;}



.content {

	margin:20px 0 0 16px;}



.scontent {

	margin:0 0 0 16px;}



.contents1 {

	background:url(image/top/haikeinaka.jpg) no-repeat;

	width:590px;

	padding:46px 0 10px 8px;}



.contents2 {

	background:url(image/top/haikeinaka2.jpg) no-repeat;

	width:590px;

	padding:46px 0 10px 8px;}



.contents3 {

	background:url(image/top/haikeinaka3.jpg) no-repeat;

	width:590px;

	padding:46px 0 10px 8px;}



.contents4 {

	background:url(image/top/haikeinaka4.jpg) no-repeat;

	width:590px;

	height:172px;

	padding:46px 0 10px 8px;}



.topsita {

	background:url(image/bgright.jpg) no-repeat right bottom;

	width:580px;

	height:300px;

	text-indent:-9999px;}



.secondsita {

	background:url(image/bgright.jpg) no-repeat right bottom;

	width:580px;

	height:180px;

	text-indent:-9999px;

	margin-top:60px;}



.secondsita2 {

	background:url(image/bgright.jpg) no-repeat right bottom;

	width:580px;

	height:280px;

	text-indent:-9999px;

	margin-top:60px;}



.secondsita3 {

	background:url(image/bgright.jpg) no-repeat right bottom;

	width:580px;

	height:412px;

	text-indent:-9999px;

	margin-top:60px;}



.bana {

	background:url(image/haikeisita.jpg) no-repeat;

	float:left;

	width:580px;

	height:92px;

	text-indent:-9999px;

	margin:0 0 20px 10px;}

	

.bana a{

	background:url(image/haikeisita.jpg) no-repeat;

	float:left;

	width:580px;

	height:92px;}



.bana a:hover{background-position:-662px 0px;}





.bana2 {

	background:url(image/haikeisita2.jpg) no-repeat;

	float:left;

	width:580px;

	height:92px;

	text-indent:-9999px;}

	

.bana2 a{

	background:url(image/haikeisita2.jpg) no-repeat;

	float:left;

	width:580px;

	height:92px;}



.bana2 a:hover{background-position:-662px 0px;}



/* フッタ */



.footer {

	background:url(image/footer.jpg) no-repeat;

	text-align:right;

	width:866px;

	height:72px;

	clear:both;
	margin-left:auto;
	margin-right:auto;}



.footer address{

	padding-top:10px;

	padding-right:20px;

	}



/*セカンドコンテンツ*/



.head {

	background:url(image/head1.jpg) no-repeat;

	width:866px;

	height:194px;

	text-indent:-9999px;

	float:left;}



.head a {

	background:url(image/head1.jpg) no-repeat;

	width:856px;

	height:190px;

	float:left;

	margin-left:5px;

	background-position:-5px 0px;}



.head a:hover{background-position:-5px -306px;}



.smain {

	text-align:left;

	padding:10px 0 0 10px;}

	

.smain2 {

	font-size:13px;

	text-align:left;

	line-height:180%;

	padding-top:10px;

	padding-left:15px;

	color:#000000;}



.gold {color:#765C2F;}



.cl {

	color:#006600;

	font-weight:bold;}



.cl1 {

	color:#CC0000;

	font-weight:bold;}





/*オーダー*/



.bun3 {

	padding:45px 0 0 5px;}



.order1 {

	background:url(image/order/order001.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 0 12px;}

	

.order2 {

	background:url(image/order/order002.jpg) no-repeat;

	width:580px;

	margin:8px 0 0 6px;}

	

.order3 {

	background:url(image/order/order003.jpg) no-repeat;

	width:580px;

	margin:0 0 0 6px;}



.order4 {

	background:url(image/order/order004.jpg) no-repeat;

	width:580px;

	height:214px;

	margin:0 0 0 6px;}



.order5 {

	background:url(image/order/order005.jpg) no-repeat;

	width:580px;

	margin:0 0 0 6px;}



.order6 {

	background:url(image/order/order006.jpg) no-repeat;

	width:580px;

	height:214px;

	margin:0 0 0 6px;}





/*結婚*/



.cl2 {

	color:#CC0000;}



.kekkon1 {

	background:url(image/order/kekkon001.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}

	

.kekkon2 {

	background:url(image/order/kekkon003.jpg) no-repeat right top;

	width:590px;}



.kekkon-waku {

	border:solid 1px #000000;

	width:170px;

	text-align:center;

	padding:5px;

	height:300px;}

	

.kekkon-waku-img {

	width:170px;

	height:110px;

	border:solid 1px #000000;}



.kekkon-waku img {height:100px;}



.kekkon-bun {

	text-align:left;

	margin:5px 0 0 2px;}

	

.left-yohaku {

	margin-left:18px;}





/*結婚個別*/



.kobetu {

	margin:20px 0 0 0;}



.title h2 {

	background-color:#999999;

	color:#FFFFFF;

	height:24px;

	text-align:left;

	padding:6px 0 0 10px;

	font-size:12px;}



.kobetu-bun {

	text-align:left;

	padding:0 0 0 20px;}



.kobetu-toi {

	border:#999999 solid 1px;

	padding:10px;}

	



/*ベビーリング*/



.baby {

	background:url(image/order/baby1.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.baby2 {

	background:url(image/order/baby2.jpg) no-repeat right top;

	width:590px;}





/*ジュエリーリフォーム*/



.reform {

	background:url(image/syokunin/reform.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.reform2 {

	background:url(image/syokunin/reform2.jpg) no-repeat right top;

	margin-right:10px;}



.reform3 {

	background:url(image/syokunin/reform3.jpg) no-repeat right top;

	margin-right:10px;}





/*工房案内*/



.koubou {

	background:url(image/syokunin/koubou1.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



/*職人*/



.syokunin {

	background:url(image/syokunin/syokunin001.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.syokunin2 {

	background:url(image/syokunin/syokunin002.jpg) no-repeat;

	width:580px;

	height:212px;

	padding:50px 0 0 12px;

	margin:0 0 0 10px;}

	

.syokunin3 {

	background:url(image/syokunin/syokunin003.jpg) no-repeat;

	width:580px;

	height:270px;

	padding:50px 0 0 12px;

	margin:0 0 0 10px;}

	

.syokunin4 {

	background:url(image/syokunin/syokunin004.jpg) no-repeat;

	width:580px;

	height:212px;

	padding:50px 0 0 12px;

	margin:0 0 0 10px;}



/*納品*/



.ya {

	margin:0 0 10px 30px;}



.bun {

	padding:70px 0 0 20px;}



.nouhin1 {

	background:url(image/order/nouhin001.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}

	

.nouhin2 {

	background:url(image/order/nouhin002.jpg) no-repeat;

	width:584px;

	margin:0 0 0 10px;}

	

.nouhin3 {

	background:url(image/order/nouhin003.jpg) no-repeat;

	width:584px;

	margin:0 0 0 10px;}

	

.nouhin4 {

	background:url(image/order/nouhin004.jpg) no-repeat;

	width:584px;

	height:192px;

	margin:0 0 0 10px;}

	

.nouhin5 {

	background:url(image/order/nouhin005.jpg) no-repeat;

	width:584px;

	height:192px;

	margin:0 0 0 10px;}

	

.nouhin6 {

	background:url(image/order/nouhin006.jpg) no-repeat;

	width:584px;

	height:192px;

	margin:0 0 0 10px;}



/*お問合せ*/



.otoiawase {

	background:url(image/top/toi1.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}

	

.otoiawase-table {

	padding:2px 5px;

	margin:140px 0 0 20px;

	background-color:#FFFFFF;}



.otoiawase-table {

	text-align:left;}



.form {

	background:url(image/top/form.jpg);

	width:590px;

	height:630px;}



.botan {

	text-align:right;

	padding:10px 40px 10px 10px;}

	

	

/* input要素の基本スタイル */

.invalidInput,.validInput{

	display:compact;

	padding:1px;}

	

/* 未入力の必須項目、不適切な入力がされた項目のスタイル */

.invalidInput{

	border:1px solid #F00;}



/* 適切な入力がされた項目のスタイル */

.validInput{

	border:1px solid #FFF;}



	



/*よくある質問*/



.yokuaru {

	background:url(image/top/situmon1.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}

	

.qa-table {

  width:580px;

  padding:8px;}

  

.qagazou {

  text-align:center;

  vertical-align:middle;

  width:90px;}



.qabun {

  background-color:#FFFF99}

    

	



/*お客様の声*/



.okyakusama {

	background:url(image/top/koe1.jpg);

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.koe-waku {

	border:solid 1px #666666;

	width:560px;

	padding:10px;

	text-align:left;}



.koe1 {

	border-bottom:solid 1px #000000;

	color:#006600;

	font-weight:bold;}



.koe2 {

	text-align:right;}



/*会社概要*/



.kaisya {

	background:url(image/top/kaisya1.jpg) no-repeat;

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.kaisya1 td {

	padding:10px;

	font-size:1.0em;

	text-align:left;

	vertical-align:middle;

	line-height:150%;

	border-bottom:#CCCCCC dashed 1px;}



/*お店のご案内*/



.omise {

	background:url(image/top/omise1.jpg) no-repeat;

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.omise2 {

	background:url(image/top/omise2.jpg) no-repeat right top;

	width:590px;}



.omise3 {

	background:url(image/top/omise3.jpg) no-repeat right top;

	width:590px;}



.omise-table {

	padding:5px;}



.eigyou {

	background-color:#FFFFCC;}



/*アフター*/



.bun2 {

	padding:50px 0 0 5px;}



.after1 {

	background:url(image/syokunin/after1.jpg) no-repeat;

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}

	

.after2 {

	background:url(image/syokunin/after2.jpg) no-repeat;

	width:590px;

	height:215px;

	margin-left:5px;}

	

.after3 {

	background:url(image/syokunin/after3.jpg) no-repeat;

	width:590px;

	height:215px;

	margin-left:5px;}

	

.after4 {

	background:url(image/syokunin/after4.jpg) no-repeat;

	width:590px;

	height:215px;

	margin-left:5px;}





/*デザインのアイデア集*/



.design1 {

	background:url(image/order/design1.jpg) no-repeat;

	width:600px;

	height:86px;

	text-indent:-9999px;

	margin:10px 0 18px 12px;}



.design-waku {

	border:#333333 solid 1px;

	width:560px;

	text-align:left;

	padding:8px;}



.bun4 {

	margin:0 0 0 260px;}



.coment {

	border-bottom:#666666 solid 1px;

	color:#006600;

	font-weight:bold;

	width:97%;

	padding-left:5px;

	margin-top:8px;}	



/*サイトマップ*/



.sitemap {

	font-size:18px;

	font-weight:bold;

	border-bottom:#999900 solid 1px;

	margin:10px;

	padding:6px;}

	

	

/*背景*/



.bgleft {

	background:url(image/bgleft.jpg) no-repeat;

	width:144px;

	height:129px;

	float:left;

	vertical-align:bottom;

	}

	

.bgright {

	background:url(image/bgright.jpg);

	width:158px;

	height:200px;

	float:right;

	vertical-align:bottom;

	}