@charset "UTF-8";

/* ------------------------------------------------------------------
 * top.css
 * 
 * Table Of Contents
 * #product-lineup
 * #topbnrlineup
 * #visual-slider
 * #slider_mainA#slider_thumb
 * .viewer
 * #content
 * --------------------------------------------------------------- */

/* ------------------------------------------------------------------
 * #product-lineup
 * --------------------------------------------------------------- */
#product-lineup {
	position: relative;
	width: 960px;
	height: 317px;
	margin: 0 0 10px 1px;
	padding: 0;
	background-color: #c00800;
	overflow: hidden;
}

#product-lineup div.inner {
	position: absolute;
	width: 1920px;
}

#product-lineup div.inner div.lineup {
	position: relative;
	float: left;
	width: 960px;
	height: 317px;
	margin: 0 0 20px 0!important;
	padding: 0;
	background: transparent url("../../images/top/bg_lineup.gif") no-repeat 0 0;
	overflow: hidden;
}

#product-lineup div.inner #product-lineup1.lineup ul {
	padding: 10px 0 0 240px;
}

#product-lineup div.inner #product-lineup2.lineup ul.ul1 { padding: 2px 0 0 240px; }
#product-lineup div.inner #product-lineup2.lineup ul.ul2 { padding: 0 0 0 240px; }

#product-lineup div.inner div.lineup ul li {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;

}
#product-lineup div.inner div.lineup ul li.column2 {
	width: 459px;
}

#product-lineup div.inner div.lineup ul li h2 {
	margin: 3px 0 3px 0;
	padding: 0 0 2px 0;
	border-bottom: 2px solid #FFF200;
	font-size: 15px;
}

#product-lineup div.inner div.lineup ul li h2 a {
	display: block;
	color: #FFF200;
	line-height:1.3;

}

#product-lineup div.inner div.lineup ul li dl {
	width: 220px;

}
#product-lineup div.inner #product-lineup1 ul li dl {
	margin: 0 0 5px 0;

}
#product-lineup div.inner div.lineup ul li.column2 dl {
	float: left;
	margin-right: 19px;

}
#product-lineup div.inner div.lineup ul li dl.last-child,
#product-lineup div.inner div.lineup ul li.column2 dl.last-child {
	margin: 0;

}

#product-lineup div.inner div.lineup ul li dl dt {
	clear: both;
	margin: 0 0 1px 0;
	color: #fff;
	line-height:1.1;
	font-size: 11px;
}

#product-lineup div.inner div.lineup ul li dl dd, x:-moz-any-link, x:only-child{
	line-height: 1.2!important;
	margin-bottom:4px!important;
	}

#product-lineup div.inner div.lineup ul li dl dt span.smaller {
	font-size: 9px !important;
}

#product-lineup div.inner div.lineup ul li dl dd {
	float: right;
	height: 12px;
	margin: -14px 0 0 0;
	color: #ffcd36;
	line-height:1.2;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}




#product-lineup div.inner div.lineup ul li dl dt a {
	display: block;
	color: #fff;
}
#product-lineup div.inner div.lineup ul li dl dt.indent a {
	padding-left: 15px;
}

#product-lineup div.inner div.lineup ul li dl dt a img {
	margin: 0 0 0 3px;
	vertical-align: top;
}

#product-lineup div.inner div.lineup p.btn {
	position: absolute;
	bottom: 10px;
	text-indent: -9999px;
}
#product-lineup div.inner div.lineup p.next {
	right: 10px;
}
#product-lineup div.inner div.lineup p.back {
	left: 10px;
}

#product-lineup div.inner div.lineup p.btn a {
	display: block;
	width: 200px;
	height: 35px;
	background: transparent url("../../images/top/btn_lineup2.gif") no-repeat -200px 0;
}
#product-lineup div.inner div.lineup p.back a {
	background-position: 0 0;
}

#product-lineup div.inner div.lineup p.btn a:hover {
	background-position: -200px -35px;
}
#product-lineup div.inner div.lineup p.back a:hover {
	background-position: 0 -35px;
}
/* ------------------------------------------------------------------
 * #topbnrlineup
 * --------------------------------------------------------------- */
 
