@charset "shift_jis";

/*=====================================================================================*/
/** H-IIB TF1 CD CSS **/

body { color:#333; }

a {
/*\*/
   overflow: hidden;
}

.note { font-size: 80%; }

#b_tf1_main {  margin-bottom: 10px;  margin-top: 7px; }

.links li { list-style-image: url(/countdown/h2bf1/img/link_arrow1.gif); }

.links .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;
}

h4.tf1_midashi {
 padding-left: 5px;
 padding-bottom: 2px;
 border-left: #36f 5px solid;
 border-bottom: 1px solid #999;
 margin-bottom:5px;
}

p.link_details, p.link_top { text-align: right; display: block; }

.pict_left {
 float: left;
 margin-right: 10px;
}

p.annotation {
 text-indent: -1em;
 margin-left: 1em;
}

/*=====================================================================================*/
/**  index_右メイン  **/

#tf1_main {
 width: 463px;
 float: left;
}

#tf1_main .link_details { /* トピックス一覧用 */
 position: relative;
 top: -37px;
 margin: 0 10px -1.8em 10px;
}

.top_main_box {
 padding-bottom: 10px;
 margin-bottom: 7px;
 background-image: url(img/top_box_bg.gif);
 background-repeat: no-repeat;
 background-position: bottom;
}

.item {         /* トピックス以外用 */
 margin: 0 10px 10px 10px;	
}

.item img {
 width: 180px;
 float: left;
}

.item div {
 width: 250px;
 margin-left: 10px;
 float: left;
}

.top_main_box h3, .top_sub_box h5 {
 margin-bottom: 10px;	
}

/**  index_左サブ  **/

h2 {
 margin-bottom: 7px;
}

#tf1_top_sub {
 width: 282px;
 float: left;
 padding-right:7px;
}

.top_sub_box {
 background-color: #e0efef;
 padding: 0 10px 10px 10px;
 background-image: url(img/top_right_bg.gif);
 background-repeat: no-repeat;
 margin-bottom: 0;
}

.top_sub_box h5 {
 margin-left: -10px;
}

#tf1_top_sub p.link_details { /* プレスリリース一覧用 */
 position: relative;
 top: -30px;
 margin-bottom: -1.5em;
}

.menu_icon img {     /* 種info、募集 */
 margin-right: 10px;
}


/*  トピックス・プレス　CSS上書き用  */
.global_arow_gray dt {
 background-image: url(/countdown/h2bf1/img/link_arrow1.gif);
 background-repeat: no-repeat;
 background-position: top 2px;
}

.top_main_box .topics_top {
 padding: 10px;
 border-bottom: none;
}
/*
.top_main_box .topics_top p {
 text-align: right;
 width: 180px;
 margin-left: 260px;
}

.top_main_box .topics_top h3 {
 margin: -1.3em 0 1em 0;
 width: 260px;
}
*/

.top_main_box .topics_top img {
 margin-left: 10px;
}

#b_tf1_main .global_arow_blue li {　　/* トピックス矢印 */
 list-style-image: url(/countdown/h2bf1/img/link_arrow1.gif);
}
.global_arow_blue {
 margin-top: 1em;
}


/*=====================================================================================*/
/*  2階層目  */

#tf1_2nd_main {
 width: 441px;
 padding: 10px;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 background-color: #fff;
 position: relative;
}


.tf1_2nd_bottom {    /* ページ下部、トップへ戻る欄 */
 width: 443px;
 padding: 0 10px 10px 10px;
 background-image: url(img/top_box_bg.gif);
 background-repeat: no-repeat;
 background-position: bottom;
}

.tf1_2nd_bottom p {
 border-top: 1px solid #999;
 padding-top: 10px;
 text-align: right;
}


/* 2nd トピックス　CSS上書き用  */

#tf1_2nd_main .topics_inside {
 padding-bottom: 2em;
 width: 441px;
 border-bottom: none;
}

#tf1_2nd_main .topics_inside h3 {
 border-bottom: 1px solid #ccc;
 padding-bottom: 5px;
 margin-bottom: 5px;
}

#tf1_2nd_main .topics_inside img {
 margin-left: 10px;
}


/* プレスリリース一覧 css上書き版  */

.global_arow_gray dd {
 margin-bottom: 8px;
}

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

#b_tf1_main .linepress_563 {
 width: 440px;
}

#b_tf1_main .text_563 {
 width: 320px;
}

/*  2nd overview */
.overview{
 border-collapse: collapse;
 width: 100%;
}
 
.overview th, .overview td  {
 border: 1px solid #ccc;
 padding: 5px;
}

.overview th {
 background-color: #edf1f4;
}


/*  2nd column */

.column_box {
 margin-bottom: 2em;
}

.column_box h4 {
 margin-bottom: 0.5em;
 border-bottom: 1px solid #ccc;
 padding-bottom: 3px;
}

.column_box img {
 margin-left: 10px;
 margin-bottom: 10px;
 float: right;
}

/*.column_box div {
 width: 250px;
 margin-left: 10px;
 float: left;
}*/


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

/* 2nd Promane Message */
.manager {
 float: right;
 margin: 0 0 15px 15px;
 text-align: right;
 width:180px;
}


/* 2nd Countdown Report */
.cdreport {
 padding-bottom: 2em;
}

.cdreport h3 {
 border-bottom: 1px solid #ccc;
 padding-bottom: 5px;
 margin-bottom: 5px;
}

.cdreport img {
 margin: 5px;
}


/* 2nd Live Broadcast */

dl.live {
 margin: 0 1em;
 width: 90%;
}

.live dt {
 border-top: 1px solid #ccc;
 font-weight: bold;
 margin: 5px 0;
 padding: 5px 0.5em;
}

.live dd {
 padding: 5px 1.5em;
}

.live dd.under {
 border-bottom: 1px solid #ccc;
}

.live li {
 list-style-type: square;
}

/* 2nd schedule */
.s_outline {
 background-color: #eef1f4;
 padding: 7px;
 border: 1px solid #e1e7ec;
}

.s_outline h4 {
 color: #0066ff;
}


/* 2nd Cheer Message */

.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: #0066ff;
 background-color: #eef1f4;
}

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

.message {
 border-top: 1px solid #ccc;
 padding-top: 1em;
 margin-bottom: 1em;
}
.message p {
 color: #4d99ff;
 font-size: 85%;
 text-align: right;
 margin-top: 10px;
}

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

/* 2nd HTV Schedule */

.schedule ul {
 margin: 25px 0 20px;
font-size:80%;
}

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

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

.schedule span {
 font-weight: bold;
 color: #0066ff;
 background-color: #eef1f4;
}

.schedule a:hover {
 background-color: #eef1f4;
}

/*=====================================================================================*/
/*  clearfix  */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*=====================================================================================*/
/* IE6　ハック */

.top_sub_box {
 _padding-right: 0;
 _width: 270px;
}

.top_sub_box li, #tf1_top_sub p.link_details {
 _padding-right: 5px;
}

/*
.top_main_box .topics_top p {
 _margin-left: 295px;
}
*/

