@charset "shift_jis";
/* CSS Document */
/* H-IIA f21 Special Site CSS */


#f21 { padding-bottom: 10px;
	color: #333;
 }

#f21_main {
	width: 732px;
	margin-top:0;
	padding: 10px 10px 0.5em 10px;	
	background-color: #9ccdff;
	background-image: url(img/bg_main.jpg);
	background-repeat: repeat-x;
}

/*== Common Style ===========================================*/

a:link, a:visited {
	color: #0099ff;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

#f21 .links, #f21 .global_arow_blue li {      /* リンクの矢印 */
	list-style-image: url(/countdown/f21/img/bullet.png); 
}

.global_arow_gray dt {
 background-image: url(/countdown/f21/img/bullet.gif);
 background-repeat: no-repeat;
}

li.kugiri {
 list-style: none;
 list-style-image: none;
 margin: -1px 5px 2px -15px;
 background-image: url(/countdown/f21/img/quick_dot.gif);
 background-repeat: repeat-x;
 background-position: center 9px;
}

p.link_top {
	text-align: right; display: block; 
	border-top: dashed 1px #9ccdff;
	padding-top: 1em;
	margin-top: 1em;
}

.annotation {
	text-indent: -1em;
	margin-left: 1em;
	list-style-type: none;
}

/*=============================================================*/
/*== Top Page Style ===========================================*/

/*== Right -Main Column- ==*/

#top_main {
	float: left;
	width: 480px;
}

#top_main h3 {
	margin: -10px -10px 10px;
	height: 30px;
}


.topics_box_wrap{
	position: relative; 
	z-index:0;}
	
.topics_box {
	width: 458px;
	padding: 10px;
	border-bottom: 1px solid #9ccdff;
	background-color: #ffffff;
	margin-bottom: 1em;
-moz-border-radius: 5px;/* for Firefox*/
-webkit-border-radius: 5px;/* for Safari and chrome*/
border-radius: 5px;/*CSS3*/
behavior: url(/countdown/f21/border-radius.htc);/*for IE*/
}


.main_box_wrap{
	position: relative; 
	z-index:0;}
	
.main_box {
	width: 458px;
	padding: 10px;
	border-bottom: 1px solid #9ccdff;
	background-color: #ffffff;
	margin-bottom: 1em;
-moz-border-radius: 5px;/* for Firefox*/
-webkit-border-radius: 5px;/* for Safari and chrome*/
border-radius: 5px;/*CSS3*/
behavior: url(/countdown/f21/border-radius.htc);/*for IE*/
}

.main_box a {					/* ボックス全部がクリックできるエリア */
	display: block;
	margin-top: 8px;
	color: #333;
}

.main_box h4 {
	color: #0099ff;
	border: 0;
}


.main_box a:hover, .main_box a:active {		/* ボックスにhoverしたら背景色変更 */
	background-color: #effbff;
	text-decoration: none;
}

.main_box a:hover h4, .main_box a:active h4 {
	text-decoration: underline;
}

.item img {
	float: left;
}
.item div {
	float: left;
	padding: 0px 8px;
	width: 342px;  /* 余白との合計＝358px */
}


/* -Top Topics- */
#f21 .topics h3 {
	font-weight: bold;
	margin: 0.5em 0;	
	heigt: 1em;
	background-color: transparent;
}

#f21 .topics img {
	margin-left: 10px;
}

#f21 .topics {
	padding-bottom: 1em;
}

/*== Left -Sub Column- ==*/
#top_side {
	position: relative;
	float: left;
	width: 240px;
	padding-left: 10px;
}

.side_menu_wrap {
	position: absolute;
	top:0; left:10px;
	z-index: 0;	
}
	
.side_menu {
	width: 218px;
	padding: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #9ccdff;
	background-color: #f7fbff;
-moz-border-radius: 5px;/* for Firefox*/
-webkit-border-radius: 5px;/* for Safari and chrome*/
border-radius: 5px;/*CSS3*/
behavior: url(/countdown/f21/border-radius.htc);/*for IE*/
}