#topbnrlineup { width:960px; height:250px; background-color:#C00; position:relative; margin:0 0 5px 0; overflow:hidden; }
#topbnr_1, #topbnr_2, #topbnr_3, #topbnr_4 { width:960px; height:250px; background-repeat:no-repeat; }
#topbnr_1 { background-image:url(../../images/top/bg_lineup1.jpg); }
#topbnr_2 { background-image:url(../../images/top/bg_lineup2.jpg); }
#topbnr_3 { background-image:url(../../images/top/bg_lineup3.jpg); }
#topbnr_4 { background-image:url(../../images/top/bg_lineup4.jpg); }
#content-wrapper .bx-next { position:absolute; top:198px; left:151px; }
#content-wrapper .bx-prev { position:absolute; top:198px; left:74px; }

#topbnrlineup div .top_col0 { width:470px; margin-left:230px; float:left; display:inline; }
#topbnrlineup div .top_col1 { width:240px; margin-left:230px; float:left; display:inline; }
#topbnrlineup div .top_col2 { width:240px; float:left; }
#topbnrlineup div .top_col3 { width:480px; float:left; }
#topbnrlineup div .top_col4 { width:735px; margin-left:230px; float:left; display:inline; }
#topbnrlineup div .p_col { padding:4px 20px 0 0; }
#topbnrlineup div .p_col table { margin-top:1px; }
#topbnrlineup div .p_col table tr th { height:9px; text-align:left; vertical-align:middle; }
#topbnrlineup div .p_col table tr th a { color: #fff;  font-size: 11px }
#topbnrlineup div .p_col table tr td { height:9px; text-align:right; color: #ffcd36;  font-size: 11px; font-weight: bold; vertical-align:middle; }
#topbnrlineup div .p_col table tr td span{margin-right:7px;}
#topbnrlineup div .p_col table.t2 tr th {  text-align:left; vertical-align:middle; }
#topbnrlineup div .p_col table.t2 tr th a { color: #fff;  font-size: 11px }

#topbnrlineup div .p_col table.t2 tr td { height:14px; text-align:right; color: #ffcd36; lfont-size: 11px; font-weight: bold; vertical-align:middle; }
#topbnrlineup div .p_col table tr img { margin:0 0 0 5px; }
#topbnrlineup div h2 { border-bottom:#FF0 solid 2px; padding:2px 0 2px; }
#topbnrlineup div h2 a { color:#FF0; font-size:12px; line-height:11px; font-weight:900; }
#topbnrlineup div ul { padding:10px 0 0 240px; }
#topbnrlineup div ul li { float: left; width: 220px; margin: 0 20px 0 0; }
#topbnrlineup div ul li dl { width: 220px; }
#topbnrlineup div ul li dl dt { clear: both; }
#topbnrlineup div ul li dl dt a { color: #fff; line-height:11px; font-size: 11px; }
#topbnrlineup div ul li dl dd { float: right; height: 13px; margin:-15px 0 0 0; color: #ffcd36; line-height:11px; font-size: 11px; font-weight: bold; text-align: right; }

#topbnrlineup div .p_col table.smalltext a { color: #fff; line-height:12px; font-size: 10px }
#topbnrlineup div .p_col table.smalltext th { height:16px; text-align:left; vertical-align:middle; }
#topbnrlineup div .p_col table.smalltext td { height:16px; text-align:right; color: #ffcd36; line-height:12px; font-size: 11px; font-weight: bold; vertical-align:middle; }
#topbnrlineup div .yellow_title { border-bottom:#FF0 solid 2px; padding:4px 0 3px; }
#topbnrlineup div h2 .smalltitle a { color:#FF0; font-size:11px; line-height:11px; font-weight:900; }


/* ------------------------------------------------------------------
 * #visual-slider
 * --------------------------------------------------------------- */
#visual-slider {
	position: relative;
	float: left;
	width: 745px;
	height: 327px;
	height/* */: /**/310px;
	height: /**/310px;
	margin: 0 0 1px 0;
	padding: 0;
	overflow: hidden;
}

#visual-slider ul.vs-content {
	position: relative;
	float:left;
	clear: both;
	width: 745px;
	height: 310px;
	overflow: hidden;
}

#visual-slider div.sliderArrows a {
	display: block;
	position:absolute;
	top: 50%;
	z-index: 50;
	width: 42px;
	height: 42px;
	margin: -21px 0 0 0;
	background: transparent url("../../images/top/bg_btn_prev_next.png") no-repeat left top;
	text-indent: -9999px;
	outline: none;
}

#visual-slider div.sliderArrows a.prev {
	left: 15px;
	background-position: 0 0;
}

#visual-slider div.sliderArrows a.prev:hover {
	background-position: 0 -44px;
}

#visual-slider div.sliderArrows a.next {
	right: 15px;
	background-position: -44px 0;
}

#visual-slider div.sliderArrows a.next:hover {
	background-position: -44px -44px;
}

