/*CSSDocument*/

#cn-main-top {
	padding-top:10px;
	width:630px;
	float:right;
	display:block;
}

#mv-top {
	background:url(../../img/mv_top.jpg) no-repeat;
	background-position:top center;
}

#grd-top{
	position: absolute;
	margin:0px;
	padding:0px;
	height:100%;
	z-index: 10;
	float:right;
	width:480px;
	right:10px;
	background:  url(../../common/img/bg_lft.png) repeat-y;
}



/* glovalNav
===============================================================*/
/* --- gNav-top --- */
#gNav-top{
	margin:40px 0px 30px 0px;
	padding:0px;
	float:left;
	display:block;
	clear:both;
}
#gNav-top ul {
	width:180px;
	padding:0;
	margin:0;
	list-style:none;
}
#gNav-top ul li {
	margin:10px 0px;
	padding:0px;
	float:left;
	display:block;
	height:40px;
	text-indent: -9999px;
}
#gNav-top ul li a {
	float:left;
	display:block;
	height:45px;
	text-indent: -9999px;
}

/* --- gNav-top --- */
#gNav-top #gNavOnline {
	width:210px;
	background:url(../img/gnav_top_online.png) no-repeat left top;
}
#gNav-top #gNavShop {
	width:210px;
	background:url(../img/gnav_top_shop.png) no-repeat left top;
}
#gNav-top #gNavContract {
	width:210px;
	background:url(../img/gnav_top_contract.png) no-repeat left top;
}

/* gNav-top a */
#gNav-top #gNavOnline a {
	width:210px;
	background:url(../img/gnav_top_online0.png) no-repeat left top;
}
#gNav-top #gNavShop a {
	width:210px;
	background:url(../img/gnav_top_shop0.png) no-repeat left top;
}
#gNav-top #gNavContract a {
	width:210px;
	background:url(../img/gnav_top_contract0.png) no-repeat left top;
}



/* top-bnr
===============================================================*/
#top-bnr {
	margin-left:30px;
	padding:30px 0px;
	display:block;
	clear:both;
}

#top-bnr ul {
	margin:0px;
	padding:0px;
	width:380px;
	list-style:none;
}

#top-bnr ul li, #top-bnr ul li a {
	float:left;
	display:block;
	padding:0;
	margin:0;
	height:180px;
	text-indent: -9999px;
}

#top-bnr #rgt { margin-left:20px; }

#top-bnr #lft{
	width:180px;
	background:url(../../img/bnr01.jpg) no-repeat left top;
}

#top-bnr #rgt{
	width:180px;
	background:url(../../img/bnr02.jpg) no-repeat left top;
}

#top-bnr #lrg{
	width:380px;
	background:url(../../img/bnr03.png) no-repeat left top;
}



/* top-bnr a
-------------------------------------------------------------- */
#top-bnr #lft a {
	width:180px;
	background:url(../../img/bnr01.jpg) no-repeat left top;
}

#top-bnr #rgt a{
	width:180px;
	background:url(../../img/bnr02.jpg) no-repeat left top;
}

#top-bnr #lrg a{
	width:380px;
	background:url(../../img/bnr030.png) no-repeat left top;
}



/* top-bnr a:hover
-------------------------------------------------------------- */
#top-bnr #lft a:hover {
	width:180px;
	background:url(../../img/bnr01_on.jpg) no-repeat left top;
}

#top-bnr #rgt a:hover{
	width:180px;
	background:url(../../img/bnr02_on.jpg) no-repeat left top;
}

#top-bnr #lrg a:hover{
	width:380px;
	background:url(../../img/bnr03_on.png) no-repeat left top;
}





/* News
===============================================================*/
#top-info-news, #top-news, #top-ol-news, #top-press {
	/*margin-left:30px;winIEと変更*/
	/*padding:10px 0px;*/
	width:380px;
	float:left;
	display:block;
	clear:both;
}
#top-info-news { border-top:1px solid #aaa; float:left; padding:5px 0px; }
#top-news { border-top:1px solid #aaa; float:left; padding:10px 0px; }
#top-ol-news {border-top:1px dotted #aaa; float:left; padding:10px 0px; }
#top-press { border-top:1px solid #aaa; float:left; padding:20px 0px;}
 
 
#top-info-news li, #top-news li, #top-ol-news li {
	padding-top:5px;

}

#top-news h3, #top-ol-news h3 {
	margin:5px 0px 10px 0px;
	padding:0px;
	text-indent:-9999px;
	display:block;
}

#top-news h3 {
	background:  url(../../common/img/top_news.gif) no-repeat left top;
	width:39px;
}

#top-ol-news h3 {
	background:  url(../../common/img/top_ol_news.gif) no-repeat left top;
	width:130px;
}

#top-info-news { height:80px; }
#top-news { height:70px; }
#top-ol-news { height:100px; }
#top-press { height:50px; }



#btn-twit {
	margin:0px;
	padding:0px;
	/*top:400px;winIEと変更*/
	right:40px;
	position:absolute;
	text-indent:-9999px;
	display:block;
}
#btn-twit a {
	background-repeat:no-repeat;
	height:20px;
	width:150px;
	display:block;
	background:  url(../../common/img/twitter.png) no-repeat;
}
#btn-twit a:hover {
	background-position:center -20px;
	background:  url(../../common/img/twitter_on.png) no-repeat;
}


/* footer
===============================================================*/

#footer-top{
	margin-left:30px;
	padding:15px 0;
	width:380px;
	clear:both;
	border-top:1px solid #d9d9d9;
}