@charset "UTF-8";

/* 基本
---------------------------------------------*/
html,body{
}

body {
	color: #000000;
	font-family: Verdana;
	font-size: 100% ;
}
.non {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	visibility: hidden;
	display: block;
}

img {
	vertical-align: top;
}

#wrapper {
	width: 800px;
	margin:0 auto;
}

#nav-main {
	width: 800px;
}

#contenttop {
	margin-top:20px;
}

#contenttop #main {
	width: 572px;
	float: left;
}

#contenttop #sidebar {
	width: 228px;
	float: right;
}

#footer {
	background-color: #FFE045;
	background-image: url(../img/common/foot_top.gif);
	width: 800px;
	padding-top: 15px;
	background-repeat: no-repeat;
	float: left;
	clear: both;
	}

/* ヘッダー
---------------------------------------------*/

#header {
	margin-top:10px;
}

#header #logo {
	float: left;
	width: 300px;
}

#header #logo h1 {
	font-size:10px;
	text-align:left;
}

#header #logo img {
	float: left;
}

#header #nav-header{
	float:right;
	width: 500px;
}

#header #nav-header ul, #header #nav-header li, #header #nav-header a {
	display: block;
} 
#header #nav-header li {
	float:right;
	white-space: nowrap;
	font-size: small ;
	padding-left: 15px;
	margin-left: 20px;
}
#header #nav-header li.df {
	background-image:url(../img/common/ico_green.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#header #nav-header li.en {
	background-image:url(../img/common/ico_gray.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#header #nav-header {
	color: #339900;
}

#header #nav-header a {
	color: #000000;
	text-decoration:none;
}
#header #nav-header a:visited {
	color: #000000;
}
#header #nav-header a:hover {
	color: #339900;
	text-decoration: underline;
}


/* ヘッダーハック
---------------------------------*/
#header #nav-header:after {
	content: ".";
	display:block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header #nav-header{
	display: inline-block;
}

/* ヘッダーハック終わり
---------------------------------*/

/* ヘッダー 検索フォーム
---------------------------------*/

#header #search {
	float: right;
	width: 270px;
	height: 20px;
	margin-top: 10px;
}

#header #search dl  {
	display: inline;
}

#header #search dl dt {
	float: left;
	width: 20px;
}

#header #search dl dt input {
	width: 190px;
	height: 16px;
	padding: 2px;
	border: solid 1px #cccccc;
	line-height: 16px;
	font-size: small;
}

#header dl dd {
	float: right;
	width: 67px;
	height: 25px;
}

/* ナビゲーション-メイン
---------------------------------------------*/
#nav-main ul {
	clear: both;
	height: 52px;
	width: 800px;
	margin-top: 6px;
	padding-top: 6px;
}
	
#nav-main ul li{
	display: block;
	float: left;
	}

/* コンテンツ-メイン(TOP)
---------------------------------------------*/
#contenttop #main #pickup {
	background-image:url(../img/top/content_bk.gif);
	background-repeat: no-repeat;
	background-color:#ffe045;
}

#contenttop #main #pickup h2{
	font-size: small;
	color: #FF6600;
	padding-top: 15px;
	margin-left: 80px;
	padding-bottom: 7px;
}

#contenttop #main #whatsnew {
	margin-top: 12px;
}

#contenttop #main #whatsnew #whatsnewt{
	background-image: url(../img/top/whatsnew_bkt.gif);
	background-repeat: no-repeat;
}

#contenttop #main #whatsnew #whatsnewt #infolist{
	padding-top: 10px;
	padding-left: 460px;
}
#contenttop #main #whatsnew #whatsnewt ul {
	margin-top: 10px;
	margin-left: 80px;
}
#contenttop #main #whatsnew #whatsnewt li {
	font-size: small;
	background-image: url(../img/common/ico_orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 200%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	margin-right: 10px;
	padding-left: 15px;
	padding-bottom: 5px;
}
#contenttop #main #whatsnew #whatsnewt li p {
	line-height: 120%;
}
#contenttop #main #whatsnew #whatsnewt li a {
	color: #000000;
	text-decoration:none;
}
#contenttop #main #whatsnew #whatsnewt li a:visited {
	color: #333333;
}
#contenttop #main #whatsnew #whatsnewt li a:hover {
	background:#ffe045;
}

