/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-size: 11px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
}
a {
 text-decoration:none;
 color:#333333;
} 

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:50px auto 0 auto;
	width:800px;
  	height:100vh;
	text-align:left;
  	display:flex;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
  position: fixed;
  top: 30px;
  right: 30px;
}
.header h1 {
  display: none;
}
.header img {
  width: 200px;
  height: auto;
}



/*　画面右側の幅　*/
.main {
	float: left;
	width: 800px;
}

.sns {
	position:fixed;
  	bottom: 20px;
  	right: 20px;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}


/*　画面左側メニューの幅　*/
.side {
	margin:80px 0 50px 0;
	float: left;
	width:214px;
}

.side ul {
	margin:0;
	padding:0;
	list-style:none;
}

.catel {
	margin:0;
	padding:0;
	width:214px;
	height:50px;
	text-indent:-9999px;
}

.sub {
	margin:0 0 0 45px;
	padding:0;
	width:214px;
	height:40px;
  	text-indent:-9999px;
}



.side li a {
	text-decoration:none;
	display:block;
	width:214px;
	height:50px;
}

.side li#ring {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat1_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#ring2 {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat1_on.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#marriage {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/ring_menu6.png) no-repeat;
  	background-position: left;
}
.side li#engagement {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/ring_menu2.png) no-repeat;
  	background-position: left;
}
.side li#fede {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/ring_menu3.png) no-repeat;
  	background-position: left;
}
.side li#gimmel {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/ring_menu4.png) no-repeat;
  	background-position: left;
}
.side li#rings {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/ring_menu5.png) no-repeat;
  	background-position: left;
}

.side li#bracelets {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat2_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#bracelets2 {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat2_on.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}



.side li#earrings {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat3_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#earrings2 {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat3_on.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}


.side li#necklaces {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat4_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#necklaces2 {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat4_on.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}

.side li#goods {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat5_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#goods2 {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat5_on.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}

.side li#about {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat6_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}
.side li#about2 {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat6_on.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}

.side li#blog {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat7_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}

.side li#archives {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat8_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}

.side li#contact {
	background:url(https://img15.shop-pro.jp/PA01085/651/etc/cat9_off.jpg?) no-repeat;
  	background-size: 75%;
  	background-position: left;
}


.logo {
	margin:55px 0 50px 64px;
}

.rightSide {
	margin:80px 0 15px 0;
	float: left;
	width:586px;
}

.subSpace {
	margin: 0 0 17px 0;
	padding: 0;
	height:56px;
	width:522px;
}

.subCate {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
}
.itemIndex {
	margin: 0;
	padding: 0;
	clear: both;
}
.itembox {
	float: left;
}

h2 img {
	margin: 0 39px 39px 0;
}

.next {
	width:310px;
	display:inline-block;
	text-align:right;
	margin:0 62px 0 0;
	float:right;
}
.about_txt {
	margin:30px 0;
  	font-size: 15px;
  	line-height: 2em;
}
.about_logo {
	font-weight: bold;
  	font-size: 18px;
  	margin:15px 0;
}

.about_info {
	font-size:12px;
  	line-height: 2em;
  	margin-bottom: 50px;
}

iframe {
	margin-top: 25px;
}

/*　フッター（コピーライト）　*/
.footer {
 border-top-style:solid;
 border-top-width:1px;
 border-top-color:#cccccc;
 width:100%;
 height:50px;
 text-align:center;
 padding:5px 0 0 0;
 clear:both;
}