#visual-slider ul.vs-content li.item {
	position: absolute;
	width: 745px;
	height: 310px;
	background-color: #fff;
}

#visual-slider div.sliderBullets {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 50;
	clear: both;
}

#visual-slider div.sliderBullets a {
	display: block;
	float: left;
	width: 10px;
	height: 11px;
	margin: 0 0 0 5px;
	background: transparent url("../../images/top/bg_btn_bullets.png") no-repeat left top;
	text-indent: -9999px;
	outline: none;
}

#visual-slider div.sliderBullets a.active {
	background-position: 0 -11px;
}


#visual-slider2 {
	position: relative;
	float: left;
	width: 745px;
	height: 167px;
	height/* */: /**/150px;
	height: /**/150px;
	margin: 0 0 7px 0;
	padding: 0;
	overflow: hidden;
}

#visual-slider2 ul.vs-content2 {
	position: relative;
	float:left;
	clear: both;
	width: 745px;
	height: 150px;
	overflow: hidden;
}

#visual-slider2 div.sliderArrows a {
	display: block;
	position:absolute;
	top:0;
	z-index: 50;
	width: 30px;
	height: 150px;
	margin:0;
	background: transparent url("../../images/top/new_next.jpg") no-repeat left top;
	text-indent: -9999px;
	outline: none;
}

#visual-slider2 div.sliderArrows a.prev2 {
	left:-50px;
}

#visual-slider2 div.sliderArrows a.prev2:hover {}

#visual-slider2 div.sliderArrows a.next2 {
	left:0px;
	background-position:0;
}

#visual-slider2 div.sliderArrows a.nex2t:hover {}

#visual-slider2 ul.vs-content2 li.item2 {
	position: absolute;
	width: 745px;
	height: 150px;
	background-color: #fff;
}

#visual-slider2 div.sliderBullets {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 50;
	clear: both;
}

#visual-slider2 div.sliderBullets a {
	display: block;
	float: left;
	width: 10px;
	height: 11px;
	margin: 0 0 0 5px;
	background: transparent url("../../images/top/bg_btn_bullets.png") no-repeat left top;
	text-indent: -9999px;
	outline: none;
}

#visual-slider2 div.sliderBullets a.active {
	background-position: 0 -11px;
}

/* ------------------------------------------------------------------
 * #slider_mainA#slider_thumb
 * --------------------------------------------------------------- */
#slider_main {
    margin: 0 auto;
    width: 960px;
    height: 256px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#slider_main ul {
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
}
#slider_main ul li {
    width: 960px;
    height: 256px;
    float: left;
    display: inline;
    overflow: hidden;
}
#slider_thumb {
    margin: 8px auto 20px;
    width: 745px;
    height: 45px;
    text-align: center;
}
#slider_thumb ul {
    display: inline;
}
#slider_thumb ul li {
    cursor: pointer;
    display: inline;
}
#slider_thumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
#slider_main ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#slider_thumb ul li img {
    height: 49.8px;
}
#slider_main ul {
    display: inline-block;
    overflow: hidden;
}

/* ------------------------------------------------------------------
 * .viewer
 * --------------------------------------------------------------- */
.viewer {
    margin: 0 auto;
    width: 745px;
    height: 315px;
    text-align: left;
    overflow: hidden;
}
 
.viewer ul {
    width: 745px;
    height: 315px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer ul li {
    top: 0;
    left: 0;
    width: 745px;
    height: 315px;
    display: none;
    position: absolute;
}

.h275,
.h275 ul,
.h275 ul li {
    height: 275px;
}
.h188,
.h188 ul,
.h188 ul li {
    height: 188px;
}
.w365,
.w365 ul,
.w365 ul li {
    width: 365px;
}

/* ------------------------------------------------------------------
 * #content
 * --------------------------------------------------------------- */
#content {
	width: 745px;
	padding: 0;
	background-color: transparent;
	font-size: 13px;
	line-height: 1.6;
	text-align: left;
}

#content p {
	margin: 1.0em 0 0 0;
}

#content ul {
	padding: 0;
}

#content div.hr {
	margin: 20px 0 0 0;
	border-color: #666;
	border-style: solid;
	border-width: 5px 0 0 0;
}

#content div.hr hr {
	display: none;
}

/* ---------- div.banner-box-01 ---------- */
#content div.banner-box-01 {
	margin: 0 0 20px 0;
	clear: both;
}

#content div.banner-box-01 ul.bnr-anc-btn {
	background-color: #fff;

	/* invalid */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 1px #333;
	-webkit-box-shadow: 0 0 1px #333;
	box-shadow: 0 0 1px #333;
}