#contenttop #main #whatsnew #whatsnewt li .days {
	color: #FF6600;
}


#contenttop #main #whatsnew #whatsnewb{
	height: 20px;
}

#contenttop #main #pickup2 {
	margin-top: 25px;
	width: 572px;
	height: 112px;
}

#contenttop #main #pickup2 li {
	display: block;
	float: left;

}

#contenttop #main #pickup2 .banner {
	margin-left: 9px;
}

#contenttop #main #pickup2b {
	height: 42px;
}


/* コンテンツ-sidebar(TOP)
---------------------------------------------*/
#contenttop #sidebar #info {
	width: 217px;
	float: right;
	text-align:center;
	background-image:url(../img/top/info_bk.gif);
}

#contenttop #sidebar #new-productstop {
	width: 217px;
	float: right;
	background-image:url(../img/top/new_bktop.gif);
	margin-top: 12px;
	background-repeat: no-repeat;
	height: 42px;
}

#contenttop #sidebar #new-productstop h4 {
	font-size: small;
	color: #ffe045;
	padding-top: 15px;
	margin-left: 65px;
}

#contenttop #sidebar #new-productstop h5 {
	font-size: small;
	color: #ffe045;
	padding-top: 15px;
	margin-left: 65px;
}

#contenttop #sidebar #new-products {
	width: 217px;
	float: right;
	background-image:url(../img/top/new_bk.gif);
}

#contenttop #sidebar #new-productsmid {
	width: 217px;
	height: 27px;
	float: right;
}

#contenttop #sidebar #new-productsbtm {
	width: 217px;
	height: 25px;
	float: right;
}

#contenttop #sidebar #new-products #new-pro-block1 {
	margin: 0px 20px;
}
#contenttop #sidebar #new-products #new-pro-block2 {
	margin: 0px 20px;
}

.title {
	font-size: small;
	line-height: 120%;
	color: #339900;
	margin-bottom: 3px;
	clear: both;
}

.title a {
	color: #339900;
	text-decoration:none;
}
.title a:visited {
	color: #339900;
}
.title a:hover {
	color: #339900;
	text-decoration: underline;
}

.txt {
	font-size: x-small;
	line-height: 120%;
	margin-top: 7px;
}
.txt a {
	color: #0066cc;
	text-decoration:none;
}
.txt a:visited {
	color: #333333;
}
.txt a:hover {
	color: #339900;
	text-decoration: underline;
}

#contenttop #sidebar #new-products #new-pro-block1 img {
	margin-top: 7px;
	float: left;
	margin-right: 7px;
}

#contenttop #sidebar #new-products #new-pro-block2 img {
	margin-top: 7px;
	float: left;
	margin-right: 7px;
}

#contenttop #sidebar #knurse {
	width: 228px;
	height: 182px;
	float: right;
	margin-top: 23px;
}


/* フッター
---------------------------------------------*/
#footer ul {
	text-align: right;
	margin-right: 20px;
	background-image: url(../img/common/foot_btm.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#footer li {
	display: inline;
	font-size: x-small;
	color: #666666;
}

#footer li a {
	color: #333333;
	text-decoration:none;
}
#footer li a:visited {
	color: #333333;
}
#footer li a:hover {
	color: #339900;
	text-decoration: underline;
}

#footer p {
	text-align: right;
	font-size: x-small;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333333;
}
#footerbtm {
	background-image:url(../img/common/foot_btm.gif);
	height: 27px;
	float: left;
	width: 800px;
	background-repeat: no-repeat;
	clear: none;
	background-color: #FFFFFF;
	}

.category-name {
	color: #006699;
	padding-left: 10px;
}