@charset "utf-8";

/* ??{??肱?????? */
body {  color: #555; font-family:"???C???I","Meiryo","?q???M?m ?p?S Pro W3","Hiragino Kaku Gothic Pro","MS P?S?V?b?N","MS P Gothic",sans-serif;
        margin: 0px; padding: 0px; background-color: #fff; background-image:url(haikei2.jpg); background-repeat: repeat-x;}
h1 {  margin: 20px 0px 0px 52px; padding: 0px;}
h2 {  text-align: center; height: 140px; line-height: 160px; padding: 0px; margin: 0px 0px 0px 67px; color: #333;}
h4 {  text-align: center; margin: 0px; padding: 0px; border-bottom: 2px solid #999; line-height: 50px; height: 40px;}

img {  border: 0; vertical-align: middle;}

address {  color: #fff; font-size: 0.9em; font-style: normal; text-align: center;
           height: 50px; background-color: #000; line-height: 50px;}

/* ???C?A?E?g??肱?????? */
#pagebody {  width: 900px; margin: auto; background-color: #fff; border-left: 2px solid #000; border-right: 2px solid #000;}
h1, h2, #ordersite, #kiwi {  float:left;}
#kiwi {  margin: 39px 0px 0px 12px; padding: 0px;}
#subnavi {  float: right;}
#navi {  clear: both;}
#contents {  width: 760px; padding-right: 17px; 
             border-left-width: 0px;
             float: left; clear: both; margin-left: 70px;} 
#side {  width: 330px; padding-left : 20px; margin-left: px;
         float: right;}

#copyright {  clear: both;}

/* navi???????? */
#navi ul, #navi li {  margin: 0; padding: 0; list-style: none;}
#navi li {  float: left;} 
#navi li.hidden {  color: #000; background-color: #000; padding: 2px 0px; display: block;
            text-align: center; width: 68px; height: auto; border: 1px solid #000;}
#navi a:link, #navi a:visited {  text-decoration: none; color: #fff; background-color: #000; padding: 2px 0px; display: block;
                                 text-align: center; width: 150px; height: auto; border: 1px solid #000;}
#navi a:hover {  color: #79baf3; background-color: #fff; border: 1px solid #000;}

/* ec?o?i?[???????? */
#ecbanner {  text-align: right; margin: 10px 30px 15px; 
             border-top: 2px solid #79baf3; border-left: 2px solid #79baf3; border-right: 2px solid #79baf3;}

/* situmon???????? */
#situmon {  font-size: 0.8em; text-align: center; margin: 0px;}
#situmon a:link, #situmon a:visited {  width: 130px; color: #555; text-decoration: none; background-color: #fff;}
#situmon a:hover {  width: 130px; color: #79baf3; text-decoration: none; background-color: #fff;}

/* contents???????? */
#welcomeMessage {  color: #555; font-size: 0.8em; line-height: 2em; margin-top: 10px; padding: 0px; 
                   text-align: center; clear: both;}
#contents p.concept {  font-size: 0.9em; text-align: center; margin: 0px; padding : 20px 0px 30px;}

#guide p {  font-size: 0.8em; padding: 0px 0px 10px; margin: 0px 30px 0px 20px;}
#guide ul li {  list-style-type: none; margin: 0px; padding: 0px;}
#guide strong {  width: 450px; font-size: 0.9em; padding: auto; margin: 0px;}
#guide dd {  padding: 0px; margin: 0px;}
#guide {  margin: 0px; padding: 0px;}

#design {  border: 2px solid #000;}

#siharai p, #haisou p {  font-size: 0.8em; text-align: left; width: 440px; padding-left: 40px;
                         margin-bottom: 30px;}

#gallerybun p{  font-size: 0.9em; text-align: center; margin: 0px; padding: 0px;}
#sakuseityugazou {  padding: 0px 0px 100px; margin: 0px;}

#koumoku {  font-size: 0.9em; padding-left: 20px;}
#koumoku a:link {  color: #555; text-decoration: none;}
#koumoku a:visited {  color: #999; text-decoration: none;}
#koumoku a:hover {  color: #79baf3; text-decoration: underline;} 

#situmonbun {  font-size: 0.8em; width: 440px; padding-left: 40px;}
#situmonbun strong {  font-size: 1.2em;}
#situmonbun dt {  font-weight: bold; font-size: 1.1em; color: #79baf3;}

#jewelrytisiki, #mentenansu, #mitumori, #osiharai, #hassou {  margin: 30px 0px 0px;}

