@import "default.css";
@import "common.css";

/* --------------------------------------------
   トップページの設定
-------------------------------------------- */

/* ------レイアウト------- */

#contents {
	width:794px;
	background-color:#fff;
	padding-left:14px;
}

#contents #leftside,
#contents #rightside{
	float:left;
}

#contents #leftside {
	margin-top:6px;
	margin-right:10px;
	width:230px;
}

#contents #rightside {
	margin-top:15px;
	width:542px;
}

/* ------左サイド------- */

#contents #leftside .nowbox,
#contents #leftside .graybox {
	width:230px;
	margin-bottom:10px;
	padding-bottom:20px;
}

#contents #leftside .insidebox p,
#contents #leftside .nowbox .insidebox dl dd {
	padding-bottom:15px;
}

#contents #leftside .nowbox {
	background: url(../../images/top/bg_nowonair_bottom.gif) no-repeat left bottom;
}

#contents #leftside .nowbox .insidebox {
	background: url(../../images/top/bg_nowonair_inside.gif) repeat-y left top;
	padding:6px 16px 0 16px;
}

#contents #leftside .nowbox .insidebox dl dt img {
	border:1px solid #444;
	margin-bottom:10px;
}

#contents #leftside .graybox {
	background: url(../../images/top/bg_left-graybox_bottom.gif) no-repeat left bottom;
}

#contents #leftside .graybox .insidebox {
	background: url(../../images/top/bg_left-graybox_inside.gif) repeat-y left top;
	padding:6px 16px 0 16px;
}

#contents #leftside h2.pr img{
	margin-top:3px;
}

#contents #leftside #bnr p{
	text-align:center;
	margin-top:7px;
}

/* ------右サイド------- */

#contents #rightside ul.banner li{
	float:left;
	margin-bottom:8px;
	margin-right:9px;
}
#contents #rightside ul.banner li.none {
	margin-right:0;
}

#contents #rightside #whatsnew {
	clear:left;
	width:542px;
	margin-bottom:13px;
	padding-bottom:20px;
	background: url(../../images/top/bg_whatsnew_bottom.gif) no-repeat left bottom;
}

#contents #rightside #whatsnew .insidebox {
	background: url(../../images/top/bg_whatsnew_inside.gif) repeat-y left top;
}

#contents #rightside #whatsnew .insidebox2 {
	background: url(../../images/top/bg_whatsnew_inside2.gif) no-repeat right bottom;
	padding:15px 15px 0px 15px;
}

#contents #rightside #whatsnew dl dt {
	background: url(../../images/top/icon_whatsnew.gif) no-repeat 0 0.25em;
	padding-left:15px;
	font-weight:bold;
}

#contents #rightside #whatsnew dl dt img {
	vertical-align:middle;
	margin-left:5px;
}

#contents #rightside #whatsnew dl dd {
	padding-left:15px;
	padding-bottom:15px;
}

#contents #rightside #whatsnew dd a {
	background: url(../../images/share/icon_arrow.gif) no-repeat 0 0.2em;
	padding-left:15px;
	padding-bottom: 3px;
}

#contents #rightside #whatsnew dl dd ul li {
	list-style-type:disc;
	margin-left:2em;
}

#contents #rightside #whatsnew dl dd ol li {
	list-style-type: decimal;
	margin-left:2em;
}

#contents #rightside .wrap .leftbox,
#contents #rightside .wrap .rightbox {
	float:left;
}

#contents #rightside .wrap dl dt img,
#contents #rightside .wrap dl dd img {
	vertical-align:top;
	margin-bottom:10px;
}

#contents #rightside .wrap .leftbox {
	width:370px;
	border-right:1px solid #d5d5d5;
	margin-right:5px;
}

#contents #rightside .wrap .leftbox dl dd {
	padding-left:10px;
}

#contents #rightside .wrap .leftbox .qr {
	float:right;
	margin-right:20px;
}