@charset "utf-8";

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

	settings [ index.css ]

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

/* Top page setting
=================================*/
body#index #top-contents {
	padding-bottom: 20px;
	background-color: #f7f2de;
}
body#index #top-contents h1 {
	padding: 65px 0 20px;
}
body#index #top-contents #newsBox {
	width: 670px;
	margin: 20px auto 0;
	text-align: left;
	background: url(/images/index_bg001.gif) repeat-y 0 0;
}
body#index #top-contents #newsBox #newsTitle {
	width: 35px;
}
* html body#index #newsBox #newsTitle { /* for IE6 */
	font-size: 0;
}
body#index #top-contents #newsBox #brandSwitch {
	float: left;
	width: 91px;
}
body#index #newsBox #newsTitle,
body#index #top-contents #newsBox #brandSwitch {
	font-size: 0;
}
body#index #top-contents #newsBox #brandSwitch li {
	padding-bottom: 6px;
}
body#index #top-contents #newsBox .jScrollPaneTrack {
	background-color: #F7F2DE;
}

/* normal-link */
body#index #top-contents .normal-link {
	padding-left: 8px;
	background: url(/common/images/com_ic002.gif) no-repeat 0 0.5em;
}


/* Side setting
=================================*/
body#index #contents #rankingArea .inner01 {
	padding-bottom: 13px;
}


/* Common setting
=================================*/
body#index #contents {
	padding-bottom: 20px;
}
body#index #contents #flash-contents {
	margin-top: 20px;
}
body#index #contents h1  {
	margin-top: 20px;
}

body#index #contents #main {
	width: 720px;
	margin-top: 0;
}

body#index #footerArea {
	margin-top: 0;
	background: none;
}

/* alertBox */
body#index #alertBox {
	margin-top: 20px;
}

/* heading */
body#index #contents .heading02 {
	background: url(/images/index_bg002.gif) repeat-x 0 bottom;
}
.heading02 span {
	position: absolute;
	margin-left: 14px;
	font-weight: bold;
	color: #e87e14;
}

/* NEWS BOX  */
body#index #newsBox {
	width: 720px;
	margin-top: 37px;
	background: url(/common/images/com_bg018.gif) no-repeat 0 0;
}
body#index #newsBox .newsList {
	width: 683px;
}

/* scrollbar setting */
body#index #newsBox .jScrollPaneContainer {
	position: relative;
	height: 215px;
	overflow: hidden;
	z-index: 1;
	float: right;
}
body#index #newsBox .jScrollPaneTrack {
	position: absolute;
	right: 4px;
	top: 4px;
	height: 100%;
	background: #FFFFFF;
	cursor: pointer;
}
body#index #newsBox .jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #a09b84;
}
body#index #newsBox .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
body#index #newsBox .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
body#index #newsBox a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 4px;
	text-indent: -9999px;
	overflow: hidden;
	height: 13px;
	background: url(/common/images/com_bg005.gif) no-repeat 0 0;
}
body#index #newsBox a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 4px;
	right: 4px;
	text-indent: -9999px;
	overflow: hidden;
	height: 13px;
	background: url(/common/images/com_bg006.gif) no-repeat 0 0;
}
* html body#index #bottomFooter { /* for IE6 */
	padding-top: 10px;
	background:  url(/common/images/footer_bg001.gif) repeat-x 0 0;
}

/* JS off */
* html body#index #newsBox .jsOff p {
	margin-left: 1px;
	white-space: nowrap;
}

/* RSS BOX  */
body#index #rssBox {
	position: absolute;
	top: -34px;
	right: 10px;
	width: auto;
}
* html body#index #rssBox {
	top: -27px;
}

/* brandList */
body#index #contents .brandList {
	margin-top: 14px;
}
body#index #contents .brandList ul {
	margin-right: -20px;
}
body#index #contents .brandList li {
	float: left;
	margin: 0 20px 20px 0;
}

/* coordinateColumn */
body#index #contents .coordinateColumn {
	margin: 14px -20px 0 0;
	background: url(/images/index_bg004.gif) no-repeat 0 bottom;
}
body#index #contents .coordinateColumn dl {
	float: left;
	margin-right: 20px;
}
body#index #contents .coordinateColumn dd {
	width: 165px;
	padding-bottom: 8px;
}
body#index #contents .coordinateColumn dd a {
	display: block;
	width: 97px;
	margin-left: 30px;
	padding: 3px;
	border: 1px solid #e1e0d9;
}
body#index #contents .coordinateColumn dd a:hover {
	border: 1px solid #a09b84;
}
body#index #contents .coordinateColumn dd a img {
}
body#index #contents .coordinateColumn dd span {
	margin-left: 10px;
}
body#index #contents .coordinateColumn dd span a {
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
}
body#index #contents .coordinateColumn dd span a:hover {
	border: none;
}

/* two-column */
body#index .two-column.top {
	margin-top: 40px;
	padding-bottom: 8px;
	font-size: 80%;
	background: url(/images/index_bg003.gif) no-repeat 0 bottom;
}
body#index .two-column.top .two-left,
body#index .two-column.top .two-right {
	width: 350px;
}
body#index .two-column.top .two-left dd {
	padding: 13px 4px 8px 129px;
	background: url(/images/index_il001.gif) no-repeat 15px 10px;
	zoom: 1;
}
body#index .two-column.top .two-left dd p,
body#index .two-column.top .two-right dd p {
	margin-top: 0;
}
body#index .mobile-column {
	margin-top: 5px;
}
body#index .mobile-column .qrCol {
	float: left;
	margin-right: 10px;
}
body#index .mobile-column .linkCol {
	text-align: center;
	overflow: hidden;
	zoom: 1;
}
body#index .mobile-column .linkCol p {
	margin-top: 12px !important;
}
body#index .two-column.top .two-right dd {
	padding: 13px 4px 0 129px;
	background: url(/images/index_il003.gif) no-repeat 11px 27px;
	zoom: 1;
}
body#index .two-column.top .two-right dd .mailBtn {
	margin-top: 5px;
	text-align: center;
}




/* clearfix
===================================*/
body#index #newsBox:after,
body#index #rssBox:after,
body#index #contents .brandList ul:after,
body#index #contents .coordinateColumn:after,
body#index .mobile-column:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

body#index div#contents #newsBox,
body#index #rssBox,
body#index #contents .brandList ul,
body#index #contents .coordinateColumn,
body#index .mobile-column {
	min-height: 1px;
}

* html body#index div#contents #newsBox,
* html body#index #rssBox,
* html body#index #contents .brandList ul,
* html body#index #contents .coordinateColumn,
* html body#index .mobile-column {/* for IE6 */
	height: 1px;
}

*:first-child+html body#index div#contents #newsBox,
*:first-child+html body#index #rssBox,
*:first-child+html body#index #contents .brandList ul,
*:first-child+html body#index #contents .coordinateColumn,
*:first-child+html body#index .mobile-column {/* for IE7 */
	zoom: 1;
}