@import url( initialize.css );
@import url( common.css );
@import url( textsettings.css );
@import url( navi.css );

/*--------------------------------------------------------------all*/
body {
	background-color: #FFFFFF;
	background-image: url(../image/bg/HJ003_L.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#header {
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	height: 100%;
	padding: 0px;
}
#container {
	WIDTH: 860px;
	background-color: transparent;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.float_left{ float:left;}

h3 { /* タイトル h3 */
	color:#414141;
	height:19px;
	line-height:100%;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	background-image:url(../image/title_bar01.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 7px;
	width: auto;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#topicPath {
	padding-bottom: 6px;
	padding-left: 12px;
	text-align: left;
	clear: left;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -4px;
}


/* ----------- CENTER カラム----------- */
#swf {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#movie {
	top: 50px;
	position: absolute;
	height: 600px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#main {
	MARGIN-BOTTOM: 0px;
	text-align: left;
	width: 464px;
	float: left;
	padding: 0.7em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
	background-image: url(../image/bk_trans.png);
	background-repeat: repeat;
	display: inline;
	overflow:hidden;
    /* ▼CSS3 角丸 */
    border-top-left-radius: 6px;  /* 左上 */
    border-top-right-radius: 6px; /* 右上 */

    /* ▼Safari,Chrome 角丸 */
    -webkit-border-top-left-radius: 6px;  /* 左上 */
    -webkit-border-top-right-radius: 6px; /* 右上 */

    /* ▼Firefox 角丸 */
    -moz-border-radius-topleft: 6px;  /* 左上 */
    -moz-border-radius-topright: 6px; /* 右上 */
}

.contents {
	text-align: left;
	float: right;
	width: 100%;
}

#container #main .contents .over {
	overflow: auto;
	height: 200px;
}
#container #main .contents .over {
	overflow: auto;
	height: 180px; /* ie.cssのために追記 */
	top: 5px;
	float: left;
	width: 100%;
}

#container #main .contents .over dd {
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 30px;
}

#container #main .contents .over dt {
	padding-top: 10px;
}

#container #main .contents table img {
	margin: 0px;
	padding: 0px;
}

.shopCopy { /* サイト説明 */
	font-size:85%;
	line-height:1.3;
	color:#333333;
	font-weight:normal;
	text-align:left;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

/* ----------- LEFT カラム----------- */

#sidenavi {
	WIDTH: 175px;
	position: relative;
	float: left;
	padding: 0px;
	margin-right: 0.7em;
	display: inline;
}
#sidenavi .listbox {
	background-image: url(../image/sideimg.png);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 12px;
}
.listbox ul {
	list-style:none;
	clear: both;
}

.listbox li {
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
	display: block;
}

li.ca1 {
	margin:0px;
	text-decoration:none;
	padding-top: 5px;
}

li.ca2 {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	margin:0px;
	clear: left;
}
li.ca2 a {
	padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../image/icon_eye01.gif);
	background-repeat:no-repeat;
	/*background:#E8E8E8;*/
	color:#414141;
}
li.ca2 a:hover {
	color:#222222;
	text-decoration:none;
	background-color: #E8E8E8;
	background-image: url(../image/icon_eye02.gif);
	background-repeat: no-repeat;
}

.leftbox {
	margin:0px;
	width: 175px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.sidemain1 { /* メイン枠 */
	margin:0px;
	padding:5px;
	background-color: #FFFFFF;
	background-image: url(../image/sidemain1.png);
	background-repeat: repeat-y;
}

.sidemain1 p {
	padding:3px 0px 3px 0px;
	margin:0px;
	line-height:120%;
}
/* カレンダー */
caption { /* 年月タイトル */
	font-weight:normal;
	text-align:left;
	padding:3px;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}


/* ----------- carender ----------- */

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:0px 0px; /* 0px 0px(11/05/01変更)*/
	 margin:0px;
	 text-align:center;
	 background-color:#FFFFFF;
}
.carender table {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 0px; /* 5px(11/05/01変更)*/
	margin-bottom: 5px;
}

.carender td {
	padding:3px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size: 14px;
}

.carender th {
	padding:3px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size: 14px;
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#414141;
	background:#E8E8E8;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:#FFFFFF;
	background:#414141;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:#FFFFFF;
	background:#336699;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFFF;
}

.line01{
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:buttom;
} 
.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	background-image: url(../image/sline1.png);
	background-repeat: no-repeat;
	height: 20px;
}
	
/* ----------- RIGHT カラム----------- */
#rightbox {
	WIDTH: auto;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0.7px;
	display: inline;
	height: 100%;
}

