@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background:url(../image/bg.png) repeat-x top center #000;
	padding-bottom:10px;
}

a:link {
	color:#ccc;
	text-decoration:none;
}

a:visited {
	color:#ccc;
	text-decoration:none;
}

a:hover {
	color:#4ABDCC;
	text-decoration:underline;
}

a:active {
	color:#ccc;
	text-decoration:none;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.test{border:solid 1px red;}

.clearfloat {
	clear:both;
	visibility:hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/*----------------------------------------------------
	#トップ用page
----------------------------------------------------*/
.top #page {
	width:1140px;
	margin:0 auto;
	position:relative;

}

.top2 #page {
	width:1140px;
	margin:0 auto;
	position:relative;

}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width:1140px;
	margin:0 auto;

}

/*----------------------------------------------------
	#トップ用header
----------------------------------------------------*/
.top #header {
	width:1140px;
	height:70px;
	background:url(../image/header_bg.png) no-repeat;
	margin:0 auto;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	width:1140px;
	height:70px;
	background:url(../image/header_bg.png) no-repeat;
	margin:0 auto;
}

#header h1 {
	width:360px;
	height:60px;
	float:left;
}
#header h1 a{
	width:360px;
	height:60px;
	display:block;
}


#header .menu{
	width:618px;
	margin-top:21px;
	margin-left:104px;
	float:left;
}

#header .menu ul{
	width:618px;
}

#header .menu li{
	float:left;
}

#header .menu li img{
	border:0;
}

#header .menu li a.homeButton{
	margin-right:15px;
	width:88px;
	height:24px;
	display:block;
	background:url(/image/header_home_button_over.jpg) no-repeat;
}

#header .menu li a.homeButton:hover {
	text-indent:-9999px;
}

#header .menu li a.titlesButton{
	margin-right:15px;
	width:88px;
	height:24px;
	display:block;
	background:url(/image/header_titles_button_over.jpg) no-repeat;
}

#header .menu li a.titlesButton:hover {
	text-indent:-9999px;
}

#header .menu li a.newsButton{
	margin-right:15px;
	width:88px;
	height:24px;
	display:block;
	background:url(/image/header_news_button_over.jpg) no-repeat;
}

#header .menu li a.newsButton:hover {
	text-indent:-9999px;
}

#header .menu li a.newsEnButton{
	margin-right:15px;
	width:88px;
	height:24px;
	display:block;
	background:url(/image/header_news_en_button_over.jpg) no-repeat;
}

#header .menu li a.newsEnButton:hover {
	text-indent:-9999px;
}

#header .menu li a.companyButton{
	margin-right:15px;
	width:88px;
	height:24px;
	display:block;
	background:url(/image/header_company_button_over.jpg) no-repeat;
}

#header .menu li a.companyButton:hover {
	text-indent:-9999px;
}

#header .menu li a.contactusButton{
	margin-right:15px;
	width:88px;
	height:24px;
	display:block;
	background:url(/image/header_contactus_button_over.jpg) no-repeat;
}

#header .menu li a.contactusButton:hover {
	text-indent:-9999px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width:1140px;
	padding:0px;
	margin:0 auto;
}
#contents img{
	border:0px;
	padding:0px;
	margin:0px;
}

/*----------------------------------------------------
	mainflash
		メインflash
----------------------------------------------------*/
#flashContent {
	width:1006px;
	height:52px;
	margin:0px auto 5px;
}
#mainflash {
	margin:0px auto 5px;
	width:1100px;
	height:668px;
}

/*----------------------------------------------------
	pickup
----------------------------------------------------*/
#pickupBox:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#pickupBox{
	zoom: 1;
	margin:0px auto;
	width:992px;
	height:44px;
}
#pickupBox li.pickupTag{
	float:left;
	margin:0px;
	width:80px;
	height:44px;
}
#pickupBox li{
	float:left;
	margin-left:6px;
	width:146px;
	height:44px;
}

#contents .lineBox{
	margin:8px 0px 0px;
	padding:0px;
	height:1px;
	width:1140px;
	background:url(/image/under_line.png) no-repeat;
}
/*----------------------------------------------------
	toptext
		トップテキスト
----------------------------------------------------*/
#toptext {
	margin:0px auto 10px;
	width:1058px;
	font-size:16px;
	line-height: 140%;
	border:1px solid #4B4B4B;
}

#toptext .toptextHeader{
	width:1018px;
	padding-bottom:10px;
	margin:10px 20px 0px;
	font-size:16px;
	border-bottom:solid 1px #252525;
}

