﻿@charset "utf-8";

#top{background:url(../img/top_bg.gif) left top repeat-x;}
#top_bg{background:url(../img/bg.jpg) center top no-repeat;}
#top #header h1 a{background:url(../img/logo.gif) left top no-repeat; font-size:9px;
	width:86px; height:0; padding-top:47px; overflow:hidden; display:block;}

#top #g_navi{height:56px; overflow:hidden;}
#top #g_navi li{float:left;}
#top #g_navi a{background:url(../img/g_navi.gif) left top no-repeat; font-size:9px; height:0; padding-top:56px; overflow:hidden; display:block;}
#top #g_navi01 a{width:160px;}
#top #g_navi02 a{width:150px; background-position:-160px 0;}
#top #g_navi03 a{width:150px; background-position:-310px 0;}
#top #g_navi04 a{width:150px; background-position:-460px 0;}
#top #g_navi05 a{width:150px; background-position:-610px 0;}
#top #g_navi06 a{width:160px; background-position:-760px 0;}
#top #g_navi01 a:hover{background-position:0 -56px;}
#top #g_navi02 a:hover{background-position:-160px -56px;}
#top #g_navi03 a:hover{background-position:-310px -56px;}
#top #g_navi04 a:hover{background-position:-460px -56px;}
#top #g_navi05 a:hover{background-position:-610px -56px;}
#top #g_navi06 a:hover{background-position:-760px -56px;}

#content{padding-top:28px; color:#161981;}
#content #title{height:29px; overflow:hidden; border-bottom:dotted 1px #6467ac; margin-bottom:11px;}

/*-------------------- scroll --------------------*/
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width:13px;}
.vscrollerbar {background-image: url(../img/scrollbar.png); width:11px; height:25px !important;}
/** html .vscrollerbar {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');background-image: none;}*/
.hscrollerbase {height:13px;}
.hscrollerbar {height:13px;}
.vscrollerbar, .hscrollerbar {padding: 0px;z-index: 2;}
.scrollerjogbox {width:13px;height:13px;top: auto; left: auto;bottom: 0px; right: 0px;}
.mycustomscroll {overflow:auto; position:relative; background:url(../img/scrollbaseback.png) repeat-y;}
/*-------------------- scroll --------------------*/

#left_content{float:left; width:572px;}
#left_content #title h4{background:url(../img/title_campaign.gif) left top no-repeat; font-size:9px;
	width:164px; height:0; padding-top:29px; overflow:hidden; display:block; float:left;}
#left_content #title p{float:right; font-size:80%; line-height:300%;}
#left_content #title p a{background:url(../common/img/link01.gif) left 1em no-repeat; padding-left:14px; display:block; white-space:nowrap; text-decoration:none;}
#left_content #title p a:hover{color:#f485b3;}
#left_content .mycustomscroll{width: 572px; height:200px; background-position:559px 0; font-size:80%; line-height:180%;}
#left_content .mycustomscroll ul{margin-top:-19px;}
#left_content .mycustomscroll li{width:260px; float:left; padding-right:19px; padding-top:19px;}
#left_content .mycustomscroll img{border:solid 1px #fff; margin-bottom:3px;}
#left_content .new{background:url(../campaign/img/icon_new.gif) left 0.4em no-repeat; padding:0 0 0 33px; display:block;}
#left_content .price{font-weight:bold; color:#161981; display:block;}

#right_content{float:right; width:298px; font-size:80%; line-height:150%;}
#right_content .mycustomscroll{width: 298px; height:200px; background-position:285px 0;}
#right_content #title h4{background:url(../img/title_press.gif) left top no-repeat; font-size:9px;
	width:101px; height:0; padding-top:29px; overflow:hidden; display:block; float:left;}
#right_content #title p{float:right; line-height:300%;}
#right_content #title p a{background:url(../common/img/link01.gif) left 1em no-repeat; padding-left:14px; display:block; white-space:nowrap; text-decoration:none;}
#right_content #title p a:hover{color:#f485b3;}
#right_content dl{clear:both; padding-bottom:5px; padding-top:3px;}
#right_content dd{float:left; font-weight:bold; width:65px; padding-right:15px;}
#right_content dt{float:left; width:190px;}
#right_content dt img{display:inline;}

/*
#right_content{float:right; width:298px; font-size:80%; line-height:150%;}
#right_content .mycustomscroll{width: 298px; height:200px; background-position:285px 0;}
#right_content #title h4{background:url(../img/title_information.gif) left top no-repeat; font-size:9px;
	width:164px; height:0; padding-top:29px; overflow:hidden; display:block; float:left;}
#right_content #title p{float:right; line-height:300%;}
#right_content #title p a{background:url(../common/img/link01.gif) left 1em no-repeat; padding-left:14px; display:block; white-space:nowrap; text-decoration:none;}
#right_content #title p a:hover{color:#f485b3;}
#right_content dl{clear:both; padding-bottom:5px; padding-top:3px;}
#right_content dd{float:left; font-weight:bold; width:65px; padding-right:15px;}
#right_content dt{float:left; width:190px;}
#right_content dt img{display:inline;}
*/

/*---------- uc ----------*/
#uc{text-align:center;}
#uc #base{padding:70px 0;}
#uc img{display:inline; padding-bottom:27px;}
#uc p{color:#f671b7; padding-bottom:66px;}
#uc dt{color:#f671b7; font-weight:bold;}
#uc dd{padding-bottom:36px;}
#uc div{padding-top:50px;}