#goriyoukiyaku p {  font-size: 0.8em; width: 440px; padding-left: 40px;}
#goriyoukiyaku strong {margin: 20px 0px;}

#contactbun, #tokutei, #privacy, #kaisyagaiyou {  font-size: 0.8em; width: 440px; padding-left: 40px;} 

#mail {  text-align: center; padding: 0px; margin: 0px;}
#mailad {  vertical-align: top;}
#mail a:link {  color: #666; text-decoration: none;}
#mail a:hover {  text-decoration: underline; color: #79baf3;}

#gallery {  margin: 27px 0px 0px; padding: 0px;}
#gallery dt.samplejewelry {  margin: 0px; padding:0px; text-align: center; border: 2px solid #999; font-size: 1.0em; font-weight: bold;} 
#gallery dt.ordermain {  margin: 0px; padding:0px; text-align: center; font-size: 0.95em; font-weight: bold;} 


#gallery dd, #gallery ul {  margin: 0px; padding: 0px;}
#gallery ul li {  list-style-type: none; margin: 20px 0px 0px 20px; padding: 0px; clear: both;}
#gallery ul li dl {  width: 280px; margin-right: 10px; padding: 0px;  float: right;}
#gallery ul li dl dt {  margin: 0px; padding: 0px;}
#gallery ul li dd.info { font-size: 0.8em; line-height: 1.5em; margin: 0px; padding: 0px 0px 20px;
                         border-top: 1px solid #999;}
#gallery dt a:link, #gallery dt a:visited {  color: #333; text-decoration: none; padding: 7px auto; margin: 0px;}
#gallery dt a:hover {  color: #79baf3; text-decoration: underline;}

#order ul, #order li {  margin: 0px; padding: 0px; list-style: none;}
#order li {  margin: 20px 10px 20px 45px; padding-top: 0px; float: left;}


#formtable {  width: 460px; margin-left: 25px; padding: 0px; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
#formtable td {  padding: 15px; font-size: 0.8em; border-bottom: 1px solid #ddd;}
#formtable th {  padding: 13px 11px 10px; width: 120px; background-color: #ddd; font-size: 0.8em;
                 text-align: left; border-bottom: 1px solid #fff;}
#formtable th.jiyu {  border-bottom: 1px solid #ddd;}
#subject {  border: 1px solid #ccc;}
#name, #tel, #email {  width: 200px; border: 1px solid #ccc;}
#free {  border: 1px solid #ccc}
#contact2 {  margin-left: 50px;}
#check p {  width : 120px; margin: 0px 10px 0px 0px; float: left;}
#formbutton {  margin: 10px 0px 15px; text-align: center;}
#submit, #reset {  border: 1px solid #999; color:#fff; background-color: #999; width: 68px;}
#reset {  margin-left: 10px}

