@charset "utf-8";

/* Base
---------------------------------------------*/
body {
	text-align: center;
	font-size: 80%;
	color: #666666;
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: url(../images/common/back.jpg) repeat center top;
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, span {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

img { border: none; vertical-align: bottom; }

a:link    { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover   { color: #b2793e; text-decoration: underline; }
a:active  { color: #a55f18; text-decoration: none; }




/* Container
-----------------------------------*/
#container {
	width: 870px;
	margin: 0px auto;
	background: url(../images/common/base_back.gif) repeat-y left top;
}



/* Head >>Top >>layout >>layoutForm
-----------------------------------*/







/* ContentWrap
-----------------------------------*/
#contentWrap {
	width: 826px;
	margin: 0px auto;
	padding-top: 44px;
	background: url(../images/common/content_head.gif) no-repeat left top;
}


/* nav
-----------------------------------*/
#nav {
	width: 175px;
	float: left;
	display: inline;
	margin-left: 18px;
	text-align: left;
	font-size: 85%;
}
/*---- banner ------*/

#banner {
	margin: 30px 0px 20px 0px;
}
#banner .bannerComment {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	line-height: 1.2;
	background: url(../images/menu/banner_comment_back.gif) repeat-y left top;
}

/*---- mobile ------*/
#mobile {
	background: url(../images/menu/mobile_body.gif) repeat-y left top;
}

#mobileQR {
	height: 98px !important;
	background: url(../images/menu/mobile_foot.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#mobileQR:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #mobileQR {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#mobileQR .imageQR {
	width: 75px;
	float: left;
}
#mobileQR .commentQR {
	float: left;
	width: 95px;
}

/*---- card ------*/

#creditCard {
	width: 175px;
	text-align: center;
	padding-bottom: 27px;
	margin-bottom: 50px;
	background: url(../images/menu/card_foot.gif) no-repeat left bottom;
}

#creditCard table {
	width: 175px;
	font-size: 100%;
	background: #fbfbfb;
}
#creditCard td {
	text-align: center;
}

.tableLine {
	width: 2px;
	background: #c7c7c7;
}













/* content →top →layout
----------------------*/







/* footNav
------------------------------------*/
#foot {
	clear: both;
	width: 826px;
	height: 85px !important;
	height /**/: 100px;
	margin: 0px auto;
	padding-top: 15px;
	text-align: right;
	font-size: 85%;
	background: url(../images/common/content_foot.gif) no-repeat left top;
}

#foot ul {
	color: #aaaaaa;
	margin: 0px 20px 0px 0px;
}
#foot li {
	display: inline;
}
#foot p {
	line-height: 1.2;
	margin: 10px 20px 10px 0px;
}




/* footCopyright
-----------------------------------*/
#footWrap {
	width: 100%;
	background: url(../images/common/foot_back.jpg) repeat-x left top;
}


#footCopyright {
	width: 870px;
	margin: 0px auto;
	height: 150px;
	position: relative;
	text-align: left;
	background: url(../images/common/base_foot.jpg) no-repeat left top;
}
#footCopyright p {
	position: absolute;
	right: 0px;
	top: 17px;
}
#footCopyright .flashPlayer {
	position: absolute;
	height: 60px;
	padding-top: 5px;
	padding-left: 75px;
	left: 0px;
	top: 17px;
	color: #565656;
	font-size: 85%;
	background: url(../images/common/flashPlayer.jpg) no-repeat left top;
}

.flashPlayer a:link    { color: #565656; text-decoration: none; }
.flashPlayer a:visited { color: #565656; text-decoration: none; }
.flashPlayer a:hover   { color: #eb5800; text-decoration: underline; }
.flashPlayer a:active  { color: #eb5800; text-decoration: none; }