@charset "UTF-8";

/*
 ▼0. Yahoo UI Library Fonts CSS
 ブラウザ間のフォントサイズの差異を最小限のハックで吸収する。
----------------------------------
  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version: 3.0.0pr1
================================== */
body {
	font: 13px/1.231 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
}

select,input,button,textarea {
	font: 99% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	line-height: 100%;
	font-family: monospace;
	*font-size: 108%;
}

/*---margin/padding0---*/
body,div,span,h1,h2,h3,h4,h5,h6,p,
table,caption,tbody,tfoot,thead,tr,th,td,
ul,ol,li,dl,dt,dd,form {
	margin: 0;
	padding: 0;
}

/*---float解除---*/
.clearfix:after {
	content: url(../img/common/sp.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix {
	width: 100%; /*---IE6,7用---*/
	/*\*//*/
	overflow: hidden; /*---Mac IE5.x用---*/
	/**/
}

/*
 ▼1. レイアウト
-------------------------------------
 [body]         　　 [.base]
		             850
		        ┌─────┐
        1070	     200   630   200
┌────────┐┌─┬───┬─┐
┏━━━━━━━━┓┏━┳━━━┳━┓
┃#headerTopCol　 ┃┃　┃　　　  　┃①#leftCol
┣━━━━━━━━┫┃　┃　　②  　┃②#rightTwoCol(2カラム)
┃#header　 　　　┃┃　┃……………┃③#mainCol(3カラム)
┣━━━━━━━━┫┃  ┃　　　┃　┃④#rightThreeCol(3カラム)
┃#topCol 　　　　┃┃①┃　③　┃④┃
┣━━━━━━━━┫┗━┻━━━┻━┛
┃.base　　 　　　┃■ブログ
┣━━━━━━━━┫　　714　[20]336
┃#bottomCol　    ┃┌─────┬─┐
┣━━━━━━━━┫┏━━━━━┳━┓
┃#footer(Navi) 　┃┃  　①　　┃②┃①#mainCol2(2カラム)
┣━━━━━━━━┫┃  　　　　┃　┃②#rightTwoCol2(2カラム)
┃#footerBottomCol┃┗━━━━━┻━┛
┗━━━━━━━━┛
━┃┏┓┛┗┣┳┫┻─┌┐┬…
================================== */
/*---body---*/
body {
	background: url(../img/header/imgback_container.gif) repeat-x;
	background-position: top;
}

#container {
	position: relative;
	top: 630px;
	left: 50%;
	width: 1070px;
	height: auto;
	margin-left: -535px;
}

#container2 {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 1070px;
	height: auto;
	margin: 10px 0 0 -535px;
}

#headerTopCol {}

#header {
	position: relative;
	left: 50%;
	width: 1070px;
	height: 160px;
	margin-left: -535px;
	background: url(../img/header/imgback_header.gif) no-repeat;
}

#topCol {
	position: relative;
	left: 50%;
	width: 1070px;
	height: auto;
	margin: 10px 0 0 -535px;
}

.base {
	position: relative;
	left: 50%;
	width: 1070px;
	height: auto;
	margin: 10px 0 10px -535px;
}

#bottomCol {
	position: relative;
	left: 50%;
	width: 1070px;
	height: auto;
	margin-left: -535px;
}

#footer {
	background: url(../img/footer/imgback_footer.gif) repeat-x;
	background-position: bottom;
}

#footerNavi {
	position: relative;
	left: 50%;
	width: 1070px;
	height: 200px;
	margin-left: -535px;
	background: url(../img/footer/imgback_footer_navi.gif) no-repeat;
}

#footerBottomCol {}

/*---.base---*/
#leftCol {
	float: left;
	width: 200px;
}

#rightTwoCol {
	float: right;
	width: 850px;
}

#mainCol {
	float: left;
	width: 630px;
	font-size: 110%;
}

#rightThreeCol {
	float: right;
	width: 200px;
	margin-left: 20px;
}

/*---.base[blog]---*/
#mainCol2 {
	float: left;
	width: 714px;
	font-size: 110%;
}

#rightTwoCol2 {
	float: right;
	width: 336px;
}


/*---header---*/
#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 160px;
}

#counter {
	position: absolute;
	top: 94px;
	right: 5px;
	width: 500px;
	height: 20px;
}
#headerMenu {
	position: absolute;
	right: 0;
	bottom: 3px;
	width: 560px;
	height: 70x;
}

#headerMenu ul li {
	float: right;
	width: 140px;
	height: 30px;
}

/*---footerー---*/
#footerNavi ul li {
	margin-bottom: 10px;
	padding-left: 22px;
	background: url(../img/common/mrk/mrk_pink02.gif) no-repeat;
}

#footerNavi a {		/*---擬似的子供セレクタ---*/
	position: absolute;
	top: 23px;
	right: 43px;
	width: 97px;
	height: 34px;
}

#footerNavi * a {	/*---擬似的子供セレクタ---*/
	position: static;
	width: auto;
	height: auto;
}

#footerNavi span {
	position: absolute;
	right: 20px;
	bottom: -1px;
	color: #ffffff;
	font-size: 80%;
}

#footerList1 {
	position: absolute;
	top: 30px;
	left: 130px;
	width: 210px;
	height: 135px;
	padding: 10px;
}

