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

	For SSshopinfo file

	Last update : 2010.2.2
	mio urakami

	---------------------------
	1-0 structure
		1-1 shopinfoトップページ
		1-2 interviewページ
		1-4 直営店ページ
		1-5 school
		1-6 float clear
	2-0 visual setting
		2-1 common
		2-2 店舗紹介トップページ
			2-2-1 住所テーブル
			2-2-2 詳細エリア
		2-3 店舗インタビュー
			2-3-1 common
			2-3-2 ヘッダー
			2-3-3　本文エリア
			2-3-4　ショップデータ
			2-3-5　写真エリア
		2-4 直営店
			2-4-1 common
			2-4-2 ヘッダー
			2-4-3　本文エリア
			2-4-4　ショップデータ
			2-4-5　写真エリア
		2-5 手作り石鹸教室
			2-5-1 common
			2-5-2　本文エリア
			2-5-3　写真エリア
  --------------------------------------------*/


/*----------------------------------------------------------------
  1-0 structure
-----------------------------------------------------------------*/

/* --------------------------------------------
  1-1 shopinfoトップページ
---------------------------------------------*/

.shopinfoindex #navi{
	float:left;
}

.shopinfoindex #contents{
	float:right;
	width:720px;
}

.shopinfoindex .block .text{
	float:left;
	width:446px;
}

.shopinfoindex .block .photo{
	float:right;
	width:207px;
}

/* --------------------------------------------
  1-2 interviewページ
---------------------------------------------*/

.shopinfointerview #textblock{
	float:right;
	width:494px;
}

.shopinfointerview #photoblock{
	float:left;
	width:180px;
}

/* --------------------------------------------
  1-3 直営店ページ
---------------------------------------------*/

.officialshop #textblock{
	float:right;
	width:474px;
}

.officialshop #photoblock{
	float:left;
	width:200px;
}

/* --------------------------------------------
  1-4 school
---------------------------------------------*/

.school #textblock{
	float:right;
	width:474px;
}

.school #photoblock{
	float:left;
	width:200px;
}


/* --------------------------------------------
  1-5 float clear
---------------------------------------------*/

.shopinfoindex #contents .block{
	clear:both;
}

/*----------------------------------------------------------------
  2-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------
  2-1 common
---------------------------------------------*/

#navi h2{
	padding:12px;
	background:url("/img/btn/btn_common_off.gif") no-repeat;
	border-top:1px solid #cfbea9;
	font-weight:bold;
}

#navi ul{
	background:#fff;
	border-left:1px solid #cfbea9;
	border-right:1px solid #cfbea9;
	border-bottom:none;
}

#navi li{
	margin:1em 0;
	background:url("/img/common/arw01_wback.gif") no-repeat 0 3px;
}

/* --------------------------------------------
  2-2 店舗紹介トップページ
---------------------------------------------*/

.shopinfoindex #main{
	padding-top:13px;
}

/*カテゴリ見出し*/
.shopinfoindex #contents h2{
	margin:0 0 20px 26px;
	padding:12px 16px;
	background:url("/img/common/ttl_back_basic694.gif") no-repeat 0 0;
	color:#fff;
	font-size:117%;
}

/*エリア小見出し*/
.shopinfoindex #contents h3{
	width:120px;
	margin:20px 0 1px 43px;
	padding:13px 13px 11px 13px;
	background:url("/img/shopinfo/tab_shopinfo.gif") no-repeat 0 0;
	font-size:117%;
	font-weight:bold;
}


.shopinfoindex #contents .block{
	margin:1px 5px 1px 30px;
	padding:5px;
	background:#fff;
	border:1px solid #dad2d0;
}

/*店舗名*/
.shopinfoindex #contents .block h4{
	padding:16px 9px;
	background:url("/img/common/line_greydot_wback.gif") repeat-x 0 100%;
/*	color:#5e4322;*/
	font-size:150%;
}

/*詳細ページへのリンク*/
.shopinfoindex #contents .block .moreinfo{
	padding:5px;
	background:url("/img/common/line_greydot_wback.gif") repeat-x 0 0;
}

.shopinfoindex #contents .block .moreinfo p{
	padding:6px 18px 0 16px;
	background:url("/img/common/arw_right_wback.jpg") no-repeat 100% 4px;
	text-align:right;
}


/* ----------------------------
  2-2-1 住所テーブル
------------------------------*/

.shopinfoindex #contents .block table{
	margin-left:10px;
	width:645px;
}

.shopinfoindex #contents .block th{
	padding:8px 0;
	font-size:86%;
}

.shopinfoindex #contents .block td{
	padding:0 0 8px 0;
	line-height:1.34;
	vertical-align:top;
}

.shopinfoindex #contents .block td h5{
	padding-bottom:4px;
	font-weight:bold;
}

.shopinfoindex #contents .block td p{
	margin-bottom:0.5em;
	line-height:1.34;
}

.shopinfoindex #contents .block th.add{
	width:38%;
}

.shopinfoindex #contents .block td.add{
	padding-right:30px;
}

.shopinfoindex #contents .block th.tel{
	width:20%;
}


/* ----------------------------
  2-2-2 詳細エリア
------------------------------*/

.shopinfoindex #contents .block .detail{
	width:663px;
	padding:15px 5px 0 5px;
	background:url("/img/common/line_greydot_wback.gif") repeat-x 0 0;
}

.shopinfoindex #contents .block .lineup p{
	margin:0.6em 0 0 6px;
	font-size:117%;
	line-height:1.7;
}

.shopinfoindex #contents .block .comment{
	margin-top:16px;
}

.shopinfoindex #contents .block .comment p{
	margin:0 0 0.6em 6px;
	line-height:1.7;
}

