@charset "utf-8";


/* import */

@import url(common.css);
@import url(type.css);



/* ================================================================ *

-- 目次 -- 

1: newsBlock
2:recommend 
3:sellBlock
4:ohBlock
5:recommendBlock
6:bnrBlock


-- 更新日 -- 
最終更新日:2008年11月27日

2008年11月27日　フォーマット作成


* ================================================================ */

/* --------- 1:newsBlock --------- */

#newsBlock {
	width: 682px;
	margin-bottom: 15px;
}

#newsInner {
	padding: 8px;
	border: #E9E9E9 1px solid;
}

#newsBlock h2 {
	margin: 0;
	padding: 0;
}

#newsBlock h3 {
	font-size: 12px;
	font-weight: normal;
}

.newsSection {
	overflow: hidden;
	padding: 8px;
}

.newsSection dl {
	border-bottom: #CCCCCC 1px dotted;
	margin-bottom: 8px;
}

.newsSection dl dt {
	float: left;
	width: 85px;
}

.newsSection dl dd {
	margin: 0 0 10px 95px;
	padding: 0;
}



/* --------- 2:recommend --------- */

/*Left*/
#recLeft {
	float:left;
	width:218px;
	border: #C8C8F3 1px solid;
	padding: 1px;
	margin: 0 8px 8px 0;
}

#recLeft h2 {
	margin: 0;
	padding: 0;
}

/*Center*/
#recCenter {
	float:left;
	width:218px;
	border: #C8C8F3 1px solid;
	padding: 1px;
	margin: 0 8px 8px 0;
}

#recCenter h2 {
	margin: 0;
	padding: 0;
}

/*Right*/
#recRight {
	float:left;
	width:218px;
	border: #C8C8F3 1px solid;
	padding: 1px;
	margin-bottom: 8px;
}

#recRight h2 {
	margin: 0;
	padding: 0;
}

.arrow {
	background: url(/images/common/arrow.gif) no-repeat center left;
	font-weight: normal;
	padding: 3px 0 3px 12px;
}

.inner {
	clear: both;
	padding: 8px;
}

.inner ul.left li {
	display: block;
	float: left;
}
.inner ul.left li a {
	white-space: nowrap;
	margin-right: 40px;
}

.inner .arrow li a {
	margin-bottom: 8px;
}


/* --------- 3:sellBlock --------- */

#sellBlock {
	width: 682px;
	margin-bottom:15px;
}

.sellBox {
	clear: both;
	margin: 8px;
}

.sellBox img {
	margin: 1px;
}

.sellBox ul.left li {
	display: block;
	float: left;
}
.sellBox ul.left li a {
	white-space: nowrap;
	margin-right: 10px;
}

.sellBox .arrow li a {
	margin-bottom: 8px;
}


/* --------- 4:ohBlock --------- */

#ohBlock {
	width: 682px;
	margin-bottom: 15px;
}

#ohInner {
	padding: 8px;
	border: #E9E9E9 1px solid;
}

#ohBlock h2 {
	margin: 0;
	padding: 0;
}

#ohBlock h3 {
	font-size: 12px;
	font-weight: normal;
}

.ohSection {
	overflow: hidden;
	padding: 8px;
}

.ohSection dl {
	border-bottom: #CCCCCC 1px dotted;
	margin-bottom: 8px;
}

.ohSection dl dt {
	float: left;
	width: 85px;
}

.ohSection dl dd {
	margin: 0 0 10px 95px;
	padding: 0;
}



/* --------- 5:ToprecommendBlock --------- */

#ToprecommendBlock {
	width: 682px;
	margin-bottom: 15px;
}

#ToprecommendInner {
	padding: 8px;
	border: #E9E9E9 1px solid;
}

#ToprecommendBlock h2 {
	margin: 0;
	padding: 0;
}

#ToprecommendBlock h3 {
	margin: 0 0 10px 0;
	padding: 0;
}

#ToprecommendBlock h4 {
	font-size: 12px;
	font-weight: bold;
}

.ToprecommendSection {
	overflow: hidden;
}


.Toprecommend-sasebo {
	float:right;
	width:310px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 8px 8px 0 8px;
	border: #FF6666 1px solid;
}

.Toprecommend-nagasaki {
	float:left;
	width:310px;
	margin-bottom: 8px;
	padding: 8px 8px 0 8px;
	border: #0066FF 1px solid;
}

.Toprecommend-saga {
	float:left;
	width:310px;
	margin-bottom: 8px;
	padding: 8px 8px 0 8px;
	border: #339900 1px solid;
}

.Toprecommend-fukuoka {
	float:right;
	width:310px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 8px 8px 0 8px;
	border: #FF9900 1px solid;
}


.ToprecommendSection dl {
	margin-bottom: 8px;
	border-bottom: #CCCCCC 1px dotted;
}


.ToprecommendSection dl dt {
	float: left;
	width: 100px;
	margin-bottom: 8px;
}

.ToprecommendSection dl dd {
	margin: 0 0 8px 108px;
	padding: 0;
}

/* --------- 6:bnrBlock --------- */

#bnrBlock {
	width: 682px;
	margin-bottom: 15px;
}


#bnrBlock h2 {
	margin: 0 0 8px 0;
	padding: 0;
}


* html #bnrBlock { /* for IE6 */
	width: 682px;
}
		
#bnrBlock:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
			
#bnrBlock ul {
	margin-right: -8px;
	margin-top: -8px;
	zoom: 1;
}

* html #bnrBlock ul { /* for IE6 */
		margin-right: -8px;
}
			
#bnrBlock ul li {
		float: left;
		margin-right: 8px;
		margin-top: 8px;
		width: 222px;
}