.koumoku1 {  font-size: 0.9em; padding-left: 50px; padding-bottom: 0px; margin-bottom: 0px; list-style-type: none;}
.koumoku1 a:link {  color: #555; text-decoration: none;}
.koumoku1 a:visited {  color: #999; text-decoration: none;}
.koumoku1 a:hover {  color: #79baf3; text-decoration: underline;}

.koumoku2 {  font-size: 0.8em; padding-left: 80px; padding-top: 0px; margin-top: 0px;}
.koumoku2 a:link {  color: #555; text-decoration: none;}
.koumoku2 a:visited {  color: #999; text-decoration: none;}
.koumoku2 a:hover {  color: #79baf3; text-decoration: underline;}

.koumoku3 {  font-size: 0.9em; padding-left: 50px; list-style-type: none;}
.koumoku3 a:link {  color: #555; text-decoration: none;}
.koumoku3 a:visited {  color: #999; text-decoration: none;}
.koumoku3 a:hover {  color: #79baf3; text-decoration: underline;}

/* side???????? */
#sitebanner ul li {  list-style-type: none; margin: 20px 0px; padding: 0px;}
#sitebanner {  width: 224px; text-align: center; margin-top: 50px; padding: 0px;}
#sitebanner li {  margin: 0px; padding: 0px;}

#topNews strong {  #color: #630;}
#topNews {  margin:0px; padding: 0px;}
#topNews dt {  font-size: 1.2em; margin: 20px 46px 0px 0px; padding: 3px auto; border: 2px solid #999; text-align: center;} 
#topNews dd {  margin:0px; padding: 0px;}
iframe {  width: 300px; height: 200px; border-width: 0px; margin: 10px 0px 20px; padding: 0px}

#facebook { margin-left: 30px; padding: 0px; font-size: 0.9em;}

/* pagetop???????? */
#pagetop {  font-size: 0.9em; text-align: center; margin: 0px; padding: 0px; clear: both;
            border-top: 2px solid #999; height: 30px line-height: 30px;}
#pagetop a:link, #pagetop a:visited {  color: #555; text-decoration: none;}
#pagetop a:hover {  color: #79baf3; text-decoration: underline;}

/* futter???????? 
#futter {  clear: both;}
#futter ul, #futter li {  margin: 0px; padding: 0; list-style: none;}
#futter li {  float:left; font-size: 0.8em;}

#futter li.hidden2 {  color: #000; background-color: #000; padding: 2px 0px; display: block;
            text-align: center; width: 194px; height: auto; border: 1px solid #000;}
#futter a:link, #futter a:visited {  text-decoration: none; color: #fff; background-color: #000; padding: 2px 0px; display: block;
                                 text-align: center; width: 160px; height: auto; border: 1px solid #000;}
#futter a:hover {  color: #79baf3; background-color: #000; border: 1px solid #000; text-decoration: underline;}
#futter li.short a:link, #futter li.short a:visited {  text-decoration: none; color: #fff; background-color: #000; padding: 2px 0px; display: block;
                                 text-align: center; width: 90px; height: auto; border: 1px solid #000;}
#futter li.short a:hover {  color: #79baf3; background-color: #000; border: 1px solid #000; text-decoration: underline;}

/*  background-color: #000; padding: 5px 5px;*/



/*header*/
#header h1 {
	float: right;
	font-size: 11px;
	text-align: right;
	margin: 0px 10px 0 0;
}

/* futter???????? */
#futter {
	clear: both;
	background-color: #000;
	width: 900px;
	height: 35px;
	text-align: center;
}
#futter ul {
	margin-left:140px;
	padding-top: 10px;
	list-style: none;
	
}
#futter li {
	float:left;
	font-size: 0.8em;
	margin-right: 15px;
}
#futter li.last {
	margin-right: 0px;
}
#futter a:link, #futter a:visited {
	text-decoration: none;
	color: #fff;
	padding: 2px 0px;
	display: block;
}
#futter a:hover {
	color: #79baf3;
	text-decoration: underline;
}
#futter02 {
	background: #000;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	margin-top: 0px;
}
#futter02 p {
	color: #fff;
}
#futter02 p a {
	color: #fff;
	text-decoration: none;
}
#futter02 a:hover {
	color: #79baf3;
	text-decoration: underline;
}



/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/
.mt0{ margin-top: 0px; display: block;}
.mt5{ margin-top: 5px; display: block;}
.mt10{margin-top: 10px; display: block;}
.mt15{margin-top: 15px; display: block;}
.mt20{margin-top: 20px; display: block;}
.mt25{margin-top: 25px; display: block;}
.mt30{margin-top: 30px; display: block;}
.mt40{margin-top: 40px; display: block;}
.mt50{margin-top: 50px; display: block;}
.mt60{margin-top: 60px; display: block;}
.mt70{margin-top: 70px; display: block;}
.mt80{margin-top: 80px; display: block;}
.mt90{margin-top: 90px; display: block;}
.mt100{margin-top: 100px; display: block;}

.mb0{ margin-bottom:  0px; display: block;}
.mb5{ margin-bottom:  5px; display: block;}
.mb10{margin-bottom: 10px; display: block;}
.mb15{margin-bottom: 15px; display: block;}
.mb20{margin-bottom: 20px; display: block;}
.mb30{margin-bottom: 30px; display: block;}
.mb40{margin-bottom: 40px; display: block;}
.mb50{margin-bottom: 50px; display: block;}
.mb60{margin-bottom: 60px; display: block;}
.mb70{margin-bottom: 70px; display: block;}
.mb80{margin-bottom: 80px; display: block;}
.mb90{margin-bottom: 90px; display: block;}
.mb100{margin-bottom: 100px; display: block;}

.mr0{ margin-right: 0px;  display: block;}
.mr5{ margin-right: 5px;  display: block;}
.mr10{margin-right: 10px; display: block;}
.mr15{margin-right: 15px; display: block;}
.mr20{margin-right: 20px; display: block;}
.mr30{margin-right: 30px; display: block;}
.mr40{margin-right: 40px; display: block;}
.mr50{margin-right: 50px; display: block;}
.mr60{margin-right: 60px; display: block;}
.mr70{margin-right: 70px; display: block;}
.mr80{margin-right: 80px; display: block;}
.mr90{margin-right: 90px; display: block;}
.mr100{margin-right: 100px; display: block;}

