@charset "utf-8";

/* element
---------------------------------------------------- */
body {
	color: #333333;
	background: #FFFFFF url("images/common/background.gif") repeat-x;
	font-family:'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN',sans-serif;
}
* html body {
	text-align: center; /* IE6 */
}
img {
	vertical-align: bottom;
	border: none;
}
a {
	color: #666666;
	outline: none;
}
a img {
	border: none;
}
em {
	font-style: normal;
	font-weight: bold;
}
strong {
	font-style: normal;
	font-weight: bold;
}

/* wrapperContainer
---------------------------------------------------- */
div#wrapperContainer {
	width: 810px;
	margin: 0 auto;
	padding: 0 15px;
	background: url("images/common/containerback.gif") no-repeat top left;
}
* html div#wrapperContainer {
	text-align: left; /* IE6 */
}
/* wrapper
---------------------------------------------------- */
div#wrapper {
	width: 810px;
	margin: 0;
	background: #FFFFFF;
}

/* header
---------------------------------------------------- */
div#header {
	width: 810px;
	height: 45px;
}
#header div#logo {
	float: left;
	width: 200px;
	height: 45;
	line-height: 45px;
	margin-right: 250px;
}
* html #header div#logo { /*for IE6 */
	margin-right: 245px;
}
#header div#fontSizeBox {
	float: left;
	width: 155px;
	margin-top: 22px;
}
#fontSizeBox img {
	cursor: pointer;
}
#fontSizeBox span {
	margin-right: 3px;
}
#header div#searchBox {
	float: left;
	width: 205px;
	margin-top: 22px;
}
#searchBox span {
	display: inline-block; /* for IE8 */
	margin-left: 3px;
	vertical-align: bottom;
}

/* navi
---------------------------------------------------- */
div#navi {
	clear: both;
	width: 810px;
	height:65px;
}
#navi ul {
	width: 810px;
	height: 65px;
	list-style: none;
}
#navi ul li{
	display: block;
	float: left;
	width: 142px;
	height: 65px;
}
#navi ul li.mostLeft {
	width: 93px 
}
#navi ul li.mostRight {
	width: 149px
}
#navi ul li a{
	display:block;
}


/* content
---------------------------------------------------- */
div#content {
	clear: both;
	width: 800px;
	margin: 0 5px;
}
/* -------------------
  main
--------------------*/
#content div#main {
	width: 540px;
	float: left;
	margin-right: 10px;
}
* html #content div#main { /*for IE6 */
	margin-right: 5px;
}
#main h2 {
	margin: 0;
	width: 527px;
	height: 30px;
}

/* What's New,おすすめ情報共通 */
#main .roundBorderOuter {
	margin: 10px auto;
	width: 538px;
	background: #dfded8;
	padding: 1px;
}
.roundBorderOuter .roundBorderInner {
	width: 536px;
	padding: 1px;
	background: #ffffff;
}
.roundBorderInner .roundBox {
	width: 527px;
	padding: 5px 4px 0px 5px;
	background: #f7f5e9;
}
#main div.headingOuter {
	width: 523px;
	margin: 5px auto;
	border: 1px solid #dfded8;
	background: #FFFFFF;
}
.headingOuter div.headingArea {
	clear: both;
	width: 513px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 1px solid #dfded8;
}
.headingOuter div.mostBottom {
	border-bottom: none !important;
}
.headingArea a {
	color: #937443;
	font-weight: bold;
}
/* What's News */
.headingArea div.thumbArea {
	float: left;
	width: 71px;
	height: 51px;
	margin-right: 12px;
}
.headingArea div.textArea {
	float: left;
	width: 427px;
}
.textArea p.newsHeading {
	font-size: 108%;
}
.textArea p.newsDate {
	padding-left: 15px;
	background: url("images/common/listmark/listmark1.gif") no-repeat 0 2px;
	font-size: 93%;
}
/* お勧め情報 */
.headingArea .recommendHeading {
	padding: 4px 0 4px 18px;
	background: url("images/common/listmark/listmark1.gif") no-repeat 0 12px;
	font-size: 108%;
}
/* -------------------
  sidebar
--------------------*/
#content div#sidebar {
	float: right;
	width: 250px;
}
#sidebar h3 {
	width: 238px;
	margin: 0 auto;
}
#sidebar p.sideNavi {
	width: 238px;
	margin: 5px auto;
}
#sidebar div#standBox {
	position: relative;
	width: 250px;
	height:241px;
	background: url("images/home/sidebar/stand.jpg") no-repeat;
}
#standBox p {
	position: absolute;
	top: 58px;
	left: 14px;
}
#sidebar div#bannerBox {
	width: 250px;
}
#bannerBox p {
	width: 250px;
	margin-top: 7px;
}

/* footer
---------------------------------------------------- */
div#footer {
	clear: both;
	width: 810px;
	margin-top: 50px;
}
#footer p span {
	display: inline-block; /* for IE8 */
	vertical-align: bottom;
}
#footer p.navi {
	margin-top: 20px;
	font-size: 93%;
	text-align: center;
}
#footer p.copy {
	margin-top: 15px;
	font-size: 77%;
	text-align: center;
}

/* general class
---------------------------------------------------- */
.textLarge {
	font-size: 123.1%; /* 16px */
}
.textXSmall {
	font-size: 77%; /* 10px */
}
.textSmall {
	font-size: 85%; /* 11px */
}
.textNormal {
	font-weight: normal;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.layoutLeft {
	float: left;
}
.layoutLeftImg {
	float: left;
	margin: 0 9px 5px 0;
}
.layoutRight {
	float: right;
}
.layoutClear {
	clear: both;
}

/* Clearfix
---------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from -mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from -mac */