#footerList2 {
	position: absolute;
	top: 30px;
	left: 340px;
	width: 210px;
	height: 135px;
	padding: 10px;

}

#footerList3 {
	position: absolute;
	top: 30px;
	left: 565px;
	width: 210px;
	height: 135px;
	padding: 10px;

}

/*
 ▼2. Text
------------------------------------- */
h1 {
	position: relative;
	top: 10px;
	left: 50%;
	width: 1070px;
	height: auto;
	margin-left: -535px;
	font-size: 90%;
	text-align: right;
}


.PmarTB10 h2,
.PmarTB10 h3,
.PmarTB10 h4,
.PmarTB10 p {margin: 20px 0;}

/*
 ▼3. Link
------------------------------------- */
/* ボックスサイズを別で指定すること */
.btnRed a,
.btnGreen a,
.btnPink a,
.btnBlue a {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 10px 0;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

.btnRed a:hover,
.btnGreen a:hover,
.btnPink a:hover,
.btnBlue a:hover {background-color: #fff;}

.btnRed a {background-color: #e7609e;}
.btnRed a:hover {border: 1px solid #e7609e; color: #e7609e;}

.btnGreen a {background-color: #69821b;}
.btnGreen a:hover {border: 1px solid #aacf53; color: #69821b;}

.btnPink a {background-color: #e7609e;}
.btnPink a:hover {border: 1px solid #e7609e; color: #e7609e;}

.btnBlue a {background-color: #0095d9;}
.btnBlue a:hover {border: 1px solid #0095d9; color: #0095d9;}

/*
 ▼4. Image
------------------------------------- */
a img {border: none;}

.opacity05 img:hover,
.opacity05 img:active {opacity: 0.5;}

/*
 ▼5. Table
------------------------------------- */
table {
	width: 100%;
	margin: 15px auto 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	text-align: left;
}

table th {
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: normal;
	background-color: #f0f0f0;
}

table td {
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*
 ▼6. List
------------------------------------- */
ul,ol,li {list-style: none;}

/*---リスト装飾ー---*/
.listTypeS li {list-style-type: square;}

/*---リストマーク---*/
.icoBlueY {background: url(../img/ico/ico_arrow_blue01.gif) no-repeat;}
.icoYellowY {background: url(../img/ico/ico_arrow_yellow01.gif) no-repeat;}
.icoPinkY {background: url(../img/ico/ico_arrow_pink01.gif) no-repeat;}
.icoGreenY {background: url(../img/ico/ico_arrow_green01.gif) no-repeat;}

.icoBlueN {background: url(../img/ico/ico_arrow_blue00.gif) no-repeat;}
.icoYellowN {background: url(../img/ico/ico_arrow_yellow00.gif) no-repeat;}
.icoPinkN {background: url(../img/ico/ico_arrow_pink00.gif) no-repeat;}
.icoGreenN {background: url(../img/ico/ico_arrow_green00.gif) no-repeat;}

.icoBlueN,
.icoYellowN,
.icoPinkN,
.icoGreenN {color: #ccc;}

.icoBlueY a:link,
.icoYellowY a:link,
.icoPinkY a:link,
.icoGreenY a:link {text-decoration: none;}

.icoBlueY a:hover {color: #0095d9; text-decoration: underline;}
.icoYellowY a:hover {color: #ec6800; text-decoration: underline;}
.icoPinkY a:hover {color: #e7609e; text-decoration: underline;}
.icoGreenY a:hover {color: #aacf53; text-decoration: underline;}


/*---リスト幅---*/
.listFlt60 li,
.listFlt137 li,
.listFlt190 li {
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}

.listFlt60 li {width: 60px;}
.listFlt137 li {width: 137px;}
.listFlt190 li {width: 190px;}

/*---リストfloat---*/
.listFloat li {float:left;}

/*
 ▼7. Form
------------------------------------- */
input[type='text'],
input[type='password'] {
	padding: 2px;
	border: 1px solid #ccc;
}

input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
	border: 1px solid #888;
	background-color: #ffc;
}

.select {
    border: 1px solid #ccc;
    padding: 2px;
}

/*
 ▼8. OOCSS
------------------------------------- */
/*---margin---*/
.marTB5 {margin: 5px 0;}
.marTB10 {margin: 10px 0;}
.marTB20 {margin: 20px 0;}
.marTB30 {margin: 30px 0;}
.marTop5 {margin-top: 5px;}
.marTop10 {margin-top: 10px;}
.marTop20 {margin-top: 20px;}
.marBtm10 {margin-bottom: 10px;}
.marBtm10 {margin-bottom: 10px;}
.marBtm20 {margin-bottom: 20px;}
.marBtm30 {margin-bottom: 30px;}
.marBtm-15 {margin-bottom: -15px;}
.marL40 {margin-left: 40px;}
.marL50 {margin-left: 50px;}
.marL80 {margin-left: 80px;}
.marL228 {margin-left: 225px;}
.marL280 {margin-left: 280px;}


/*---padding---*/
.padL10 {padding-left: 10px;}

/*---boxSize---*/
.boxAuto {width: auto; height: auto;}
.boxW60 {width: 60px;}
.boxW80 {width: 80px;}
.boxW100 {width: 100px;}
.boxW145 {width: 145px;}
.boxW160 {width: 160px;}
.boxW195 {width: 195px;}
.boxW200 {width: 200px;}
.boxW250 {width: 250px;}
.boxW300 {width: 300px;}
.boxW350 {width: 350px;}
.boxW400 {width: 400px;}
.boxW500 {width: 500px;}
.boxW600 {width: 600px;}
.boxW620 {width: 620px;}
.boxW624 {width: 624px;}

/*---lineheight---*/
.lineH17 {line-height: 1.7;}

/*---float---*/
.fLeft {float: left;}
.fRight {float: right;}


/*---text---*/
.txtRight {text-align: right;}
.txtRight2 {margin-left: auto;}	/*---右寄せ---*/
.txtLeft {text-align: left;}
.txtCenter {text-align: center;}
.txtTop {vertical-align: top;}
.txtMiddle {vertical-align: middle;}
.txtBottom {vertical-align: bottom;}


/*---bgcolorー---*/
.bgColorYellow {background-color: #ffff9e;}
.bgColorYellow2 {background-color: #fffff9;}
.bgColorBlue {background-color: #F0FFFF;}
.bgColorGray {background-color: #f9f9f9;}

/*---ボックス装飾---*/
.boxDeco01Pink,
.boxDeco01Blue,
.boxDeco01Green,
.boxDeco01Yellow,
.boxDeco01Orange {
	width: auto;
	height: auto;
	margin-bottom: 20px;
	padding: 5px;
}

.boxDeco02Pink,
.boxDeco02Blue,
.boxDeco02Green,
.boxDeco02Yellow,
.boxDeco02Orange {
	width: auto;
	height: auto;
	margin-bottom: 20px;
}

.boxDeco01Pink {background-color: #fef4f4;}
.boxDeco01Blue {background-color: #eaf4fc;}
.boxDeco01Green {background-color: #efd;}
.boxDeco01Yellow {background-color: #ffff9e;}
.boxDeco01Orange {background-color: #fceec9;}

.boxDeco01Pink h2,
.boxDeco01Blue h2,
.boxDeco01Green h2,
.boxDeco01Yellow h2,
.boxDeco01Orange h2,
.boxDeco02Pink h2,
.boxDeco02Blue h2,
.boxDeco02Green h2,
.boxDeco02Yellow h2,
.boxDeco02Orange h2,
.boxDeco01Pink h3,
.boxDeco01Blue h3,
.boxDeco01Green h3,
.boxDeco01Yellow h3,
.boxDeco01Orange h3,
.boxDeco02Pink h3,
.boxDeco02Blue h3,
.boxDeco02Green h3,
.boxDeco02Yellow h3,
.boxDeco02Orange h3 {
	width: auto;
	height: 20px;
	padding: 5px 10px;
	margin-bottom: 5px;
	line-height: 1;
	font-weight: bold;
	font-size: 120%;
}

.boxDeco01Pink h2,
.boxDeco02Pink h2,
.boxDeco01Pink h3,
.boxDeco02Pink h3 {
	border-left: 5px solid #e7609e;
	border-bottom: 1px solid #e7609e;
	color: #e7609e;
}
.boxDeco01Blue h2,
.boxDeco02Blue h2,
.boxDeco01Blue h3,
.boxDeco02Blue h3 {
	border-left: 5px solid #38a1db;
	border-bottom: 1px solid #38a1db;
	color: #38a1db;
}
.boxDeco01Green h2,
.boxDeco02Green h2,
.boxDeco01Green h3,
.boxDeco02Green h3 {
	border-left: 5px solid #69821b;
	border-bottom: 1px solid #69821b;
	color: #69821b;
}
.boxDeco01Yellow h2,
.boxDeco02Yellow h2,
.boxDeco01Yellow h3,
.boxDeco02Yellow h3 {
	border-left: 5px solid #ffff9e;
	border-bottom: 1px solid #ffff9e;
	color: #ffff9e;
}

.boxDeco01Orange h2,
.boxDeco02Orange h2,
.boxDeco01Orange h3,
.boxDeco02Orange h3 {
	border-left: 5px solid #f39800;
	border-bottom: 1px solid #f39800;
	color: #f39800;
}

.boxDeco01Pink li,
.boxDeco01Blue li,
.boxDeco01Green li,
.boxDeco01Yellow li,
.boxDeco01Orange li {
	width: auto;
	height: 36px;
	padding-left: 10px;
	margin-bottom: 1px;
}

.boxDeco03Gray {
	width: auto;
	height: auto;
	margin: 20px 0;
	padding: 10px;
}

.boxDeco03Gray {
	border: 1px solid #ccc;
}

.attenRed,
.attenGreen,
.attenPink,
.attenBlue,
.attenGray {
	display: inline-block;
	height: 15px;
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 80%;
	border: 1px solid #fff;
	color: #fff;
}

.attenRed {background-color: #cb202b;}
.attenGreen {background-color: #69821b;}
.attenPink {background-color: #e7609e;}
.attenBlue {background-color: #0095d9;}
.attenGray {background-color: #334052;}


/*---見出し装飾---*/
.headlineBlue,
.headlineYellow,
.headlineOrange,
.headlineGreen {
	height: 40px;
	line-height: 40px;
	margin: 20px auto;
	padding-left: 10px;
	border: 1px solid #ddd;
	font-size: 120%;
}

.headlineBlue {background-color: #f0ffff;}
.headlineYellow {background-color: #ffff9e;}
.headlineOrange {background-color: #fff1cf;}
.headlineGreen {background-color: #e8ffd1;}

/*---IME状態(IE独自仕様)---*/
.imeModeDis {ime-mode: disabled;}
.imeModeAct {ime-mode: active;}

/*---colorー---*/
.colorRed {color: #f00;}
.colorGreen {color: #228b22;}
.colorBlue {color: #00f;}
.colorBlue2 {color: #38a1db;}
.colorYellow {color: #ec6800;}

/*---font---*/
.fntWeightBld {font-weight: bold;}

/*---fontSize---*/
.fntSize90 {font-size: 90%;}
.fntSize100 {font-size: 100%;}
.fntSize102 {font-size: 102%;}
.fntSize120 {font-size: 120%;}
.fntSize140 {font-size: 140%;}

/*---ディスプレイ---*/
.DispBlock{display: block;}

/*--border---*/
.borBtm1 {border-bottom: 1px solid #000;}
.borBtm2 {border-bottom: 1px solid #ccc;}


.bor1 {border: 1px solid #fff;}
.bor2 {border: 2px solid #fff;}
.bor3 {border: 3px solid #fff;}

.borPink:hover {border-color: #e7609e;}
.borYellow:hover {border-color: #f39800;}
.borGreen:hover {border-color: #69821b;}
.borBlue:hover {border-color: #38a1db;}

/*
 ▼9. Bloc
------------------------------------- */
/* ****************************
 ■header
******************************* */
/* 
 ▼top無料登録+検索
============================== */
.g-search li{
	float: left;
	height: auto;
	margin: 10px 10px 10px 0;
}

/* 
 ▼広告バナー
============================== */
.bnrH li,
.bnrF li {
	float: left;
	width: 260px;
	margin: 10px 6px 10px 0;
}


/* ****************************
 ■left
******************************* */
/* 
 ▼かごの中
============================== */
#cartBorder {
	width: auto;
	height: auto;
   	margin: 10px 0;
   	padding-bottom: 10px;
	border: 1px solid #ccc;
}

.postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/common/line_dot_01.gif") repeat-x top;
}

.pointAnnounce {
    padding: 2px 0 2px 20px;
    background: url("../img/ico/ico_price.gif") no-repeat left top;
}

.cartBtn {
    padding: 10px 0;
    text-align: center;
    background: url("../img/common/line_dot_01.gif") repeat-x top;
}

/* 
 ▼商品カテゴリ
================================== */
.categoryArea li {
	height: 35px;
	line-height: 35px;
	padding-left: 16px;
	background: url("../img/ico/ico_arrow_01.gif") no-repeat left center;
}


/*サブカテゴリ用*/
.categoryArea li.level1 li p {background: url("../img/ico/ico_level.gif") 7px 7px no-repeat;}

.categoryArea a {
	display: block;
	padding: 0;
	text-decoration: none;
}

.categoryArea a:hover {
	color: #ec6800;
	text-decoration: underline;
}

a.onlink:link {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

a.onlink:visited {
	font-weight: bold;
	color: #f00;
}

a.onlink:hover {
	font-weight: bold;
	color: #f00;
}


/* ****************************
 ■center
******************************* */
/* 
 ▼検索
============================== */
/*---雑貨屋・作家---*/
#zakkashopSearch,
#sakkaSearch {
	width: 630px;
	height: 150px;
	margin: 20px 0;
	background: url(../img/zakkashop/imgback_seach.gif) no-repeat;
}

#zakkashopSearch { background: url(../img/zakkashop/imgback_seach.gif) no-repeat;}
#sakkaSearch { background: url(../img/sakka/imgback_seach.gif) no-repeat;}

/*---商品---*/
#productsSearch {
	width: 630px;
	height: 102px;
	margin: 20px 0;
	background: url(../img/products/imgback_seach.gif) no-repeat;
}

/*---共通---*/
#searchForm {
	height: 30px;
	width: 300px;
	padding: 10px 0 0 30px;
}

#searchForm input[type=text] {vertical-align: top;}
#searchForm input[type=image] {padding-top: 3px;}

#searchType {
	width: 620px;
	height: 67px;
	margin: 32px auto 0;
	text-align: center;
}
#searchType a {padding: 0 5px;}

/* 
 ▼新着情報、イベント情報
============================== */
.newsList {
	border:1px solid #ccc;
	margin-top: 10px;
}

.newsList dl {
	width: 618px;
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
	background: #fff;
}

.newsList dt {
	float: left;
	width: 120px;
	line-height: 110%;
	padding: 7px 0 7px 20px;
	background: #fff;
}

.newsList dd {
	line-height: 110%;
	padding: 7px 5px 7px 0;
	border-bottom: 1px dotted #c0c0c0;
	background: #fff;
}

.newsFooter {
	margin: 10px 0;
	text-align: right;
}

/* 
 ▼【plug】新着雑貨屋Slider
   【plug】新着作家Slider
============================== */
.newsSlider table {border: 0;}
.newsSlider td {
	padding-top: 20px;
	vertical-align: top;
	border: 0;
}

/* ▼jquery.slider.min.js用css */
.jquery-slider {
    overflow: hidden;
    position: relative;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 100%;
}
.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background: #fff;
    opacity: 0.33;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: #666 0 0 2px;
    text-shadow: #fff 0 0 1px;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 5px;
    top: 5px;
}
.jquery-slider-control-next {
    right: 5px;
    top: 5px;
}
.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 0;
    height: 20px;
    right: 3px;
}
.jquery-slider-page {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    background: #999;
    cursor: pointer;
    opacity: 0.33;
    margin: 3px;
    border-radius: 6px;
    box-shadow: #333 0 0 2px;
}
.jquery-slider-page:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}
.jquery-slider-page-current {
    opacity: 1;
}

/* 
 ▼地域
============================== */
#AreaClick {
	width : 120px;
	height: 20px;
	line-height: 20px;
	margin: 10px 0 20px auto;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #38a1db;
	background-color: #eaf4fc;
	color: #38a1db;
}

#AreaClick:hover {
	border: 1px solid #fff;
	background-color: #38a1db;
	color: #fff;
}

/* 
 ▼GoogleMaps
============================== */
#mapCanvas {width: 450px; height: 600px;}

.boxMap01 {width: 210px; height: 170px;}
.boxMap02 {width: 210px; height: 50px;}




/* 
 ▼新着ハンドメイド作品
============================== */
/*---▼jquery.jcarousel.js用---*/

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    margin: 0 10px;
    width:  590px;
    height: 270px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 127px;
    height: 310px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 15px solid #ffa500;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: 0;
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 15px solid #ffa500;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* 
 ▼【plug】新着商品smoothDivScroll
============================== */
/* ▼smoothDivScroll(the CSS for Smooth Div Scroll) */
/* Invisible left hotspot */
div.scrollingHotSpotLeft {
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
		and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
		in Internet Explorer 6. */
	background-image: url(../img/bloc/status_products/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../img/bloc/status_products/cursors/cursor_arrow_left.png), url(../img/bloc/status_products/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
	background-image: url(../img/bloc/status_products/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight {
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../img/bloc/status_products/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../img/bloc/status_products/cursors/cursor_arrow_right.png), url(../img/bloc/status_products/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
	background-image: url(../img/bloc/status_products/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}
/* ▲smoothDivScroll(the CSS for Smooth Div Scroll) */
/* ▼smoothDivScroll(Styles for my specific scrolling content) */
#makeMeScrollable {
	position: relative;
	width:100%;
	height: 160px;
	margin-bottom: 5px;
}

#makeMeScrollable div.scrollableArea img {
	position: relative;
	float: left;
	margin-right: 5px;
	padding: 0;
	/* ドラッグによる選択をキャンセル */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#makeMeScrollable img {
	border: 5px #eeeeee solid;
} 

#makeMeScrollable img:hover {
	border: 5px #e7609e solid;
} 
/* ▲smoothDivScroll(Styles for my specific scrolling content) */



/* ****************************
 ■right
******************************* */
/* 
 ▼ログイン
============================== */
#login {
	background: url(../img/top/imgback_login.gif) no-repeat;
	width: 200px;
	padding-top: 50px;
	margin: 10 0 20px 0;
	
}
#login dd {margin-bottom: 10px;}


/*
 ▼10. Page
------------------------------------- */
/* 
 ▼共通
============================== */
/*---パンくずリスト---*/
#topicPath {
	height: 25px;
	padding-left: 20px;
	background: url(../img/ico/ico_square_pink01.gif) no-repeat left center;
}
#topicPath li {
	float: left;
	padding: 5px 5px 0 0;
}
#topicPath li a {
	padding-right: 20px;
	background: url(../img/ico/ico_arrow_pink02.gif) no-repeat right center;}

/*---ナビ---*/
.navi2 li {
	float: left;
	width: 20px;
	height:25px;
	line-height: 25px;
	margin-left:5px;
	padding: 2px;
	text-align:center;
	font-weight: bold;
}

.navi2 li a {
	float: left;
	width: 25px;
	height:25px;
	line-height: 25px;
	list-style-type: none;
	text-decoration: none;
	background-color:#336699;
	color:#fff;
}

.navi2 li a:hover {
	background-color:#002244;
}

/* 
 ▼マイページ
============================== */
/*---ログイン---*/
.baseForm {
	width: 500px;
	height: auto;
	margin: 10px 0 10px 50px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}

.baseForm dl {margin: 10px 0 10px 100px;}

/* 
 ▼ポップアップウィンドウ
============================== */
/*---共通---*/
.windowArea {
	height: 100%;
	margin: 15px auto;
	padding: 10px;
	border: 1px #ccc solid;
	background: #fff;
}

.windowArea h2 {
	height: 25px;
	margin-bottom: 10px;
	padding: 4px;
	border-bottom: 3px #8cc640 solid;
	color: #8cc640;
	font-size: 170%;
}

.windowArea p {margin-bottom: 10px;}

/* 
 ▼エラーページ
============================== */
#errorCmt {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

#errorCmt p {padding: 120px 0;}

/* 
 ▼雑貨屋・作家一覧
============================== */
.categoryList th {width: 60px;}

.pagecondArea {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}

.pagenumberArea {
    margin: 20px 0;
    padding-bottom: 10px;
    background: url("../img/common/line_dot_01.gif") repeat-x bottom;
}

.change {
    float: right;
    text-align: right;
    white-space: nowrap;
}
.navi {
    width: 100%;
    text-align: left;
}

.introList li {
	float: left;
	width: 208px;
	margin-bottom: 15px;
	text-align: right;
}

/* 
 ▼紹介ページ（雑貨屋・作家さん）
============================== */
#zakkaInfo {
	width: 630px;
	height: 526px;
	margin: 10px auto;
	background: url(../img/zakkashop/imgback_zakka_info.jpg) no-repeat;
}

#sakkaInfo {
	background: url(../img/sakka/imgback_sakka_info.gif) no-repeat;
	width: 630px;
	height: 548px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#imgFan {
	position: relative;
	width: 630px;
	height: 40px;
	text-align: right;
	background: url(../img/zakkashop/img_click.gif) no-repeat top right;
}

#btnFan {padding-right: 100px;}

#zakkaInfo h2,
#sakkaInfo h2 {
	width: 500px;
	height: 25px;
	margin: 18px 0 0 75px;
	font-size: 160%;
}

#zakkaInfo h2 span,
#sakkaInfo h2 span {
	padding-left: 15px;
	font-size: 65%;
}

#zakkaInfo table {
	width: 560px;
	height: 400px;
	margin: 20px 0 0 50px;
	padding: 0;
	border: 0 none;
}

#sakkaInfo table {
	width: 550px;
	height: 320px;
	margin: 20px 0 0 50px;
	padding: 0;
	border: 0 none;
}

#zakkaInfo th,
#sakkaInfo th {
	padding: 0;
	border: 0 none;
	background-color: transparent;
}

#zakkaInfo td,
#sakkaInfo td {
	padding: 0 0 0 10px;
	border: 0 none;
	background-color: transparent;
}

#subMenu {
	width: 630px;
	margin-bottom: 10px;
}

#subMenu img {padding: 0 13px;}

.report img {margin: 0 10px 10px 0;}

.report {
	margin: 20px 0;
	color: #2b2b2b;
	line-height: 1.8;
	font-size: 115%;
}

/* 
 ▼商品一覧
============================== */
.productsList li {
	position: relative;
	float: left;
	width: 183px;
	height: 260px;
	margin: 0 4px 15px 0;
	padding: 10px;
	border: 1px solid #cccccc;
}

.productsList li img {
	display: block;
	margin: auto;
	border: 2px #ffffff solid;
}

.productsList h3 {
	height: 35px;
	margin-bottom: 5px;
	font-size: 100%;
}



.kakaku {
	font-weight: bold;
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}

.productsList img:hover {
	border: 2px #ec6800 solid;
}

.productsInfo {
	position: absolute;
	right : 5px;
	bottom: 5px;
	display: block;
}

.soldOut {
	width: 100%;
	text-align: center;
	color: #F00;
	opacity: 0.8;
	z-index : 1;
	font-size: 200%;
	font-weight: bold;
}

.soldOut:before {
	position: absolute;/* 位置付けと最前面表示 */
	left: 0;
	top: 80px;
	margin-top: -0.5em;/* 行の高さの半分上へ */
	width: 100%;/* 水平位置調整 */
	text-align: center;/* 水平位置調整 */
	content: "SOLD OUT"
}

/* 
 ▼商品詳細
================================== */
.pLeft {
	float: left;
	width: 254px;
	height: auto;
	overflow: hidden;
	margin: 0 0 30px 4px;

}

.pLeft li {
	float: left;
	padding-right: 3px;
}

.pLeft a img:hover {
	border: 1px #ec6800 solid;
}

.pLeft img,
.txtRight a img:hover {
	border: 1px solid #fff;
}
.pRight {
	float: right;
	width: 366px;
	height: auto;
	vertical-align: top;
	overflow: hidden;
}

.pRight table {
	width: 100%;
	margin: 0;
}

.pRight th {
	width: 70px;
	background: #eee;

}

.pItem {
	float: left;
	width: 47.5%;
	padding: 0 1%;
}

/* ▼lightbox_plus.js用css */
#lightbox {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px;
	background-color: #eeeeee;
}

#lightboxCaption {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: #333;
	text-align: center;
	font-size: 90%;
	background-color: #eeeeee;
}

#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000000;
	filter: Alpha(opacity=50);
}
/* ▲lightbox_plus.js用css */

/*---個別商品---*/
.parisstone01,
.parisstone02 {
	position: relative;
	width: 654px;
	height:auto;
	margin-bottom: 40px;
}

.parisstone01 p {
	position: absolute;
	width: 330px;
	height:60px;
	top: 100px;
	right:40px;
}

.parisstone02 p {
	position: absolute;
	width: 500px;
	height:60px;
	left: 10px;
	bottom:50px;
}

.fragranceStick01 {
	position: absolute;
	width: 300px;
	height: auto;
	top: 170px;
	right: 50px;
}

.fragranceStick02 {
	position: absolute;
	display: block;
	width: 450px;
	height: auto;
	left: 10px;
	bottom: -20px;
}


#LaComtesse01 {
	position: relative;
	width: 630px;
	height: 980px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Le-temps01.jpg) no-repeat;
}

#LaComtesse02 {
	position: relative;
	width: 630px;
	height: 770px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Le-temps02.jpg) no-repeat;
}

#Manon01 {
	position: relative;
	width: 630px;
	height: 980px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Manon01.jpg) no-repeat;
}

#Manon02 {
	position: relative;
	width: 630px;
	height: 770px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Manon02.jpg) no-repeat;
}

#SavondesSpa01 {
	position: relative;
	width: 630px;
	height: 900px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-SavondesSpa01.jpg) no-repeat;
}

#SavondesSpa02 {
	position: relative;
	width: 630px;
	height: 630px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-SavondesSpa02.jpg) no-repeat;
}

#Delices01 {
	position: relative;
	width: 630px;
	height: 976px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Delices01.jpg) no-repeat;
}

#Delices02 {
	position: relative;
	width: 630px;
	height: 705px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Delices02.jpg) no-repeat;
}

#Soleil01 {
	position: relative;
	width: 630px;
	height: 1090px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Soleil01.jpg) no-repeat;
}

#Soleil02 {
	position: relative;
	width: 630px;
	height: 650px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-Soleil02.jpg) no-repeat;
}

#chisaki01 {
	position: relative;
	width: 630px;
	height: 1090px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-chisaki01.jpg) no-repeat;
}

