@charset "utf-8";
* {
	margin:0;
}

/* パーツ */
ul,
dl {
	list-style-type:none;
	list-style-position:outside;
}
img {
	border: 0px;
}
em {
	font-style:normal;
	font-weight: bold;
	color: #BB7897;
}
a img {
	border-style: none;
	border-width: 0px;
	line-height:1.0em;/*IE5*/
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
a:link,
a:visited {
	color:#BB7897;
	text-decoration:underline;
}
a:hover {
	color:#BB7897;
	text-decoration:none;
}
.f-left {
	float:left;
}
.f-left_item {
	float:left;
	padding-left: 50px;
	padding-right: 50px;
}
.f-right {
	float:right;
	padding-left: 10px;
}
.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}
.clearfix-l:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: left;
}
.clearfix,
.clearfix-l {
	display: inline-block;
}
* html .clearfix,
* html .clearfix-l {
	height: 1%;
}
.clearfix,
.clearfix-l {
	display: block;
}
.clear {
	clear: both;
}


/* カラー */

.color01 {
	color: #DB8400;
}
.color02 {
	color: #FF0000;
}
.color03 {
	color: #CC0000;
	font-size: 80%;
	font-weight: normal;
}

/* メイン */
html {
	overflow-y:scroll;
}
body {
	vertical-align: baseline;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrap {
	text-align:left;
	width:896px;
	padding:0;
	margin-top: 10px;
	margin-bottom: 0;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#wrap h1 {
	margin: 0px;
	padding: 0px;
}
#header {
	height: 45px;
	width: 900px;
}
#pankuzu {
	margin-top: 10px;
	font-size: 12px;
	color: #999999;
	padding: 5px;
}
#pankuzu a {
	color: #999999;
}
#pankuzu a:hover {
	text-decoration: none;
}
#contents {
	clear: both;
	width: 896px;
	background-color: #CC3399;
}

#flash {
	clear: both;
	height: 477px;
	width: 896px;
}


#mainimage {
	height: 352px;
	width: 896px;
}


#explain {
	font-size: 12px;
	width: 625px;
	margin-top: 45px;
	float: right;
}
#explain th {
	width: 100px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#explain td {
	padding: 5px;
	color: #666666;
}
#explain table {
	font-size: 12px;
}
#explain p {
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	letter-spacing: 0.2em;
	padding-bottom: 3px;
	padding-top: 5px;
}
#explain h2 {
	padding-top: 20px;
	padding-bottom: 10px;
}
#explain h3 {
	font-size: 14px;
	color: #C89D7A;
}
#explain h4 {
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 40px;
	background-color: #EAEAEA;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#explain ol {
	font-size: 12px;
	line-height: 180%;
	color: #666666;
	padding-right: 50px;
	padding-left: 50px;
}
/* グローバルナビ */
#globalnavi {
	width:896px;
	height:23px;
	padding: 0;
	background-image: url(../img/globalnavi_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
}

#globalnavi ul {
	height:23px;
	padding:0;
}
#globalnavi li {
	float:left;
	height:23px;
	list-style:none;
	text-indent:-9999px;
}
#globalnavi li a {
	display:block;
	height:23px;
	text-decoration: none;
}
#globalnavi li#about,
#globalnavi li#about a {
	width:112px;
}
#globalnavi li#making,
#globalnavi li#making a {
	width:112px;
}
#globalnavi li#attestation,
#globalnavi li#attestation a {
	width:112px;
}
#globalnavi li#information,
#globalnavi li#information a {
	width:112px;
}
#globalnavi li#store,
#globalnavi li#store a {
	width:111px;
}
#globalnavi li#blog,
#globalnavi li#blog a {
	width:112px;
}
#globalnavi li#catalog,
#globalnavi li#catalog a {
	width:112px;
}

#globalnavi li#wholesale,
#globalnavi li#wholesale a {
	width:113px;
}

/* マウスオーバー時 */
#globalnavi li#about a:hover {
	overflow:hidden;
	background-image: url(../img/globalnavi_top.gif);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
#globalnavi li#making a:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -112px -23px;
	overflow:hidden;
}
#globalnavi li#attestation a:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -224px -23px;
	overflow:hidden;
}
#globalnavi li#information:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -336px -23px;
	overflow:hidden;
}
#globalnavi li#store a:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -448px -23px;
	overflow:hidden;
}
#globalnavi li#blog a:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -559px -23px;
	overflow:hidden;
}
#globalnavi li#catalog a:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -671px -23px;
	overflow:hidden;
}