#rightbox .contents {
	background: #f2f2f2;
	padding: 0.7em;
	width: 167px;
	float: right;
	margin: 0px;
	height: 100%;
}
#rightbox .imgbox {
	background-color: transparent;
	background-image: none;
}
#container #rightbox .contents .title1 {
	margin: 0px;
	padding-left: 2px;
	width: 100%;
}


/* ----------- FOOTER----------- */
#footer {
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 1em;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 1em;
	PADDING-TOP: 0em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DDD;
	position: relative;
}
#footer UL {
	MARGIN-BOTTOM: 15px;
	BORDER-LEFT: #cccccc 1px solid;
	padding: 0px;
}
#footer UL LI {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND-IMAGE: none;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
#footer #footContents {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

/* ----------- HEADER----------- */
.shoplogo{ /* サイトロゴブロック（設定の場合） */
	width:550px;
	float: left;
	position: relative;
}

.siteName { /* サイト名 h1 （テキスト） */
	margin:0px;
	font-size:10px;
	font-weight:300;
	line-height:1em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	margin:0px;
	font-weight:normal;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 10px;
	line-height: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#topRightbox {
	text-align: right;
	position: relative;
	width: auto;
	padding-right: 5px;
	margin-left: 550px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* ----------- mainContents カラム----------- */
#mainContents {
	MARGIN-BOTTOM: 0px;
	text-align: left;
	float: right;
	width: 656px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-bottom: 0em;
	padding-left: 0.7em;
	display: inline;
    /* ▼CSS3 角丸 */
    border-top-left-radius: 6px;  /* 左上 */
    border-top-right-radius: 6px; /* 右上 */

    /* ▼Safari,Chrome 角丸 */
    -webkit-border-top-left-radius: 6px;  /* 左上 */
    -webkit-border-top-right-radius: 6px; /* 右上 */

    /* ▼Firefox 角丸 */
    -moz-border-radius-topleft: 6px;  /* 左上 */
    -moz-border-radius-topright: 6px; /* 右上 */
}
#mainContents .contents {
	MARGIN-TOP: 0px;
	text-align: left;
	float: left;
	width: 640px;
	MARGIN-BOTTOM: 0px;
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-left: 0.7em;
	padding-bottom: 0px;
	background-image: url(../image/bk_trans.png);
	background-repeat: repeat;
    /* ▼CSS3 角丸 */
    border-top-left-radius: 6px;  /* 左上 */
    border-top-right-radius: 6px; /* 右上 */

    /* ▼Safari,Chrome 角丸 */
    -webkit-border-top-left-radius: 6px;  /* 左上 */
    -webkit-border-top-right-radius: 6px; /* 右上 */

    /* ▼Firefox 角丸 */
    -moz-border-radius-topleft: 6px;  /* 左上 */
    -moz-border-radius-topright: 6px; /* 右上 */
}

#container #mainContents .contents h2.title1 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../image/h/h2_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	color: #333;
	vertical-align: text-bottom;
}

#container #mainContents .contents h3 {
	color:#414141;
	height:19px;
	line-height:100%;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	background-image:url(../image/title_bar01.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 7px;
	width: auto;
	margin: 0px;
}
#container #mainContents .contents #bgG {
	background-image: url(../image/bg_cart.png);
	background-repeat: repeat;
	padding: 10px;
	border: 3px double #CCCCCC;
	margin-top: 30px;
	margin-bottom: 30px;
}

.pagetop {
	text-align: right;
	width: 854px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#container #mainContents .contents dd {
	padding-bottom: 15px;
	padding-left: 20px;
}
.tebleDesign th {
	padding: 5px;
	background-color: #F1F1F1;
}
.tebleDesign td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}

#container #mainContents .contents ul {
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#container #mainContents .contents ul li {
	list-style-type: square;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-left: 3px;
}
#container #mainContents .contents ol li {
	padding-bottom: 10px;
	padding-left: 5px;
	margin-left: 3px;
	list-style-type: decimal;
}

#container #mainContents .contents .listSison {
	list-style-type: none;
	padding-top: 10px;
	padding-left: 12px;
	list-style-image: url(../image/icon_eye01.gif);
}
#container #mainContents .contents .listSison li {
	list-style-type: none;
	list-style-image: url(../image/icon_eye01.gif);
}

