@charset "UTF-8";

/* ------------------ TopmiddleColumn --------------------- */
.explanation{
	line-height: 140%;
}


/*  TopContents  */

#TopContents{
	clear:both;
	min-width:500px;
	min-height:160px;
	position:relative;
	font-size:13px;
}
#TopContents .TopPickup{
	margin-right:240px;
	z-index:100;
}
#TopContents .TopPickup .H1Title a{
	min-height:1em;
	font-size:14px;
	font-weight:bold;
	color:#003366;
	letter-spacing: 0.1em;
	padding:2px 0px 2px 1em;
	background: url("../img/img_title.gif") no-repeat top left;
	border-bottom:1px solid #003366;
	z-index:200;
	display:block;
	text-decoration: none ;
}

#TopContents .TopPickup .explanation{
	margin:5px 5px 5px 0px;
}
#TopContents .TopPickup .NextPage{
	margin:2px;
	padding-left:18px;
	float:right;
	display:block;
	background:#ffffff url("../img/icon_next_bule.gif") no-repeat center left;
}
#TopContents .TopPickup .explanation img{
	float:left;
	margin-right:5px;
}


/*  TopNewItem  */

#TopContents .TopNewItem{
	width:227px;
	position:absolute;
	top:0px;
	left:335px;
	background:#ffffff;
	border-left:8px solid #ffffff;
	font-size:13px;
}
#TopContents .ItemList{
	height:160px;
	border-left:5px solid #757b94;
	border-right:5px solid #757b94;
	border-bottom:5px solid #757b94;
}
#TopContents .TopNewItemImg a{
	width:217px;
	height:58px;
	display:block;
}
#TopContents .ItemList ul{
	padding:3px;
	display:block;
	font-weight:bold;
}
#TopContents .NextItemShop{
	margin:2px;
	padding-left:18px;
	float:right;
	display:block;
	background:#ffffff url("../img/icon_next_bule.gif") no-repeat center left;
}


/*  TopNewPickup  */
#TopNewPickup{
	margin-top:2em;
	clear:both;
	font-size:13px;
	overflow:hidden;
	letter-spacing:0.15em;
	line-height:140%;
}
#TopNewPickup .left{
	clear:both;
	float:left;
	width:300px;
	min-height:80px;
	margin:5px 0px 5px 0px;
	position:relative;
}
#TopNewPickup .right{
	float:right;
	width:300px;
	min-height:80px;
	margin:5px 0px 5px 0px;
	position:relative;
}
#TopNewPickup .Img{
	width:80px;
	height:80px;
	overflow:hideden;
	margin-right:5px;
	float:left;
}
#TopNewPickup .Img img{
	width:80px;
	border:1px solid #cbcde2;
}
#TopNewPickup h3{
	font-size:14px;
	font-weight:bold;
	color:#003366;
}
#TopNewPickup h3 a{
	color:#003366;
	text-decoration: none ;
}
#TopNewPickup .Caption{
	display:block;
	width:212px;
	float:right;
}
#TopNewPickup .NoImgCaption{
	display:block;
	float:left;
	padding:0px 6px;
	position:relative;
}
#TopNewPickup .NextPage{
	margin:2px;
	padding-left:18px;
	float:right;
	display:block;
	background:#ffffff url("../img/icon_next_bule.gif") no-repeat center left;
}

/*  TopSubNewPickup  */
#TopSubNewPickup{
	clear:left;
	font-size:13px;
	border-top:1px dashed #959595;
	overflow:hidden;
	letter-spacing:0.15em;
	line-height:140%;
}
#TopSubNewPickup .left{
	clear:both;
	float:left;
	width:300px;
	min-height:80px;
	margin:5px 0px 5px 0px;
	position:relative;
}
#TopSubNewPickup .right{
	float:right;
	width:300px;
	min-height:80px;
	margin:5px 0px 5px 0px;
	position:relative;
}
#TopSubNewPickup .Img{
	width:80px;
	height:80px;
	overflow:hideden;
	margin-right:5px;
	float:left;
}
#TopSubNewPickup .Img img{
	width:80px;
	border:1px solid #cbcde2;
}
#TopSubNewPickup h3{
	font-size:14px;
	font-weight:bold;
	color:#003366;
}
#TopSubNewPickup h3 a{
	color:#003366;
	text-decoration: none ;
}
#TopSubNewPickup .Caption{
	display:block;
	width:212px;
	float:right;
}
#TopSubNewPickup .NextPage{
	margin:2px;
	padding-left:18px;
	float:right;
	display:block;
	background:#ffffff url("../img/icon_next_bule.gif") no-repeat center left;
}


