﻿@charset "utf-8";
/* ############### GLOBAL COMMON ############### */
body {
	font-size: 12px;
	line-height: 1.5;
	font-family: 'メイリオ','Meiryo','ＭＳ ゴシック','MS Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
}
.bannar {text-align: left;margin: 0;padding: 0;}
div.end,#footer {display: none;}
img {border: none;}
#navGlobal a,#navLocal a,#navi a {outline: none;}
a:link,a:visited {color: #5eba00 !important;}
a:hover,a:active {color: #da004b !important;}
h1.h,h2.h,h3.h,h4.h,h5.h,h6.h {
	font-size: 100%;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: 0;
}
h2.h + br,h3.h + br,h4.h + br,h5.h + br,h6.h + br,
h2.hB + br,h3.hB + br,h4.hB + br,h5.hB + br,h6.hB + br {
	display: none;
}
ul,ol,li {list-style: none;margin: 0;padding: 0;}
/* ############### GLOBAL LAYOUT ############### */
#wrapper {
	color: #666666;
	position: relative;
	width: 100%;
	min-width: 964px;
}
#header,
#footermenu {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
#headerInner,
#contents,
#footerInner {
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#header {
	background: url(image/common/back_header.png) top left repeat-x;
	width: 100%;
	min-width: 100%;
	height: 319px;
	overflow: hidden;
	z-index: 101;
}
#header #headerInner {
	width:100%;
	min-width: 100%;
	height: 319px;
}
#contents {
	background: url(image/common/back_contents.png);
	width: 960px;
	min-width: 960px;
	padding: 19px 2px 0 2px;
	margin: -19px auto 0 auto;
	z-index: 100;
}
#footermenu {
	background: url(image/common/back_footer.jpg) bottom center repeat-x;
	width: 100%;
	min-width: 100%;
	height: 255px;
	overflow: hidden;
}
#footermenu #footerInner {
	width: 964px;
	min-width: 964px;
	height: 255px;
}
/* ############### HEADER ############### */
#head_info {
	position: relative;
	width: 960px;
	height: 100px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#head_siteID {
	position: relative;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}