#toptext .toptextBox:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#toptext .toptextBox{
	zoom: 1;
	width:1018px;
	padding:10px 20px 10px;
}

#toptext .toptextBox .toptextLeft{
	float:left;
	margin-right:10px;
	width:778px;
	font-size:14px;
}

#toptext .toptextBox .toptextRight{
	float:left;
	width:230px;
}

#toptext .toptextBox .toptextRight .shien{
	padding:10px;
	width:210px;
	height:50px;
	border:1px solid #FF0000;
	background:#FFF;
	text-align:center;
}

#toptext .toptextBox .toptextRight .shien a{
	color:#FF0000;
	text-decoration:none;
}

#toptext .toptextBox .toptextRight .shien a:hover{
	color:#333;
}

/*----------------------------------------------------
	whatsnew
		ニュース
----------------------------------------------------*/
body.top #whatsnew {
	width:900px;
	background:url(../image/whatsnew_bg.jpg) no-repeat center 580px;
	margin-left:120px;
	padding-top:30px;
	padding-bottom:20px;
	display:none;
	min-height:235px;
	height:auto !important;
	height:235px;
}

.top2 #whatsnew {
	width:900px;
	background:url(../image/whatsnew_bg.jpg) no-repeat center 0px;
	margin-left:120px;
	padding-top:30px;
	padding-bottom:20px;
	display:block;
	min-height:235px;
	height:auto !important;
	height:235px;
}

#whatsnew h2{
	font-size:10px;
	height:21px;
}

#whatsnew .btn{
	width:700px;
	margin-left:122px;
	float:left;
	display:inline;
}

#whatsnew .btn_english{
	width:58px;
	height:15px;
	margin-left:546px;
	float:left;
	background:url(../image/news/btn_english.gif) no-repeat top;
}
#whatsnew .btn_english a{
	width:58px;
	height:15px;
	display:block;
	text-indent:-9999px;
}

#whatsnew .btn_list{
	width:34px;
	height:15px;
	margin-left:6px;
	float:left;
	background:url(../image/btn_list.jpg) no-repeat top;
}
#whatsnew .btn_list a{
	width:34px;
	height:15px;
	display:block;
	text-indent:-9999px;
}

#whatsnew .rss{
	width:14px;
	height:14px;
	margin-left:6px;
	float:left;
	background:url(../image/rss.jpg) no-repeat top;
}
#whatsnew .rss a{
	width:14px;
	height:14px;
	display:block;
	text-indent:-9999px;
}

#whatsnew .box{
	width:700px;
	margin-top:28px;
	margin-left:122px;
	font-size:12px;
}

#whatsnew span{
	color:#999;
	padding-right:10px;
	font-weight:normal;
}

#whatsnew ul{
	width:680px;
	color:#ccc;
	line-height:140%;
	font-weight:bold;
}

.release{
	padding-left:65px;
	margin-bottom:14px;
	background:url(../image/icon_release.jpg) no-repeat 0 4px;
}

.release_english{
	padding-left:65px;
	margin-bottom:14px;
	background:url(../image/icon_release.jpg) no-repeat 0 4px;
}

.news{
	padding-left:65px;
	margin-bottom:14px;
	background:url(../image/icon_news.jpg) no-repeat 0 4px;
}

/*----------------------------------------------------
	#トップ用footer
----------------------------------------------------*/
.top #footer {
	width: 1140px;
	padding-top:30px;
}

.top2 #footer {
	width: 1140px;
	display:block;
}

#footer .banner{
	width: 1140px;
	text-align:center;
	margin-bottom:34px;
}

#footer .banner li{
	display:inline;
	margin-right:10px;
}

#footer .box{
	width: 1140px;
	margin-bottom:6px;
	text-align:center;
}

#footer .box li{
	display:inline;
}

#footer .box li a{
	padding-left:9px;
	padding-right:26px;
	background:url(../image/icon_arrow01_off.gif) no-repeat left 50%;
	font-size:12px;
	letter-spacing:1px;
	color:#FFF;
}

#footer .box li a.none{
	padding-right:0px;
}

#footer .box li a:hover {
	color:#4ABDCC;
	text-decoration:none;
	background:url(../image/icon_arrow01_on.gif) no-repeat left 50%;
}

#footer img{
	border:1px #999 solid;
	padding:2px;
}

#footer p{
	font-size:10px;
	text-align:center;
	color:#B0B0B0;
}