#chisaki02 {
	position: relative;
	width: 630px;
	height: 960px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-chisaki02.jpg) no-repeat;
}

#comachi01 {
	position: relative;
	width: 630px;
	height: 1090px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-comachi01.jpg) no-repeat;
}

#comachi02 {
	position: relative;
	width: 630px;
	height: 775px;
	background: url(http://www.zakkanowa.com/upload/save_image/zakkashop/tokkurizm/imgback-comachi02.jpg) no-repeat;
}

#SavondesSpa01 .abso01,
#Delices01 .abso01 {
	position: absolute;
	width: 630px;
	height:150px;
	top: 370px;
}

#Soleil01 .abso01,
#chisaki01 .abso01,
#comachi01 .abso01 {
	position: absolute;
	width: 630px;
	height:150px;
	top: 390px;
}

#Soleil01 .abso02,
#chisaki01 .abso02,
#comachi01 .abso02 {
	position: absolute;
	width: 330px;
	height:200px;
	bottom: -20px;
	right: 5px;
}

#SavondesSpa01 .abso02 {
	position: absolute;
	width: 330px;
	height:160px;
	bottom: 10px;
	right: 5px;
}

#Delices01 .abso02 {
	position: absolute;
	width: 330px;
	height:160px;
	bottom: 25px;
	right: 5px;
}


