@charset "utf-8";


/* ▼共通設定 */

* {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	color: #666;
	font-size: 14px;
}
a:link {
	color: #FF51A8;
	text-decoration: none;
}
a:hover {
	color: #FC0;
}


a:visited {
	color: #FF51A8;
	text-decoration: none;
}

ul,ol {
	margin-left: 0px;
}

/* ▲共通設定 END */

/* ▼全体構造 */

#wrap {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 868px;
}



/* ▲全体構造 */

/* ▼ヘッダ */

#header {
	height: 62px;
	width: 868px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	float: left;
}
#menu-head {
	float: right;
	background-image: url(../img/bg_header.gif);
	height: 62px;
	width: 505px;
	background-repeat: no-repeat;
}
#logo {
	font-size: medium;
	text-indent: -700em;
}
#logo a {
	background-image: url(../img/logo.gif);
	display: block;
	background-repeat: no-repeat;
	width: 363px;
	height: 62px;
}
#menu-head ul {
	margin-top: 34px;
	margin-left: 51px;
}

#menu-head li {
	list-style-type: none;
	margin-right: 10px;
	float: left;
}
#bh1 a {
	background-image: url(../img/bh1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 90px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bh1 a:hover {
	background-image: url(../img/bh1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bh2 a {
	background-image: url(../img/bh2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 142px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bh2 a:hover {
	background-image: url(../img/bh2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bh3 a {
	background-image: url(../img/bh3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 104px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bh3 a:hover {
	background-image: url(../img/bh3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bh4 a {
	background-image: url(../img/bh4.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 60px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bh4 a:hover {
	background-image: url(../img/bh4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ▲ヘッダ */

/* ▼ミドル */
#middle {
	height: 35px;
	margin-top: 5px;
}
#bm1 a {
	background-image: url(../img/bm1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 19px;
	width: 136px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bm1 a:hover {
	background-image: url(../img/bm1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bm2 a {
	background-image: url(../img/bm2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 19px;
	width: 206px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bm2 a:hover {
	background-image: url(../img/bm2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bm3 a {
	background-image: url(../img/bm3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 19px;
	width: 108px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bm3 a:hover {
	background-image: url(../img/bm3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#menu-middle li {
	list-style-type: none;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 6px;
}
#card {
	float: right;
	margin-top: 3px;
}

/* ▲ミドル */

/* ▼コンテンツ */

#contents {
	width: 860px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	background-image: url(../img/bg_contents.gif);
	background-repeat: repeat-y;

}


#left-box {
	width: 202px;
	float: left;


}
#left-box li {
	padding-bottom: 2px;
	padding-left: 7px;
	list-style-type: none;
	padding-top: 2px;
}

.goods {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0E61C3;
	width: 180px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 50px;
}



.goods-name {
	float: right;
	width: 120px;
	font-size: 90%;
	padding-top: 15px;
	height: 35px;
}
.goods-name a {
	color: #0E61C3;
	display: block;
}
.goods-name a:hover {
	color: #4AA9FF;
}


.goods_s {
	float: left;
	width: 50px;
}


.ya3 a {
	background-image: url(../img/ya3.gif);
	background-repeat: no-repeat;
	height: 17px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	background-position: right top;
	padding-right: 20px;
	width: auto;
	display: block;
	color: #0E61C3;
}
.ya3 a:hover {
	background-image: url(../img/ya3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #4aa9df;
}

#bnr1 a {
	background-image: url(../img/bnr1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 90px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
	clear: both;
}

#bnr1 a:hover {
	background-image: url(../img/bnr1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr2 a {
	background-image: url(../img/bnr2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 69px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr2 a:hover {
	background-image: url(../img/bnr2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr3 a {
	background-image: url(../img/bnr3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 69px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr3 a:hover {
	background-image: url(../img/bnr3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr4 a {
	background-image: url(../img/bnr4.gif);
	background-repeat: no-repeat;
	display: block;
	height: 69px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr4 a:hover {
	background-image: url(../img/bnr4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr5 a {
	background-image: url(../img/bnr5.gif);
	background-repeat: no-repeat;
	display: block;
	height: 94px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}

#bnr5 a:hover {
	background-image: url(../img/bnr5.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr6 a {
	background-image: url(../img/bnr6.gif);
	background-repeat: no-repeat;
	display: block;
	height: 73px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr6 a:hover {
	background-image: url(../img/bnr6.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr7 a {
	background-image: url(../img/bnr7.gif);
	background-repeat: no-repeat;
	display: block;
	height: 73px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr7 a:hover {
	background-image: url(../img/bnr7.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bnr8 a {
	background-image: url(../img/bnr8.gif);
	background-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 189px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr8 a:hover {
	background-image: url(../img/bnr8.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#bnr10 a {
	background-image: url(../img/bnr10.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 64px;
	width: 188px;
	margin-top: 10px;
	margin-left: 6px;
	margin-bottom: 10px;
	text-indent: -700em;
}
#bnr10 a:hover {
	background-image: url(../img/bnr10.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 64px;
	width: 188px;
	margin-top: 10px;
	margin-left: 6px;
	margin-bottom: 10px;
	text-indent: -700em;
}
#bnr11 a {
	background-image: url(../img/bnr11.gif);
	background-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 189px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bnr11 a:hover {
	background-image: url(../img/bnr11.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}





/* ▲コンテンツ */

/* ▼その他 */

.bold {
	font-weight: bold;
}
.align-center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
/* ▲その他 */

/* ▼フッダ */

#foot {
	width: 860px;
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;

}
#menu-foot {
	background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-x;
	height: 34px;
	padding-top: 13px;
}
#foot li {
	float: left;
	list-style-type: none;
	margin-right: 15px;
	padding-left: 10px;
}
#menu-foot-left {
	float: left;
}


#menu-foot-right {
	float: right;
}

#copyright {
	background-image: url(../img/cr.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 14px;
	width: 600px;
	text-indent: -700em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}
#bf1 a {
	background-image: url(../img/bf1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 71px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bf1 a:hover {
	background-image: url(../img/bf1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bf2 a {
	background-image: url(../img/bf2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 115px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bf2 a:hover {
	background-image: url(../img/bf2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bf3 a {
	background-image: url(../img/bf3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 125px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bf3 a:hover {
	background-image: url(../img/bf3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#bf4 a {
	background-image: url(../img/bf4.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 135px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bf4 a:hover {
	background-image: url(../img/bf4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bf5 a {
	background-image: url(../img/bf5.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 57px;
	margin: 0px;
	padding: 0px;
	text-indent: -700em;
}
#bf5 a:hover {
	background-image: url(../img/bf5.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ▲フッダ */
.line {
	background-image: url(../img/bg_menu_m.gif);
	background-repeat: repeat-x;
	height: 2px;
}
.align-right {
	text-align: right;
}
.chusyaku {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.font-red {
	color: #C03;
}

.font-red-bold {
	color: #C03;
	font-weight: bold;
}

.font-red-L {
	color: #C03;
	font-size: 120%;
	font-weight: bold;
	text-align: right;
}
.font-red-s {
	color: #C03;
	font-size: x-small;
	font-weight: normal;
}


.font-small {
	font-size: xx-small;
}
.font-line {
	text-decoration: line-through;
	font-size: x-small;
}
.font-90 {
	font-size: 90%;
}

.font-blue {
	color: #4382C0;
}
.font-blue2 {
	color: #FFF;
	background-color: #4382C0;
	text-align: center;
	font-weight: bold;
}

.font-yerrow {
	font-weight: bold;
	color: #A29309;
}
.underline {
	color: #C03;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #C03;
}

/* ▼関連商品 */

#kanren {
	clear: both;
	width: 620px;
	margin-top: 5px;
	background-image: url(../perfectperio/img/kanren2.gif);
	background-repeat: repeat-y;
	margin-left: 12px;
}
#kanren1 {
	background-image: url(../perfectperio/img/kanren1.gif);
	height: 27px;
	width: 645px;
	text-indent: -700em;
}


#kanren2 {
	background-image: url(../perfectperio/img/kanren2.gif);
	background-repeat: repeat-y;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
}
.border {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9CC1E2;
	border-left-color: #9CC1E2;
	font-size: 90%;

}

#kanren2 td {
	width: 200px;
}

#kanren2 li {
	list-style-type: none;
	float: left;
}
/* ▲関連商品 */