/* 全体レイアウト */

body {
margin: 0;
padding: 0;
line-height:1.4;
color:#333;
height: 100%;
}

img {border:none}

#wrap { /* トップページ用 */
width:771px;
text-align:left;
border-right:solid #333333 1px;
background-image:url(../images/back_mainbox.gif);
background-repeat:repeat-y;
background-position:top left;
clear: none;
overflow: hidden;
}


#wrap2 { /* 他ページ用 */
width:771px;
text-align:left;
border-right:solid #333333 1px;
background-color:#FFFFFF;
clear: none;
overflow: hidden;
}


#mainbox {
width:100%;
height:100%;
background-image:url(../images/back_mainbox.gif);
background-repeat:repeat-y;
background-position:top left;
margin:0px;
padding:0px;
}


/* ヘッダーレイアウト */

#headtop {
width:771px;
padding:5px;
background-color:#666666;
color:#FFFFFF;
font-size:11px;
}


#headlogo {
width:771px;
height:57px;
padding:0px;
margin:0px;
background:url(../images/head_img01.gif) no-repeat;
background-color:#ffffff;
text-align:left;
}

h1{
margin:0px;
padding:0px;}

h1 span{
visibility:hidden;}


/* ヘッダーメニュー */

#header{
width: 771px;
height:30px;
overflow:hidden;
margin: 0;
padding:0;
}

#headT ul { 
float: left; 
list-style:none;
 }

#headT ul li { 
float: left; 
list-style:none;
 }

#headT01 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT02 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT03 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT04 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT05 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT05-2 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT06 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT06-2 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT07 { padding: 0px ; margin:0px; float:left; list-style:none;}
#headT07-2 { padding: 0px ; margin:0px; float:left; list-style:none;}

#headT ul li a { 
overflow: hidden;
float: left; 
list-style: none;
 }


#headT01 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:0px 0px;
	text-indent: -9999px;
	width: 59px; height: 30px;}
#headT01 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:0px -30px;}
	
#headT02 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:-59px 0px;
	text-indent: -9999px;
	width: 112px; height: 30px;}
#headT02 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:-59px -30px;}
	
#headT03 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:-171px 0px;
	text-indent: -9999px;
	width: 102px; height: 30px;}
#headT03 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:-171px -30px;}
	
#headT04 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:-273px 0px;
	text-indent: -9999px;
	width: 139px; height: 30px;}
#headT04 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:-273px -30px;}

#headT05 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:-412px 0px;
	text-indent: -9999px;
	width: 149px; height: 30px;}
#headT05 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:-412px -30px;}


#headT05-2 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu2.gif) ; 
	background-position:-412px 0px;
	text-indent: -9999px;
	width: 149px; height: 30px;}
#headT05-2 a:hover{
	background: url(../images/headmenu2.gif) ; 
	background-position:-412px -30px;}
	
	
#headT06 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:-561px 0px;
	text-indent: -9999px;
	width: 161px; height: 30px;}
#headT06 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:-561px -30px;}

#headT06-2 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu2.gif) ; 
	background-position:-561px 0px;
	text-indent: -9999px;
	width: 161px; height: 30px;}
#headT06-2 a:hover{
	background: url(../images/headmenu2.gif) ; 
	background-position:-561px -30px;}
	
#headT07 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu.gif) ; 
	background-position:-721px 0px;
	text-indent: -9999px;
	width: 49px; height: 30px;}
#headT07 a:hover{
	background: url(../images/headmenu.gif) ; 
	background-position:-721px -30px;}
	
#headT07-2 a {
	font-size: 1px;line-height: 1px; display: block; cursor: pointer;
	background: url(../images/headmenu2.gif) ; 
	background-position:-721px 0px;
	text-indent: -9999px;
	width: 49px; height: 30px;}
#headT07-2 a:hover{
	background: url(../images/headmenu2.gif) ; 
	background-position:-721px -30px;}


/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}


/* Win版IE7とMac版IE5対策 */
ul.menu {
   display:inline-block;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.menu {
   height:1px;
}

ul.menu {
   display:block;
}
/* End hide from IE-mac */


/* フロートクリア */
.float-clear { /* スペースなしの場合 */
 clear: both;
 font-size: 1px;
 line-height: 1px;
 margin: 0px;
 padding: 0px;
 height: 1px;
 width: 1px;
}
 
.float-clear2 {  /* 表示要素なしの場合 */
clear: both;  
text-indent: -9999px;
}

.float-clear3 {  /* 要素入れる場合 */
clear: both;  
}


/* グローバルメニュー */
#globalmenu {
	width:690px;
	padding:10px 10px 10px 7px;
	background-color:#ffffff;
	font-size:11px;
	line-height:12px;
	text-decoration: none;
}