#head_siteID a {
	display: block;
}
#head_siteID,
#head_siteID a {
	width: 203px;
	height: 49px;
}
#head_desc,
#head_tel,
#head_address {
	display: block;
	position: absolute;
	margin: 0;
}
#head_desc {
	line-height: 14px;
	top: 20px;
	left: 0px;
}
#head_tel {
	top: 20px;
	right: 0px;
	width: 352px;
	height: 65px;
}
#head_address {
	top: 40px;
	left: 300px;
	width: 292px;
	height: 45px;
}
/* ############### HEADER MAINAREA ############### */
#mainAreaShadow {
	background: url(image/common/back_contents.png);
	position: relative;
	width: 964px;
	height: 150px;
	margin: 0 auto;
}
#mainArea {
	background: url(image/common/mainimage_title_01.jpg);
	position: relative;
	width: 960px;
	height: 150px;
	margin: 0 2px 0 2px;
	z-index: 100;
}
#mainAreaOnTopShadow {
	background: url(image/common/head_main_onShadow.png);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 5px;
	z-index: 101;
	margin: 0 2px 0 2px;
}
/* ############### HEADER MENU ############### */
#navGlobalWrap {
	background: url(image/common/back_nav_global_wrap.png) top center;
	width: 100%;
	height: 69px;
}
#navGlobal {
	background: url(image/common/head_nav_global_back.png);
	width: 960px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
}
#navGlobal li {
	position: relative;
	float: left;
	display: block;
}
#navGlobal li a {
	text-indent: -9999px;
	line-height: 50px;
	display: block;
	width: 192px;
	height: 50px;
	padding: 0px;
	outline: none;
}
#navGlobal li#navGlobalNum1 a {
	background: url(image/common/head_nav_global_num1.png);
}
#navGlobal li#navGlobalNum2 a {
	background: url(image/common/head_nav_global_num2.png);
}
#navGlobal li#navGlobalNum3 a {
	background: url(image/common/head_nav_global_num3.png);
}
#navGlobal li#navGlobalNum4 a {
	background: url(image/common/head_nav_global_num4.png);
}
#navGlobal li#navGlobalNum5 a {
	background: url(image/common/head_nav_global_num5.png);
}
#navGlobal li#navGlobalNum6 a {
	background: url(image/common/head_nav_global_num6.png);
}
#navGlobal li#navGlobalNum7 a {
	background: url(image/common/head_nav_global_num7.png);
}
#navGlobal li#navGlobalNum8 a {
	background: url(image/common/head_nav_global_num8.png);
}
#navGlobal li#navGlobalNum1 a:hover,
#navGlobal li#navGlobalNum2 a:hover,
#navGlobal li#navGlobalNum3 a:hover,
#navGlobal li#navGlobalNum4 a:hover,
#navGlobal li#navGlobalNum5 a:hover,
#navGlobal li#navGlobalNum6 a:hover,
#navGlobal li#navGlobalNum7 a:hover,
#navGlobal li#navGlobalNum8 a:hover {
	background: none;
}
/* ############### FOOTER ############### */
#foot_banner {
	background: url(image/common/foot_banner.png);
	width: 964px;
	height: 125px;
}
#footermenu-list1,
#footermenu-list2 {
	position: absolute;
	text-align: left;
	z-index: 100;
	padding: 0;
	margin: 0;
}
#footermenu-list1 {
	color: #fff !important;
	top: 125px;
	left: 17px;
	height: 40px;
	line-height: 40px;
}
#footermenu-list1 a {
	color: #fff !important;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#footermenu-list1 a:hover {
	color: #fff !important;
	text-decoration: underline;
}
#footermenu-list2 {
	color: #666666 !important;
	position: relative;
	top: 170px;
	right: 17px;
	height: 30px;
	line-height: 30px;
}
#footermenu-list2 a {
	color: #666666 !important;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#footermenu-list2 a:hover {
	color: #666666 !important;
	text-decoration: underline;
}
#pageTop,
#footermenu-list2,
#foot_siteid,
#foot_contact,
#foot_info,
#copyright {
	position: absolute;
	margin: 0;
	padding: 0;
}
#pageTop {
	top: 134px;
	right: 17px;
	width: 148px;
	height: 20px;
	z-index: 101;
}
#foot_contact {
	top: 51px;
	left: 383px;
	width: 182px;
	height: 30px;
}
#foot_info {
	color: #666666;
	top: 175px;
	left: 17px;
}
#copyright {
	text-align: center;
	line-height: 30px;
	color: #fff !important;
	bottom: 0px;
	right: 0px;
	width: 960px;
}
/* ############### CONTENTS SIDE ############### */
#left {
	width: 255px;
	padding: 0 15px 0 0;
}
#left a {
	text-decoration: none !important;
}
#left a:hover {
	text-decoration: underline !important;
}
#left #navi {
	width: 255px;
}
#left #navi li {
	margin: 0;
	padding: 0;
}
#left #navi li a {
/*
	padding: 0 0 0 0 !important;
*/
}
#left .bannar {
	margin: 20px 0 30px -3px !important;
}
#left .bannar .imgOnly {
	font-size: 0px !important;
}
	/* ##### SIDE SHOP ##### */
#shopNav {
}
#searchArea,
#shopping_cart {
	margin: 0;
	padding: 0;
}
#shopping_cart {
	margin: 30px 0 0 0;
}
/* ############### CONTENTS MAIN ############### */
#right {
	width: 645px;
	padding: 11px 0 0 15px;
}
/* ##### SHOP ##### */
#right .itemArea {
	margin: 0;
}
#right .itemArea h2 {
	margin: 0 0 10px 0;
}
#right .itemArea .itemImg {
	margin: 0 20px 0 20px !important;
}
.shopCont {
	margin: 0;
}
.sortCatalog .explain td {
	text-align: center;
}

	/* ##### SCROLL FRAME ##### */
