@charset "utf-8";

/* --------------------------------------------------
	SiteName : cosmo
	FileName : index.css
	Description : toppage styles
	
	== TOC =========================================
	1 : topFirst styles
	6 : non script area styles
	2 : re styles
-------------------------------------------------- */

/* 1. topFirst styles
================================================== */
body#cosmoIndex ul{list-style:none;}



#Main{width:960px; margin:0 0 15px 0; padding:0; background:url(/image/top/flash_top.gif) no-repeat;}
#topFirst{margin:4px 0 0 0; padding:2px 4px 0 4px; vertical-align:bottom;}

/* mainVisual */
#mainVisual{float:left;	width:778px; height:220px;}
#mainVisual embed{display:block;}

/* cmInfo */
#cmInfo{float:left; margin-top:4px;}
#cmInfoInner{margin-top:3px; padding:2px 1px 0 1px; width:170px; background-color:#3c4047;}
#cmInfoInner #cmPlayer{padding:0; width:170px;}

#cmInfoInner li{width:170px; margin-top:1px; padding-top:2px; padding-bottom:5px;}

#cmInfoInner li a,
#cmInfoInner li a:link,
#cmInfoInner li a:visited,
#cmInfoInner li a:hover,
#cmInfoInner li a:active,
#cmInfoInner li a:focus{font-weight:bold; color:#ebebec; font-size:105%; text-decoration:none;}
#cmInfoInner li img{vertical-align:middle; margin-right:5px; margin-left:10px;}

.fbtm{background-color:#ffffff; margin:0; padding:0; display:block; font-size:1px; line-height:100%;}

/* 6. non script area styles
================================================== */
#nsArea{width:778px; min-height:220px; height: auto !important; height: 220px;}
#nsArea .fpdw img{margin-right:10px; margin-top:5px; vertical-align:middle;}
#nsAreaList ul{margin:20px 0px 5px 0px;}
#nsAreaList ul li{padding:0 0 5px 17px; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 0.8em; zoom:1;}
#nsAreaList ul li img{margin-right:10px; vertical-align:middle;}


/* 2_. re styles
================================================== */
.c{clear:both;}
.pdl7{padding-left:7px;}
.pdt10{padding-top:10px;}
.pd5{padding-bottom:5px;}

.f_left{width:470px; float:left; display:block;}
.f_right{width:470px; float:right; display:block;}

.ttl_bg1{width:230px; height:302px; background:url(/image/top/bg_waku01.gif); display:block; margin:0; padding:0;}
.ttl_bg2{width:230px; height:172px; background:url(/image/top/bg_waku02.gif); display:block; margin:0; padding:0;}
.ttl_bg3{width:230px; height:120px; background:url(/image/top/bg_waku03.gif); display:block; margin:0; padding:0;}

#ss, #card, #company, #bisiness, #kankyo, #entertainment{padding:0; margin:0px;}
#ss, #card{width:230px; height:302px;}
#company, #bisiness{width:230px; height:172px;}
#kankyo, #entertainment{width:230px; height:120px;}

#ss li a, #card li a{margin:0 5px 0 7px; padding-top:2px; padding-bottom:2px;}
#company li a, #bisiness li a, #kankyo li a, #entertainment li a{margin:0 5px 0 12px; padding-top:2px; padding-bottom:2px;}

#ss{width:230px; float:left;}
#card{width:230px; float:right;}

#company{width:230px; float:left;}
#bisiness{width:230px; float:right;}
#kankyo{width:230px; float:left;}
#entertainment{width:230px; float:right;}

.ttl_in img.ttl{float:left; padding:16px 0 0 12px;}
.ttl_in ul{float:right; padding:16px 10px 0 0;}

#new h2, #press h2, #important h2{background:url(/image/top/bg_ttl.jpg) no-repeat; width:470px; height:49px; margin-top:10px;}

#new{width:470px; float:left;}
#press{width:470px; float:left;}
#important{width:470px; float:right;}

ul.inline{width:450px; height:120px; margin:0 10px; padding:0 10px 0 0; overflow-y:scroll; scrollbar-track-color:#ffffff;}

span.date{display:block; float:left; width:8em;}

#new ul.allList, #press ul.allList{float:right; margin-top:-50px; width:130px;}
#new ul.allList li.toList, #press ul.allList li.toList{float:left; padding:0 0 0 16px; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 4px;}
#new ul.allList li.RssIcon, #press ul.allList li.RssIcon{padding:0; width:50px; float:right;}

#new div.aboutRss, #press div.aboutRss{display:block; width:100%; background:#EDEDED; text-align:right;}
#new div.aboutRss ul, #press div.aboutRss ul{list-style:none; padding:2px 20px 2px 0px;}
#new div.aboutRss ul li a, #press div.aboutRss ul li a{padding:0 0 0 17px; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 0.1em;}

#new ul.list li img{display:block; float:left;}
#new ul.list li, #press ul.list li, #important ul.list li{padding:9px 20px 10px 3px; border-bottom:solid 1px #dcdcdc;}
#new ul.list li span.date, #press ul.list li span.date, #important ul.list li span.date{display:block; float:left; width:8em;}
#new ul.list li span.noLink, #press ul.list li span.noLink, #important ul.list li span.noLink{display:block; margin-left:13em; padding:0 0 0 15px;}
#new ul.list li a{display:block; margin-left:170px; padding:0 0 0 15px; background:transparent url(../common/image/icn_arw_01.gif) no-repeat 0 0.4em;}
#new ul.list li a.exter, #press ul.list li a.exter, #important ul.list li a.exter{padding-top:3px;}
#new ul.list li a.pdf, #press ul.list li a.pdf, #important ul.list li a.pdf{clear:both; margin-top:-20px;}
#new ul.list li.lastChild, #press ul.list li.lastChild, #important ul.list li.lastChild{border-bottom:none;}

#press ul.list li a, #important ul.list li a{display:block; margin-left:8em; padding:0 0 0 15px; background:transparent url(../common/image/icn_arw_01.gif) no-repeat 0 0.4em;}

div.bg_etc{clear:both; background:url(/image/top/bg_etc.gif); width:470px; float:right; margin-bottom:10px;}

#mb{clear:both;}
#mb h2, #corp h2{margin-top:10px;}
#mb{width:230px; float:left;}
#corp{width:239px; float:right;}

.btn_mb{margin:5px 7px 0 7px; background:#ffffff; width:216px;}

div.mbbg{background:#ffffff; margin:0 0 0 6px; padding:0; width:216px;}
div.mbbg div.qr_img{float:left; width:85px; padding:5px 0 5px 5px;}
div.mbbg div.qr_txt{float:left; width:114px; padding:8px 6px 0 0;}

#corp li a{display:block; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 6px; padding-top:2px; padding-bottom:2px; padding-left:18px; margin-left:10px; zoom:1;}
#mb li a{display:block; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 6px; padding-top:2px; padding-bottom:2px; padding-left:18px; margin-left:7px; zoom:1;}

.mainend{clear:both; margin-top:30px;}