/* CSS Document */


/*header ==================================*/


/*ssfnews_cont ==================================*/

#ssfnews_cont{
	width: 738px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	float: right;
}
#ssfnews_cont h1 {
	background-repeat: no-repeat;
	text-indent: -100000px;
	display: block;
	height: 101px;
	width: 711px;
}
h1.cont_title_ssfnews {
	background-image: url(../img/h1_title_02.gif);
}
h1.cont_title_ssfstaff {
	background-image: url(../img/h1_title_03.gif);
}
h1.cont_title_ssfreport {
	background-image: url(../img/h1_title_04.gif);
}



#ssfnews_menu_left{
	width: 190px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color:#ffffff;
}







/* ここからmenu部分id取っているだけで直接レイアウトには関係なさそうです？あれ違うかな？
____________________________*/
#ssfnews_menu { margin: 0px; padding: 0px; text-align: left; float: left; width:190px;}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
____________________________*/
#ssfnews_menu ul 
{
margin: 0px; padding: 0px; 
background-position: 0 0;
position:relative;
width:190px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
____________________________*/
#ssfnews_menu li 
{
font-size: 9px;
margin: 0px; padding: 0px; 
width:190px;
list-style-type:none;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
____________________________*/
#ssfnews_menu li a 
{
font-size: 9px;
margin: 0px; padding: 0px; 
display: block;
width:190px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
} 

	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは60pxです
____________________________*/
#ssfnews_menu #left_ssfnews
{
background-image: url(../img/news_menu_001.gif);
height: 60px;
}
#ssfnews_menu #left_ssfnews a 
{
background-image: url(../img/news_menu_001.gif);
height: 60px;
}
#ssfnews_menu #left_ssfstaff
{
background-image: url(../img/news_menu_002.gif);
height: 60px;
}
#ssfnews_menu #left_ssfstaff a 
{
background-image: url(../img/news_menu_002.gif);
height: 60px;
}

#ssfnews_menu #left_ssfreport
{
background-image: url(../img/news_menu_003.gif);
height: 60px;
}

#ssfnews_menu #left_ssfreport a 
{
background-image: url(../img/news_menu_003.gif);
height: 60px;
}



/* マウスオンすると重なった67px下の画像が出てきます
____________________________*/
#ssfnews_menu li
{
background-position: -190px 0;
}
#ssfnews_menu li a:hover 
{
background-position: -190px 0;
}
/* ここまでmenu部分
____________________________*/


/* ここからmenu部分id取っているだけで直接レイアウトには関係なさそうです？あれ違うかな？
____________________________*/
#common_menu { margin: 0px; padding: 0px; text-align: left; float: left; width:190px;}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
____________________________*/
#common_menu ul 
{
margin: 0px; padding: 0px; 
background-position: 0 0;
position:relative;
width:190px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
____________________________*/
#common_menu li 
{
font-size: 9px;
margin: 0px; padding: 0px; 
width:190px;
list-style-type:none;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
____________________________*/
#common_menu li a 
{
font-size: 9px;
margin: 0px; padding: 0px; 
display: block;
width:190px;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
} 

	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは60pxです
____________________________*/
#common_menu #left_tickets
{
background-image: url(../img/tickets_menu_001.gif);
height: 60px;
}
#common_menu #left_tickets a 
{
background-image: url(../img/tickets_menu_001.gif);
height: 60px;
}
#common_menu #left_access
{
background-image: url(../img/access_menu_001.gif);
height: 60px;
}
#common_menu #left_access a 
{
background-image: url(../img/access_menu_001.gif);
height: 60px;
}


/* マウスオンすると重なった67px下の画像が出てきます
____________________________*/
#common_menu li
{
background-position: -190px 0;
}
#common_menu li a:hover 
{
background-position: -190px 0;
}
/* ここまでmenu部分
____________________________*/




/*for left contents ==================================*/


/*title ==================================*/
#cont_title{
	width: 730px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.cont_title_ssfnews{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/news_ssfnews_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;

}
.cont_title_ssfstaff{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/news_ssfstaff_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;

}
.cont_title_ssfreport{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/news_ssfreport_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;

}



.cont_h4_ssfnews{
	font-size: 15px;
	width: 700px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.news_title{
	
	width: 700px;
	/*height: 105px;*/
	/*text-align: left;*/
	/*background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);*/
	margin-bottom: 10px;
	/*padding-top: 10px;*/
}
.news_title h5,
.news_title h5 a,
.news_title h5 a:hover {
	font-size: 18px;/*font-size: 14px;*/
	font-weight: bold;
	line-height: 1.3;
}
.news_title h5 a {
	background-position: bottom right;
	background-repeat:  no-repeat;
	background-image: url(../img/link_yaji.gif);
	margin: 0;
	padding-top: 30px;
	padding-right: 10px;
}
.news_title h5 a:hover {
	color: #ff9b1d;
	background-image: url(../img/link_yaji_on.gif);
}
.topthum {
	background-image: url(../img/tenline_back_thum.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 85px;
	width: 97px;
	float: left;
}
.rset {
	float: left;/*float: right;*/
	width: 599px;
	height: 89px;
}
.rset ul {
	margin-top: 0px;/*margin-top: 53px;*/
}
.txtarea {
	padding-top: 10px;
	padding-bottom: 10px;
}
.morelk a:link,
.morelk a:active,
.morelk a:visited {
	font-size: 13px;
	font-weight:bold;
	color: #FF9933;
	text-decoration: none;
	padding: 18px 10px 0px 0px;
	background-position: bottom right;
	background-repeat:  no-repeat;
	background-image: url(../img/link_yaji_on.gif);
}
.morelk a:hover {
	font-size: 13px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	padding: 18px 10px 0px 0px;
	background-position: bottom right;
	background-repeat:  no-repeat;
	background-image: url(../img/link_yaji.gif);
}

.news_trackbacks{
	font-size: 14px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 710px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);	
}
/*ssfnews_cont ==================================*/

.ssfnews_cont_main{
	width: 700px;
	display: block;
	text-align: left;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}



.news_property {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	text-align: left;
	/*width: 700px;*/
	font-size: 12px;
	/*float: right;*/
}

.news_property li {
	display: inline;
	margin-left: 0px;
	border-right: 1px solid #000000;
	padding: 0px 10px 0px 0px;/*padding: 0px 10px 0px 10px;*/
	color: #000000;
}

.ssfnews_cont_main p {
	padding: 3px 0px 20px 10px;
	font-size: 15px;
	line-height: 1.6;
	color: #000000;
	margin: 0px;
}

.tag {
	border: 1px solid #E6E6E6;
	width: 680px;
	font-size: 12px;
	list-style: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.tag ul {
	list-style-type: none;
}
.tag h6 {
	font-size: 14px;
	line-height: 1.3;
	float: left;
	padding-bottom: 80px;
}

.comment_property {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	text-align: right;
	width: 680px;
	font-size: 12px;
}
.comment_property li {
	display: inline;
	margin-left: 0px;
	border-right: 1px solid #000000;
	padding: 0px 10px 0px 10px;
	color: #000000;
}

/* =========================================*/

.sub_section{
	padding: 0px;
	margin:  0px;
	width: 190px;
	display: block;
	text-align: left;
	/*border: 1px solid #000000;*/
	background-color: #FFFFFF;	
}

.news_category{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 188px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/news_category.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}

.news_lastest{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 188px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/news_lastest.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}

.news_backn{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 188px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/news_backn.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}


.news_section{
	padding: 5px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	/*background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/cont_menu_bgline.gif);*/
}
.last {
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/cont_menu_bgline.gif);
	padding-bottom: 41px;
}
.page-navigation .last {
	background-image: none;
	padding-bottom: 0px;
}

.news_section li{
	font-size: 13px;/*font-size: 11px;*/
	padding: 0px 0px 5px 0px;
	margin:  00px 0px 0px 0px;
	display: block;
	text-align: left;
	/*background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);*/
}
#ssfnews_cont_main002{
	padding: 0px;
	margin:  40px 0px 55px 20px;
	width: 710px;
	display: block;
	text-align: left;
}

.comment{
	border: 1px solid #E6E6E6;
	width: 690px;
	font-size: 12px;
	list-style: none;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;

}
.page-navigation {
	margin-bottom: 60px;
	margin-left: 10px;
	/*margin-right: 25px;*/
	text-align: left;
	padding-right: 0px;
}

/* =========================================*/
.ssfnews_cont_main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7*/

.ssfnews_cont_main{display:inline-block;} /*IE7*/

/*Hides from IE-mac\*/
* html .ssfnews_cont_main{height:1%;}
.ssfnews_cont_main{display:block;}
/*End hide from IE-mac*/ /*IE6*/

/* =========================================*/


.news_property:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7*/

.news_property{display:inline-block;} /*IE7*/

/*Hides from IE-mac\*/
* html .news_property{height:1%;}
.news_property{display:block;}
/*End hide from IE-mac*/ /*IE6*/


/* =========================================*/