#LaComtesse01 .abso01,
#Manon01 .abso01 {
	position: absolute;
	width: 630px;
	height:150px;
	top: 480px;
}


#LaComtesse01 .abso02,
#Manon01 .abso02 {
	position: absolute;
	width: 330px;
	height:200px;
	bottom: 10px;
	right: 5px;
}

#LaComtesse02 .abso01,
#Manon02 .abso01 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 480px;
	left: 15px;
}

#Soleil02 .abso01 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 370px;
	left: 15px;
}

#chisaki02 .abso01 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 630px;
	left: 15px;
}

#comachi02 .abso01 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 500px;
	left: 15px;
}



#SavondesSpa02 .abso01 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 360px;
	left: 15px;
}

#Delices02 .abso01 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 480px;
	left: 15px;
}

#LaComtesse02 .abso02,
#Manon02 .abso02,
#SavondesSpa02 .abso02,
#Delices02 .abso02,
#Soleil02 .abso02,
#chisaki02 .abso02,
#comachi02 .abso02 {
	position: absolute;
	width: 280px;
	height: 200px;
	top: 240px;
	right: 5px;
}

#LaComtesse02 .abso03,
#Manon02 .abso03,
#SavondesSpa02 .abso03,
#Soleil02 .abso03,
#chisaki02 .abso03,
#comachi02 .abso03 {
	position: absolute;
	width: 630px;
	height:80px;
	bottom: -4px;
	left: 4px;
}