#content div.banner-box-01 ul.bnr-anc-btn li {
	float: left;
	width: 248px;
	margin: 0;
	padding: 6px 0 5px 0;
	text-align: center;
	
	/* invalid */
	text-shadow: 0 1px 0 #eee;
}
#content div.banner-box-01 ul.bnr-anc-btn li.last-child {
	width: 249px;
}

#content div.banner-box-01 ul.bnr-anc-btn li a {
	padding-left: 22px;
	background: transparent url("../images/bg_arrow_03_bottom.gif") no-repeat left center;
}

#content div.banner-box-01 ul.bnr-anc-btn2 li {
background-color: #fff; float: left; 
	margin: 0 10px 0 0;
	padding: 11px 0 10px 0;
	text-align: center;
	font-weight:600;
	font-size:14px;
	
	/* invalid */
	text-shadow: 0 1px 0 #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior:url(border-radius.htc);
	-moz-box-shadow: 0 0 1px #333;
	-webkit-box-shadow: 0 0 1px #333;
	box-shadow: 0 0 1px #333;
}

#content div.banner-box-01 ul.bnr-anc-btn2 li.last-child {
	margin: 0;
}

#content div.banner-box-01 ul.bnr-anc-btn2 li.l1 { width:220px; }
#content div.banner-box-01 ul.bnr-anc-btn2 li.l2 { width:310px; }
#content div.banner-box-01 ul.bnr-anc-btn2 li.l3 { width:190px; }

#content div.banner-box-01 ul.bnr-anc-btn2 li.l1 a { color:rgb(0,69,171) }
#content div.banner-box-01 ul.bnr-anc-btn2 li.l2 a { color:rgb(0,133,38) }
#content div.banner-box-01 ul.bnr-anc-btn2 li.l3 a { color:rgb(255,33,89) }

#content div.banner-box-01 ul.bnr-anc-btn2 li a {
	padding-left: 22px;
	background: transparent url("../images/bg_arrow_03_bottom.gif") no-repeat left center;
}

#content div.banner-box-01 h2.bnr-cat-ttl {
	margin-top: 10px;
	padding: 0;
	border-bottom: 4px solid #333;
	color: #333;
	font-size: 20px;
}
#content div.banner-box-01 h2#cat1 {
	margin-top: 10px;
}

#content div.banner-box-01 ul li {
	float: left;
	position: relative;
	margin: 7px 0 0 0;
}
#content div.banner-box-01 ul li.col2L {
	margin-right: 9px;
}

#content div.banner-box-01 ul li span {
	display: block;
	position: absolute;
	top: -3px;
	left: -1px;
	z-index: 10;
	width: 53px;
	height: 53px;
	text-indent: -9999px;
}
#content div.banner-box-01 ul li span.tag-superexpress { background: transparent url("../../images/top/tag_superexpress.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-leaflet      { background: transparent url("../../images/top/tag_leaflet.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-leaflet2      { background: transparent url("../../images/top/tag_leaflet2.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-booklet      { background: transparent url("../../images/top/tag_booklet.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-card         { background: transparent url("../../images/top/tag_card.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-card2         { background: transparent url("../../images/top/tag_card2.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-postcard     { background: transparent url("../../images/top/tag_postcard.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-poster       { background: transparent url("../../images/top/tag_poster.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-poster2       { background: transparent url("../../images/top/tag_poster2.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-calendar     { background: transparent url("../../images/top/tag_calendar.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-other        { background: transparent url("../../images/top/tag_other.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-option       { background: transparent url("../../images/top/tag_option.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-option2       { background: transparent url("../../images/top/tag_option2.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-ondemand     { background: transparent url("../../images/top/tag_ondemand.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-document2       { background: transparent url("../../images/top/tag_document2.png") no-repeat left top; }
#content div.banner-box-01 ul li span.tag-poster_sign      { background: transparent url("../../images/top/tag_poster_sign.png") no-repeat left top; }

#content div.banner-box-01 ul li img {
	vertical-align: bottom;
}

/* ---------- div.section ---------- */
#content div.section {
	margin: 10px 0 0 0;
	padding: 15px 10px 0 10px;
	background-color: #fff;
	zoom: 1;	/* peek-a-boo Bug Fix */
}

