@charset "Shift_JIS";
/*アクセサリーページ　共通 (お買い物の流れのページ除く)

--------------------------------------------------*/

@import "common.css";
@import "cart.css";



#main{
	background: url(../img/project_img/idea_bg01.png) no-repeat;
	height:320px;
}

h4{
	margin:0px 0px 0px 10px ;
}
.table{
	margin:0px 0px 0px 10px;
}

#content ul{
	height:40px;
}

#content a{
	background:url(../img/acce_img/acce_navi.png);
	padding:40px 0px 0px 0px;
}


#content_menu01 a{
	width:76px;
	background-position:0px -49px;
}
#content_menu02 a{
	width:74px;
	background-position: -76px -49px;
}
#content_menu03 a{
	width:124px;
	background-position: -150px -49px;
}
#content_menu04 a{
	width:86px;
	background-position: -274px -49px;

}
#content_menu05 a{
	width:71px;
	background-position: -360px -49px;
}
#content_menu06 a{
	width:74px;
	background-position: -431px -49px;
}

#content_menu01 a:hover{background-position:0px 0px;}
#content_menu02 a:hover{background-position: -76px 0px;}
#content_menu03 a:hover{background-position: -150px 0px;}
#content_menu04 a:hover{background-position: -274px 0px;}
#content_menu05 a:hover{background-position: -360px 0px;}
#content_menu06 a:hover{background-position: -431px 0px;}



/*背景を可動にする
---------------------------*/

#main02{
	height:auto;
	padding:0px 0px 0px 60px;
}

#main02_2{
    background:url(../img/project_img/idea_bg08_3.png)  repeat-y
	;
	margin:0;
}


#profile_line{
	margin:20px 0px 0px 8px;
}



/*h3 ルルド・ネ・ルル内各ページ表示
--------------------------------------------------*/

/*コンセプト
---------------------------*/
#concept{
	background:url(../img/acce_img/consept.png) no-repeat;
	width:590px;
	height:0px !important;
	height /**/:60px;
	padding:60px 0px 0px 0px;
	overflow:hidden;
}

 
#concept_acce{
    width:500px;
	margin:0px 0px 0px 20px;
	height:680px;
	font-size:1.1em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:2;
	text-align:center;
	background:url(../img/acce_img/bg01.png) top center no-repeat;
}

.lace{
    width:500px;
	background:url(../img/acce_img/lace4.gif) repeat-x;
	height:90px;
	font-size:1.1em;
	line-height:2;	 
}

.lace2{
    width:500px;
	background:url(../img/acce_img/lace5.gif) repeat-x;
	height:90px;
	font-size:1.1em;
	line-height:2;	 
}


/*オンラインショップ
---------------------------*/
#shop{
	background:url(../img/acce_img/acce_shop.png);
	background-repeat:no-repeat;
	width:590px;
	height:0px !important;
	height /**/:60px;
	padding:60px 0px 0px 0px;
	overflow:hidden;
}
/*過去の作品
---------------------------*/
#work{
	background:url(../img/acce_img/acce_work.png);
	background-repeat:no-repeat;
	width:590px;
	height:0px !important;
	height /**/:60px;
	padding:60px 0px 0px 0px;
	overflow:hidden;
}

#workmain{
    width:520px;
	height:auto;
}

#workmain h5{
    clear:both;
    color:#0099CC;
	border-left:#0099CC solid 6px ;
	border-bottom:#0099CC solid 1px;
	font-size:1.2em;
	line-height:1;
	padding:0px 0px 5px 5px ;
}



.work_box{
    width:120px;
	height:200px;
	margin:15px 5px 15px 0px ;
	border-bottom:#999999 solid 1px;
	border-left:#999999 solid 1px;
	float:left;
}

.work_box_bress{
    width:150px;
	height:180px;
	margin:15px 5px 15px 0px ;
	border-bottom:#999999 solid 1px;
	border-left:#999999 solid 1px;
	float:left;
}

.work_box p ,
.work_box_bress p{
	text-align:center;
	font-size:1em;
	line-height:1;
}

.work_img{
 margin:5px;
 width:110px;
 height:130px;
}


.work_imgpias{
 margin:5px;
 width:140px;
 height:130px;
}

.work_imgbress{
 margin:5px;
 width:140px;
 height:130px;
}

/*お客様の声
---------------------------*/

#main02{
	height:auto;
	padding:0px 0px 0px 60px;
}

/*お客様の声_bg繰り返し設定
---------------------------*/
#main02_2{
    background:url(../img/project_img/idea_bg08_3.png)  repeat-y;
	margin:0;
}

