@charset "Shift_JIS";
html,body  {
	font-size        : 12px;
	color            : #555555;
	background:url(../images/haikei1.jpg) repeat-x;
	background-color : #1A1A1A;
    font-family: 'ヒラギノ角ゴ Pro W3','ＭＳＰゴシック',meiryo, sans-serif; 
	line-height:18px;
	margin: 0px;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	scrollbar-face-color      :#FFFFFF;
	scrollbar-highlight-color :#FFFFFF;
	scrollbar-3dlight-color   :#909090;
	scrollbar-shadow-color    :#909090;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color     :#FFFFFF;
	scrollbar-arrow-color     :#909090;
}

a.link00 {font-size: 11px; line-height: 15px; text-decoration:none; color:#f0122c;}
a.link00:hover {font-size: 11px; line-height: 15px; text-decoration:underline; color:#f0122c;}
a.link01 {font-size: 12px; line-height: 17px; text-decoration:none; color:#eeeeee;}
a.link01:hover {font-size: 12px; line-height: 17px; text-decoration:underline; color:#FF3333;}

a {
	COLOR: #FF6600; TEXT-DECORATION: none
}
a:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline
}

img{vertical-align:bottom;}

.new { vertical-align:middle; }  

.text1 {font-size: 10px; line-height: 12px; color:#777777;}
.text2 {font-size: 11px; line-height: 13px; color:#555555;}

#container { 
float: left;
	width: 1072px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: url(../images/haikei.gif) repeat-y;
	margin: 0; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px  ;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

#header {
	float: left;
	top: 0;
	left: 0;
	width: 274px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	padding: 0px 0px 0px 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	margin: 0px;
}

#header h1{
	width:274px;
	height: 539px;
	margin: 0px;
	padding: 0;
	background: url(../images/header.jpg) no-repeat;
}

#header h1 a{
	display: block;
	width:274px;
	height: 539px;
	text-indent: -9999px;
	overflow: hidden;
		background: url(../images/header.jpg) no-repeat;
}
 
#header2 { 
	float: left;
	clear: both;
    width:274px;
	height: 135px; 
	
	margin: 0px;
	padding: 0;  
}

#header2 ul { 
	float: right;
	margin: 0px;
	padding: 10;  
}


#sidebar2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	margin: 0px;
	padding: 0px 0px 0px 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
}
#mainContent { 
	float: right;
	width: 798px;
	margin: 0px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */

	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	border: 0px  ;
		display:block;
}
 


/* TOPページメニューボタン
--------------------------------------------------------------------- */

a#menu_01 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_05.gif) no-repeat left top;
}

a#menu_01:hover {
background:url(../images/top2_05.gif) no-repeat left top;
}

a#menu_02 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_07.gif) no-repeat left top;
}

a#menu_02:hover {
background:url(../images/top2_07.gif) no-repeat left top;
}

a#menu_03 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_08.gif) no-repeat left top;
}

a#menu_03:hover {
background:url(../images/top2_08.gif) no-repeat left top;
}

a#menu_04 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_09.gif) no-repeat left top;
}

a#menu_04:hover {
background:url(../images/top2_09.gif) no-repeat left top;
}

a#menu_05 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_10.gif) no-repeat left top;
}

a#menu_05:hover {
background:url(../images/top2_10.gif) no-repeat left top;
}

a#menu_06 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_11.gif) no-repeat left top;
}

a#menu_06:hover {
background:url(../images/top2_11.gif) no-repeat left top;
}

a#menu_07 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_12.gif) no-repeat left top;
}

a#menu_07:hover {
background:url(../images/top2_12.gif) no-repeat left top;
}

a#menu_08 {display:block;
width:67px;
height:62px;
text-indent:-9999px;
background:url(../images/top_13.gif) no-repeat left top;
}

a#menu_08:hover {
background:url(../images/top2_13.gif) no-repeat left top;
}

a#menu_09 {display:block;
width:70px;
height:62px;
text-indent:-9999px;
background:url(../images/top_14.gif) no-repeat left top;
}

a#menu_09:hover {
background:url(../images/top2_14.gif) no-repeat left top;
}

/* flash
---------------------------------------------------------------------- */
#flash {
background:url(../images/top_17.jpg) repeat-x;
    float: left;
	clear: both;
	list-style: none;
	width: 798px;
	height: 391px;
	padding: 0;
	margin : 0px;
}

#flash li {
	float: left;
	margin:0px;
	padding: 0;
	list-style: none;
}



#flash ul {
	background: #fff;
	margin: 0px;
	padding: 0;
}


/* menu
---------------------------------------------------------------------- */
#menu {
	clear: both;
	list-style: none;
	width: 798px;
	height: 62px;
	padding: 0;
	margin : 0px;
}

#menu li {
    height: 62px;
	float: left;
	margin:0px;
	padding: 0;
	list-style: none;
}



#menu ul {
	margin: 0px;
	padding: 0;
	position: absolute;
}

/* news
---------------------------------------------------------------------- */
#news {
float: left;
text-align: left; 
	clear: both;
	list-style: none;
	width: 798px;
	min-height : 221px;
	height: auto;
	padding: 0px;
	margin : 0px;
	background:url(../images/top_18.gif) repeat-x;
}

#news ul {
padding: 0px;
	margin : 0px;
float: left;
	list-style: none;
}


#news li {
	float: left;
	list-style: none;
}


/* newsList
---------------------------------------------------------------------- */

.newsList { 
	padding: 0px;
	margin: 0px;
	text-align: left; 
	list-style: none;
}

.newsList dt {
	padding: 2px;
}

.newsList dd {
	color:#555555;
	border-bottom: 1px dotted #B5D4B5;
	font-size: 10px;
	padding: 3px;
	margin: 0px;
}

/* Sidebar
---------------------------------------------------------------------- */

.Sidebar {
	padding: 0px;
	background:url(../images/h2_02.gif);
}

.Sidebar dt {
	padding: 0px 0 5px 0;
	margin-left: 8px;
	margin-right: 8px;
}

.Sidebar dd {
	color:#999999;
	font-size: 10px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 3px;
}

/* footer
---------------------------------------------------------------------- */


#footer {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 1072px;
	height: 48px;
	list-style: none;
	background:url(../images/in_24.gif) repeat-x;
}

#footer ul {
	margin: 0px 100px 0px 0px;
	padding: 0px;
	right: 100px;
}

#footer li {
	float: right;
	height: 13px;
    margin-top: 0px;
	margin: 8px;
	list-style: none;
}



.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}