/*  TopSelectItem  */
#TopSelectItem{
	margin-top:2em;
	clear:both;
	font-size:13px;
	overflow:hidden;
}
#TopSelectItem table{
	width:620px;
	margin:10px 0px;
	color:#4f5260;
	background:url("../img/select_item/back.gif") repeat-y;
}
#TopSelectItem table td{
	width:20%;
	text-align:left;
	vertical-align:top;
}
#TopSelectItem table .ItemName td a{
	display:block;
	width:113px;
	color:#163d78;
	font-weight:bold;
}
#TopSelectItem table .ItemText td p{
	display:block;
	width:113px;
}
#TopSelectItem table .ItemPrice td p{
	display:block;
	width:113px;
	font-weight:bold;
}




/*  TopNewsList  */
#TopNewsList{
	width:100%;
	clear:both;
	margin-top:1em;
}
#TopNewsList .List{
	margin-top:6px;
}
#TopNewsList .ListBox{
	width:100%;
	clear:both;
	display:block;
	padding:0.2em 0em;
	border-bottom:1px dashed #959595;
	overflow:hidden;
}
#TopNewsList .ListBox .NewsTitle{
	margin-left:1em;
	padding-left:18px;
	background:#ffffff url("../img/icon_next_orange.gif") no-repeat 0px 1.5px;
	overflow:hidden;
	max-width:24em;
	max-height:1.2em;
	display:block;
}
#TopNewsList .ListBox span{
	float:right;
	margin-top:1em;
}


/*  TopRankingList  */
#TopRankingList{
	width:100%;
	clear:both;
	margin-top:2em;
	overflow:hidden;
}
#TopRankingList ol{
	padding-top:6px;
}
#TopRankingList li{
	clear:both;
	display:block;
	height:26px;
	border-bottom:1px dashed #959595;
	margin-bottom:2px;
}
#TopRankingList .NewsTitle{
	height:26px;
	padding-top:2px;
	padding-left:24px;
	display:block;
}
#TopRankingList .no1 .NewsTitle{
	background:url("../img/icon_no1.gif") no-repeat 0px 4px;
}
#TopRankingList .no2 .NewsTitle{
	background:url("../img/icon_no2.gif") no-repeat 0px 4px;
}
#TopRankingList .no3 .NewsTitle{
	background:url("../img/icon_no3.gif") no-repeat 0px 4px;
}
#TopRankingList .no4 .NewsTitle{
	background:url("../img/icon_no4.gif") no-repeat 0px 4px;
}
#TopRankingList .no5 .NewsTitle{
	background:url("../img/icon_no5.gif") no-repeat 0px 4px;
}
#TopRankingList .no6 .NewsTitle{
	background:url("../img/icon_no6.gif") no-repeat 0px 4px;
}
#TopRankingList .no7 .NewsTitle{
	background:url("../img/icon_no7.gif") no-repeat 0px 4px;
}
#TopRankingList .no8 .NewsTitle{
	background:url("../img/icon_no8.gif") no-repeat 0px 4px;
}
#TopRankingList .no9 .NewsTitle{
	background:url("../img/icon_no9.gif") no-repeat 0px 4px;
}
#TopRankingList .no10 .NewsTitle{
	background:url("../img/icon_no10.gif") no-repeat 0px 4px;
}
#TopRankingList li span{
	float:right;
}

/* ------------------ TopmiddleColumn close --------------------- */
.ddsg-pagenav{
	text-align:right;
	clear:left;
	padding:3px;
	font-size:12px;
	letter-spacing:0.2em;
	background:#d9ddee;
}
.ddsg-wrapper{
	margin:2em 1em;
}
.ddsg-wrapper ul{
	display:block;
	margin:0em 0em 0.5em 1.5em;
}
.ddsg-wrapper ul li{
	display:block;
	padding:0.2em 0em 0.2em 1em;
}
.ddsg-wrapper ul li li{
	background:url("/img/icon_triangle.gif") no-repeat 0px 4px;
}