@charset "UTF-8";


* {margin:0; padding:0;}

a {color: #75184F;}
a:hover {color: #CC3366;}

.left {float:left;}
.left2 {
	clear: both;
	float: left;
}

.right {float:right;}
.clear {clear:both;}

.en {font-family: Geneva, Arial, Helvetica, sans-serif;}
.en2 {text-transform: uppercase;font-family: Geneva, Arial, Helvetica, sans-serif;}

.white {color: #FFFFFF;}
.wine {color: #990066;}
.align-center {
	text-align: center;
}
.indent40 {
	padding-left: 40px;
}

.indent40_color {
	padding-left: 40px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 12px;
	color: #996600;
}


.nowrap {white-space: nowrap;}

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





/*structure=======================================================*/

body {
	background: url(../img/bg.gif) repeat center top;
	color: #663300;
	font-size: 75%;
	text-align: center;
}

#head-bg {
	width: 100%;
	background: url(../img/top_bg.gif) repeat-x left top;
	margin-right: auto;
	margin-left: auto;
}

#foot-bg {
	width: 100%;
	background: url(../img/foot_bg.jpg) repeat-x left bottom;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	width: 860px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;
}

#header {
	width: 860px;
	overflow: hidden;
	position:relative;
	height: 162px;
	background: url(../img/spider.gif) no-repeat right top;
}

#main-visual {
	width: 860px;
	height: 330px;
	position:absolute;
	left: 0px;
	top: 164px;
	background: url(../img/frame.gif) no-repeat left top;
}

#bread {
	width: 860px;
	padding-top: 330px;
}
#bread02 {
	width: 860px;
}

#main {
	width: 600px;
	float: right;
}

#menu {
	width: 260px;
	padding-bottom: 80px;
	float: left;
	background: url(../img/menu_end.gif) no-repeat left bottom;
	text-align: center;
}

#footer {
	clear: both;
	width: 860px;
	color: #663300;
	height: 478px;
	background: url(../img/chair.gif) no-repeat right bottom;
	margin: 0px;
	padding: 0px;
}

/*end structure================================================*/





/*header================================================*/

h1 {
	width: 276px;
	height: 140px;
	position:absolute;
	background: url(../img/h1_title.gif) no-repeat left top;
	left: 0px;
	top: 22px;
	text-indent:-9999px;
	
}

h1 a {
	display:block;
	width:276px;
	height:140px;
}

#header h2 {
	font-weight: normal;
	line-height: 1.5;
	width: 554px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 100%;
}
#header ul {
	border-left: 1px solid #75184F;
	float: right;
	width: 554px;
	display: inline;
	line-height: 1.2;
	font-size: 83.3%;
	margin-top: 60px;
}
#header ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #75184F;
}

/*end header=============================================*/




/*main-visual================================================*/

#main-visual h3 {
	height: 330px;
	width: 860px;
	text-indent: -9999px;
}

#main-visual p {
	line-height: 1.8;
	position: absolute;
	top: 140px;
	left: 105px;
	width: 450px;
}
body#jewel div#main-visual p,
body#bridal div#main-visual p{
	top: 120px;
	left: 105px;
}
body#c-made-flow div#main-visual p {
	top: 160px;
	left: 105px;
}

body#about div#main-visual p {
	top: 160px;
	left: 105px;
	color:#FFFFFF;
}

body#about div#main-visual p a {
	color:#FFFFFF;
}


#main-visual p#flash-start {
	top: 166px;
	left: 106px;
	height: 26px;
	width: 176px;
}

#main-visual p#flash-start a {
	display: block;
	height: 26px;
	width: 176px;
	background: url(../about/img/movie-button.jpg) no-repeat left top;
	text-indent: -9999px;
}
#main-visual p#flash-start a:hover {
	background: url(../about/img/movie-button_hv.jpg) no-repeat left top;
}