#Delices02 .abso03 {
	position: absolute;
	width: 630px;
	height:80px;
	bottom: -20px;
	left: 4px;
}



/* 
 ▼現在のカゴの中
================================== */
#quantityLevel li {
	float: left;
	padding: 10px 10px 0 0 ;
}

/* 
 ▼Q&A
================================== */
#qanda-q {
	width: auto;
	padding: 10px 10px 10px 20px;
	margin: 10px 0 ;
	border: 1px solid #ccc;
}

#qanda-q p {
	width: auto;
	padding-left: 130px;
	background: url(../img/qanda/img_q.gif)  no-repeat left;
} 

#qanda-a {
	width: auto;
	padding: 10px 10px 10px 20px;
	margin: 10px 0 ;
	border: 1px solid #ccc;
} 


#qanda-a p {
	width: auto;
	padding-left: 130px;
	background: url(../img/qanda/img_a.gif)  no-repeat left;
} 

/* 
 ▼材料屋・本情報
================================== */
#zairyou tr:nth-child(2n+1) {
	background: #F0FFFF;  
} 

.zairyoList li {
	float: left;
	width: 135px;
	background: url(../img/ico/ico_arrow_green01.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}





/* 
 ▼手芸店
================================== */
#syugeiClick a {
	display: block;
	width : 300px;
	height: 20px;
	line-height: 20px;
	margin: 20px 0 0 auto;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #fff;
	background-color: #e7609e;
	color: #fff;
	text-decoration: none;
}

