@charset "utf-8";

/* 
----------------------------------------------------------------------------- 
BASIC SETTING
-----------------------------------------------------------------------------*/
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
html {overflow-y:scroll;}
body,p,li,dt,dd,table {line-height:1.4;}
table {font-size:100%;}
li {list-style:none;}
sup {vertical-align:4px;}
textarea {overflow:auto;}
#section1 table,
#voicePage table {width:100%;}

/* 
----------------------------------------------------------------------------- 
LINK
-----------------------------------------------------------------------------*/

a {color: #ccc; text-decoration:underline;}
a:active, a:focus, a:hover {color:#fff; overflow:hidden; text-decoration:none;} /* Delete Link Border for Firefox */


/* 
----------------------------------------------------------------------------- 
RESET
-----------------------------------------------------------------------------*/

body {
	background:#000 url(../file/bgBody.gif) left top repeat;
	color:#ccc;
	}

h1 {
	text-align:left;
	}

#header, #siteId, #globalNavItems, #main, #footer, .top #contentMain, .top .topicsItem, #contentHeader, #staffList {display:block;zoom:1;}

#header {
	background:#060606 url(../file/bgHeader.jpg) left top repeat-x;
	}
	
#headerInner {
	background:#060606 url(../file/headerbg.jpg) left top no-repeat;
	}
	
.contactForm #headerInner {
	transparent;
	}
	
#siteId {
	background:url(../file/headerbg2.jpg) left bottom no-repeat;
	}
	
#utilityNav a {
	background:url(../file/headercontactbtn_off.gif) left bottom no-repeat;
	}
	
#utilityNav a:hover {
	background:url(../file/headercontactbtn_on.gif) left bottom no-repeat;
	}

#globalNav ul li a {
	color:#ccc;
	}

#page {
	background:transparent;
	}

#header,
.contactForm #headerInner,
#pageInner,
#footerNav {
	width:100%;
	text-align:center;
	background-color:transparent;
	border:none;
	}

#headerInner,
#globalNav,
#footerNavItems,
#copyright p {
	width:800px;
	margin:0 auto;
	}

#siteId {
	text-align:left;
	height:104px;	
	}
	
#siteId h1#subTitle {
	padding:4px 0 0 0;
	}

h2#siteLogo {
	margin:15px 0 0 0;
	}

.mainContainer {
	background:transparent;
	}

#footer {
	clear:both;
	}

#footerNav {
	padding:10px 0;
	background:#000;
	}

#pageTop p {
	font-size:10px;
	color:#999;
	}

#copyright {
	width:100%;
	background:#333;
	border-top:4px solid #404040;
	}

.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	line-height:0;
	visibility: hidden;
	}
	
.clearfix {zoom:1;}


/* 
----------------------------------------------------------------------------- 
TOPページ　サイドナビ
-----------------------------------------------------------------------------*/

#top {
	margin-top:20px;
	padding:0;
	text-align:center;
	background-color:transparent;
	}
	
#top #main,
#top #mainInner {
	width:800px;
	}

#top h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	border:none;
	}

#top .sideContents .categoryContainer {
	margin-bottom:15px;
	}

#top .sideContents .contentBlock {
	border:1px solid #333;
	text-align:center;
	background-color:#000;
	}

#top .searchContent .contentBlock {
	padding:10px 0 5px;
	}	

#top .searchContent a {
	display:block;
	margin-bottom:5px;
	}

#top .searchContent a img {
	vertical-align:bottom;
	}
	
#top .mobileContent .contentBlock .qrCodArea {
	padding-bottom:5px;
	}
	
#top .mobileContent .contentBlock {
	padding:10px 0 1px;
	}
	
#top .mobileContent .contentBlock img {
	vertical-align:bottom;
	}
	
#top .voiceContent .contentBlock {
	font-size:10px;
	padding:10px 0;
	}

#top .voiceContent .contentBlock table {
	border-collapse:collapse;
	width:99%;
	}

#top .voiceContent .contentBlock table td {
	vertical-align:top;
	text-align:center;
	}

#top .voiceContent .contentBlock table td.cell01 {
	width:35%;
	}
	
#top .voiceContent .contentBlock table td.cell02 {
	width:65%;
	}

#top .voiceContent .contentBlock table td.cell01 p {
	padding:3px 0 0;
	}

#top .voiceContent .contentBlock table td.cell02 {
	text-align:left;
	padding-right:5px;
	}
	
#top .voiceContent .contentBlock .btnOtherCustomer {
	text-align:right;
	margin:5px 5px 0 0;
	}

#top .shopListContent .contentBlock {
	}

#top .shopListContent .contentBlock table {
	width:90%;
	margin:0 auto;
	}

#top .shopListContent .contentBlock table td {
	background:url(../file/listArrow.gif) left center no-repeat;
	border-bottom:1px dashed #999;
	text-align:left;
	padding:5px 0 5px 15px;
	}
	
#top .shopListContent .contentBlock table td img {
	vertical-align:middle;
	}
	
#top .sideBannerContent {
	margin-top:20px;
	}
	
#top .sideBannerContent table td {
	padding:0px 0 5px;
	text-align:center;
	}


/* 
----------------------------------------------------------------------------- 
TOPページ　メインコンテンツ
-----------------------------------------------------------------------------*/

#top .mainVisual {
	width:auto;
	float:none;
	}

#top .featureBannerArea {
	margin-top:10px;
	}

#top .featureBannerArea table td {
	text-align:center;
	}

#top .news {
	margin-top:20px;
	}
	
#top .news .contentBlock {
	width:570px;
	margin:10px auto;
	}
	
#top .news .contentBlock table th {
	background:url(../file/listArrowTopics.gif) left center no-repeat;
	padding:0 0 0 10px;
	color:#cc0001;
	font-weight:bold;
	}
	
#top .news .contentBlock table td {
	padding:0 0 5px 10px;
	}
	
#top #dokodemo {
	margin-top:20px;
	}