.about-index {background: url(../about/img/mv_concept.jpg) no-repeat 30px 25px;}
.about-owner {background: url(../about/img/mv_owner.jpg) no-repeat 30px 25px;}
.about-shop {background: url(../about/img/mv_shop.jpg) no-repeat 30px 25px;}
.jewel-index {background: url(../jewel/img/mv_mysterious.jpg) no-repeat 30px 25px;}
.jewel-power {background: url(../jewel/img/mv_power.jpg) no-repeat 30px 25px;}
.jewel-tuning {background: url(../jewel/img/mv_tuning.jpg) no-repeat 30px 25px;}
.jewel-maintenance {background: url(../jewel/img/mv_maintenance.jpg) no-repeat 30px 25px;}
.jewel-cakra01 {background: url(../jewel/img/mv_cakra01.jpg) no-repeat 30px 25px;}
.jewel-cakra02 {background: url(../jewel/img/mv_cakra02.jpg) no-repeat 30px 25px;}
.jewel-cakra03 {background: url(../jewel/img/mv_cakra03.jpg) no-repeat 30px 25px;}
.jewel-cakra04 {background: url(../jewel/img/mv_cakra04.jpg) no-repeat 30px 25px;}
.jewel-cakra05 {background: url(../jewel/img/mv_cakra05.jpg) no-repeat 30px 25px;}
.jewel-cakra06 {background: url(../jewel/img/mv_cakra06.jpg) no-repeat 30px 25px;}
.jewel-cakra07 {background: url(../jewel/img/mv_cakra07.jpg) no-repeat 30px 25px;}
.bridal-index {background: url(../bridal/img/mv_braidalling.jpg) no-repeat 30px 25px;}
.bridal-gallery {background: url(../bridal/img/mv_bling-gallery.jpg) no-repeat 30px 25px;}
.bridal-flow {background: url(../bridal/img/mv_bling-flow.jpg) no-repeat 30px 25px;}
.custom_made-index {background: url(../custom_made/img/mv_custom.jpg) no-repeat 30px 25px;}
.about-gallery {background: url(../about/img/mv_gallery.jpg) no-repeat 30px 25px;}
.custom_made-flow {background: url(../custom_made/img/mv_cmade-flow.jpg) no-repeat 30px 25px;}
.reform-index {background: url(../reform/img/mv_reform.jpg) no-repeat 30px 25px;}
.reform-flow {background: url(../reform/img/mv_reform-flow.jpg) no-repeat 30px 25px;}
.atelier-index {background: url(../atelier/img/mv_atelier.jpg) no-repeat 30px 25px;}
.atelier-process {background: url(../atelier/img/mv_process.jpg) no-repeat 30px 25px;}
.atelier-myster {background: url(../atelier/img/mv_myster.jpg) no-repeat 30px 25px;}
.company-index {background: url(../company/img/mv_company.jpg) no-repeat 30px 25px;}


/*end main-visual=============================================*/




/*bread================================================*/

#bread ol, #bread02 ol {
	list-style: none;
	text-indent: 20px;
}
#bread ol li, #bread02 ol li {
	display: inline;
	line-height: 3;
	padding-right: 5px;
}
#bread ol li a, #bread02 ol li a {
	padding-right: 5px;
}
/*end bread=============================================*/




/*menu================================================*/

#menu h4 {
	background: url(../img/menu_top.gif) no-repeat left top;
	height: 79px;
	width: 260px;
	text-indent: -9999px;
}
#menu h5 a {
	display: block;
	height: 26px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#menu-1,#menu-2,#menu-3,#menu-4,#menu-5,#menu-6 {
	height: 28px;
	width: 260px;
	text-indent: -9999px;
}
#menu-1 {
	background: url(../img/menu_1.gif) no-repeat left top;
}
#menu-2 {
	background: url(../img/menu_2.gif) no-repeat left top;
}
#menu-3 {
	background: url(../img/menu_3.gif) no-repeat left top;
}
#menu-4 {
	background: url(../img/menu_4.gif) no-repeat left top;
}
#menu-5 {
	background: url(../img/menu_5.gif) no-repeat left top;
}
#menu-6 {
	background: url(../img/menu_6.gif) no-repeat left top;
}


#menu ul {
	list-style: none;
	background: url(../img/menu_bg.gif) repeat-y left top;
	text-align: center;
}
#menu ul li {
	font-size: 12px;
	line-height: 24px;
	background: url(../img/menu_grade.gif) repeat-x left top;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#menu ul li a {
	display: block;
	padding-left: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
}
#menu ul li a:hover {
	padding-left: 27px;
}
#menu ul li span {
	display: block;
	padding-left: 25px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-weight: bold;
	color: #990000;
}

#menu li.end {
	padding-bottom: 6px;
}
/*end menu=============================================*/





/*main================================================*/

.main-inner {
	background: url(../img/main_bottom.gif) no-repeat left bottom;
	padding-bottom: 116px;
	margin-bottom: 30px;
}

.main-inner h3 {
	font-size:160%;
	background: url(../img/main_h3.gif) no-repeat left top;
	height: 88px;
	width: 600px;
	text-indent: -9999px;
}