#voice{
	background:url(../img/acce_img/acce_voice.png);
	background-repeat:no-repeat;
	width:590px;
	height:0px !important;
	height /**/:60px;
	padding:60px 0px 0px 0px;
	overflow:hidden;
}

/*blockquote設定*/
blockquote{
    background: url(../img/project_img/dot.png) no-repeat left top;
	padding:15px 0px 0px 15px;
	margin: 0px 120px 15px 5px; 
}

.new_event_line{
	margin:0px 0px 0px 180px;
}

.linemgn{
    margin:0px 0px 20px 0px;
}

/*石について
---------------------------*/
#stone{
	background:url(../img/acce_img/acce_stone.png);
	background-repeat:no-repeat;
	width:590px;
	height:0px !important;
	height /**/:60px;
	padding:60px 0px 0px 0px;
	overflow:hidden;
	margin-bottom:20px;
}


/*iframe　情報更新ページ(オンラインショップ"Online shop"／過去の作品"Work"/お客様の声"Voice")
--------------------------------------------------*/
.acce_voice{
	width:505px;
	height:500px;
	border:0px;
	margin:0px 0px 0px 15px;
}

/*オンラインショップ内のアイテムカテゴリーナビ
--------------------------------------------------*/
#navi ul{
	list-style:none;
	margin:10px 0px 0px 8px;
}

#navi li{
	display:inline;
}
#navi a{
	overflow:hidden;
	display:block;
	height:0 !important;
	height /**/:30px;
	background:url(../img/acce_img/acce_shopnavi.png);
	background-repeat:no-repeat;
	padding:30px 0px 0px 0px;
	float:left;
}

#navi_01 a{
	width:167px;	
	background-position:0px 0px;
}
#navi_02 a{
	width:115px;
	background-position:-167px 0px;
}	
#navi_03 a{
	width:115px;
	background-position:-282px 0px;
}
#navi_04 a{
	width:114px;
	background-position:-397px 0px;
}

/*石について、石の色ナビ説明　
--------------------------------------------------*/
#sub_content{

}
#stone_color{
	width:100px;
	float:left;
}
#stone_color ul{
	margin:0px 0px 0px 17px;
}
#stone_color a{
	overflow:hidden;
	display:block;
	height:0 !important;
	height /**/:35px;
	width:80px;
	background:url(../img/acce_img/stone_navi.png) no-repeat;
	padding:35px 0px 0px 0px;
}
#stone01 a{background-position:0px 0px;}
#stone02 a{background-position:0px -35px;}
#stone03 a{background-position:0px -70px;}
#stone04 a{background-position:0px -105px;}
#stone05 a{background-position:0px -140px;}
#stone06 a{background-position:0px -175px;}
#stone07 a{background-position:0px -210px;}
#stone08 a{background-position:0px -245px;}
#stone09 a{background-position:0px -280px;}
#stone10 a{background-position:0px -315px;}
#stone11 a{background-position:0px -350px;}


#stone01 a:hover{background-position:-80px 0px;}
#stone02 a:hover{background-position:-80px -35px;}
#stone03 a:hover{background-position:-80px -70px;}
#stone04 a:hover{background-position:-80px -105px;}
#stone05 a:hover{background-position:-80px -140px;}
#stone06 a:hover{background-position:-80px -175px;}
#stone07 a:hover{background-position:-80px -210px;}
#stone08 a:hover{background-position:-80px -245px;}
#stone09 a:hover{background-position:-80px -280px;}
#stone10 a:hover{background-position:-80px -315px;}
#stone11 a:hover{background-position:-80px -350px;}



/*石の説明　
--------------------------------------------------*/
#explanation{
	float:left;
}
#stone_over{
	width:450px;
	height:auto;
}
#stone_over h4{
	margin:0px;
}
#stone_over a{
	background:none;
	padding:0px 0px 50px 0px;
	
}
.text_line{
	padding:5px 0px 0px 5px;
	margin:0px 0px 20px 0px;
}

.textimg{
	float:left;
	margin:0px 5px 5px 0px;
}
.text01{
	float:left;
}
.text02{
	float:left;
	width:240px;
}
.text02 a{
	padding:0px 0px 16px 0px !important;
	
}
.bg{
	background:url(../img/acce_img/sub_bg.png) no-repeat;
}

.text03{
	clear:both;
	margin:5px 0px 0px 0px;
}
.text04{
	color:#FFFFFF;
	padding:4px 0px 0px 12px;
}
.text05{
	padding:10px 50px 10px 7px;

}

#acce_shoplist {
}

#h5_name {
 clear: both;
 padding-top: 30px;
}

#item {
 float: left;
 width: 130px;
}