.shopinfoindex #contents .block .photo p{
	margin-bottom:10px;
}

/* --------------------------------------------
  2-3 店舗インタビュー
---------------------------------------------*/

/* ----------------------------
  2-3-1 common
------------------------------*/

.shopinfointerview #contents{
	width:702px;
}

/* ----------------------------
  2-3-2 ヘッダー
------------------------------*/

.shopinfointerview #titlearea02{
	width:auto;
	padding:0 0 16px 0;
	background:url("/img/product/line_double.gif") repeat-x 0 bottom;
}

.shopinfointerview #titlearea02 p.subtitle{
	padding:16px 0 0 8px;
}

.shopinfointerview #titlearea02 h1{
	padding:8px 8px 0 8px;
}

.shopinfointerview #titlearea02 .lead{
	padding:28px 8px 0 8px;
}

/* ----------------------------
  2-3-3　本文エリア
------------------------------*/

.shopinfointerview #textblock .box{
	padding:0 3px 1px 3px;
	background:url("/img/common/line_dot_gback.gif") repeat-x 0 100%;
}

.shopinfointerview #textblock .box p{
	margin:1.6em 0;
	font-size:117%;
	line-height:1.8;
}

.shopinfointerview #textblock .box p.name{
	text-align:right;
}

/* ----------------------------
  2-3-4　ショップデータ
------------------------------*/

.shopinfointerview #textblock .shopdata{
	margin-top:25px;
	padding:20px 8px;
	background:#fff;
	border:1px solid #dad2d0;
}

.shopinfointerview #textblock .shopdata h2{
	padding:0 7px 14px 7px;
	font-size:117%;
	font-weight:bold;
	line-height:1.34;
}

.shopinfointerview #textblock .shopdata table{
	width:478px;
	background:url("/img/common/line_greydot_wback.gif") repeat-x 0 100%;
}

.shopinfointerview #textblock .shopdata tr{
	background:url("/img/common/line_greydot_wback.gif") repeat-x 0 0;
}

.shopinfointerview #textblock .shopdata th, .shopinfointerview #textblock .shopdata td{
	padding:8px 6px;
	line-height:1.34;
}

.shopinfointerview #textblock .shopdata th{
	width:17%;
}

/* ----------------------------
  2-3-5　写真エリア
------------------------------*/

.shopinfointerview #photoblock{
	padding-top:25px;
}

.shopinfointerview #photoblock p{
	margin:0 0 16px 9px;
}


.shopinfointerview .pageup{
	margin-right:0;
}


/* --------------------------------------------
  2-4　直営店
---------------------------------------------*/

/* ----------------------------
  2-4-1 common
------------------------------*/

.officialshop #contents{
	width:702px;
}

/* ----------------------------
  2-3-2 ヘッダー
------------------------------*/

.officialshop #titlearea02{
	width:auto;
	padding:0 0 16px 0;
	background:url("/img/product/line_double.gif") repeat-x 0 bottom;
}

.officialshop #titlearea02 p.subtitle{
	padding:16px 0 0 8px;
}

.officialshop #titlearea02 h1{
	padding:8px 8px 0 8px;
}

.officialshop #titlearea02 .lead{
	padding:28px 8px 0 8px;
}

/* ----------------------------
  2-3-3　本文エリア
------------------------------*/

.officialshop #textblock .box{
	padding:10px 3px 1px 3px;
}

.officialshop #textblock .box p{
	margin:1.6em 0;
	font-size:117%;
	line-height:1.8;
}

/* ----------------------------
  2-3-4　ショップデータ
------------------------------*/

.officialshop #textblock .shopdata{
	margin-top:10px;
}

.officialshop #textblock .shopdata table{
	width:474px;
	background:url("/img/common/line_dot_gback.gif") repeat-x 0 0;
}

.officialshop #textblock .shopdata tr{
	background:url("/img/common/line_dot_gback.gif") repeat-x 0 100%;
}

.officialshop #textblock .shopdata th, .officialshop #textblock .shopdata td{
	padding:10px 6px;
	line-height:1.34;
	vertical-align:top;
}

.officialshop #textblock .shopdata td h2{
	margin:3px 0;
	font-weight:bold;
}

.officialshop #textblock .shopdata td p{
	margin-bottom:0.7em;
	line-height:1.34;
}

.officialshop #textblock .shopdata th{
	width:17%;
}

/* ----------------------------
  2-3-5　写真エリア
------------------------------*/

.officialshop #photoblock{
	padding-top:25px;
}

.officialshop #photoblock p{
	margin:0 0 16px 9px;
}


.officialshop .pageup{
	margin-right:0;
}



/* --------------------------------------------
  2-5 手作り石鹸教室
---------------------------------------------*/

/* ----------------------------
  2-5-1 common
------------------------------*/

.school #contents{
	width:702px;
}


/* ----------------------------
  2-5-2　本文エリア
------------------------------*/

.school #textblock .box{
	padding:0 3px 1px 3px;
}

.school #textblock .box h2{
	margin:1.6em 0;
	font-size:117%;
	font-weight:bold;
	line-height:1.34;
}

.school #textblock .box p{
	margin:1.6em 0;
	font-size:117%;
	line-height:1.8;
}

.school #textblock .box p.link{
	padding-left:20px;
	background:url("/img/common/arw_right.jpg") no-repeat 0 3px;
}


/* ----------------------------
  2-5-3　写真エリア
------------------------------*/

.school #photoblock{
	padding-top:25px;
}

.school #photoblock p{
	margin:0 0 16px 9px;
}


.school .pageup{
	margin-right:0;
}