#content div.section h2 {
	margin: 0 0 1px 0;
	padding: 3px 0 7px 15px;
	border-bottom: 1px solid #999;
	background: transparent url("../images/bg_h2.gif") no-repeat left top;
}
#content div.section h2 .smalltitle{
	font-size:10px!important;
	margin: 0 0 1px 0!important;
	padding: 2px 0 3px 15px!important;
	border-bottom: 1px solid #999;
	background: transparent url("../images/bg_h2.gif") no-repeat left top;
}

#content div.section div.title-wrapper {
	margin: 0 0 1px 0;
	padding: 3px 0 7px 15px;
	border-bottom: 1px solid #999;
	background: transparent url("../images/bg_h2.gif") no-repeat left top;
}

#content div.section div.title-wrapper h2 {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: none;
	background: none;
}

#content div.section div.title-wrapper p {
	float: right;
	margin: 0;
}

#content div.section div.section-inner {
	padding: 0 15px 25px 15px;
	background: transparent url("../images/bg_section_inner.gif") repeat-x left top;
	zoom: 1;	/* peek-a-boo Bug Fix */
}

/* news */
#content div.section div.section-inner dl.news {
	padding: 25px 0 0 0;
	border-bottom: 1px solid #ccc;
}

#content div.section div.section-inner dl.news dt {
	clear: left;
	float: left;
	width: 6.5em;
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
	font-size: 12px;
	text-indent: 0.5em;
}

#content div.section div.section-inner dl.news dt img {
	display: block;
	margin: 0.1em 0 0 0.5em;
}

#content div.section div.section-inner dl.news dd {
	min-height: 3.0em;
	margin: 0 0 0 6.5em;
	padding: 0.5em 0.5em 0.5em 0;
	border-top: 1px solid #ccc;
	font-size: 12px;
}

/* feature, location */
#content div.section div.section-inner div.col-wrapper div.col-LL,
#content div.section div.section-inner div.col-wrapper div.col-LR,
#content div.section div.section-inner div.col-wrapper div.col-RL,
#content div.section div.section-inner div.col-wrapper div.col-RR {
	float: left;
	width: 164px;
	margin: 0 13px 0 0;
}
#content div.section div.section-inner div.col-wrapper div.col-RR {
	margin-right: 0;
}

#content div.section div.section-inner div.col-wrapper div.col-LL p,
#content div.section div.section-inner div.col-wrapper div.col-LR p,
#content div.section div.section-inner div.col-wrapper div.col-RL p,
#content div.section div.section-inner div.col-wrapper div.col-RR p {
	font-size: 12px;
}

#content div.section div.section-inner div.col-wrapper div.col-LL p.icon,
#content div.section div.section-inner div.col-wrapper div.col-LR p.icon,
#content div.section div.section-inner div.col-wrapper div.col-RL p.icon,
#content div.section div.section-inner div.col-wrapper div.col-RR p.icon {
	margin: 2.0em 0 0 0 !important;
}

#content div.section div.section-inner div.col-wrapper div.col-LL p.btn-detail,
#content div.section div.section-inner div.col-wrapper div.col-LR p.btn-detail,
#content div.section div.section-inner div.col-wrapper div.col-RL p.btn-detail,
#content div.section div.section-inner div.col-wrapper div.col-RR p.btn-detail {
	text-indent: -9999px;
}

#content div.section div.section-inner div.col-wrapper div.col-LL p.btn-detail a,
#content div.section div.section-inner div.col-wrapper div.col-LR p.btn-detail a,
#content div.section div.section-inner div.col-wrapper div.col-RL p.btn-detail a,
#content div.section div.section-inner div.col-wrapper div.col-RR p.btn-detail a {
	display: block;
	width: 94px;
	height: 22px;
	background: transparent url("../images/bg_btn_detail.gif") no-repeat 0 0;
}

#content div.section div.section-inner div.col-wrapper div.col-LL p.btn-detail a:hover,
#content div.section div.section-inner div.col-wrapper div.col-LR p.btn-detail a:hover,
#content div.section div.section-inner div.col-wrapper div.col-RL p.btn-detail a:hover,
#content div.section div.section-inner div.col-wrapper div.col-RR p.btn-detail a:hover {
	background-position: 0 -32px;
}

/* ---------- div.banner-box-02 ---------- */
#content div.banner-box-02 {
	margin: 0;
}

#content div.banner-box-02 ul li {
	float: left;
	margin: 11px 9px 0 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content div.banner-box-02 ul li.last-child {
	margin-right: 0;
}

#content div.banner-box-02 ul li img {
	vertical-align: bottom;
}

#content div.banner-box-02 p {
	margin: 11px 0 0 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content div.banner-box-02 p img {
	vertical-align: bottom;
}