#container #mainContents .contents h6 {
	margin-bottom: 20px;
	margin-top: 20px;
}
#container #mainContents .contents .listSison .mago {
	padding-top: 10px;
}
#container #mainContents .contents .box {
	width:215px;
	float:left;
	position: relative;
	height: 100%;
}
#container #mainContents .contents .box img {
	text-align: center;
}
#container #mainContents .contents .box h3 {
	font-size:100%;
	color:#CC6666;
	position: relative;
	top: -10px;
	background-color: #F3EBDC;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#container #mainContents .contents .box p {
	margin: 0 10px;
	padding: 0;
	position: relative;
}
#container #mainContents .contents .box p img {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 2px;
}
#container #mainContents .contents .contentsbox .comment #cart,#container #mainContents .contents .contentsbox .comment .cart {
	background-image: url(../image/bg_cart.png);
	background-repeat: repeat;
	border: 3px double #CCCCCC;
	padding: 10px;
	margin-top: 20px;
}
#container #mainContents .contents .contentsbox .item #souryou_guide {
	padding-right: 10px;
	padding-left: 10px;
}
#container #mainContents .contents .contentsbox .item #souryou_guide img {
	background-color:transparent;	
	font-size: 85%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.item {
	margin-bottom: 10px;
	float: left;
	width: 245px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 0px;
}
.item img {
	margin-bottom: 10px;
}
.item p {
	margin-bottom: 10px;
	text-align: left;
}

.comment {
	margin-bottom: 40px;
	padding-left: 275px;
	width: auto;
}
.comment h2 {
	font-size: 200%;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-left-style: none;
}
.comment p {
	margin-bottom: 10px
}
.item img{/* 商品画像枠  */
	margin:0px;
	text-align:center;
}
#container #mainContents .contents .box {

}
#container #mainContents .contents #topList {
	background-position: top;
	font-size: 10px;
	background-image: url(../image/bg_gr.png);
}
#container #mainContents .contents #topList td{
	vertical-align: middle;
	padding: 3px;
}
#container #mainContents .contents .textbox {
	padding: 10px;
}
#container #mainContents .contents .textbox .bgbox {
	border: 10px solid #EEEEEE;
	padding: 1em;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}

#container #mainContents .contents .textbox .bgbox02 {
	border: 1px solid #EEEEEE;
	padding: 1em;
	background-image: url(../image/bk-gr_diagonal.gif);
	background-repeat: repeat;
}

.bgboxDouble {
	background-color: #F5F5F5;
	padding: 3px;
	border: 3px double #EBEBEB;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
.bgboxDropshadow {
	background-image: url(../image/bg_cart.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 400px;
}
.bgboxDropshadow p {
	font-size: 14px;
	padding: 4px;
	border: 1px solid #999;
	position: relative;
}

.subbox {
	border: 1px dashed #BABABA;
	padding: 1em;
	background-image: url(../image/bk_trans.png);
	float: none;
}

hr {
	margin-top: 10px;
	margin-bottom: 30px;
}

.categoryList {
	font-size: 10px;
}
.categoryList th {
	font-size: 10px;
	font-weight: normal;
	padding-right: 3px;
	white-space: normal;
	padding-left: 3px;
}


/* ----------- CLEAR ----------- */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*------------------------------for any--*/

.clear{
	clear:both;
	line-height:1px;
}
}
#container #mainContents .contents .textbox dl.listStyle dt {
	clear: left;
	float: left;
	margin: 0;
	width: auto;
	padding-right: 10px;
}

#container #mainContents .contents .textbox dl.listStyle dd {
  margin-left: 7.5em;
}
.under {
	text-decoration: underline;
}

/* ----------- magin----------- */
.magin_t20 {
	margin-top: 20px;
}
.magin_l20 {
	margin-left: 20px;
}
.magin_l10 {
	margin-left: 10px;
}

.magin_bottom {
	margin-bottom: 0px;
}
p.magin_bottom {
	margin-bottom: 0px;
}

/* ----------- index.htm----------- */
#container #main .contents table td .index {
	font-size: 10px;
	padding-right: 10px;
}
.bgbox03 {　/*border: 1px solid #F0F0F0;*/
	background-color: #FAFAFA;
	border: 4px solid #F0F0F0;
	margin: 5px;
	padding: 5px;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
.bgboxBeige p {
	line-height: normal;
}

#container #mainContents .contents .bgboxBeige dl dd {
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 2px;
}
.bgboxBeige {
	background-image: url(../image/bk-beige.gif);
	background-repeat: repeat;
	padding: 10px;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
#container #mainContents .contents table.supple {
	background-image: url(../image/silk/silk_supplement_bg.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}
#container #mainContents .contents table tr td .tebleDesign tr td dl dd { /* アクティブ・キープ案内 */
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 2px;
}
#container #mainContents .contents .contentsbox .comment .padding2 dd { /* 商品詳細ddに使用 */
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 2px;
}