@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 10px 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; clear:both;}
#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:5px; padding-bottom:8px; font-size:12px; line-height:100%;}

#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; font-size:1px; line-height:100%; display:block;}

/* 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;}

/* 重要なお知らせ対策用 */
#nsArea2{width:763px; margin:5px 10px 0 5px;}
/* 重要なお知らせ対策用 お見舞い文 */
#omimai{text-align:center; width:948px; margin-bottom:5px; padding:5px; border:2px #bcbcbc solid;}

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

.f_left{clear:both; 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; line-height:100%;}
.ttl_bg2{width:230px; height:172px; background:url(/image/top/bg_waku02.gif); display:block; margin:0; padding:0; line-height:100%;}
.ttl_bg3{width:230px; height:120px; background:url(/image/top/bg_waku03.gif); display:block; margin:0; padding:0; line-height:100%;}

#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{background:url(/image/top/bg_ttl.jpg) no-repeat; width:470px; height:49px; margin-top:10px;}
#new{width:470px; float:left;}
#new ul.allList{float:right; margin-top:-50px; width:180px;}
#new ul.allList li.toList{float:right; padding:0 10px 0 16px; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 4px;}
#new ul.allList li.RssIcon{padding:0; width:50px; float:right;}
#new div.aboutRss{display:block; width:100%; background:#EDEDED; text-align:right;}
#new div.aboutRss ul{list-style:none; padding:2px 20px 2px 0px;}
#new 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.inline{width:450px; height:120px; margin:0 10px; padding:0 10px 0 0; overflow-y:scroll; scrollbar-track-color:#ffffff;}
#new ul.list li{padding:9px 20px 10px 3px; border-bottom:solid 1px #dcdcdc;}

#new ul.list li span.waku{display:block; float:left; width:168px; margin-top:0; padding-top:0;}


#new ul.list li span.date{display:block; float:left; width:8em;}
#new 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{padding-top:3px;}
#new ul.list li a.pdf{clear:both; margin-top:-20px;}
#new ul.list li.lastChild{border-bottom:none;}



#press h2{background:url(/image/top/bg_ttl.jpg) no-repeat; width:470px; height:49px; margin-top:10px;}
#press{width:470px; float:left;}
#press ul.allList{float:right; margin-top:-50px; width:180px;}
#press ul.allList li.toList{float:right; padding:0 10px 0 16px; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 4px;}
#press ul.allList li.RssIcon{padding:0; width:50px; float:right;}
#press div.aboutRss{display:block; width:100%; background:#EDEDED; text-align:right;}
#press div.aboutRss ul{list-style:none; padding:2px 20px 2px 0px;}
#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;}

#press ul.inline{width:450px; height:120px; margin:0 10px; padding:0 10px 0 0; overflow-y:scroll; scrollbar-track-color:#ffffff;}
#press ul.list li{padding:9px 20px 10px 3px; border-bottom:solid 1px #dcdcdc;}
#press ul.list li span.date{display:block; float:left; width:8em;}
#press ul.list li span.noLink{display:block; margin-left:13em; padding:0 0 0 15px;}
#press 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;}
#press ul.list li a.exter{padding-top:3px;}
#press ul.list li a.pdf{clear:both; margin-top:-20px;}
#press ul.list li.lastChild{border-bottom:none;}


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

#important ul.allList{float:right; margin-top:-50px; width:180px;}
#important ul.allList li.toList{float:right; padding:0 10px 0 16px; background:transparent url(/common/image/icn_arw_01.gif) no-repeat 0 4px;}

#important ul.inline{width:450px; height:120px; margin:0 0 0 10px; padding:0 10px 0 0; overflow-y:scroll; scrollbar-track-color:#ffffff;}
#important ul.list li{padding:9px 20px 10px 3px; border-bottom:solid 1px #dcdcdc;}
#important ul.list li span.date{display:block; float:left; width:8em;}
#important ul.list li span.noLink{display:block; margin-left:13em; padding:0 0 0 15px;}
#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;}
#important ul.list li a.exter{padding-top:3px;}
#important ul.list li a.pdf{clear:both; margin-top:-20px;}
#important ul.list li.lastChild{border-bottom:none;}


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

#mb{clear:both;}
#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:70px; padding:10px 5px 0 0}
div.mbbg div.qr_txt{float:left; width:140px; padding:7px 0 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;}


/* add 2010.12.15 cms */

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

/* 単発お知らせ */
#tanpatu{margin:0; padding:10px 0 0 0;}
#tanpatu .tpwaku{border-top:1px #ccc solid; border-bottom:1px #ccc solid; background-color:#ffe; padding:10px 20px;}
#tanpatu h2{color:#b10034; margin:0 0 5px 0;}
#tanpatu p{margin:0 20px;}