.inner-contents ,.inner-contents_btm-cakra{
	width:600px;
	background: url(../img/main_bg.gif) repeat-y left top;
}
.inner-contents p {
	line-height: 2;
	margin-right: 30px;
	margin-left: 45px;
	padding-bottom: 1.5em;
}
.inner-contents p span {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.inner-contents h5 {
	margin-right: 30px;
	margin-left: 45px;
	clear: both;
	margin-bottom: 1em;
}

.inner-contents .underline {
	background-image: url(../about/img/border_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.inner-contents .underline02 {
	background: url(../about/img/border_01.gif) no-repeat left 3em;
}
.inner-contents .underline03 {
	height: 10px;
	margin-right: 30px;
	margin-left: 45px;
	background: url(../reform/img/border_01.gif) no-repeat center center;
}

.inner-contents table {
	border-collapse:collapse;
	width:420px;
	display: block;
	margin: 0 auto;
}
.inner-contents table tr {
}
.inner-contents table th {
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	font-weight: normal;
	width: 120px;
	line-height: 2;
	white-space: nowrap;
}
.inner-contents table td {
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 2;
	padding-right: 10px;
	white-space: nowrap;
}
.inner-contents table td img {
	display: inline;
	vertical-align: middle;
	margin-left: 5px;
}
.inner-contents table td img.cakra-green {
	padding-left: 1.5em;
}
.inner-contents table td.u-line,
.inner-contents table th.u-line {
	background: url(../jewel/img/border_01.gif) no-repeat center bottom;
	margin-bottom: 10px;
}

.inner-contents .cakra-list {
	margin-left: 80px;
	margin-right: 30px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2.3em;
	padding-left: 0px;
}
.inner-contents .cakra-list dt {
	line-height: 2em;
	float: left;
	padding-top: 1em;
	margin-left: 10px;
}
.inner-contents .cakra-list dd {
	background: url(../jewel/img/border_01.gif) no-repeat center bottom;
	padding-left: 120px;
	line-height: 2em;
	padding-top: 1em;
}
.inner-contents .sitemap {
	margin-left: 45px;
	padding-bottom: 1em;
}
.inner-contents .sitemap dt {
	padding: 0px;
	float: left;
	margin: 0px;
	line-height: 2em;
	width: 170px;
}
.inner-contents .sitemap dd {
	line-height: 2em;
	width: 340px;
	margin: 0px 0px 0px 180px;
	padding: 0px;
}
.inner-contents .company {
	width:525px;
	margin-right: 30px;
	margin-left: 45px;
}
.inner-contents .company dt {
	float: left;
	width: 100px;
	padding-top: 2.4em;
}
.inner-contents .company dd {
	background: url(../company/img/border_01.gif) no-repeat center bottom;
	padding-left: 110px;
	padding-top: 2em;
	line-height: 2;
}
.inner-contents .owner {
	margin-left: 45px;
	margin-right: 30px;
}
.inner-contents .owner-fix {
	margin-left: 170px;
}
.inner-contents .owner dl {
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}
.inner-contents .owner dt {
	margin: 0px;
	padding: 0px;
	line-height: 2;
	float: left;
}
.inner-contents .owner dd {
	line-height: 2em;
	width: 290px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
.inner-contents ol.list01 {
	margin-right: 30px;
	margin-left: 65px;
	line-height: 2;
}
.inner-contents ol.list01 li {
	margin-bottom: 2em;
}
.inner-contents .gallrey-wrapper {
	margin: 0px 40px;
}
.inner-contents .gallrey-wrapper .cbox {
	display: block;
	margin: 0px 15px;
	width: 220px;
	float: left;
}
.inner-contents .gallrey-wrapper .left p, .inner-contents .gallrey-wrapper .right p {
	line-height: 1.5em;
	margin-left: 10px;
	margin-right: 0px;
}

.inner-contents_btm-cakra {
	padding-top: 2.3em;
	overflow: hidden;
}
.inner-contents_btm-cakra ol {
	margin: 0px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
.inner-contents_btm-cakra li {
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
.btm-cakra01 a {background: url(../jewel/img/btm_cakra01.gif) no-repeat; height: 52px; width: 237px; display: block; text-indent: -9999px;}
.btm-cakra01 a:hover {background: url(../jewel/img/btm_cakra01.gif) no-repeat 0px -52px;}
.btm-cakra02 a {background: url(../jewel/img/btm_cakra02.gif) no-repeat; height: 52px; width: 222px; display: block; text-indent: -9999px;}
.btm-cakra02 a:hover {background: url(../jewel/img/btm_cakra02.gif) no-repeat 0px -52px;}
.btm-cakra03 a {background: url(../jewel/img/btm_cakra03.gif) no-repeat; height: 52px; width: 237px; display: block; text-indent: -9999px;}
.btm-cakra03 a:hover {background: url(../jewel/img/btm_cakra03.gif) no-repeat 0px -52px;}
.btm-cakra04 a {background: url(../jewel/img/btm_cakra04.gif) no-repeat; height: 52px; width: 222px; display: block; text-indent: -9999px;}
.btm-cakra04 a:hover {background: url(../jewel/img/btm_cakra04.gif) no-repeat 0px -52px;}
.btm-cakra05 a {background: url(../jewel/img/btm_cakra05.gif) no-repeat; height: 52px; width: 237px; display: block; text-indent: -9999px;}
.btm-cakra05 a:hover {background: url(../jewel/img/btm_cakra05.gif) no-repeat 0px -52px;}
.btm-cakra06 a {background: url(../jewel/img/btm_cakra06.gif) no-repeat; height: 52px; width: 222px; display: block; text-indent: -9999px;}
.btm-cakra06 a:hover {background: url(../jewel/img/btm_cakra06.gif) no-repeat 0px -52px;}
.btm-cakra07 a {background: url(../jewel/img/btm_cakra07.gif) no-repeat; height: 52px; width: 237px; display: block; text-indent: -9999px;}
.btm-cakra07 a:hover {background: url(../jewel/img/btm_cakra07.gif) no-repeat 0px -52px;}


body#c-made-index div.inner-contents p img.left {
	margin-right: 10px;
	margin-bottom: 10px;	
}
/*
body#c-made-index div.inner-contents p img.right {
	margin-left: 5px;
	margin-bottom: 10px;	
}
*/

body#atelier div.inner-contents p img.left {
	margin-right: 10px;
	margin-bottom: 60px;	
}

body#about-index p.blog-link {
	text-align:right;
	margin-top:15px;
}

#indent60 {
	font-weight: bold;
	color: #990000;
	border: 1px dotted #990000;
	padding: 0.5em 0px 0.5em 10px;
	margin-right: 130px;
	margin-left: 95px;
	margin-bottom: 2em;
}

/*end main=============================================*/





/*footer================================================*/

#footer #ft {
	width: 860px;
	padding-top: 145px;
}
#ft ul,#ft ol {
	font-size: 83.3%;
	border-left: 1px solid #663300;
	display: inline;
	line-height: 2;
}