#syugeiClick a:hover {
	border: 1px solid #e7609e;
	background-color: #fff;
	color: #e7609e;
}



/* 
 ▼イベント情報一覧
================================== */
#event table th {
	table-layout: fixed;
}
/* css3 */
/*#event tr:nth-child(2n+1) {
	background: #F0FFFF;
}
*/


#eventList li {
	display: block;
	float: left;
	width: 120px;
	height: 80px:
	line-height: 1.0;
	text-align: center;
	margin: 10px 10px 20px 0;
	padding: 10px;
	background: #F0FFFF;
	font-size: 120%;
	border: 1px solid #ccc;
}

/* 
 ▼イベント詳細
================================== */

#eventDetail th {
	width: 100px;
}

.eventImg img {
	width: 450;
	height: auto;
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #ccc;
}

/* 
 ▼マイページ
================================== */


/* 共通設定
--------------- */
#naviList h3 {
	margin: 20px 0;
	padding-left: 10px;
	font-size: 120%;
	line-height: 120%;
	border-bottom: 1px solid #000;
}

#naviList p {margin-top: -10px;}

.pageNumberArea {
    padding-bottom: 10px;
    background: url("../img/common/line_dot_01.gif") repeat-x bottom ;
}



/* 購入履歴一覧/詳細
--------------- */
.myConditionArea {
    width: 97%;
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f9f9f9;
}

