﻿/*Copyright 2004-2009 WEBSPORTS  index top CSS */

/* サイト基本構成 */
body {
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	margin-top: 30px;
	background-image: url(images/webback.gif);
	background-repeat: repeat;
}
.sitebox {
	height: 100%;
	width: 900px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
.sitebox .sideleft {
	width: 150px;
	float: left;
	height: 100%;
}
.sitebox .main {
	width: 570px;
	text-align: left;
	float: left;
	padding-right: 9px;
	padding-left: 9px;
}
.sitebox .sideright {
	width: 160px;
	float: left;
}
.sitebox .sab {
	width: 750px;
	float: right;
	margin-bottom: 5px;
}
.sitebox .footer {
	width: 900px;
	clear: both;
}

/* リンクカラー */
a {
    color: #003399;
}
a:hover {
    color: #ff4210;
	TEXT-DECORATION: underline overline;
}
a:active {
    color: #FF4210;
}
a:visited {
    color: #0066cc;
}

/* フォント・見出し・区切り線 */

h1 {
	FONT-SIZE: 13px;
	margin-bottom: 0px;
	text-align: right;
	color: #666666;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
h3 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: lighter;
}
.title {
	background-image: url(/site/images/mark01.gif);
	background-position: 1px 5px;
	padding-left: 12px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	font-family: "Times New Roman";
	font-weight: bold;
	width: auto;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF8000;
	border-bottom-color: #FF8000;
	font-size: 17px;
	line-height: 17px;
}
.titlejp {
	background-image: url(/site/images/mark01.gif);
	background-position: 1px 5px;
	padding-left: 12px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	font-family: "HGS創英角ｺﾞｼｯｸUB";
	font-weight: bold;
	width: auto;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF8000;
	border-bottom-color: #FF8000;
	font-size: 15px;
	line-height: 17px;
}
.sitebox hr {
	width: 100%;
	clear: both;
	color: #999999;
}
.sideleft hr {
	width: 100%;
	clear: both;
	margin-top: 1px;
	margin-bottom: 1px;
	color: #FFFFFF;
}
.sideright hr {
	width: 100%;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #FFFFFF;
}
.red13 {
    color: #FF0000
}
.blk14b {
	font-size: 14px;
	font-weight: bold;
}
.blw14b {
	font-size: 14px;
	font-weight: bold;
	color: #800000;
	text-decoration: underline;
}


/* トップコンテンツ */
.topimg {
	width: 900px;
	background-image: url(/site/images/topimg.jpg);
	background-repeat: no-repeat;
	height: 90px;
	text-align: center;
	margin-bottom: 7px;
	padding-top: 3px;
}
.sitebox #hotkey {
	font-size: 12px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* 左サイドコンテンツ */
/* サイドナビ */
.sidenavi {
	width: 150px;
}

.sidenavitop {
	font-size: 13px;
	width: 133px;
	background-repeat: no-repeat;
	white-space: nowrap;
	border: 1px solid #999999;
	color: #333333;
	line-height: 25px;
	text-align: left;
	font-weight: bold;
	background-color: #FFD0A2;
	padding-left: 15px;
	background-image: url(/site/images/mark05.gif);
	background-position: 2px 7px;
}
.sidenavi ul {
	list-style-position: inside;
	font-size: 12px;
	line-height: 23px;
	font-weight: normal;
	margin-bottom: 5px;
	white-space: nowrap;
	list-style-type: square;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.sidenavi li {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-left: 0px;
	text-align: left;
}

/* 人気ブランド 注目カテゴリー*/
.sidenavi02box {
	width: 150px;
}
.sidenavi02box ul {
	list-style-position: inside;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	white-space: nowrap;
	list-style-type: square;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	border: 1px solid #999999;
}

/* トピックス */

#topicsbox {
	width: 150px;
	padding: 0px;
}
#topicsimg {
	float: left;
	height: 53px;
	width: 50px;
}
#topicstext {
	height: 53px;
	width: 99px;
	text-align: center;
	line-height: 13px;
	padding-top: 5px;
	float: left;
}

/* ランキング */
.rankbox {
	width: 150px;
}
.rankno {
	background-image: url(/site/images/rank.gif);
	background-repeat: no-repeat;
	width: 145px;
	background-position: right;
	font-family: "Arial Black";
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #FF0000;
	padding-left: 5px;
	margin-top: 5px;
	text-align: left;
}
.ranktext {
	float: right;
	width: 80px;
	clear: right;
	height: 55px;
	text-align: center;
	padding-top: 15px;
	font-size: 13px;
	line-height: 15px;
}
.rankimg {
	float: left;
	height: 70px;
	width: 70px;
	clear: left;
}

/* メインコンテンツ */
.mainimg img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.mainimg {
	text-align: center;
	width: auto;
	line-height: 14px;
}
.mainimgmini1 {
	width: auto;
	float: left;
	padding-bottom: 10px;
	text-align: center;
}
.mainimgmini2 {
	width: auto;
	float: right;
	padding-bottom: 10px;
	text-align: center;
}

/* オススメ商品情報 */
#osusumeitembox {
	width: auto;
}
#osusumeitembox #osusumeimg {
	float: left;
	width: 250px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#osusumeitembox #osusumetext {
	float: left;
	height: 200px;
	width: 290px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 15px;
}

/* 新製品情報 */
.newitembox {
	width: auto;
}
.newitemimg {
	line-height: 15px;
	text-align: center;
	width: 25%;
	float: left;
}
.newitemtext {
	line-height: 20px;
	padding-left: 5px;
}
.newitemtext ul {
	margin-left: 0px;
	list-style-type: square;
	list-style-position: inside;
}
/* 右サイドコンテンツ */
/* 右サイドイメージ */
.rightimg {
	margin-bottom: 10px;
	margin-left: 0px;
}
/* ごあいさつ */
.aisatubox {
	width: 158px;
	border: 1px solid #999999;
	text-align: left;
}
/* サブコンテンツ */
.sab .sabcate {
	float: left;
	width: 148px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sabnavitop {
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
}

/* フッターコンテンツ */
/* インフォメーション */
.info {
	width: 900px;
	text-align: left;
}
.infobox {
	width: 898px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.infotitle200 {
	line-height: 20px;
	background-image: url(/site/images/mark03.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	width: auto;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-bottom: 2px;
	color: #0000FF;
}
.infoleft {
	width: 449px;
	float: left;
	padding-bottom: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.inforight {
	width: 448px;
	float: right;
	padding-bottom: 3px;
}
.infofoot {
	float: left;
	clear: left;
	width: 898px;
}
.infotext {
	float: left;
	padding-left: 10px;
	line-height: 15px;
}
.kaisyaimg {
	clear: left;
	float: left;
	width: 198px;
	background-image: url(/site/images/footerimg/kaisya.jpg);
	height: 150px;
	margin-top: 30px;
	margin-left: 2px;
}
.unsou01 {
	float: left;
	width: 150px;
	text-align: center;
	padding-top: 2px;
	margin-left: 5px;
	vertical-align: middle;
}
.unsou02 {
	text-align: center;
	float: left;
	width: 150px;
}
.privacytext {
	clear: left;
	float: left;
	width: 770px;
	padding-left: 5px;
}
.copyright {
	margin-bottom: 5px;
	width: auto;
	text-align: right;
	margin-top: 5px;
	line-height: 20px;
}
