@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:top.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "module/default.css";


/* --------------
Layout
-------------- */


/* definition_columnBoxL */
#wrapMainContents #columnBoxL{
	float: left;
	margin: 0 0 35px;
	width: 530px;
}


/* definition_cbnr */
#wrapMainContents dl.cbnr{
	float: left;
	margin: 15px 0 10px;
	width: 170px;
}

#wrapMainContents dl#cbnrB{
	margin: 15px 10px 10px;
}

#wrapMainContents dl.cbnr dt{
	margin: 0 0 2px;
}

#wrapMainContents dl.cbnr dd{
	float: left;
}


#wrapMainContents dl#cbnrA dd{
	border-color: #000;
	border-style: solid;
	border-width: 0 0 1px;
}

#wrapMainContents dl#cbnrA dd.top{
	border-color: #000;
	border-style: solid;
	border-width: 0 0 1px 1px;
}

#wrapMainContents dl#cbnrA dd.end{
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

#wrapMainContents dl#cbnrB dd{
	border-color: #896631;
	border-style: solid;
	border-width: 0 0 1px;
}

#wrapMainContents dl#cbnrB dd.top{
	border-color: #896631;
	border-style: solid;
	border-width: 0 0 1px 1px;
}

#wrapMainContents dl#cbnrB dd.end{
	border-color: #896631;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

#wrapMainContents dl#cbnrC dd{
	border-color: #949D49;
	border-style: solid;
	border-width: 0 0 1px;
}

#wrapMainContents dl#cbnrC dd.top{
	border-color: #949D49;
	border-style: solid;
	border-width: 0 0 1px 1px;
}

#wrapMainContents dl#cbnrC dd.end{
	border-color: #949D49;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

#wrapMainContents ul#cbnrD{
	clear: both;
	margin: 0 0 20px;
}

#wrapMainContents ul#cbnrD li{
	float: left;
	margin: 0 0 10px 0;
	width: 260px;
}

#wrapMainContents ul#cbnrD li.odd{
	margin: 0 10px 10px 0;
}

/* definition_boxArticle */
#wrapMainContents #boxArticle{
	background-image: url(../images/box_article_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
	margin: 0 0 15px;
	padding: 0 0 13px;
	width: 530px;
}

#wrapMainContents #boxArticle .innerBox{
	background-image: url(../images/box_article_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 115px;
	width: 530px;
}

/* under IE6 */
* html #wrapMainContents #boxArticle .innerBox{
	height: 115px;
}

#wrapMainContents #boxArticle .innerBox p{
	margin: 15px 8px 0 13px;
}

/* definition_boxInfo */
#wrapMainContents #boxInfo{
	background-image: url(../images/box_article_bottom2.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
	margin: 0 0 15px;
	padding: 0 0 13px;
	width: 530px;
}

#wrapMainContents #boxInfo .innerBox{
	background-image: url(../images/box_article_top2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 110px;
	width: 530px;
}

/* under IE6 */
* html #wrapMainContents #boxInfo .innerBox{
	height: 110px;
}

#wrapMainContents #boxInfo ul{
	margin: 15px 10px 0;
}

#wrapMainContents #boxInfo ul li{
	background-image: url(../images/list_line01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 1.5;
	margin: 0 0 5px;
	padding: 0 0 5px 5px;
}

#wrapMainContents #boxInfo ul li span{
	padding: 0 2em 0 0;
}
#wrapMainContents #boxInfo dl{
        
	margin: 10px 0px 5px 15px;
}
#wrapMainContents #boxInfo dt{ 
        color: #fff;
       padding: 0px 0px 0px 100px;
	margin: 0px 0px 5px 0px;
}
#wrapMainContents #boxInfo dd{
	margin: -20px 0px 5px 0px; 
 color: #fff;
 float: left;
}





/* definition_boxCheck */
#wrapMainContents #boxCheck{
	background-image: url(../images/box_article_bottom3.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
	margin: 0 0 15px;
	padding: 0 0 13px;
	width: 530px;
}

#wrapMainContents #boxCheck .innerBox{
	background-image: url(../images/box_article_top3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 256px;
	width: 530px;
}

/* IE7 */
*:first-child+html #wrapMainContents #boxCheck .innerBox{
	height: 267px;
}

/* under IE6 */
* html #wrapMainContents #boxCheck .innerBox{
	height: 257px;
}


/* definition_columnBoxR */
#wrapMainContents #columnBoxR{
	background-image: url(../images/box_photo_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 0 0 35px;
	width: 170px;
}

/* definition_boxPhoto */
#wrapMainContents #boxPhoto{
	background-image: url(../images/box_photo_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 170px;
}

#wrapMainContents #boxPhoto ul{
	margin: 13px auto 0;
	width: 160px;
}

#wrapMainContents #boxPhoto ul li{
	background-color: #000;
	border-color: #4D2020;
	border-style: solid;
	border-width: 1px;
	color: #D2C4BB;
	margin: 5px 0;
	padding: 1px;
	width: 156px;
}

/* definition_columnBoxL2 */
#wrapMainContents #columnBoxL2{
	clear: both;
	float: left;
	margin: 0 0 25px;
	width: 230px;
}

/* definition_boxPlan */
#wrapMainContents .boxPlan{
	background-image: url(../images/box_plan_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 5px;
	width: 230px;
}

#wrapMainContents .boxPlan dl{
	background-image: url(../images/box_plan_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 10px auto 0;
	padding: 0 0 2px;
	width: 230px;
}

#wrapMainContents .boxPlan dl dt{
	margin: 0 auto 12px;
	padding: 0;
	width: 210px;
}

#wrapMainContents .boxPlan dl dd{
	margin: 0 10px 10px;
	padding: 0;
	width: 210px;
}

/* definition_columnBoxR2 */
#wrapMainContents #columnBoxR2{
	background-image: url(../images/box_ranking_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 0 0 25px;
	padding: 0 0 1px;
	width: 470px;
}

/* definition_boxRanking */
#wrapMainContents #boxRanking{
	background-image: url(../images/box_ranking_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 470px;
}

#wrapMainContents #boxRanking .innerBox{
	border-color: #4D2020;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0 auto 10px;
	padding: 0 0 10px;
	width: 430px;
}

#wrapMainContents #boxRanking .innerBox.end{
	border-width: 0;
}

#wrapMainContents #boxRanking .imgBoxL{
	border-width: 0;
	margin: 0 0 0 0;
	width: 120px;
}

#wrapMainContents #boxRanking .textBoxR{
	margin: 0 0 0 0;
	width: 300px;
}

#wrapMainContents #boxRanking .textBoxR p{
	line-height: 1.3;
	margin: 0;
}