@charset "utf-8";

* {
	margin: 0;
	font-size: 100%;
}

img {
	border: none;
	vertical-align: top;
}


/*common
---------------------------------------------*/
body {
	margin: 0px;
	background-color: #FFFFFF;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contents {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
h1 {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	float: right;
}
h2 {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	float: right;
}
#header {
	height: 145px;
	padding-bottom: 3px;
	clear: both;
	padding-top: 15px;
}

#navi {
	padding-bottom: 10px;
}
#head_info {
	font-size: 12px;
	color: #333333;
	line-height: 130%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-top: 4px;
	padding-bottom: 3px;
}
#conmain {
	clear: both;
	width: 900px;
}
#con {
	clear: both;
	width: 900px;
	padding-top: 10px;
}


#left {
	float: left;
	width: 180px;
	padding-right: 20px;
}
#left ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#left li {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.sidebn {
	padding-bottom: 10px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 125%;
	text-align: center;
	color: #666666;
}
.sidebn2 {
	padding-bottom: 10px;
	clear: both;
	height: 80px;
	width: 500px;
}
.sidebn3 {
	width: 180px;
	float: left;
}
.info_pro {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	background-color: #FFFFFF;
	width: 164px;
	border: 1px solid #333333;
	padding: 7px;
	float: left;
}
.info_pro_title {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	color: #CC3300;
}
.bn_right {
	width: 245px;
	height: 80px;
	float: right;
}
.bn_left {
	width: 245px;
	padding-right: 10px;
	height: 80px;
	float: left;
}

#main {
	width: 500px;
	padding-right: 20px;
	float: left;
}

.pick {
	width: 500px;
	padding-bottom: 30px;
}
.rank {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #993300;
	height: 15px;
	width: 155px;
	text-align: center;
	margin-bottom: 3px;
}
.gimgtop {
	height: 186px;
	width: 155px;
	margin: 0px;
	padding: 0px;
}
.news {
	border: 1px solid #CCCCCC;
	width: 484px;
	height: auto;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-size: 12px;
	margin: 0px;
}



#right {
	float: right;
	width: 180px;
}
#right ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#right li {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#main2 {
	float: right;
	width: 700px;
	font-size: 12px;
}

#footer {
	clear: both;
	background-color: #000000;
	height: 30px;
	width: 900px;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 50px;
	text-align: center;
	padding-top: 10px;
}


/*navi
---------------------------------------------*/

#navigation {
	top: 151px;
	width: 900px;
	list-style-type: none;
	height: 30px;
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navigation ul {
	width: 900px;
	list-style-type: none;
	padding: 0px;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 9px;
	width: 150px;
}
#navigation li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:31px;
	padding-top: 31px;
	background-image: url(../image/common/navi.jpg);
	color: #FFFFFF;
}


#nav01 a { background-position:  0     0;}
#nav02 a { background-position: -150px 0; }
#nav03 a { background-position: -300px 0; }
#nav04 a { background-position: -450px 0; }
#nav05 a { background-position: -600px 0; }
#nav06 a { background-position: -750px 0; }


#nav01 a:hover { background-position:  0     -31px; }
#nav02 a:hover { background-position: -150px -31px; }
#nav03 a:hover { background-position: -300px -31px; }
#nav04 a:hover { background-position: -450px -31px; }
#nav05 a:hover { background-position: -600px -31px; }
#nav06 a:hover { background-position: -750px -31px; }


/*navi2
---------------------------------------------*/

#navigation2 {
	top: 151px;
	width: 900px;
	list-style-type: none;
	height: 30px;
	margin: 0px;
	clear: both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navigation2 ul {
	width: 900px;
	list-style-type: none;
	padding: 0px;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation2 li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 9px;
	width: 75px;
}
#navigation2 li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:31px;
	padding-top: 31px;
	background-image: url(../image/common/navi2.jpg);
	color: #FFFFFF;
}


#nav201 a { background-position:  0     0;}
#nav202 a { background-position: -75px 0; }
#nav203 a { background-position: -150px 0; }
#nav204 a { background-position: -225px 0; }
#nav205 a { background-position: -300px 0; }
#nav206 a { background-position: -375px 0; }
#nav207 a { background-position: -450px 0; }
#nav208 a { background-position: -525px 0; }
#nav209 a { background-position: -600px 0; }
#nav210 a { background-position: -675px 0; }
#nav211 a { background-position: -750px 0; }
#nav212 a { background-position: -825px 0; }


