@charset "utf-8";
/* CSS Document */



/*右コンテンツ部分---------------*/





/*#right～→記事の長さによって下と左の余白を調整する*/
	

#right{
	float:right;
	width:830px;
	height:auto;
	clear:right;
}

#right02{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:150px;
	padding-left:20px;
}

#right03{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:40px;
	padding-left:20px;
}

#right04{
	float:right;
	width:760px;
	height:auto;
	padding-top:50px;
	padding-left:20px;
}

#right05{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:80px;
	padding-left:20px;
}

#right06{
	float:right;
	width:760px;
	padding-bottom:10px;
	padding-left:20px;
}

#right07{
	float:right;
	width:760px;
	height:auto;
	padding-top:50px;
	padding-bottom:10px;
	padding-left:20px;
}

#right08{
	float:right;
	width:740px;
	height:auto;
	padding-top:50px;
	padding-bottom:150px;
	padding-left:40px;
}

#right09{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:30px;
	padding-left:20px;
}

#right10{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:35px;
	padding-top:35px;
	padding-left:20px;
}

#right11{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:70px;
	padding-top:100px;
	padding-left:20px;
}


#right12{
	float:right;
	width:760px;
	height:auto;
	padding-bottom:0px;
	padding-left:20px;
}



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





/*位置を上にあげる------------*/

.top_up01{
	position:relative;
	top:-100px;
}

.top_up02{
	position:relative;
	top:-150px;
}

.top_up03{
	position:relative;
	top:-170px;
}

.top_up04{
	position:relative;
	top:-180px;
}

.top_up05{
	position:relative;
	top:-250px;
}

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





/*ebebeについて　用------------*/

.about{
	background-image:url(../image/about_photo.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#right02 dt,dd{

line-height:20px;
letter-spacing:0.2em;
}

#right02 dl {
	font-size: 12px;
	color:#000;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	clear: both;
}

#right02 dl dt {
font-size: 12px;
	float:left;
	width:100px;
	font-weight: bold;
	padding: 0;
}

#right02 dl dd {
font-size: 12px;
	padding: 6px 0 0 0;
}



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




/*グッズのスペック　用------------*/



.spec dt,dd{
	font-size:10px;
line-height:10px;
letter-spacing:0.1em;}

.spec dl {
	font-size: 10px;
	color: #000;
	font-weight: normal;
	line-height: 10px;
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0;
	clear: both;
}

.spec dl dt {
	float:left;
	width:95px;
	font-weight: bold;
	padding: 0;
}

.spec dl dd {
width:450px;
	padding: 0 0 0 10px;
}






.spec02 dt,dd{
	font-size:10px;
line-height:15px;
letter-spacing:0.1em;}

.spec02 dl {
	font-size: 10px;
	color: #000;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
	clear: both;
}

.spec02 dl dt {
	float:left;
	width:90px;
	font-weight: bold;
	padding: 0;
}

.spec02 dl dd {
	width:500px;
	padding: 0 0 0 10px;
}




/*水色のリストマーク用*/

.mizuiro{
	float:left;
	padding-bottom:0px;
	padding-top:3px;
	padding-left:0px;
	padding-right:8px;
	height:14px;
}

.mizuiro2{
	float:left;
	padding-bottom:0px;
	padding-top:5px;
	padding-left:0px;
	padding-right:8px;
	height:18px;
}




/*右部分の画像とテキスト位置用*/

.r{
	float:right;
	padding-right:50px;
}

.rr{
	float:right;
	padding-right:130px;
}



/*「グッズ」内「レジズー」の写真位置*/

.rrr{
	float:right;
	padding-right:35px;
}
  /*----------------------------*/



/*「ebebeについて」内「店舗情報」のmap位置*/

.rrrr{
	float:right;
	padding-right:180px;
	position:relative;
	top:-20px;
}
  /*----------------------------*/
  
  
  




.l{
	float:left;	
}


.ll{
	float:left;
	padding-left:25px;
}



.lll{
	float:left;
	margin-bottom:59px;
	padding-left:25px;
}


.llll{
	padding-left:210px;
	padding-bottom:5px;
	padding-top:5px;

}


.lllll{
	float:left;
	padding-bottom:50px;
	padding-top:0px;
	padding-left:0px;
}



.llllll{
	float:left;
	padding-bottom:25px;
	padding-top:0px;
	padding-left:0px;
}

.lllllll{
	float:left;
	padding-bottom:25px;
	padding-top:0px;
	padding-left:25px;
}



.llllllll{
	float:left;
	padding-bottom:25px;
	padding-top:0px;
	padding-left:50px;
}

.lllllllll{
	float:left;
	padding-bottom:0px;
	padding-top:35px;
	padding-left:25px;
}



.d{
	padding-top:15px;
}







/*中央に配置*/

