@charset "shift_jis";
/* CSS Document */
/* H-IIA F17 SpesialSite CSS */


#f17 { padding-bottom: 10px; }

#f17_main {
	width: 731px;
	padding: 0 10px 0.5em 10px;	
	background-color: #ccdaeb;
	background-image: url(img/bg_main.png);
	background-repeat: repeat-x;
}


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

#f17 .links, #f17 .global_arow_blue li {      /* ƒŠƒ“ƒN‚Ì–îˆó */
	list-style-image: url(/countdown/f17/img/bullet.gif); 
}

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

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

p.link_top {
	text-align: right; display: block; 
	background-image: url(/countdown/f17/img/bg_separator.gif);
    background-repeat: no-repeat;
	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;
	background-color: #1956a9;
}

.main_box {
	width: 458px;
	padding: 10px 10px 0 10px;
	border: 1px solid #003366;
	background-color: #fff;
	margin-bottom: 1em;
	background-image: url(/countdown/f17/img/bg_top_mainbox.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}

.main_box .item {
	margin-bottom: 1em;
}

.item img {
	float: left;
}
.item div {
	float: left;
	padding-left: 10px;
	width: 280px;
}

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

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

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




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

.sidemenu {
	width: 218px;
	padding: 10px;
	border: 1px solid #003366;
	background-color: #f2f8ff;
}

.sidebox {
	padding-bottom: 1em;
}

.sidemenu h5 {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	height: 30px;
	background-color: #1956a9;
}

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

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

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

.link_details a:link, .link_details a:visited {
	color: #ffff00;	
}

.link_details a:hover {
	color: #fcc770;	
}


/*=============================================================*/
/*== 2nd page Style ===========================================*/
#f17_2nd { 
	background-color: #fff;
	padding: 1em;
	border: 1px solid #003366;
	border-top: none;
	margin-bottom: 0.5em;
	background-image: url(/countdown/f17/img/bg_2nd_boxmain.gif);
	background-repeat: no-repeat;
}

#f17_2nd h5 {
	border-left: 4px solid #1956a9;
	padding-left: 0.5em;
	margin-bottom:1em;	
}

#f17_2nd h4{
	margin-top: 0;
}

#f17_2nd h3{
	margin-bottom: 0;
}


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

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

.related p {
	font-weight: bold;
}


/*== 2nd Overview Table ==*/
.chart {
	border-collapse: collapse; 
	border:1px solid #ccc;
}

.chart th, .chart td { 
	padding:5px 10px; 
	margin: 0; 
	border:1px solid #ccc; 
}

.chart th { 
	font-weight:normal; 
	background-color: #f0f7ff; 
}

.chart td { 
	padding-left:10px; 
} 


/*== 2nd Column ==*/

.column {	
}

.column img {
	float: left;
	
}

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

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


/*== 2nd Message ==*/
.message {
	border-top: 1px solid #ccdaeb;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}

.message p {
	color: #00459c;
	font-size: 85%;
	text-align: right;
	margin-top: 10px;	
}

.message img {
	margin-left: 1em;
}

.message_intro {
	margin-top: 2em;
}

.message_page {
 margin-bottom: 1em;
}
.message_page ul {
 margin: 0;
}

.message_page li {
 list-style-type: none;
 border: 1px solid #ccc;
 margin: 0 2px;
 float: right;
}

.message_page a, .message_page span  {
 display: block;
 text-decoration: none;
 padding: 2px 5px;
}

.message_page span {
 font-weight: bold;
 color: #00459c;
 background-color: #f0f7ff;
}

.message_page a:hover {
 background-color: #f0f7ff;
}




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

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

#f17_main .topics_inside {
	width: 700px;
}

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

#f17_main .linepress-block-563 {
 border-top: solid 1px #ccc;
 padding: 4px 0px 4px 0px;
 width: 700px;
}

#f17_main .linepress_563 {
 width: 700px;
}

#f17_main .text_563 {
 width: 580px;
}

/*== 2nd Sub Payload ==*/
.sub_payload img, .sub_payload .text { float: left; } 
.sub_payload img { margin-right: 10px; }
.sub_payload .text { width: 530px; }
.sub_payload ul { margin-bottom: 0px; }



/*== 2nd Launch Photo==*/
.l_photo td { 
 text-align:center; padding: 5px 3px;
}



/*== 2nd FAQ ==*/

.faq {
margin-top:3em;
position: relative; 
}

.faq img{
margin:0px 8px;
}


.faq_a{
margin-left: 2em; text-indent: -2em;
}

.faq_q{
background-image:url(/countdown/f17/special/img/faq_q.gif);
background-repeat:no-repeat; 
background-position:left center; 
margin:5px 5px 5px 0px; 
padding:25px 50px 24px 60px;
line-height:1em;
}

.faq_q_aka{
background-image:url(/countdown/f17/special/img/faq_q_aka.gif);
background-repeat:no-repeat; 
background-position:left center; 
margin:5px 5px 5px 0px; 
padding:25px 50px 24px 60px;
line-height:1em;
}

ul.answer {
 list-style: none;
 list-style-image: none;
}

ul.answer li{
background-repeat:no-repeat; 
background-position:left top; 
margin:0px 5px 5px -20px; 
padding:5px 50px 5px 60px;
text-indent:0px;
}

.kin{
background-image:url(/countdown/f17/special/img/faq_kin.jpg);
}

.aka{
background-image:url(/countdown/f17/special/img/faq_aka.jpg);
}

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