﻿#mainFlash {
	background-image: url(../images/flash_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 380px;
}

.largeBanner {
	margin-bottom: 10px;
}

.smallBanner li {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}

.smallBanner li.sBend {
	margin-right:0;
}


#topicsBox {
	float: left;
	margin-bottom: 20px;
}

.topicsList li {
	float: left;
	background-image: url(../images/topic_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 632px;
	padding: 5px 0;
	font-size: 0.8em;
	line-height: 1.4em;
}

.topicDate {
	float: left;
	width: 150px;
}

.topicDate p {
	padding-left: 30px;
}

.topicDate p.new {
	background-image: url(../images/topic_new.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

.topicArticle {
	float: right;
	width: 470px;
}

#workBox {
	margin-bottom: 10px;
}

.workList {
	float: left;
	padding: 20px 0;
}

.workList li {
	float: left;
	width: 203px;
	padding-bottom: 10px;
	padding-right: 11px;
}

.workList li.right {
	padding-right: 0;
}

.workDesc {
	padding: 5px 0;
	font-size: 0.8em;
}






.bannerList li {
	padding-bottom: 5px;
}



.rightBannerBox {
	background-image: url(../images/text_bnr_bg.gif);
	background-repeat: repeat-y;
	border-bottom: solid 1px #c4c4c4;
	margin-bottom: 5px;
}

.rightBannerBox p {
	padding: 5px;
	font-size: 0.7em;
}



#newsBox {
	float: left;
	margin-bottom: 20px;
}

.newsList li {
	float: left;
	width: 630px;
	padding: 5px 0;
	font-size: 0.8em;
	line-height: 1.4em;
}

.newsBanner {
	float: left;
	width: 210px;
}

.newsDesc {
	float: right;
	width: 410px;
}



/*********************************/
/********* add 2009/11/02 ********/
/*********************************/

/********* extra ********/

#extraColumn {
	float: left;
	width: 632px;
	margin-bottom: 20px;
}


#coolColumn {
	background-image: url(../images/cool_bg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 310px;
	border-bottom: solid 1px #003aa2;
}

.coolBox {
	width: 300px;
	height: 380px;
	margin: 5px;
	overflow: auto;
}

.coolNews {
	padding: 10px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}


#konogoroColumn {
	background-image: url(../images/konogoro_bg.gif);
	background-repeat: repeat-y;
	float: right;
	width: 310px;
	border-bottom: solid 1px #7e1e0b;
}

.konogoroBox {
	width: 300px;
	height: 380px;
	margin: 5px;
	overflow: auto;
}

.konogoroNews {
	padding: 10px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}

.konogoroList {
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-type: disc
}

/*********************************/
/********* add 2009/11/04 ********/
/*********************************/

#topicsInner {
	width: 632px;
	height: 380px;
	overflow: auto;
}

.topicsList li {
	width: 600px;
}

.topicDate {
	width: 150px;
}

.topicArticle {
	width: 440px;
}

/********* add 2009/11/04 ********/

#groupBannerBox {
	float: left;
	width: 632px;
	margin-bottom: 20px;
}

.newsList {
	float: left;
	margin-bottom: 10px;
}

.gorupMainTitle {
	clear: both;
	margin-bottom: 10px;
}

.gorupTitle {
	clear: both;
	background-image: url(../images/group_category_title.gif);
	background-repeat: no-repeat;
	width: 632px;
	height: 31px;
	margin: 5px 0 0;
}

.gorupTitle span {
	display: block;
	padding: 6px 0 0 25px;
	color: #003594;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.4em;
}



.groupBannerList {
	float: left;
}

.groupBannerList li {
	float: left;
	width: 205px;
	margin-bottom: 5px;
	margin-right: 8px;
}

.groupBannerList li.end {
	margin-right: 0;
}

.bnrimg {

}

.bnrdesc {
	/*background-color:#f7f7f7;*/
	padding: 5px 0;
	font-size: 0.8em;
	line-height: 1.4em;
}


/*********************************/
/********* add 2009/11/04 ********/
/*********************************/

/********* nenga ********/

#nengaColumn {
	width: 632px;
	background-image:url(../images/nenga_bg.gif);
	background-repeat: repeat-y;
	margin-bottom:5px;
}

.nengaImg {
	background-image:url(../images/nenga_01.jpg);
	background-repeat: no-repeat;
	padding:210px 20px 0;
	font-size:12px;
	line-height:18px;
}

.nengaPrice {

	background-color:#FFFFFF;
	padding:2px 8px;
	font-size:12px;
	line-height:24px;
	margin-bottom:10px;
}

.nengaPrice span.small {
	font-size:12px;
}

.nengaPrice span.priceC {
	color:#ff6600;
	font-weight:bold;
}

.nengaPrice span.price01 {
	font-size:22px;
	color:#ff6600;
	font-weight:bold;
}

.nengaPrice span.price02 {
	font-size:18px;
	color:#ff6600;
	font-weight:bold;
}

.nengaPrice strong {
	font-size:14px;
	color:#cc0000;
}

.nengaBtn {
	background-color:#ff8a1e;
	width:630px;
	margin-left:1px;
	text-align:center;
}

.nengaBtn p {
	font-size:12px;
	padding: 3px 0 8px;
}

.nOsusume {
	float:left;
	margin: 10px 0 0 12px;
	_margin: 10px 0 0 6px;
}

.nOsusume li {
	float:left;
	font-size:12px;
	margin-left:5px;
}

/*********************************/
/********* add 2009/12/28 ********/
/*********************************/

/********* meishi ********/

#meishiColumn {
	width: 632px;
	background-image:url(../images/meishi_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	border-bottom: solid 2px #b6000d;
}

.meishiImg {
	background-image:url(../images/meishi_img.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 215px 0 0;
	font-size:12px;
	line-height:18px;
	text-align :center;
}

.meishiBtn .btnBox {
	background-image:url(../images/meishi_btn_mid.gif);
	background-repeat: no-repeat;
	text-align :center;
}

.meishiDesc {
	width: 90%;
	margin: 0 auto 10px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
}

.meishiPrice {
	background-color:#FFFFFF;
	width: 90%;
	margin: 0 auto 10px;
	padding: 2px 8px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
}

.meishiPrice span.small {
	font-size:12px;
}

.meishiPrice span.priceC {
	color:#ff6600;
	font-weight:bold;
}

.meishiPrice span.price01 {
	font-size:22px;
	color:#ff6600;
	font-weight:bold;
}

.meishiPrice span.price02 {
	font-size:18px;
	color:#ff6600;
	font-weight:bold;
}

.meishiPrice strong {
	font-size:14px;
	color:#cc0000;
}


/*********************************/
/********* add 2010/10/08 ********/
/*********************************/
.nenga10img	{
	margin-bottom: 10px;
}

/*********************************/
/********* add 2011/01/21 ********/
/*********************************/
.hp5pk	{
	float:left;
	width:632px;
	background-image:url(../images/hp5pk_bg.jpg);
	background-repeat: no-repeat;
	background-color:#f4f0c5;
	padding-top:145px;
	padding-bottom:10px;
}

.hp5pk li	{
	float:left;
	padding:0px 0px 0px 18px;
	margin:0px;
}


/*********************************/
/********* add 2011/11/16 ********/
/*********************************/

.hp_plus {
	position: relative;
	width: 632px;
	height: 150px;
	background-image: url(../images/hp_plus_bg.jpg);
	background-repeat: no-repeat;
}

.hp_plus_btn {
	position: absolute;
	top: 112px;
	left: 396px;
}