.side_menu_twitter {
	width: 238px;
	padding: 0px;
	border: none;
	background-color: #3399ff;
	margin-bottom: -10px;
	margin-top:-10px;
	margin-left:-10px;

}

.side_box {
	padding-bottom: 1em;
}





.side_menu h5 {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	height: 30px;
}

.side_tit_twitter {
	margin-top: -10px;
}


.side_tit_top {
	margin-top: -10px;
}

.side_tit {
	background-image: url(/countdown/f21/img/bg_separator.gif);
    background-repeat: no-repeat;
	/*padding: 1em 0;
	margin-top: 0.5em;*/
}

.side_box p img {
	margin-right: 1em;	
}


.link_details {
	position: relative;
	top: -2.5em;
	text-align: right;
	margin-bottom: -1.5em;
}


/*=============================================================*/
/*== Top page Countdown Clock =================================*/

.cdc { width:230px; margin:-41px 0 6px 510px; }

.cdc p { margin-top:9px; text-align:right;}
.cdc p.stop { margin-top:13px; }
.cdc p.liftoff_j { margin-top:8px; }
.cdc p.liftoff_e { margin-top:5px; }

.cdc p img { margin-left:0px; }
.cdc p img.left { margin-right:7px; }
.cdc p img.right { margin-left:7px; }

.cdc p img.tod_e { position:relative; top:3px;}

#cd_lo {display: none;}


/*=============================================================*/
/*== 2nd page Style ===========================================*/


#f21_2nd {
	width: 732px;
}

#f21_2nd h3 {
	margin: -10px -10px 10px;
	height: 30px;
}

.f21_2nd_box_wrap{
	position: relative; 
	z-index: 0;		
}

.f21_2nd_box {
	width: 712px;
	padding: 10px;
	border-bottom: 1px solid #9ccdff;
	background-color: #fff;
	margin-bottom: 1em;
-moz-border-radius: 5px;/* for Firefox*/
-webkit-border-radius: 5px;/* for Safari and chrome*/
border-radius: 5px;/*CSS3*/
behavior: url(/countdown/f21/border-radius.htc);/*for IE*/
}

.f21_2nd_box h4{
	border-left: 5px solid #9ccdff;
	padding-left: 0.5em;
	margin-bottom:1em;	
}


/*== 2nd Related Link ==*/
.related, .message_intro {
	background-image: url(/countdown/f21/img/bg_separator.gif);
    background-repeat: no-repeat;
	padding: 1em 0;
	margin-top: 1em;
}

.column {
	border-top:dashed 1px #9ccdff;
	padding: 1em 0;
	margin-top: 1em;
}

.related .links {
	margin-left: 2em;
}

.related p {
	font-weight: bold;
}


/*== 2nd Column ==*/

.column {
}
.column h4 {
	margin-bottom: 5px;
}

.column img {
	float: left;
}

.column div {
	float: left;
	padding-left: 1em;
	width: 510px;
}

.column p {
	text-align: right;
	margin-top: 1em;
}

/*== 2nd Topics css update ==*/

#f21_main .topics_inside h3 {
	margin: 0.5em 0;
}

#f21_main .topics_inside {
	width: 712px;
border-bottom: dotted 1px #9ccdff;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;

}

/*== 2nd Press release css update ==*/

#f21_main .linepress-block-563 {
	border-top: dotted 1px #ccc;
 padding: 4px 0px 4px 0px;
 width: 712px;
}

#f21_main .linepress_563 {
 width: 712px;
 background-image: url(/countdown/f21/img/new_bg2.gif);
 background-repeat: repeat-y;
}

#f21_main .text_563 {
 width: 580px;
}

/*== 2nd overview css update ==*/

.sub_payload{
	margin-bottom:1.5em;
}

.sub_payload img {
margin-right: 10px;
}
.sub_payload img, .sub_payload .text {
float: left;
}



/*=============================================================*/
/*== Clearfix Overflow ========================================*/
#f21 .clear {   
    overflow: hidden;   
}   
    
* html #f21 .clear {   
    height: 1%;   
}