.ml0{ margin-left: 0px; display: block;}
.ml5{ margin-left: 5px; display: block;}
.ml10{margin-left: 10px; display: block;}
.ml15{margin-left: 15px; display: block;}
.ml20{margin-left: 20px; display: block;}
.ml30{margin-left: 30px; display: block;}
.ml40{margin-left: 40px; display: block;}
.ml50{margin-left: 50px; display: block;}
.ml60{margin-left: 60px; display: block;}
.ml70{margin-left: 70px; display: block;}
.ml80{margin-left: 80px; display: block;}
.ml90{margin-left: 90px; display: block;}
.ml100{margin-left: 100px; display: block;}

.pt0{padding-top: 0px; display: block;}
.pt5{padding-top: 5px; display: block;}
.pt10{padding-top: 10px; display: block;}
.pt15{padding-top: 15px; display: block;}
.pt20{padding-top: 20px; display: block;}
.pt30{padding-top: 30px; display: block;}
.pt40{padding-top: 40px; display: block;}
.pt50{padding-top: 50px; display: block;}
.pt60{padding-top: 60px; display: block;}
.pt70{padding-top: 70px; display: block;}
.pt80{padding-top: 80px; display: block;}
.pt90{padding-top: 90px; display: block;}
.pt100{padding-top: 100px; display: block;}

.pb0{ padding-bottom: 0px;  display: block;}
.pb5{ padding-bottom: 5px;  display: block;}
.pb10{padding-bottom: 10px; display: block;}
.pb15{padding-bottom: 15px; display: block;}
.pb20{padding-bottom: 20px; display: block;}
.pb30{padding-bottom: 30px; display: block;}
.pb40{padding-bottom: 40px; display: block;}
.pb50{padding-bottom: 50px; display: block;}
.pb60{padding-bottom: 60px; display: block;}
.pb70{padding-bottom: 70px; display: block;}
.pb80{padding-bottom: 80px; display: block;}
.pb90{padding-bottom: 90px; display: block;}
.pb100{padding-bottom: 100px; display: block;}

.pr5{padding-right: 5px; display: block;}
.pr10{padding-right: 10px; display: block;}
.pr15{padding-right: 15px; display: block;}
.pr20{padding-right: 20px; display: block;}
.pr30{padding-right: 30px; display: block;}
.pr40{padding-right: 40px; display: block;}
.pr50{padding-right: 50px; display: block;}
.pr60{padding-right: 60px; display: block;}
.pr70{padding-right: 70px; display: block;}
.pr80{padding-right: 80px; display: block;}
.pr90{padding-right: 90px; display: block;}
.pr100{padding-right: 100px; display: block;}

.pl5{padding-left: 5px; display: block;}
.pl10{padding-left: 10px; display: block;}
.pl15{padding-left: 15px; display: block;}
.pl20{padding-left: 20px; display: block;}
.pl30{padding-left: 30px; display: block;}
.pl40{padding-left: 40px; display: block;}
.pl50{padding-left: 50px; display: block;}
.pl60{padding-left: 60px; display: block;}
.pl70{padding-left: 70px; display: block;}
.pl80{padding-left: 80px; display: block;}
.pl90{padding-left: 90px; display: block;}
.pl100{padding-left: 100px; display: block;}


span.f75 {
	font-size: 75%;
}
span.f80 {
	font-size: 80%;
}
span.f85 {
	font-size: 85%;
}
span.f90 {
	font-size: 90%;
}
span.f95 {
	font-size: 95%;
}
span.f110 {
	font-size: 110%;
}
span.f120 {
	font-size: 120%;
}
span.f130 {
	font-size: 130%;
}
/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.l {
	float: left;
	display: block;
}
.r {
	float: right;
	display: block;
}
.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.textc {
	text-align: center;
}
.line18 {
	line-height:1.8;
}

/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix {display: inline-block;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 
 }
 
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/
/*-------------------------------------*/
/* CSS3の効果shadow 角丸 */
/*-------------------------------------*/
.c_shadow {
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow:  0px 0px 6px 1.1px #dbe1e4;
}

/* ボタンロールオーバー */
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=60);
}