a.globalmenu{text-decoration : none;}
a.globalmenu:link{color : #333399;}
a.globalmenu:visited{color : #6666CC;}
a.globalmenu:hover{color : #CC0000; background-color : #ffffff;}


/* トップページレイアウト */
#topleftbox {
width:515px;
padding:5px;
margin-top:20px;
float:left;
}


#toprightbox {
width:235px;
padding:5px;
margin-top:20px;
float:left;
}
/* Win版IE5および6対策 */
* html #toprightbox {
width:235px;
padding:6px;
margin-top:20px;
margin-left:5px;
float:left;
}


#mainbanner {
width:500px;
height:200px;
overflow:hidden;
margin-bottom:10px;
}


/* コミュチャン紹介 */
#comuch {
width:490px;
height:310px;/*230*/
background-image:url(../images/0808pickup_br.gif);
background-position:top left;
background-repeat:no-repeat;
border:solid #666666 1px;
padding-top:30px;
padding-left:10px;
margin-bottom:10px;
overflow:hidden;
clear:both;
}

/* コミュチャン紹介Win版IE5および6対策 */
* html #comuch {
width:500px;
height:360px;
background-image:url(../images/0808pickup_br.gif);
background-position:top left;
background-repeat:no-repeat;
border:solid #666666 1px;
padding-top:30px;
padding-left:10px;
margin-bottom:10px;
overflow:hidden;
clear:both;
}

.comuchbanner_l {
width:234px;
padding-right:10px;
padding-bottom:10px;
float:left;
}

.comuchbanner_r {
width:234px;
padding-bottom:10px;
float:left;
}

.more {
width:480px;
height:15px;
text-align:right;
clear:both;
margin-right:10px;
font-size:11px;
}


/* 放送内容変更のお知らせ */
.program {
width:480px;
border:solid 5px #FF0000;
padding:5px;
font-size:16px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}



/* 切り替わるバナー */
#banner {
margin:0;
padding:0;
}

.bn {
list-style-type: none;
overflow:hidden;
margin:0;
padding:0;
}


/* トピックスほか */
.topicstitle {
width:493px;
height:20px;
padding:3px;
background-image:url(../images/top_img02.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FF9933;
font-size:12px;
text-align:right;
border:solid 1px #FF3300; 
}

.topicsbox {
width:475px;
overflow:auto;
padding:10px;
margin-bottom:10px;
font-size:12px;
line-height:inherit;
}

.shogaititle {
width:493px;
height:20px;
padding:3px;
background-color:#FF9933;
font-size:12px;
text-align:left;
border:solid 1px #FF3300; 
}

.maintenancetitle {
width:493px;
height:20px;
padding:3px;
background-image:url(../images/top_img06.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FF9933;
font-size:12px;
text-align:right;
border:solid 1px #FF3300; 
}


.reporttitle {
width:493px;
height:20px;
padding:3px;
background-image:url(../images/top_img07.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FF9933;
font-size:12px;
text-align:right;
border:solid 1px #FF3300; 
}


/* 右ボックス　おすすめお得情報 */
.right_graybox {
width:232px;
	background-color: #dadada;
	padding-bottom: 0px;
	margin-bottom:10px;
	text-align: center;
	border-left:solid 1px #333333;
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;
}

/* Win版IE5および6対策 */
* html .right_graybox {
width:234px;
	background-color: #dadada;
	padding-bottom: 0px;
	margin-bottom:10px;
	text-align: center;
	border-left:solid 1px #333333;
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;
}

.right_graybox img {
	margin-bottom: 8px;
	border: 0;
}

.rightimg {
	margin-bottom: 8px;
	border: 0;
}


/* 右ボックス　導入ガイダンス */
#first {
width:234px;
background-image:url(../images/first_back.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:65px;
padding-left:0px;
margin-bottom:10px;
font-size:11px;
line-height:116%;
}

#first-right {
width:105px;
float:left;
padding-left:10px;
}

* html #first-right {
width:105px;
float:left;
padding-left:4px;
}

#first-left {
width:105px;
float:left;
margin-left:4px;
}

* html #first-left {
width:105px;
float:left;
margin-left:2px;
}

#first-bottom {
width:234px;
clear:both;
text-align:center;
}

.firsttext {
width:104px;
background-image:url(../images/first_back2.gif);
background-repeat:repeat-y;
padding-left:6px;
}

* html .firsttext {
width:110px;
background-image:url(../images/first_back2.gif);
background-repeat:repeat-y;
padding-left:6px;
}


/* フッターレイアウト */
#footer {
width:771px;
background-color:#666666;
color:#ffffff;
font-size:11px;
line-height:16px;
padding:5px;
clear:both;
}

ul#footerul {
list-style:none;
width:771px;
margin:0px;
padding:0px;
list-style:none;
}
 
li.footerli{
	list-style:none;
	padding-left:14px;
	padding-right:12px;
	display:inline;
	background-image: url(../images/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: left -1px;/* アイコンの表示位置調整 */
}

a.footera{text-decoration : none;}
a.footera:link{color : #ffffff;}
a.footera:visited{color : #ffffff;}
a.footera:hover{color : #666666; background-color : #ffffff;}


#copy{
text-align:right;
color:#FFFFFF;
font-size:10px;
margin-right:15px;
}