.center{
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/*---------------------*/





/*写真とテキストの入ったdivの位置設定ナド*/

.bottom{
float: left;
width:100%;
position: relative;
}

.bottom p{
	position:absolute;
	bottom:0px;
	left:3px;
	width:auto;
}



.bottom2{
float:left;
width:100%;
position: relative;
}

.bottom2 p{
position:absolute;
clear:both;
bottom:0px;
margin-left:235px;
width:auto;
}




/*「グッズ」の「染めかえスカート」で使用*/

.bottom3{
float:left;
width:100%;
position: relative;
}

.bottom3 p{
position:absolute;
clear:both;
bottom:0px;
right:50px;
width:auto;
}


.bottom4{
float:left;
width:100%;
position: relative;
}

.bottom4 p{
position:absolute;
clear:both;
bottom:0px;
left:291px;
width:auto;
}


.bottom5{
float: left;
width:100%;
position: relative;
}

.bottom5 p{
position:absolute;
bottom:0px;
top:20px;
left:0px;7
width:auto;
}

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




/*「グッズ」の「くるみボタン」で使用*/

.bottom6{
float: left;
width:350px;
position: relative;
}

.bottom6 p{
position:absolute;
bottom:6px;
left:50px;
width:300px;
}
/*------------------------------*/





.bottom8{
float: right;
width:232px;
position: relative;
right:50px;
top:20px;
}

.bottom8 p{

bottom:0px;
left:0px;
width:232px;
}


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



/*染めかえ申込フォームの水色リスト------*/


.mizuiro li{

	list-style:none;
	
}




/*右部分のフォーム位置設定用*/

#right_form{
	
	float:right;
	width:830px;
	height:850px;
	
}


#main{
	padding-left:70px;
	padding-top:50px;
}

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





/*右タイトル部分*/	


/*メインタイトル下のpadding幅の設定*/	

.title01{
	width:730px;
	height:30px;
	margin-bottom:80px;
	padding-left:50px;

}



.title01_b{
	width:730px;
	height:30px;
	margin-bottom:30px;
	padding-left:50px;

}




.title01_c{
	width:550px;
	height:30px;
	margin-bottom:50px;
	padding-left:0px;

}



.title01_d{
	width:550px;
	height:30px;
	margin-bottom:60px;
	padding-left:0px;

}



/*サブタイトルの設定*/	

.title02{
	width:730px;
	height:15px;
	margin-bottom:50px;
	padding-left:50px;
	float:left;
}


.title03{
	width:730px;
	height:15px;
	margin-bottom:50px;
	padding-left:0px;
}



.title04{
	width:730px;
	height:70px;
	margin-bottom:0px;
	padding-left:70px;
}



.title04 a:link {
color:#333;
text-decoration:underline;
}
.title04 a:visited {
color:#333;
text-decoration:underline;
}
.title04 a:hover {
color:
#d98002;
text-decoration:underline;
}



.title05{
	width:730px;
	height:15px;
	margin-bottom:25px;
	padding-left:50px;
	float:left;
	padding-top:100px;
}



/*点線枠の設定*/

.waku{
	background-image:url(../image/tensen_waku.jpg);
	background-repeat:no-repeat;
	width:432px;
	height:168px;
}

.waku p{
	padding-left:25px;
	padding-top:25px;
}




/*「藍染のこと」点線枠の設定*/


.waku_ai{
	background-image:
	url(../image/tensen_waku_02.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:470px;
	height:150px;
	margin-bottom:40px;
}

.waku_ai p{
	padding-left:30px;
	padding-top:50px;
}





.waku_ai02{
	background-image:
	url(../image/p_somekae/p_someabout04_p.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:470px;
	height:125px;
}

.waku_ai02 p{
	padding-left:30px;
	padding-top:40px;
}



.waku_ai03{
	background-image:
	url(../image/p_somekae/p_someabout05_p.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:470px;
	height:160px;
}

.waku_ai03 p{
	padding-left:30px;
	padding-top:25px;
}


.waku_ai04{
	background-image:
	url(../image/p_somekae/p_someabout06_p.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:470px;
	height:230px;
	margin-bottom:20px;
}

.waku_ai04 p{
	padding-left:30px;
	padding-top:40px;
}

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





/*プロジェクトメニュー---------------*/





/*メニュー位置用*/
.menu_photo{
	height:270px;
	width:730px;
	padding-top:25px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:200px;

}

/*左側３つ分用*/
.menu_photo01{
	width:161px;
	height:220px;
	margin-right:0px;
	display:inline;
}

/*いちばん右側用*/

.menu_photo02{
	width:161px;
	height:220px;
	display:inline;

}









/*グッズメニュー---------------*/





/*グッズメニュー(１段目　左端にプロジェクト名が入る場合)*/


.g_menu_photo{
	width:730px;
	padding-top:25px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:25px;
	background-image:url(../image/tensen_line_gray.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}





/*グッズメニュー(２段目がある時の上列用)*/



.g_menu_photo_b{
	width:540px;
	padding-top:25px;
	padding-left:156px;
	padding-bottom:0px;

}




/*左側２つ分用*/
.g_menu_photo01{
	width:161px;
	height:220px;
	margin-right:0px;
	display:inline;
}




/*いちばん右側用*/
.g_menu_photo02{
	width:161px;
	height:220px;
	display:inline;

}







/*やってみましたメニュー---------------*/





/*やってみましたメニュー*/


.y_menu{
	width:730px;
	padding-top:5px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:0px;
}






/*ボタン用*/
.y_menu_b{
	width:161px;
	height:125px;
	margin-right:10px;
	display:inline;
}





/*下部分ボタンとふきだしスペース---------------*/



#under_b{
	width:550px;
	height:68px;
	margin-bottom:100px;
	float:right;
}


#under_b li{
	list-style:none;
	float:left;
	padding-left:15px;
}

.under_bbb{
	padding-bottom:15px;
	padding-top:15px;
}



/*オンラインストアボタンとふきだしスペース---------------*/


#under_b_online{
	width:400px;
	height:68px;
	margin-bottom:100px;
	float:right;
}


#under_b_online li{
	list-style:none;
	float:left;
	padding-left:15px;
}