/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px     71.42%               */
/*                   11px     78.57%               */
/*                   12px     85.71%               */
/*                   14px     100%                 */
/*                   16px     114.2%               */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*----- floatをclearするための汎用クラス定義 -----*/

.clear { clear: both; }

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



/* -------------------- tag styles -------------------- */

body {
font:13px/1.231 "メイリオ", Mairyo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
*font-size:small;
*font:x-small;
color:#333;
background:url(../images/back.gif);
margin:0 auto;
width:780px;
padding:0 0 0 0;
}
h1,h2,h3,h4,h5,h6,
code{font-size:13px; _font-size:small; margin:0; padding:0;}
select, input, button, textarea, button {font:99% arial, helvetica, clean, sans-serif;}
table {font-size:inherit; font:100%;}
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
img {border:none;}
a {color:#000;}
a:hover {color:#990000;}

form{
margin:0;
padding:0;
font-size:inherit;
font:100%;
}

dl, dt, dd{margin:0; padding:0; list-style-type:none;}
ul, li{margin:0; padding:0;}


p{
margin:0 0 20px 0;
padding:0;
line-height:150%;
font-size:100%;
}

ol{
margin:0;
padding:0;
}

#wrapper{
width:780px;
margin:0 auto;
background:#FFFFFF;
}

#contents{
padding:14px;
width:752px;
background:#FFFFFF;
height:auto;

}


.f_right{
display:inline;
float:right;
margin:0 0 5px 10px;
}

.f_left{
display:inline;
float:left;
margin:0 10px 5px 0;
}

.f_clear{
clear:both;
}


/* -------------------- #header_menu -------------------- */

#header_menu {
width:780px;
height:30px;
margin:0 auto;
padding:0;
}
#header_menu ul { /* clearFix */
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px;
display:block;
clear:both;
}
#header_menu li {
padding:0px 0px 0px 0px;
margin:0px;
height:30px;
float: left;
}
#header_menu li a {

height: 30px;
display: block;
text-indent: -9999px;
}
#header_menu li a:hover {
background-position: 0 -30px !important;
}
#header_menu li.menu01 {
width: 96px;
}
#header_menu li.menu02 {
width: 171px;
}
#header_menu li.menu03 {
width: 130px;
}
#header_menu li.menu04 {
width: 156px;
}
#header_menu li.menu05 {
width: 114px;
}
#header_menu li.menu06 {
width: 113px;
}
#header_menu li.menu01 a {
background: url(../images/menu01.gif) no-repeat;
width: 96px;
}
#header_menu li.menu02 a {
background: url(../images/menu02.gif) no-repeat;
width: 171px;
}
#header_menu li.menu03 a {
background: url(../images/menu03.gif) no-repeat;
width: 130px;
}
#header_menu li.menu04 a {
background: url(../images/menu04.gif) no-repeat;
width: 156px;
}
#header_menu li.menu05 a {
background: url(../images/menu05.gif) no-repeat;
width: 114px;
}
#header_menu li.menu06 a {
background: url(../images/menu06.gif) no-repeat;
width: 113px;
}

#header_menu li.menu01_2 a {
background: url(../images/menu01.gif) no-repeat;
background-position: 0 -30px;
}
#header_menu li.menu02_2 a {
background: url(../images/menu02.gif) no-repeat;
background-position: 0 -30px;
}
#header_menu li.menu03_2 a {
background: url(../images/menu03.gif) no-repeat;
background-position: 0 -30px;
}
#header_menu li.menu04_2 a {
background: url(../images/menu04.gif) no-repeat;
background-position: 0 -30px;
}
#header_menu li.menu05_2 a {
background: url(../images/menu05.gif) no-repeat;
background-position: 0 -30px;
}
#header_menu li.menu06_2 a {
background: url(../images/menu06.gif) no-repeat;
background-position: 0 -30px;
}









/* -------------------- top_right -------------------- */



#top_left{
width:440px;
float:left;
padding:14px 0 14px 14px;
}





/* -------------------- top_right -------------------- */


#top_right{
width:300px;
float:right;
padding:14px 14px 14px 0;
}





/* -------------------- news -------------------- */


#top_left .news ul{

width:420px;
height:200px;
overflow:auto;
display:block;
padding:10px;
}


.news li{
list-style-type:none;
padding:0px 0 10px 15px;
background:url(../images/news-mark.gif) no-repeat 0 5px;
margin:0 0 0 0px;
border-bottom:#CCCCCC dotted 1px;
}


/* -------------------- contents_left -------------------- */

#contents_left{
width:166px;
float:left;
padding:14px 0 14px 14px;
}

#contents_left ul{
margin:0 0 20px 0;
padding:0;
}

#contents_left li{
margin:0;
padding:5px 0;
list-style-type:none;
border-bottom:#CCCCCC dotted 1px;
width:180px;

}


/* -------------------- contents_right -------------------- */

#contents_right{
width:548px;
float:right;
padding:14px 14px 14px 0;
}

#contents_right h2{
background:url(../images/h2-bg.jpg) no-repeat 0 0 ;
height:43px;
color:#FFFFFF;
font-weight:bold;
padding:14px 0 0 65px;
}

#contents_right .news_page li{
list-style-type:none;
padding:0px 0 10px 15px;
background:url(../images/news-mark.gif) no-repeat 0 5px;
margin:0 0 0 0px;
border-bottom:#CCCCCC dotted 1px;
}

#lookback{
padding:20px 0;
}
#lookback li {
display: inline;
padding-right:15px;
clear:both;
background:url(../images/lookback.gif) no-repeat;
background-position:right center;
}

#lookback li.last {
display: inline;
clear:both;
background:none;
}

/* -------------------- table -------------------- */

.normal_table {
margin:5px 0 10px 0px;
border-collapse:collapse;
}	

.normal_table td {
padding: 5px;
text-align:left;
border:1px solid #404886;
}

.normal_table .textcenter {
padding: 5px;
text-align:center;
border:1px solid #404886;
}

.normal_table td em {
color: #FF6600;
font-weight:bold;
font-style:normal;
}

.normal_table td strong {
color: #016B93;
font-weight:bold;
font-style:normal;
}
		
.normal_table th {
padding: 5px;
text-align:left;
font-weight:normal;
background-color: #DCE7FF;
border:1px solid #404886;
}

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

.pageup{
float:right;
font-size:71.42%;
margin:0;
padding:5px 0 5px 16px;
background:url(../images/pageup.gif) no-repeat 0 5px;
clear:both;
}

#footer{
clear:both;
background:url(../images/line-bg.gif);
padding:5px;
color:#FFFFFF;
text-align:center;
font-size:80%;
}