@charset "utf-8";

#wrapper {
	overflow: hidden;
}

/*ヘッダー*/

#header {
	height: 231px;
	width: 100%;
	margin: 0px auto;
	background-image: url(../img/common/headerBg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

#inHeader {
	position: relative;
	height: 231px;
	width: 980px;
	margin: 0px auto;
}

div#inHeader h1 {
	position: absolute;
	height: 107px;
	width: 450px;
	top: 48px;
	left: 0px;
	background-image: url(../img/common/headerH1Title.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div#inHeader h1 a {
	height: 107px;
	width: 450px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

div.contactBtn {
	position: absolute;
	top: 23px;
	right: 0px;
	height: 55px;
	width: 274px;
	background-image: url(../img/common/contactBtn.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div.contactBtn a {
	height: 55px;
	width: 274px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

div.contactBtn a:hover {
	background-image: url(../img/common/contactBtn_r.png);
	background-repeat: no-repeat;
}

div.contactTextBox {
	position: absolute;
	top: 90px;
	right: 0px;
	height: 65px;
	width: 404px;
}

div.timeText {
	height: 13px;
	width: 404px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/common/timeText.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div.telNumber {
	height: 52px;
	width: 404px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/common/telNumber.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div.topNaviArea {
	position: absolute;
	top: 155px;
	left: 0px;
	width: 980px;
	margin: 0px auto;
}

ul.ghNavi {
	display: table;
	height: 66px;
	width: 980px;
	margin: 0px auto;
}

ul.ghNavi li {
	display: table-cell;
	height: 66px;
	vertical-align: top;
	background-position: top center;
	background-repeat: no-repeat;
}

li.ghNavi01 {
	width: 73px;
	background-image: url(../img/common/ghNavi01.png);
}

li.ghNavi02 {
	width: 94px;
	background-image: url(../img/common/ghNavi02.png);
}

li.ghNavi03 {
	width: 102px;
	background-image: url(../img/common/ghNavi03.png);
}

li.ghNavi04 {
	width: 146px;
	background-image: url(../img/common/ghNavi04.png);
}

li.ghNavi05 {
	width: 116px;
	background-image: url(../img/common/ghNavi05.png);
}

li.ghNavi06 {
	width: 116px;
	background-image: url(../img/common/ghNavi06.png);
}

li.ghNavi07 {
	width: 115px;
	background-image: url(../img/common/ghNavi07.png);
}

li.ghNavi08 {
	width: 116px;
	background-image: url(../img/common/ghNavi08.png?v=250407);
}

li.ghNavi09 {
	width: 102px;
	background-image: url(../img/common/ghNavi09.png);
}

ul.ghNavi li a {
	height: 66px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

ul.ghNavi li a:hover {
	background-position: top center;
	background-repeat: no-repeat;
}

li.ghNavi01 a:hover {
	width: 73px;
	background-image: url(../img/common/ghNavi01_r.png);
}

li.ghNavi02 a:hover {
	width: 94px;
	background-image: url(../img/common/ghNavi02_r.png);
}

li.ghNavi03 a:hover {
	width: 102px;
	background-image: url(../img/common/ghNavi03_r.png);
}

li.ghNavi04 a:hover {
	width: 146px;
	background-image: url(../img/common/ghNavi04_r.png);
}

li.ghNavi05 a:hover {
	width: 116px;
	background-image: url(../img/common/ghNavi05_r.png);
}

li.ghNavi06 a:hover {
	width: 116px;
	background-image: url(../img/common/ghNavi06_r.png);
}

li.ghNavi07 a:hover {
	width: 115px;
	background-image: url(../img/common/ghNavi07_r.png);
}

li.ghNavi08 a:hover {
	width: 116px;
	background-image: url(../img/common/ghNavi08_r.png?v=250407);
}

li.ghNavi09 a:hover {
	width: 102px;
	background-image: url(../img/common/ghNavi09_r.png);
}

/*コンテンツ*/

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

/*サイド*/

div#side {
	float: right;
	height: auto;
	width: 220px;
	padding-bottom: 100px;
}

div.mbSideBox {
	display: none;
}

div.sideBtn1 {
	height: auto;
	width: 220px;
	padding-bottom: 5px;
}

div.sideBtn1 a {
	display: block;
}

div.sideBtn1 a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.sideBtn2 {
	height: auto;
	width: 220px;
	padding-bottom: 10px;
}

div.sideBtn2 a {
	display: block;
}

div.sideBtn2 a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.sideBtn3 {
	height: auto;
	width: 220px;
	padding-bottom: 15px;
}

div.sideBtn3 a {
	display: block;
}

div.sideBtn3 a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.sideBrandList {
	height: auto;
	width: 218px;
	margin: 0px auto 15px auto;
	padding-bottom: 20px;
	border: 1px solid #666;
}

div.sideBrandTitle {
	height: 102px;
	width: 218px;
	margin: 0px auto;
}

div.sideBrandTitleList {
	height: 60px;
	width: 218px;
	margin: 0px auto;
	border-bottom: 1px dashed #CCC;
}

div.sideBrandTitleList a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.sideItemList {
	height: auto;
	width: 218px;
	margin: 0px auto 15px auto;
	padding-bottom: 20px;
	border: 1px solid #666;
}

div.sideItemTitle {
	height: 102px;
	width: 218px;
	margin: 0px auto;
}

div.sideItemTitleList {
	height: 50px;
	width: 218px;
	margin: 7px auto 0px auto;
	border-bottom: 1px dashed #CCC;
}

div.sideItemTitleList a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

div.footerLinks {
	height: 240px;
	width: 980px;
	margin: 0px auto;
	padding-bottom: 30px;
}

div.footerLinks ul {
	height: auto;
	width: 980px;
}

div.footerLinks ul li {
	height: 100px;
	width: 300px;
	margin: 20px 10px 0px 10px;
	float: left;
}

div.footerLinks ul li a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

/*フッター*/

footer {
	height: 440px;
	width: 100%;
	background-image: url(../img/common/footerBg.jpg);
	background-position: bottom center;
	background-repeat: repeat-x;
}

div#inFooter {
	position: relative;
	height: 420px;
	width: 980px;
	margin: 0px auto;
}

div.pagetop {
	position: absolute;
	top: 34px;
	right: 10px;
	height: 44px;
	width: 44px;
	background-image: url(../img/common/pageTop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

div.pagetop a {
	height: 44px;
	width: 44px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

div.pagetop a:hover {
	background-image: url(../img/common/pageTop_r.jpg);
	background-repeat: no-repeat;
}

div.footerNaviArea {
	position: absolute;
	top: 45px;
	left: 0px;
	height: 40px;
	width: 90%;
	line-height: 20px;
	text-align: left;
}

div.footerNavi01 a {
	text-decoration: none;
	color: #333;
}

div.footerNavi01 a:hover {
	color: #CCC;
}

div.footerNavi02 a {
	text-decoration: none;
	color: #333;
}

div.footerNavi02 a:hover {
	color: #CCC;
}

div.footerShopListBox {
	position: absolute;
	top: 100px;
	left: 0px;
	height: 320px;
	width: 980px;
}

div.footerShopList {
	float: left;
	height: auto;
	width: 230px;
	margin: 10px 40px;
	padding-bottom: 3px;
	border: 3px solid #EEE;
}

p.shopText {
	padding: 5px 10px;
	font-size: 12px;
	color: #666;
	text-align: left;
}

p.shopTel {
	padding: 5px;
	font-size: 15px;
	color: #666;
	text-align: right;
}

p.copyright {
	position: absolute;
	top: 415px;
	left: 0px;
	height: auto;
	width: 100%;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #FFF;
}

br.floatClear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

.bk_b {
	font-size: 14px;
	font-weight: bold;
}



/*-------------640以下ここから-------------*/

@media screen and (max-width: 640px){

#wrapper {
	height: auto;
	width: 100%;
}

/*ヘッダー*/

#header {
	height: 70px;
	width: 100%;
	background-image: none;
	border-top: 5px solid #D5313C;
	border-bottom: 5px solid #1B9E49;
	background-color: #FFF;
}

#inHeader {
	position: static;
	height: 70px;
	width: 100%;
}

div#inHeader h1 {
	position: absolute;
	top: 20px;
	left: 0px;
	height: 65px;
	width: 100%;
	z-index: 50;
	background-size: auto 45px;
}

div#inHeader h1 a {
	height: 65px;
	width: 100%;
	display: block;
}

div.contactBtn {
	display: none;
}

div.contactTextBox {
	display: none;
}

div.topNaviArea {
	position: static;
	width: 100%;
	margin: 0px auto;
}

ul.ghNavi {
	display: inherit;
	height: 66px;
	width: 100%;
	margin: 0px auto;
	text-align: left;
}

ul.ghNavi li {
	display: inherit;
	height: 66px;
	width: 100%;
    border-right: 2px solid #CCC;
	border-bottom: 1px dashed #CCC;
	vertical-align: top;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

ul.ghNavi li a {
	width: 100% !important;
	display: block;
}

ul.ghNavi li a:hover {
	background-position: top center;
	background-repeat: no-repeat;
}

div#contents {
	height: auto;
	width: 95%;
	margin: 0px auto;
}


/*サイド*/

div#side {
	float: none;
	height: auto;
	width: 90%;
	margin: 0px auto;
	padding-bottom: 30px;
}

div.pcSideBox {
	display: none;
}

div.mbSideBox {
	display: block;
}

div.mbSideBox ul li a img {
	height: auto;
	width: 100%;
	background-size: contain;
}

div.sideBtn1 {
	height: auto;
	width: 90%;
	margin: 0px auto;
	padding-bottom: 5px;
}

div.sideBtn2 {
	height: auto;
	width: 90%;
	margin: 0px auto;
	padding-bottom: 10px;
}

div.sideBtn3 {
	height: auto;
	width: 90%;
	margin: 0px auto;
	padding-bottom: 15px;
}

div.sideBrandList {
	height: auto;
	width: 90%;
	margin: 0px auto 15px auto;
	padding-bottom: 20px;
	border: none;
}

div.sideBrandTitle {
	height: 102px;
	width: 80%;
	margin: 0px auto;
}

div.mbSideBrandTitle {
	margin-top: 15px;
}

div.mbSideBrandTitle img {
	height: auto;
	width: 100%;
	background-size: contain;
}

div.sideBrandTitleList {
	float: left;
	height: 60px;
	width: 50%;
	margin: 10px auto;
	border-bottom: 1px dashed #CCC;
}

div.sideItemList {
	height: auto;
	width: 100%;
	margin: 0px auto 15px auto;
	border: none;
}

div.sideItemList {
	height: auto;
	width: 90%;
	margin: 0px auto 15px auto;
	padding-bottom: 20px;
	border: none;
}

div.mbSideItemTitle {
	margin-top: 15px;
}

div.mbSideItemTitle img {
	height: auto;
	width: 100%;
	background-size: contain;
}

div.sideItemTitleList {
	height: auto;
	width: 100%;
	margin: 0px auto;
	border-bottom: 1px dashed #CCC;
}

div.sideItemTitleList a {
	font-size: 0.8em;
	line-height: 28px;
	text-decoration: none;
	color: #666;
}

div.footerLinks {
	height: auto;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 30px;
}

div.footerLinks ul {
	height: auto;
	width: 100%;
}

div.footerLinks ul li {
	height: auto;
	width: 90%;
	margin: 10px auto 0px auto;
	float: none;
}

div.footerLinks ul li a img {
	height: auto;
	width: 100%;
	background-size: contain;
}

footer {
	height: auto;
	width: 100%;
	background-image: none;
}

div#inFooter {
	position: static;
	height: auto;
	width: 100%;
}

div.footerNaviArea {
	position: static;
}

div.pagetop {
	position: static;
	height: 44px;
	width: 44px;
	margin: 0px auto;
	background-image: url(../img/common/pageTop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

div.pagetop a:hover {
	background-image: url(../img/common/pageTop_r.jpg);
	background-repeat: no-repeat;
}

div.footerNaviArea {
	position: static;
	height: auto;
	width: 90%;
	margin: 0px auto;
	line-height: 20px;
	text-align: center;
}

span.footerNaviText {
	display: block;
	height: auto;
	width: 100%;
	font-size: 0.8em;
	line-height: 28px;
	padding: 3px 0px;
	background-color: #F6F6F6;
	border-bottom: 1px dashed #CCC;
}

span.noneText {
	display: none;
}

div.footerShopListBox {
	position: static;
	height: auto;
	width: 90%;
	margin: 0px auto;
}

div.footerShopList {
	float: none;
	height: auto;
	width: 80%;
	margin: 10px auto;
	border: 3px solid #EEE;
}

div.footerShopList p img {
	height: auto;
	width: 100%;
	background-size: contain;
}

p.copyright {
	position: static;
	height: auto;
	width: 100%;
	padding-bottom: 15px;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	line-height: 30px;
	background-color: #DF414F;
	color: #FFF;
}

}