﻿@charset "utf-8";

/*----------------------------------------------------------------------
default
----------------------------------------------------------------------*/
*{
 margin: 0;
 padding: 0;
}

body{
 width: 950px;
 background-color: #eeeada;
 font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",Arial,"Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
 font-size: 12pt;
 margin: 0 auto;
 text-align: center;
}

/* for IE6 */
* html body {	
 font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html, body {
 height: 100%;
}

html{
 overflow-x: hidden;
}

a{
 color: #FFF100;
 text-decoration: none;
}

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

a img {
 border: none;
}

body > #container {
 height: auto;
}

.clearboth{
 clear: both;
}

.line_area{
 height: 5px;
 padding: 10px 0;
}

/*----------------------------------------------------------------------
style
----------------------------------------------------------------------*/
.padding_top75{
 padding: 75px 0 0 0;
}

.padding_bottom15{
 padding: 0 0 15px 0;
}


.align_center{
 text-align: center;
}

.align_right{
 text-align: right;
}

.float_l{
 float: left;
}

.float_r{
 float: right;
}

.noborder {
 border: none;
}

.w150{
 width: 150px;
}

.border_right{
 border-right: 1px solid #000;
}

.text_hidden{
 display: none;
}

/*----------------------------------------------------------------------
container
----------------------------------------------------------------------*/

#container{
 width: 950px;
 height: 100%;
 min-height: 100%;
 position: relative;
 padding: 0;
 margin: 0;
 text-align: left;
}

/*----------------------------------------------------------------------
header
----------------------------------------------------------------------*/
#header{
 width: 950px;
 height: 115px;
}

#header_index{
 width: 950px;
 height: 65px;
 background-color: transparent;
}

.header_l{
 float: left;
 width: 353px;
 height: 65px;
 padding: 0;
 margin: 0;
}

.header_r{
 float: right;
 width: 597px;
 height: 65px;
 padding: 0;
 margin: 0;
}

/*----------------------------------------------------------------------
menu
----------------------------------------------------------------------*/

#header_menu{
 width: 950px;
 height: 50px;
 background-color: #e2d046;
 margin: 0 auto; 
 position: absolute;
 top: 65px;
}

#header_menu ul{
 list-style-type: none;
 height: 50px;
 padding: 0; 
}

#header_menu li{
 float: left;
 width: 158px;
 height: 50px;
 padding: 0; 
 margin: 0; 
}

.menu_on{
 display: none;
 position: relative;
 top: -4px;
 left: -5px;
}

.menu_off{
 display: inline;
}

#sub_menu{
 width: 632px;
 height: 35px;
 margin: 0 auto; 
}

#sub_menu ul{
 list-style-type: none;
 height: 35px;
 padding: 0; 
}

#sub_menu li{
 float: left;
 width: 158px;
 height: 35px;
 padding: 0; 
 margin: 0; 
}

.sub_menu_on{
 display: none;
 position: relative;
 top: -4px;
 left: -4px;
}

.sub_menu_off{
 display: inline;
}

.border_menu{
 border: 1px solid #76715F;
}

/*----------------------------------------------------------------------
content
----------------------------------------------------------------------*/

#content{
 background-color: transparent;
 width: 950px;
 height: 100%;
 padding: 0 0 40px 0;
}


#content_inner{
 width: 930px;
 height: 650px;
 margin: 0px;
 padding: 10px;
}

#content_area{
 width: 930px;
 height: 650px;
}

#content_area2{
 width: 930px;
 height: 730px;
}

#content_area_l{
 float: left;
 width: 435px;
 padding: 30px 0 30px 30px;
}

#content_area_r{
 float: right;
 width: 425px;
 height: 586px;
 padding: 30px 0 30px 20px;
}

.content_area_r_inner{
 width: 365px;
 margin: 0 0 20px 20px;
}

.content_area_r_inner2{
 width: 365px;
 margin: 0 0 0 20px;
}

/*----------------------------------------------------------------------
index
----------------------------------------------------------------------*/

.index_menu{
 width: 950px;
 height: 150px;
}

.index_menu h2{
 width: 950px;
 height: 150px;
}

#menu_sp{
 width: 950px;
 height: 150px;
}

#menu_sp a{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left top ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_sp a:hover{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -750px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_nwsd a{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -150px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_nwsd a:hover{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -900px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_revo a{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -300px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_revo a:hover{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -1050px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_cp a{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -450px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_cp a:hover{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -1200px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_park a{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left -600px ;
 background-repeat : no-repeat ;
 display: block;
}