.myConditionArea p {
    float: left;
}

/*class classじゃないと適用されない。なぜ？*/
.myConditionArea .myConditionBtn {
    width: 160px;
    margin-top: 15px;
    float: right;
}

/* イベント追加・変更
--------------- */
#mypageClick a {
	display: block;
	width : 200px;
	height: 20px;
	line-height: 20px;
	margin: 20px 0;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #fff;
	background-color: #e7609e;
	color: #fff;
	text-decoration: none;
}

#mypageClick a:hover {
	border: 1px solid #e7609e;
	background-color: #fff;
	color: #e7609e;
}


/* 
 ▼プライバシーポリシー
================================== */
#privacy li {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 10px 0 0 10px;
}

#privacy h3 {
	height: 23px;
	line-height: 25px;
	margin: 15px auto;
	padding-left: 5px;
	border: 1px solid #ddd;
	font-size: 110%;
	background-color: #f0ffff;
}


/* 
 ▼利用ガイド
================================== */
.guideTable td {
	vertical-align: top;
}

/* 
 ▼メッセージ
================================== */
.service01,
.service02,
.service03,
.service04,
.service05,
.service06,
.service07,
.service08,
.service09,
.service10,
.service11,
.service12,
.service13,
.service14,
.service15 {
	position: relative;
	width: 135px;
	height: 80px;
	margin: 0 10px 10px 0;
	padding: 40px 5px 5px 60px;
}