#nav201 a:hover { background-position:  0     -30px; }
#nav202 a:hover { background-position: -75px -30px; }
#nav203 a:hover { background-position: -150px -30px; }
#nav204 a:hover { background-position: -225px -30px; }
#nav205 a:hover { background-position: -300px -30px; }
#nav206 a:hover { background-position: -375px -30px; }
#nav207 a:hover { background-position: -450px -30px; }
#nav208 a:hover { background-position: -525px -30px; }
#nav209 a:hover { background-position: -600px -30px; }
#nav210 a:hover { background-position: -675px -30px; }
#nav211 a:hover { background-position: -750px -30px; }
#nav212 a:hover { background-position: -825px -30px; }


/*menu
---------------------------------------------*/

#menu {
	top: 151px;
	width: 180px;
	list-style-type: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 465px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#menu ul {
	width: 180px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#menu li {
	width: 180;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 9px;
}
#menu li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:35px;
	padding-top: 38px;
	background-image: url(../image/common/menu.jpg);
	color: #FFFFFF;
	background-repeat: repeat-x;
}


#menu01 a { background-position:  0   0; }
#menu02 a { background-position:  0px -40px; }
#menu03 a { background-position:  0px -80px; }
#menu04 a { background-position:  0px -120px; }
#menu05 a { background-position:  0px -160px; }
#menu06 a { background-position:  0px -200px; }
#menu07 a { background-position:  0px -240px; }
#menu08 a { background-position:  0px -280px; }
#menu09 a { background-position:  0px -320px; }
#menu10 a { background-position:  0px -360px; }
#menu11 a { background-position:  0px -400px; }
#menu12 a { background-position:  0px -440px; }


#menu01 a:hover { background-position:  180px 0; }
#menu02 a:hover { background-position: 180px  -40px; }
#menu03 a:hover { background-position: 180px -80px; }
#menu04 a:hover { background-position: 180px -120px; }
#menu05 a:hover { background-position: 180px -160px; }
#menu06 a:hover { background-position: 180px -200px; }
#menu07 a:hover { background-position: 180px -240px; }
#menu08 a:hover { background-position: 180px -280px; }
#menu09 a:hover { background-position: 180px -320px; }
#menu10 a:hover { background-position: 180px -360px; }
#menu11 a:hover { background-position: 180px -400px; }
#menu12 a:hover { background-position: 180px -440px; }




/*goods_list
---------------------------------------------*/
.bn_main2 {
	padding-bottom: 15px;
}
#goods {
	clear: both;
}

.good {
	margin: 0px;
	width: 165px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.gname {
	background-color: #333333;
	height: 12px;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.gimg {
	height: 180px;
	width: 165px;
}
.gdetail {
	padding-top: 3px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 100%;
}
.gdetail_tbl {
	background-color: #cccccc;
	width: 100%;
}
.gtd {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #000000;
	width: 36px;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.gtd2 {
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.5px;
}
.gtdname {
	background-color: #FFFFFF;
	height:20px;
	font-size: 10px;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.5px;
}
.gtdbikou {
	background-color: #ffffff;
	font-size: 10px;
	color:#FF0000;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.5px;
}

/*goods_view
---------------------------------------------*/

#goodname {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#goodimg {
	padding-bottom: 30px;
}

#gooddetail {
	margin: 0px;
	clear: both;
	width: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#good_other {
	clear: both;
}

#goodimage {
	float: left;
	width: 280px;
	padding-right: 40px;
	margin: 0px;
}
#detail {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 380px;
}
.deno {
	font-size: 12px;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	padding-bottom: 5px;
}
.dename {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
}
.deprice {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	padding-bottom: 5px;
}
.deprice2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	color: #CC0000;
}
.desozai {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	padding-bottom: 5px;
}
.deinfo {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	padding-bottom: 5px;
}
.deinfo2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	padding-bottom: 15px;
}

/*company
---------------------------------------------*/
p {
	font-size: 12px;
	line-height: 150%;
	padding-bottom: 10px;
	padding-left: 10px;
}
#main2 h2 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 7px;
	width: 686px;
	text-align: left;
	font-weight: bold;
	height: 15px;
	margin-bottom: 25px;
}
h3 {
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CC3333;
	padding-top: 6px;
	padding-left: 5px;
	background-color: #eeeeee;
	height: 17px;
	width: 690px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #CC3300;
	padding-bottom: 10px;
}
.tbl_com {
	font-size: 12px;
	line-height: 150%;
}



/*link
---------------------------------------------*/
a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}
.sidebn a {
	color: #FF00FF;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.sidebn a:hover {
	color: #FF00FF;
	text-decoration: underline;
}

.sml {
	font-size: 10px;
	line-height: 130%;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.infotext {
	font-size: 12px;
	line-height: 145%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
}
.style1 {color: #CC3333}