@charset "utf-8";
/* CSS Document */

#info,
#feature,
#news,
#scramble{
/*   position: relative; 
left: 181px;  */
width: 549px;
}

#info { margin-top: 30px; clear: left; }

#feature {
	border-left:1px solid #ccc;
	/*background-color: #f7fffb;  */
float: left;
	margin-top: 0px;
	margin-bottom: 20px;
}

#archives{ 
width:549px;
text-align:left;
border-left:1px solid #ccc;
}

#scramble{
width: 549px;
text-align:left;
border-left:1px solid #ccc;
height: 300px;
overflow:hidden;
}

#scramble iframe,
#feature iframe,
#archives iframe{
border-bottom:1px solid #ccc;
}

#scramble_index,
#feature_index,
#archives_index {
background-color:#fffffb;
/**
background-color: #f7fffb;**/ 
/*width:530px;*/
width: 549px;
text-align:left;
margin:0 auto;
}

#feature_index{
	height:995px;
	overflow:hidden;
}

#feature_index.auto{
overflow:visible;
height:auto;
}

#scramble_index.w600{
width:600px;
}

#scramble_index .index a:link,
#scramble_index .index a:visited,
#scramble_index .index a:active,
#feature_index .index a:link,
#feature_index .index a:visited,
#feature_index .index a:active,
#archives_index .index a:link,
#archives_index .index a:visited,
#archives_index .index a:active{
	color:#003036;
	font-size:100%;
	font-weight:bold;
	line-height: 120%;
}


#scramble_index .index a:hover,
#feature_index .index a:hover,
#archives_index .index a:hover{
	color:#009999;
	font-size:100%;
	font-weight:bold;
	line-height: 120%;
}

#feature_index h1{
	margin-bottom:0px;
	margin-top:0px;
	font-size:95%;
	color:#ffffff;
	border-left:#009969 5px solid;
	background-color: #009969;
	font-style: italic;
}

#feature_index .thum{
background-repeat: no-repeat;
background-position: right;
background-image: url(images/alterna_logo_web60.gif);
}

#scramble_index h1{
	margin:0px;
	font-size:95%;
	color:#ffffff;
	border-left:none;
	font-style:italic;
	background-color: #000099;
	padding-left: 10px;
}

#archives_index h1{
margin-bottom:0px;
font-size:100%;
color:#00999a;
font-family:"Century Gothic";
border-left:#00999a 23px solid;

}

#archives_index{
background:url(images1/bg_archives.gif) no-repeat right #fff;
}

#scramble_index h1 em{
font-family:Garamond, "Century Gothic";
}

#scramble_index table{
background:url(images1/bg_scramble.jpg) no-repeat right top;
}
#scramble_index ul.scr_index{
width:549px;
background:url(images1/bg_scramble.jpg) no-repeat right top;
margin:0;
padding:0;
list-style:none;
}
#scramble_index table td{
font-size: 85%; 
line-height: 120%; 
/*height: 40px; */
border-bottom: 1px dotted #606060; 
}

#scramble_index ul.scr_index li{
	font-size: 80%;
	line-height: 120%;
	height: 21px;
	padding-top:5px;
	border-bottom: 1px dotted #606060;
}
#scramble_index ul.scr_index li a{
	background-image:url(images1/icon4-b.gif);
	background-repeat:no-repeat;
	background-position:5px 3px;
	padding-left:20px;
	font-weight:bold;
	color:#333333;
}

#scramble_index table td a:link,
#scramble_index table td a:visited,
#scramble_index table td a:active
{
background-image:url(images1/icon4-b.gif);
background-repeat:no-repeat;
background-position:5px 3px;
padding-left:20px;
font-weight:bold;
color:#003036;
}
#scramble_index table td a:hover{
color:#0066cc;
font-weight:bold;
background-image:url(images1/icon4-b.gif);
background-repeat:no-repeat;
background-position:5px 3px;
padding-left:20px;
}


#scramble_index ol{ 
line-height: 140%; 
padding:5px 0 0 5px;
margin:0;
}

#scramble_index ol li{
font-size: 80%; 
line-height: 120%; 
padding:0;
height: 40px; 
border-bottom: 1px dotted #606060; 
}
#scramble_index ol li a:link,
#scramble_index ol li a:visited,
#scramble_index ol li a:active
{
color:#003399;
font-weight:bold;
}
#scramble_index ol li a:hover{
color:#0099FF;
font-weight:bold;
}

#scramble_index dl{
margin-left:30px;
margin-top:10px;
}
#scramble_index dl dt{
margin:10px 0 5px 0;
font-weight:bold;}
#scramble_index dl dd{
	margin-left:20px;
	margin-right: 20px;
}

#scramble_index strong{
	color:#000000;
}




#feature .go_index,
#archives .go_index{
font-size:70%;
text-align:right;
}



.index {
	font-size: 75%;
	line-height: 110%;
	height: 50px;
	border-bottom: 1px dotted #606060;
}


#news {
	border-left:1px solid #ccc;
	float: left;
	clear: left;
	margin-bottom: 50px;
	overflow:hidden;
	height:180px;
/*右側のバナー数が多いときはこのマージンで調整*/
}

#news iframe{
border-style:none;
text-align:left;
border-bottom:#CCCCCC 1px solid;
}

#news_index{
width:560px;
background-color: #f7fffb; 

}

#news_index ul{
font-size: 65%; 
margin:0;
padding:0;
list-style-type:disc;
list-stype-image:url(images1/icon4.gif)
}

#news_index ul li { 
padding: 2px 0 2px 10px; 
margin:0;
border-bottom: 1px dotted #ccc ; 
}

#news_index ul li.amb { 
padding: 5px 45px 5px 10px; 
margin:0;
background:url(images/bg_news_amb3.gif) no-repeat right top #f1fae4; 
border-bottom: 1px solid #ccc ; 
}

