@charset "shift_jis";

/* 読込ファイル
---------------------------------------------------------------------------- */

@import"common.css";
@import"default.css";



/* content 開始
---------------------------------------------------------------------------- */
#content {
	width: 840px;
	padding: 0 4px;
	margin: 17px 0 0 0;
}

#intro {
	width: 199px;
	float: left;
	background: url(../img/intro_bg.jpg) repeat-y 0 0;
	margin: 0 0 0 10px;
	padding: 10px 0;
	border-right: #bababa 1px solid;
	border-bottom: #bababa 1px solid;
	display: inline;
}

#intro h2{
	line-height: 145%;
	letter-spacing: 0.15em;
	font-size: 80%;
	margin: 0 7px;
}

/*
サイドナビ------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------*/

#sideNavi {
	width: 200px;
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

#sideNavi ul {
	margin: 10px 0 0 0;
}

#sideNavi ul li {
	margin: 0;
}

#sideNavi ul li a {
	overflow:hidden;
	outline:none;
}

/*----------------------------------------------------------------
---------#tourakuDescription
-----------------------------------------------------------------*/

h4 {
	margin: 10px 0 0 0;
}

ul#tourakuDescriptionNavi li a {
	width: 200px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

ul#tourakuDescriptionNavi li.navi_01 a {
	background: url(../img/Description_01.gif) no-repeat 0 0;
}

ul#tourakuDescriptionNavi li.navi_02 a {
	background: url(../img/Description_02.gif) no-repeat 0 0;
}

ul#tourakuDescriptionNavi li.navi_03 a {
	background: url(../img/Description_03.gif) no-repeat 0 0;
}

ul#tourakuDescriptionNavi li.navi_04 a {
	background: url(../img/Description_04.gif) no-repeat 0 0;
}

ul#tourakuDescriptionNavi li.navi_05 a {
	background: url(../img/Description_05.gif) no-repeat 0 0;
}

ul#tourakuDescriptionNavi li.navi_06 a {
	background: url(../img/Description_06.gif) no-repeat 0 0;
}

/*----------------------------------------------------------------
---------#goodsNavi
-----------------------------------------------------------------*/

#goodsH4 {
	text-indent: -9999px;
	background: url(../img/goods_title.gif) no-repeat 0 0;
	width: 200px;
	height: 25px;
	margin: 10px 0 0 0;
}

ul#goodsNavi li a {
	width: 200px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

