@charset "utf-8";
/* CSS 共通-page */

/*** ボディ（その他） ****/
/*** @group body ******************************************************************************/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(../images/common/bg-body.gif) repeat-x left top #362F2D;
}

#wrapper {
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
}

.clear {
	clear: both;
}

span.bf {
	visibility: hidden;
	text-indent: -9999px;
}

span.bf02 {
	visibility: hidden;
	text-indent: -9999px;
	display: none;
}

/*** [サイズ] 文字 ****/
/*** @group moji-color ****************************************************************************/

.moji-size10 {
	font-size: 10px;	
}

.moji-size11 {
	font-size: 11px;	
}

.moji-size12 {
	font-size: 12px;	
}

.moji-size13 {
	font-size: 13px;	
}

/*** [色] 文字 ****/
/*** @group moji-color ****************************************************************************/

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

.moji-blue {
	color: #3194D5;
	font-weight: bold;
}

.moji-blue2 {
	color: #3194D5;
}

.moji-yellow {
	color: #FCB122;
	font-weight: bold;
}

.moji-green {
	color: #69B928;
	font-weight: bold;
}

/*** [リンク] 文字 ****/
/*** @group moji-Link ****************************************************************************/

.moji-Link1 a {
	color: #404040;
	font-weight: bold;
	text-decoration: underline;
}

.moji-Link1 a:hover {
	color: #404040;
	font-weight: bold;
	text-decoration: none;
	background-color: #CBEF99;
}

.moji-Link2 a {
	color: #69B928;
	font-weight: bold;
	text-decoration: underline;
}

.moji-Link2 a:hover {
	color: #87D944;
	font-weight: bold;
	text-decoration: underline;
}

.moji-Link3 a {
	color: #323232;
	text-decoration: none;
}

.moji-Link3 a:hover {
	color: #87D944;
	text-decoration: underline;
}


/*** [Ｈ1] ヘッダー ****/
/*** @group header ****************************************************************************/

#header {
	padding: 0px;
	height: 80px;
	width: 950px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#head-left {
	padding: 0px;
	height: auto;
	width: 194px;
	margin: 16px 0px 0px 0px;
	display: inline;
	float: left;
}

#head-right {
	padding: 0px;
	height: auto;
	width: 505px;
	margin: 8px 0px 0px 0px;
	display: inline;
	float: right;
}

h1#Logo a {
    padding: 0px;
	height: 43px;
	width: 194px;
	margin: 0px 0px 0px 0px;
	background: url(../images/common/h1-Logo.gif) no-repeat;
	display: block;
}

/* [navigation] start */
.head-nav {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	height: 16px;
	width: 216px;
	overflow: hidden;
	display: block;
}

.head-nav ul {
	height: 16px;
	width: 216px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

.head-nav ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

.head-nav ul li a {
	padding: 0px;
	margin: 0px;
	height: 16px;
	text-decoration: none;
	float: left;
	display: block;
	background: url(../images/common/headnav.gif) no-repeat;
	border: 0px;
}

.head-nav ul li.headnav-01 a {
	width: 62px;
	background-position: left top;
}

.head-nav ul li.headnav-01 a:hover {
	width: 62px;
	background-position: left -16px;
}

.head-nav ul li.headnav-02 a {
	width: 78px;
	background-position: -62px top;
}

.head-nav ul li.headnav-02 a:hover {
	width: 78px;
	background-position: -62px -16px;
}

.head-nav ul li.headnav-03 a {
	width: 76px;
	background-position: -140px top;
}

.head-nav ul li.headnav-03 a:hover {
	width: 76px;
	background-position: -140px -16px;
}

/* [navigation] start */
.head-banner {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 31px;
	width: 505px;
	overflow: hidden;
	display: block;
}

.head-banner ul {
	height: 31px;
	width: 505px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

.head-banner ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

.head-banner ul li a {
	padding: 0px;
	width: 165px;
	height: 31px;
	text-decoration: none;
	float: left;
	display: block;
	border: 0px;
}

.head-banner ul li.headbanner-01 a {
	background: url(../images/common/banner-shopping.gif) no-repeat;
	margin: 0px 5px 0px 0px;
}

.head-banner ul li.headbanner-01 a:hover {
	background: url(../images/common/banner-shopping_over.gif) no-repeat;
	margin: 0px 5px 0px 0px;
}

.head-banner ul li.headbanner-02 a {
	background: url(../images/common/banner-catalog.gif) no-repeat;
	margin: 0px 5px 0px 0px;
}

.head-banner ul li.headbanner-02 a:hover {
	background: url(../images/common/banner-catalog_over.gif) no-repeat;
	margin: 0px 5px 0px 0px;
}

.head-banner ul li.headbanner-03 {
	background: url(../images/common/banner-tel.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 165px;
	height: 31px;
	text-decoration: none;
	float: left;
	display: block;
}

/*** メイン　ナビゲーション ****/
/*** @group navi ****************************************************************************/

#mainnav {
	margin: 0px 0px 16px 5px;
	padding: 0px;
	height: auto;
	width: 175px;
	overflow: hidden;
}

div#mainnav ul {
	height: auto;
	width: 175px;
	list-style-type: none;
}

div#mainnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
}