.service01 {background: url("/massage/img/imgback_service01.gif") no-repeat;}
.service02 {background: url("/massage/img/imgback_service02.gif") no-repeat;}
.service03 {background: url("/massage/img/imgback_service03.gif") no-repeat;}
.service04 {background: url("/massage/img/imgback_service04.gif") no-repeat;}
.service05 {background: url("/massage/img/imgback_service05.gif") no-repeat;}
.service06 {background: url("/massage/img/imgback_service06.gif") no-repeat;}
.service07 {background: url("/massage/img/imgback_service07.gif") no-repeat;}
.service08 {background: url("/massage/img/imgback_service08.gif") no-repeat;}
.service09 {background: url("/massage/img/imgback_service09.gif") no-repeat;}
.service10 {background: url("/massage/img/imgback_service10.gif") no-repeat;}
.service11 {background: url("/massage/img/imgback_service11.gif") no-repeat;}
.service12 {background: url("/massage/img/imgback_service12.gif") no-repeat;}
.service13 {background: url("/massage/img/imgback_service13.gif") no-repeat;}
.service14 {background: url("/massage/img/imgback_service14.gif") no-repeat;}
.service15 {background: url("/massage/img/imgback_service15.gif") no-repeat;}



/* 
 ▼サイトマップ
================================== */
.sitemap,
.sitemap2 {margin: 20px 0;}

.sitemap li {
	float: left;
	width: 135px;
	background: url(../img/ico/ico_arrow_blue01.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}

.sitemap2 li {
	float: left;
	width: 200px;
	background: url(../img/ico/ico_arrow_blue01.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}



/* 
 ▼ブログ
================================== */
#blog {
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #ccc;

}

#blog h2 {
	margin-bottom: 5px;
	border-bottom: 2px solid #e7609e;

}