#news_index ul li img{
vertical-align:middle;
padding-right:3px;
}

div.amb{
padding: 8px 45px 8px 10px; 
margin:0;
background:url(images/bg_news_amb3.gif) no-repeat right top #f1fae4; 
border-bottom: 1px solid #999 ; 
}

#news_index ul li a{
color:#000;
text-decoration:none;
}

#news_index ul li a:hover{
color:#000;
text-decoration:underline;
}
#news_index ul li.amb a{
color:#000;
text-decoration:none;
font-size:120%;
}

#news_index ul li.amb a:hover{
color:#000;
text-decoration:underline;
font-size:120%;
}


#archives_index .index a{
color:#003036;
font-size:120%;
font-weight:bold; 
}

#archives_index .index a span{
font-size:80%;
font-weight:normal;
}


#archives_index dl,
#feature_index dl{
padding:5px;
margin:0;
}

#archives_index dt,
#feature_index dt{
	color: gray;
	font-size: 90%;
	background-image: url(images1/icon4.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom: 2px;
	padding-left: 8px;
}

#archives_index dd,
#feature_index dd{
padding-left:0;
margin:0;
}



#archives_index dt img,
#scramble_index ul li img,
#feature_index dt img,
#news_index ul li img{
vertical-align:middle;
padding:2px;
border:none;
}



/*********スクランブル詳細*************/

body.blue {
  font-family: 'verdana','メイリオ','Meiryo','MS UI Gothic','Sans-Serif'; 
  background-color:#cad9e4;
  background-image:url(images1/bg_scramble_body.gif);
  background-position:top center;
  background-repeat:no-repeat; 
 padding-top: 20px; 
  padding-bottom:20px;
  text-align:center;
}


#scramble_detail{
border-left:#999 1px solid;
border-right:#999 1px solid;
margin:0 auto;
padding:0;
background:url(images1/bg_scramble.gif) no-repeat right top;
font-size:80%;
line-height:140%;
overflow:auto;
}


#scramble_detail p.press{
margin:0 20px;
padding:10px 0;
}


#scramble_detail p.date{
text-align:right;
margin-right:30px;
}


#scramble_detail h2{
border:none;
margin:0px 0 0 0;
font-size:110%;
color:#0033FF;
padding:35px 25px 25px 20px;
background:none;
}

#scramble_detail h2.no-pad{
border:none;
margin:0px 0 0 0;
font-size:110%;
color:#0033FF;
padding:0px 25px 5px 25px;
background:none;
}

#scramble_detail h3{
border-left:5px solid #0033FF;
margin:20px;
font-size:110%;
padding:5px;
background:none;
}
#scramble_detail p{
margin:5px 20px 5px 25px;
}

#scramble_detail ul {
padding:5px 20px 5px 10px;
margin-bottom:0;
}
#scramble_detail ul li{
margin:5px 10px 5px 20px;
}

#scramble_detail dl dd ul {
margin:0 auto 5px auto;
padding:0px 20px 3px 10px;
margin-bottom:0;
}
#scramble_detail dl dd ul li{
margin:1px 10px 1px 20px;
font-size:90%;
}

#scramble_detail ol{
margin:10px 10px 0 20px;
font-size:12px;
padding-bottom:30px;
}

#scramble_detail ol li{
border:none;
height:auto;
margin:10px 10px 0 20px;
line-height:140%;
}

#scramble_detail ol.compact{
margin:0px 10px 0 25px;
font-size:16px;
padding-bottom:10px;
color:#0033aa;
}

#scramble_detail ol.compact li{
border:none;
height:auto;
margin:3px 10px 3px 20px;
line-height:140%;
}
#scramble_detail div.date{
font-size:11px;
color:#909090;
padding:5px;
}
#scramble_detail table{
margin:0px 5px 0px 50px;
background:none white;
border-top:1px solid  #BDD6D9;
border-right:1px solid #BDD6D9;
}

#scramble_detail table th,
#scramble_detail table td{
font-size:12px;
vertical-align:top;
border-bottom:1px solid #BDD6D9;
border-left:1px solid #BDD6D9;

}

#scramble_detail table th p,
#scramble_detail table td p{
font-size:12px;
padding:3px 2px 3px 2px;
margin:0;
}

#scramble_detail img.left{
margin:10px 20px 10px 30px;
float:left;
}

.footer_scramble{
font-size: 10px; 
text-align: center; 
position: relative; 
margin-bottom:0px; 
padding: 2px 2px 2px 5px; 
border: solid 1px #999; 
}

/**********RSS reader*************/

iframe#rss_box{
	width:731px;
	height:1480px;
	overflow:hidden;
	border:none;
} 

#rss { 
background-color: #f7fffb; 
}

.r,
.r2 { 
color: black; 
font-size: 75%; 
line-height: 150%; 
background-image: url(images1/icon4.gif); 
background-repeat: no-repeat; 
background-position: 6px 7px; 
text-align: left; 
position: relative; 
margin-top: 3px; 
}
.r { 
margin-bottom: 3px; 
padding: 3px 10px 8px 15px; 
border-bottom: 1px solid #999; 
}
.r2 { 
margin-bottom: 10px; 
padding: 3px 10px 20px 15px; 
position: relative; 
height: 79px; 
overflow: hidden; 
border-top: 1px solid #999; 
}

.r_blank { 
margin-top: 10px; 
position: relative;  
border-top: 1px solid #999;  
}


pre{
margin-left:30px;
margin-right:30px;
padding:10px;
font-size:95%;
display:block;
font-family:"メイリオ";
border-left:#1b471b 5px solid;
}

.flo_rt{
float:right;
margin-left:20px;
}