div#mainnav ul li a {
	display: block;
	text-decoration: none;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 175px;
	background-image: url(../images/common/sidenav.gif);
	background-repeat: no-repeat;
}

html#mainnav ul li a {
	zoom: 1;/* 余白を解消する指定 */
}

div#mainnav ul li#navi001 a {
	background-position: left top;
}

div#mainnav ul li#navi001 a:hover {
	background-position: -175px top;
}

div#mainnav ul li#navi002 {
	display: block;
	text-decoration: none;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 175px;
	background: url(../images/common/sidenav.gif) no-repeat;
	background-position: left -38px;
}

div#mainnav ul li#navi002 a {
	background-position: left -38px;
}

div#mainnav ul li#navi002 a:hover {
	background-position: -175px -38px;
}

div#mainnav ul li#navi003 a {
	background-position: left -76px;
}

div#mainnav ul li#navi003 a:hover {
	background-position: -175px -76px;
}

div#mainnav ul li#navi004 a {
	background-position: left -114px;
}

div#mainnav ul li#navi004 a:hover {
	background-position: -175px -114px;
}

div#mainnav ul li#navi005 a {
	background-position: left -152px;
}

div#mainnav ul li#navi005 a:hover {
	background-position: -175px -152px;
}

div#mainnav ul li#navi006 a {
	background-position: left -190px;
}

div#mainnav ul li#navi006 a:hover {
	background-position: -175px -190px;
}

div#mainnav ul li#navi007 a {
	background-position: left -228px;
}

div#mainnav ul li#navi007 a:hover {
	background-position: -175px -228px;
}

div#mainnav ul li#navi008 a {
	background-position: left -266px;
}

div#mainnav ul li#navi008 a:hover {
	background-position: -175px -266px;
}

div#mainnav ul li#navi009 a {
	background-position: left -304px;
}

div#mainnav ul li#navi009 a:hover {
	background-position: -175px -304px;
}

div#mainnav ul li#navi010 a {
	background-position: left -342px;
}

div#mainnav ul li#navi010 a:hover {
	background-position: -175px -342px;
}

div#mainnav ul li#navi011 a {
	background-position: left -380px;
}

div#mainnav ul li#navi011 a:hover {
	background-position: -175px -380px;
}

div#mainnav ul li#navi012 a {
	background-position: left -418px;
}

div#mainnav ul li#navi012 a:hover {
	background-position: -175px -418px;
}

div#mainnav ul li#navi013 a {
	background-position: left -456px;
}

div#mainnav ul li#navi013 a:hover {
	background-position: -175px -456px;
}

div#mainnav ul li#navi014 a {
	background-position: left -494px;
}

div#mainnav ul li#navi014 a:hover {
	background-position: -175px -494px;
}

div#mainnav ul li#navi015 a {
	background-position: left -532px;
}