#globalnavi li#wholesale a:hover {
	background:url(../img/globalnavi_top.gif) no-repeat -783px -23px;
	overflow:hidden;
}

#shop {
	width:118px;
	height: 27px;
	position: absolute;
	right: 0px;
	bottom: 3px;
}

#shop a {
	display:block;
	width:118px;
	height:27px;
	text-indent:-9999px;
	background:url("../img/shop.gif") top left no-repeat;
}
#shop a:hover {
	background:url("../img/shop_over.gif");
	}

/* グローバルナビ 天衣無縫とは*/

#globalnavi_about {
	width:896px;
	height:35px;
	padding: 0;
	background-image: url(../img/globalnavi_about.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
}

#globalnavi_about ul {
	height:35px;
	padding:0;
}
#globalnavi_about li {
	float:left;
	height:35px;
	list-style:none;
	text-indent:-9999px;
}
#globalnavi_about li a {
	display:block;
	height:35px;
	text-decoration: none;
}
#globalnavi_about li#about,
#globalnavi_about li#about a {
	width:112px;
}
#globalnavi_about li#making,
#globalnavi_about li#making a {
	width:112px;
}
#globalnavi_about li#attestation,
#globalnavi_about li#attestation a {
	width:112px;
}
#globalnavi_about li#information,
#globalnavi_about li#information a {
	width:112px;
}
#globalnavi_about li#store,
#globalnavi_about li#store a {
	width:111px;
}
#globalnavi_about li#blog,
#globalnavi_about li#blog a {
	width:112px;
}
#globalnavi_about li#catalog,
#globalnavi_about li#catalog a {
	width:112px;
}

#globalnavi_about li#wholesale,
#globalnavi_about li#wholesale a {
	width:113px;
}

/* マウスオーバー時（天衣無縫とは） */
#globalnavi_about li#about a:hover {
	overflow:hidden;
	background-image: url(../img/globalnavi_about.gif);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}
#globalnavi_about li#making a:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -112px -35px;
	overflow:hidden;
}
#globalnavi_about li#attestation a:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -224px -35px;
	overflow:hidden;
}
#globalnavi_about li#information:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -336px -35px;
	overflow:hidden;
}
#globalnavi_about li#store a:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -448px -35px;
	overflow:hidden;
}
#globalnavi_about li#blog a:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -559px -35px;
	overflow:hidden;
}
#globalnavi_about li#catalog a:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -671px -35px;
	overflow:hidden;
}

#globalnavi_about li#wholesale a:hover {
	background:url(../img/globalnavi_about.gif) no-repeat -783px -35px;
	overflow:hidden;
}