#ft ol {
	border: none;
}

#ft ul li,#ft ol li {
	display: inline;
}

#ft ul li {
	border-right: 1px solid #663300;
}

#ft ul li a,#ft ol li a {
	margin-right: 5px;
	margin-left: 5px;
}

#ft-banner {
	margin-bottom: 45px;
	margin-top: 20px;
}
#ft-banner a img {
	border-style: none;
	margin-right: 20px;
}

#ft address {
	font-size: 12px;
	font-style: normal;
	line-height: 1.3;
	text-transform: capitalize;
	padding-top: 20px;
	color: #333333;
}

.copy {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 3em;
	letter-spacing: 0.1em;
}
/*end footer=============================================*/

.left-underspace {
	float:left;
	margin-bottom:1em;
}
#atelier #head-bg #foot-bg #wrapper #main .main-inner .inner-contents .underline04 {
	background: url(../atelier/img/border_01.gif) no-repeat center bottom;
	margin-bottom: 2em;
}
#atelier #head-bg #foot-bg #wrapper #main .main-inner .inner-contents .underline05 {
	background: url(../atelier/img/border_01.gif) no-repeat center bottom;
	margin-bottom: 24px;
	clear: both;
	line-height: 0px;
	font-size: 1px;
}
.paper {
	background: url(../atelier/img/paper.jpg) no-repeat center top;
	height: 362px;
	width: 506px;
	margin-right: auto;
	margin-left: auto;
}
.paper-inner {
	padding-top: 20px;
}
.paper-inner p {
	line-height: 1.5em;
	color: #482400;
	background: url(../atelier/img/okite_viewlet.gif) no-repeat left 2px;
	margin: 0px 35px 1.5em;
	padding: 0px 0px 0px 16px;
}
.okite {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background: url(none);
	padding: 0px;
	margin: 0px;
}