div#mainnav ul li#navi015 a:hover {
	background-position: -175px -532px;
}

div#mainnav ul li#navi016 a {
	background-position: left -570px;
}

div#mainnav ul li#navi016 a:hover {
	background-position: -175px -570px;
}

div#mainnav ul li#navi017 a {
	background-position: left -608px;
}

div#mainnav ul li#navi017 a:hover {
	background-position: -175px -608px;
}

div#mainnav ul li#navi018 a {
	background-position: left -646px;
}

div#mainnav ul li#navi018 a:hover {
	background-position: -175px -646px;
}

div#mainnav ul li ul {
	height: auto;
	width: 175px;
	list-style-type: none;
	display: block;
}

div#mainnav ul li ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
	background: url(../images/common/submenu.gif) no-repeat;
}

div#mainnav ul li ul li.submenu a {
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 175px;
	background: url(../images/common/submenu.gif) no-repeat;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	zoom: 1;/* 余白を解消する指定 */
}

div#mainnav ul li ul li.submenu a:hover {
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 175px;
	background: url(../images/common/submenu.gif) no-repeat;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	color: #78C127;
	font-size: 12px;
	font-weight: bold;
	zoom: 1;/* 余白を解消する指定 */
}

div#mainnav ul li ul li.submenu span.subnavi {
	margin: 12px 0px 0px 22px;
	padding: 0px;
	height: auto;
	width: 148px;
	display: block;
}

/*** ピックアップ ****/
/*** @group pickup ****************************************************************************/

#pickup {
	margin: 5px 0px 0px 5px;
	padding: 0px;
	height: auto;
	width: 175px;
	overflow: hidden;
}

div#pickup ul {
	height: auto;
	width: 175px;
	list-style-type: none;
}

div#pickup ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
}

div#pickup ul li a {
	display: block;
	text-decoration: none;
	overflow: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 175px;
}

div#pickup ul li.pickup001 a {
	background: url(../images/common/pickup-01.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup001 a:hover {
	background: url(../images/common/pickup-01_over.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup002 a {
	background: url(../images/common/pickup-02.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup002 a:hover {
	background: url(../images/common/pickup-02_over.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup003 a {
	background: url(../images/common/pickup-03.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup003 a:hover {
	background: url(../images/common/pickup-03_over.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup004 a {
	background: url(../images/common/pickup-04.jpg) no-repeat;
	height: 99px;
}

div#pickup ul li.pickup004 a:hover {
	background: url(../images/common/pickup-04_over.jpg) no-repeat;
	height: 99px;
}


/*** フッター内　コピーライト＆リンク各種 ****/
/*** @group footer ******************************************************************************/

#footer {
	width: 940px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

#footer-top {
	width: 940px;
	height: auto;
	padding: 5px 0px 4px 0px;
	margin: 0px auto 3px auto;
	background-color: #362F2D;
}

#footer-in {
	width: 900px;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#footer-box1 {
	width: 830px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#footer-box2 {
	width: 70px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#footer-box1 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#footer-box1 ul li {
	list-style-type: none;
	color: #FFFFFF;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

#footer-box1 ul li a { 
	text-decoration: none;
	color: #FFFFFF;
}

#footer-box1 ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.pagetop1 a {
	height: 17px;
	width: 69px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	background: url(../images/common/page-top.gif) no-repeat;
}

.pagetop1 a:hover {
	height: 17px;
	width: 69px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	background: url(../images/common/page-top_over.gif) no-repeat;
}

#footer-Line {
	height: 1px;
	width: 940px;
	padding: 0px;
	margin: 0px auto 8px auto;
	display: block;
	background: url(../images/common/Line-footer.gif) no-repeat;
}

#footer-moji {
	height: auto;
	width: 900px;
	padding: 0px;
	margin: 0px auto 12px auto;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	color: #404040;
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
}

#footer-address {
	width: 900px;
	height: auto;
	margin: 0px auto 16px auto;
	padding: 0;
	font: 12px/normal "Lucida Grande", Arial, sans-serif;
	color: #3c3c3c;
}