#menu_park a:hover{
 background-image : url("image/bg_index_whole.png") ;
 width : 950px ;
 height : 150px ;
 background-position : left bottom ;
 background-repeat : no-repeat ;
 display: block;
}

/*----------------------------------------------------------------------
company
----------------------------------------------------------------------*/

#content_inner table{
 margin: 20px 0 20px 40px;
}

#content_inner table tr{
 height: 22px;
}

.table_inner{
 padding: 10px 0;
}

#his_content{
 width: 340px;
 height: 490px;
 background: url("image/bg_history.png");
 background-repeat: no-repeat;
 margin: 0 0 0 30px;
 padding: 6px 0 0 5px;
}

#his_text{
 width: 325px;
 height: 460px;
 overflow: scroll;
 background-color: #ffffff;
 scrollbar-base-color: #dcdcdc;
 scrollbar-face-color: #dcdcdc;
 scrollbar-track-color: #000000;
 overflow-x: hidden;
 color: #000000;
 padding: 10px 5px;
}

.his_block{
 width: 315px;
 margin: 0;
 padding: 0;
}

.his_block dl{
 margin: 0 0 5px 0;
}

.his_block dt{
 margin: 0 5px 0 0;
 font-weight: bold;
}
.his_block dd{
 padding: 3px 0 3px 7px;
}

.his_block_year{
 width: 325px;
 margin: 10px 0 0 0;
}

.his_block_year h4{
 border-left: 10px solid #000000;
 padding: 0 0 0 5px;
 margin: 0 0 5px 0;
}

#pd_style{
 width: 930px;
 height: 630px;
 margin: 0;
 padding: 0;
}

#pd_style h2{
 margin: 10px 0 0 0;
 padding: 0;
}

#pd_main{
 width: 930px;
 height: 530px;
 margin: 20px 0 0 0;
 padding: 0;
 text-align: center;
 background: url("image/bg_pd.png");
 background-repeat: no-repeat;
}

.img_pd_main {
 margin: 15px 0 0 0;
}

#pd_text{
 text-align: center;
 margin: 10px 0 0 0;
}

.pd_main_title{
 position: absolute;
 z-index: 2;
 top: 261px;
 right: 51px;
}

/*----------------------------------------------------------------------
privacy
----------------------------------------------------------------------*/

#content_inner_privacy{
 margin: 30px 20px;
}

.privacy_guide{
 margin: 30px 0 0 30px;
}

.privacy_h3{
 border-left: 15px solid #fcc800;
 height: 20px;
 padding: 0 0 0 10px;
 margin: 5px 0;
}

.privacy_h3 h3{
 margin: 0;
 padding: 0;
}

.privacy_textarea{
 margin: 10px 0 20px 0;
}

/*----------------------------------------------------------------------
div#footer
----------------------------------------------------------------------*/

#footer{
 width: 950px;
 height: 30px;
 position: absolute;
 bottom: 0;
 margin: 0;
 padding: 10px 0 0 0;
 text-align: right;
}

#footer_menu{
 width: 950px;
 height: 22px;
 margin: 0;
 padding: 7px 0 0 0;
 border-top: 1px solid #666666;
}

#footer_menu ul{
 list-style-type: none;
}

#footer_menu li{
 display: inline;
 padding: 0 20px;
}

#footer_menu a{
 color: #000;
}

#footer_menu a:hover{
 text-decoration: underline;
}

/*----------------------------------------------------------------------
color
----------------------------------------------------------------------*/

.bg_black{
 background-color: #000000;
}

.bg_white{
 background-color: #ffffff;
}

.bg_yellow{
 background-color: #eeeada;
}

/*----------------------------------------------------------------------
font
----------------------------------------------------------------------*/

.font_white{
 color: #ffffff;
}

.font_black{
 color: #000000;
}

.font_orange{
 color: #fcc800;
}

.font_yellow{
 color: #fff100;
}

.fontsize7{
 font-size: 7pt;
}

.fontsize8{
 font-size: 8pt;
}

.fontsize9{
 font-size: 9pt;
}

.fontsize10{
 font-size: 10pt;
}

.fontsize11{
 font-size: 11pt;
}

.fontsize12{
 font-size: 12pt;
}

.fontsize14{
 font-size: 14pt;
}

.fontsize20{
 font-size: 20pt;
}

.font_bold{
 font-weight: bold;
}