ul#goodsNavi li.navi_01 a {
	background: url(../img/goods_01.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_02 a {
	background: url(../img/goods_02.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_03 a {
	background: url(../img/goods_03.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_04 a {
	background: url(../img/goods_04.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_05 a {
	background: url(../img/goods_05.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_06 a {
	background: url(../img/goods_06.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_07 a {
	background: url(../img/goods_07.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_08 a {
	background: url(../img/goods_08.gif) no-repeat 0 0;
}

ul#goodsNavi li.navi_09 a {
	background: url(../img/goods_09.gif) no-repeat 0 0;
}


/*----------------------------------------------------------------
---------#categoryNavi
-----------------------------------------------------------------*/


ul#categoryNavi {
	padding: 1px 0 0 0;
}

ul#categoryNavi li {
	margin: 5px 0 0 0;
}


ul#categoryNavi li a {
	width: 200px;
	height: 79px;
	display: block;
	text-indent: -9999px;
}

ul#categoryNavi li.navi_01 a {
	background: url(../img/category_01.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_02 a {
	background: url(../img/category_02.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_03 a {
	background: url(../img/category_03.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_04 a {
	background: url(../img/category_04.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_05 a {
	background: url(../img/category_05.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_06 a {
	background: url(../img/category_06.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_07 a {
	background: url(../img/category_07.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_08 a {
	background: url(../img/category_08.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_09 a {
	background: url(../img/category_09.jpg) no-repeat 0 0;
}

ul#categoryNavi li.navi_10 a {
	background: url(../img/category_10.jpg) no-repeat 0 0;
}


/*
サイドナビ------------------------------------------------------
ロールオーバー--------------------------------------------------
---------------------------------------------------------------*/


/*----------------------------------------------------------------
---------#tourakuDescription
-----------------------------------------------------------------*/
ul#tourakuDescriptionNavi li.navi_01 a:hover {
	background: url(../img/Description_01.gif) no-repeat 0 -30px;
}

ul#tourakuDescriptionNavi li.navi_02 a:hover {
	background: url(../img/Description_02.gif) no-repeat 0 -30px;
}

ul#tourakuDescriptionNavi li.navi_03 a:hover {
	background: url(../img/Description_03.gif) no-repeat 0 -30px;
}

ul#tourakuDescriptionNavi li.navi_04 a:hover {
	background: url(../img/Description_04.gif) no-repeat 0 -30px;
}

ul#tourakuDescriptionNavi li.navi_05 a:hover {
	background: url(../img/Description_05.gif) no-repeat 0 -30px;
}

ul#tourakuDescriptionNavi li.navi_06 a:hover {
	background: url(../img/Description_06.gif) no-repeat 0 -30px;
}

/*----------------------------------------------------------------
---------#goodsNavi
-----------------------------------------------------------------*/

ul#goodsNavi li.navi_01 a:hover {
	background: url(../img/goods_01.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_02 a:hover {
	background: url(../img/goods_02.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_03 a:hover {
	background: url(../img/goods_03.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_04 a:hover {
	background: url(../img/goods_04.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_05 a:hover {
	background: url(../img/goods_05.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_06 a:hover {
	background: url(../img/goods_06.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_07 a:hover {
	background: url(../img/goods_07.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_08 a:hover {
	background: url(../img/goods_08.gif) no-repeat 0 -30px;
}

ul#goodsNavi li.navi_09 a:hover {
	background: url(../img/goods_09.gif) no-repeat 0 -30px;
}

/*----------------------------------------------------------------
---------#categoryNavi
-----------------------------------------------------------------*/

ul#categoryNavi li.navi_01 a:hover {
	background: url(../img/category_01.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_02 a:hover {
	background: url(../img/category_02.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_03 a:hover {
	background: url(../img/category_03.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_04 a:hover {
	background: url(../img/category_04.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_05 a:hover {
	background: url(../img/category_05.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_06 a:hover {
	background: url(../img/category_06.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_07 a:hover {
	background: url(../img/category_07.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_08 a:hover {
	background: url(../img/category_08.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_09 a:hover {
	background: url(../img/category_09.jpg) no-repeat 0 -79px;
}

ul#categoryNavi li.navi_10 a:hover {
	background: url(../img/category_10.jpg) no-repeat 0 -79px;
}


/*
メインコンテンツ------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------*/

#mainContent {
	width: 610px;
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}

h3 {
	margin: 0 0 0 0;
	clear: both;
}

.boxText {
	background: url(../img/boxText_bg.png) repeat-y 0 0;
	width: 591px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	line-height: 150%;
	behavior: expression(IEPNGFIX.fix(this));
}

.boxText_b {
	background: url(../img/boxText_bottom_bg.png) no-repeat 0 0;
	height: 7px;
	width: 591px;
	font-size: 1%;
	margin: 0 auto;
	padding: 0px;
	clear: both;
	behavior: expression(IEPNGFIX.fix(this));
}

.boxText_b2 {
	width: 591px;
	font-size: 1%;
	margin: 0 auto;
	padding: 0px;
	clear: both;
}

dl {
	margin: 0 0 0 15px;
}

dl dt {
	float: left;
	clear: both;
	margin: 0;
	width: 75px;
}
dl dd {
	float: left;
	margin: 0 10px 0 30px;
	width: 400px;
}


.itemBox {
	width: 610px;
	margin: 0 0 30px 0;
}

.itemBox p {
	width: 330px;
	float: left;
	margin: 0 0 0 8px;
}

.itemBox img {
	float: right;
	margin: 0 13px 15px 0;
	behavior: expression(IEPNGFIX.fix(this));
}

/* メイン商品
---------------------------------------------------------------------------- */
#mainItemBox {
	width: 610px;
	margin: 0 0 30px 0;
}
#mainItemBox h3#mainItemTtl {
	padding: 8px 0 0 23px;
	width: 587px;
	background: url(../img/h3_bg.jpg) no-repeat 0 0;
	color: #ffffff;
	height: 30px;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}
#mainItemBox div#mainItemBody {

}

/* 陶楽NEWS
---------------------------------------------------------------------------- */
.new {
	background: #b4b1ac url(../img/itemBox_bg_01.jpg) repeat-y 0 -30px;
	width: 610px;
}

/* 陶器のうつわに逢える店
---------------------------------------------------------------------------- */
h4#aeruShopTtl {
	margin: 0 10px;
}
div#aeruShopBody {
	margin: 0 10px;
}

/* 
---------------------------------------------------------------------------- */
.floatBox {
	float: right;
	width: 229px;
	margin-right: 13px;
	display: inline;
}

.floatBox img {
	float: none;
	margin-right: 0; 
}

.tourakushop {
	background: #a4a296 url(../img/itemBox_bg_02.jpg) repeat-y 0 -30px;
	width: 610px;
	margin: 0 0 30px 0;
}

.technical {
	background: #e9e9e9 url(../img/itemBox_bg_03.jpg) repeat-y 0 0;
	width: 610px;
	padding: 0 0 10px 0;
}

.technical .boxText {
	background: url(../img/itemBox_03_text_bg.jpg) no-repeat 0 0;
	margin: 0 auto;
}

.itemBox img.textboximg {
	float: left;
	width: 269px;
	height: 39px;
	margin:  0 0 15px 8px;
}

.greet {
	background: #d4d4d4 url(../img/itemBox_bg_04.jpg) no-repeat 0 -30px;
	width: 610px;
}

.greet .boxText {
	padding: 0;
}



.greet img.greetImg {
	float: none;
	width: 502px;
	height: 90px;
	margin: 0 0 10px 0;
}

.greet p.name {
	font-weight: bold;
	text-align: right;
	margin: 20px 0 0 0;
	float: left;
}