@charset "utf-8";

/**  

common.css  
Ver.3.04

Date:2009.11.29

html:not(:target) body{
	font-size:90%;
}

**/


/****************************** 【SETTING】 ******************************/

*{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	line-height:140%;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック"
}

a {text-decoration:none; color:#0099FF; overflow:hidden}

a:hover {color:#FF9900}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space30 {height: 30px}

.space40 {height: 40px}

.space100 {height: 100px}

.left {float:left}

.right {float:right}

.alpha a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

.line_gray{
	height: 20px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;  
}

/****************************** 【BODY】 ******************************/


body{
	text-align:center;
	color:#333;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	font-size:80%;
}




.wrapper{
	width:100%;
	height:auto;
	text-align:left;
	margin:0 auto
}



/****************************** 【HEADER】 ******************************/
#header{
	width:100%;
	height:63px;
	text-align:center;
	background-image: url(../images/bg_hd.png);
	background-repeat: repeat-x;
}

#header .in{
	width:1008px;
	text-align:left;
	margin:0 auto
}

#header h1 a{
	background-image: url(../images/logo.png);
	height: 50px;
	width: 166px;
	display:block;
	text-indent:-9999px	;
	margin:10px 0 0 10px
}

#header .right{
	width:270px;
	position:relative;
}

#header #lang {
	margin-top:10px;
	margin-left:98px
}

#header #lang {
	width:117px;
	background-image: url(../images/lang.png);
	height: 16px;
	position:absolute;
	top:2px;
	left:0px
}

#header #lang a{
	width:117px;
	background-image: url(../images/lang.png);
	height: 16px;
	display:block;
	text-indent:-9999px
}

#Popup{
	position:absolute;
	top:30px;
	left:98px;
	visibility:hidden;
	font-size:11px;
	height: auto;
	width: auto;
	background:#000;
	padding:10px;
	z-index:9999;
	filter: alpha(opacity=80);
   -moz-opacity:0.8;
    opacity:0.8;

}

#Popup a{
	color:#FFFFFF;
	text-decoration:underline;
}

#Popup a:hover{
	color:#999999
}


#header #lang span{
	width:25px;
	background-image: url(../images/jp.png);
	height: 25px;
	text-indent:-9999px	;
	position:absolute;
	top:-5px;
	left:130px
}

#header .right #hd_menu{
	margin-top:10px;
	position:absolute;
	top:33px;
	left:-10px
}


#header .right #hd_menu li{
	float:left;
	background-image: url(../images/hd_sep.gif);
	background-position: left center;
	height: 19px;/**20px**/
	padding: 1px 10px 0 10px;
	font-size:10px
}



#header .right #hd_menu li a{
	color:#333
}

#header .right #hd_menu li a:hover{
	color:#666666;
	text-decoration:underline
}


#swf{
	border-top:solid 1px #fff;
	background-color:#e5e5e5;
	text-align:center;
	border-bottom:solid 5px #000;
	padding-bottom:1px;
	background-color:#000000
}


/****************************** 【CONTENTS】 ******************************/

#container{
	width:920px;
	height:auto;
	margin:10px auto 0 auto;
}

#container .left{
	width:660px;
	text-align:left
}

#container .right{
	width:238px;
	text-align:left
}

#news {
	margin-bottom:30px
}

#news .title{
	width:660px;
	height:41px;
	background-image: url(../images/title_news.png);
	position:relative
}

#news .title a{
	width:51px;
	height:18px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:13px;
	left:590px
}


#news p{
	margin:10px 10px 0 10px
}

#news p a{
	text-decoration:underline
}

#news p span img{
	padding-left:4px
}

#news .odd{
    border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 0 10px 0
}

#news .even{
	border-top:1px solid #fff;
	padding:2px 0 10px 0;
	background-color:#eee;
	border-bottom:1px solid #fff;
}

#pagetop {
	margin-top:20px
}

#pagetop a{
	background-image: url(../images/pagetop.gif);
	height: 13px;
	width: 68px;
	display:block;
	text-indent:-9999px;
	margin-left:592px;
	margin-bottom:10px
}

#pagetop a:hover{
	background-image: url(../images/pagetop_h.gif);
}

#b_navi{
	font-size:10px;
	color:#999999;
	text-align:left;
	margin-bottom:16px
}

#b_navi a{
	color:#333333;
	text-decoration:underline
}

#b_navi a:hover{
	color:#999
}



/****************************** 【RIGHT CONTENTS】 ******************************/

#bg_search{
	background-image: url(../images/bg_search.png);
	height: 47px;
	width: 232px;
	position:relative
}

#bg_search .txt_box{
	border:#fff;
	position:absolute;
	top:9px;
	left:33px;
	width:138px;
	height:20px;
	border:none
}

#bg_search #bt_search a{
	position:absolute;
	top:8px;
	left:177px;
	width:39px;
	height:20px;
	text-indent:-9999px;
	display:block
}

#bg_search #bt_search a:hover{
	border:solid 1px #FF9900
}




/****************************** 【FOOTER】 ******************************/
#footer{
	width:100%;
	text-align:center;
	border-top:solid 1px #ccc;
	margin-top:10px
}


#footer .in{
	background-color:#e5e5e5;
	margin-top:1px
}

#footer .in .container{
	width:910px;
	margin:0 auto;
	text-align:left;
	font-size:10px
}

#footer .in .container table{
	margin:16px 0;
	width:100%
}

#footer .in .container #bt_navi{
	padding-top:4px;
	position:relative;
}

#footer .in .container #bt_navi span{
	position:absolute;
	top:6px;
	left:80px
}

#footer .in .container th{
	text-align:left;
	padding:2px 16px 2px 0;
	width:100px
}

#footer .in .container th a{
	color:#333333
}

#footer .in .container th a:hover{
	text-decoration:underline
}


#footer .in .container ul li{
	float:left;
	margin-right:10px;
	letter-spacing:1px
}

#footer .in .container ul li a{
	color:#666;
	text-decoration:underline
}

#footer .in .container ul li a:hover{
	color:#FF9900
}

#footer .in .container #policys{
	margin-top:10px
}

#footer .in .container #policys li{
	background-image: url(../images/arrow_bg_gray.gif);
	background-position: left center;
	padding-left: 22px;
	margin-right:20px	
}

#footer .in .container #policys li a{
	color:#333333
}

#footer .in .container #policys li a:hover{
	color:#FF9900
}


#copy{
	text-align:center;
	background:#000;
	color:#FFFFFF;
	font-size:11px;
}

#nbsp {
	text-indent:-9999px;
}


.icon_s {
	text-align:center;
	margin-top:4px
}

#page .tablesorter th,#page .tablesorter td{font-size:12px!important; padding:10px!important}


#fa_material li{
	width:280px;
	list-style-position: outside;
	list-style-type: disc;
	margin-left:12px
}
*html #fa_material li{
	margin-left:18px;
}

#fa_material th{
	padding-top:10px
}