/* フッター */
#footer {
	width: 896px;
	padding: 0px;
	height: 73px;
	clear: both;
}
address {
	font-style: normal;
	font-size: 10px;
	color: #58595B;
	float: right;
}
#footer a:link {
	color: #58595B;
	text-decoration: none;
}
#footer a:visited {
	color: #58595B;
	text-decoration: none;
}
#footer a：hover {
	color: #aaaaaa;
	text-decoration: underline;
}
#footer ul {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#footer li {
	font-size: 10px;
	display: inline;
	padding-right: 7px;
	color: #58595B;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #58595B;
	padding-left: 7px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#explain dl {
	font-size: 12px;
	color: #666666;
	line-height: 140%;
	padding-left: 25px;
}
#explain dd {
	padding-bottom: 20px;
}
#explain dt {
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	padding-left: 10px;
	margin-right: 10px;
}
.item {
	height: 310px;
	width: 190px;
	padding-left: 30px;
	float: left;
	padding-top: 15px;
}
.item a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#explain .item h3 {
	font-size: 10px;
	color: #C89D7A;
	margin-left: 23px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 23px;
}
#explain .item h4 {
	font-size: 10px;
	color: #C89D7A;
	padding-top: 2px;
	padding-left: 0px;
	font-weight: normal;
}
.navi {
	width: 220px;
	float: right;
	padding-top: 20px;
}
.samu {
	float: left;
	width: 100px;
	padding-bottom: 15px;
	padding-right: 10px;
}
#item_main {
	width: 610px;
	float: left;
	padding-top: 20px;
	padding-left: 30px;
}
#item_img {
	float: left;
	width: 142px;
	padding-left: 40px;
	padding-right: 20px;
}
#sitemap li {
	padding-bottom: 10px;
}
#sitemap a {
	color: #666666;
}
#sitemap ul {
	padding-left: 25px;
}
.attention {
	font-size: 10px;
	color: #999999;
	line-height: 120%;
	padding-right: 23px;
	padding-left: 23px;
}
.samu a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#contents h2 {
	margin-bottom: 36px;
	padding: 0px;
}
#contents h3 {

}
#explain table {
}
#explain .item p {
	font-size: 10px;
}
#contents p {
	font-size: 12px;
	line-height: 160%;
	color: #808285;
}
#explain ul {
	color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 140%;
	font-size: 12px;
	letter-spacing: 0.2em;
}
#explain li {
	list-style-type: circle;
	font-weight: normal;
	margin-bottom: 10px;
}
#explain .postA h3 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#explain .postA p {
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.2em;
	padding-bottom: 20px;
}
.postB {
	padding-top: 30px;
}
#explain .postA h4 {
	font-size: 14px;
	padding-top: 7px;
	border-left-width: 5px;
	border-left-style: solid;
	padding-bottom: 7px;
	padding-left: 5px;
	margin-top: 20px;
	background-color: #FFFFFF;
}
.comment {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
#explain .comment p {
	padding: 0px;
	margin: 0px;
}
.glay {
	background-color: #EFEFEF;
	margin-top: 20px;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 902px;
	padding-right: 10px;
	padding-left: 10px;
}
#explain .item p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#explain .item h4 {
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
#explain #pri_po li {
	font-weight: normal;
}
#pri_po {
	padding-top: 20px;
}
#item_voice {
	border: 1px solid #CCCCCC;
	background-image: url(../item/img/waku.gif);
	background-repeat: repeat-y;
	background-position: 595px 10px;
	width: 610px;
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	letter-spacing: 0.2em;
}
#explain #item_main #item_voice p {
	font-size: 12px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#recommendation {
	width: 590px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.dataTable01 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 15px;
	margin-bottom: 20px;
	width: 610px;
}
.dataTable01 td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: 10px;
	padding: 8px;
	line-height: 140%;
	color: #666666;
	letter-spacing: 0.2em;
}
.dataTable01 th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 8px;
	background-color: #F5F5F5;
	font-weight: normal;
	font-size: 10px;
	line-height: 140%;
	color: #666666;
	letter-spacing: 0.2em;
}
#item_area {
	width: 610px;
}
#item_area img {
	height:auto;
	padding:0px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
	border: 1px dotted #CCCCCC;
}
}
#item_area_right {
	float: right;
}
#item_area_left {
	float: left;
	margin-right: 30px;
}
.price {
	color: #BF0082;
}
#recommendation .f-left {
	margin-right: 10px;
}
#explain .postB h4 {
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#item_area .catch {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #666666;
}
#news {
	position: absolute;
	height: 50px;
	width: 450px;
	top: 680px;
	z-index: 1;
	left: 12px;
	padding-bottom: 20px;
}
#news p {
	font-size: 12px;
	line-height: 140%;
	color: #999999;
}
.english {
	color: #003366;
	line-height: 140%;
}
#header {
	height: 45px;
	clear: both;
	width: 896px;
	position: relative;
}
#logo {
	position: absolute;
	height: 24px;
	width: 251px;
	left: 0px;
	bottom: 7px;
}
#logo a {
	height: 60px;
	width: 70px;
	display: block;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#r_header a:link {
	color: #999999;
	text-decoration: none;
}
#r_header a:visited {
	color: #999999;
	text-decoration: none;
}
#r_header a：hover {
	color: #aaaaaa;
	text-decoration: underline;
}
#r_header ul {
	display: inline;
	float: right;
	padding-top: 24px;
	padding-right: 10px;
}
#r_header li {
	font-size: 10px;
	display: inline;
	padding-right: 15px;
	color: #999999;
}
#r_news {
	position: absolute;
	width: 450px;
	left: 140px;
	top: 40px;
	font-size: 12px;
	color: #999999;
	line-height: 140%;
}
#item_right {
	width: 400px;
	float: right;
}
.catch01 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 5px;
}
.catch02 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 5px;
}
#footer li.none {
	border-right-style: none;
	background-color: #CCCCCC;
	display: block;
	position: absolute;
	height: 15px;
	width: 57px;
	top: 2px;
	right: -68px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#footer a:hover {
	text-decoration: underline;
}
#navi {
	width: 171px;
	float: left;
	margin-top: 45px;
}
#footer_menu {
	position: absolute;
	right: 200px;
	top: 20px;
}