.scrollFrame {overflow: hidden;}
.scrollFrame .scrollArea {overflow: auto;}
.scrollFrame .scrollArea p {
	text-align: left;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #666;
}
.scrollFrame .scrollArea p br {display: block;}
.scrollFrame .scrollArea br {display: none;}
#indexNews {
	width: 400px;
	height: 300px;
}
#indexNews .scrollArea {
	width: 300px;
	height: 200px;
	margin: 50px 0 0 50px;
}
/* ############### PAGE COMMON ############### */
.algLeft {float: left;}
.algRight {float: right;}
.floatBlock {
	clear: both;
	overflow: hidden;
}
.clearBoth {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
}
.lineHeight10 {line-height: 1;}.lineHeight11 {line-height: 1.1;}.lineHeight12 {line-height: 1.2;}
.lineHeight13 {line-height: 1.3;}.lineHeight14 {line-height: 1.4;}.lineHeight15 {line-height: 1.5;}
.lineHeight16 {line-height: 1.6;}.lineHeight17 {line-height: 1.7;}.lineHeight18 {line-height: 1.8;}
.lineHeight19 {line-height: 1.9;}.lineHeight20 {line-height: 2.0;}
.fontSize10 {font-size: 10px;}.fontSize11 {font-size: 11px;}.fontSize12 {font-size: 12px;}
.fontSize13 {font-size: 13px;}.fontSize14 {font-size: 14px;}.fontSize15 {font-size: 15px;}
.fontSize16 {font-size: 16px;}.fontSize17 {font-size: 17px;}.fontSize18 {font-size: 18px;}
.fontSize19 {font-size: 19px;}.fontSize20 {font-size: 20px;}.fontSize21 {font-size: 21px;}
.fontSize22 {font-size: 22px;}.fontSize23 {font-size: 23px;}.fontSize24 {font-size: 24px;}
.underLine {text-decoration: underline;}
.tableUpper td {vertical-align: top;}
.tableDowner td {vertical-align: bottom;}
hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid #ccc;
}
.tableDesign2 table td {
	border: none !important;
	border-bottom: 1px dashed #999 !important;
}
/* ############### PAGE UNIQUE ############### */
h2.h {
	font-size: 16px;
	font-weight: bold;
	line-height: 45px;
	color: #444444;
	background: url(image/common/title_h2.png);
	width: 630px;
	height: 40px;
	padding: 0 0 0 15px;
}
h3.h {
	font-size: 16px;
	line-height: 45px;
	color: #444444;
	background: url(image/common/title_h3.png) left top no-repeat;
	height: 40px;
	width: 625px;
	padding: 0 0 0 20px;
}
h4.h {
	font-size: 16px;
	line-height: 27px;
	color: #fff;
	background: url(image/common/title_h4.png) left top no-repeat;
	height: 25px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	border-bottom: double 3px #e34077;
}
h4.hB {
	font-size: 14px;
	line-height: 20px;
	background: url(image/common/title_h4b.png);
	height: 28px;
	width: 625px;
	margin: 0 0 5px -20px;
	padding: 0 0 0 20px;
}
form table tr > th font {
	color: #E0CF16;
}
.gMap {
	padding: 1px;
	border: 1px solid #ccc;
}
#mainImageClone {
	display: none;
}
/* ############### FORM COMMON ############### */
.tableDesign table td,
form tr > th {
/*
	background: url(image/common/pre_back_table_grad_w30.png) top left repeat-x;
*/
}
form input[type="text"],form select,form textarea {
	border: 1px solid #abadb3;
}
form input,form select {
	display: inline;
	vertical-align: middle;
}
form select {
	padding: 1px 1px 1px 1px;
}
form input[type="text"] {
	background: url(image/common/pre_back_from_innerShadow.png);
	padding: 4px 2px 0px 4px;
}
form textarea[name] {
	background: url(image/common/pre_back_from_innerShadow.png);
	padding: 4px 2px 0px 4px;
}
form input[type="submit"] {
	width: 200px;
	height: 30px;
	padding: 2px 0 2px 0;
}
