@charset "utf-8";
/* CSS Document */

/*----------ページ全体----------*/
body {
margin:0px;
padding:0px;
color:#333333;
background:#001134;
scrollbar-face-color:#cccccc;
scrollbar-arrow-color:#4d4d4d;
scrollbar-3dlight-color:#a6a6a6;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#a6a6a6;
scrollbar-darkshadow-color:#ffffff;
}

h1,h2,p {
margin:8px;
}

a {text-decoration:none}

a:link {
color: #fc4f03;
font-style:normal;
}

a:visited {
color: #fc4f03;
}

a:hover, a:active {
color:#FFCC00;
font-style:normal;
text-decoration:none;
}


#container1 {
	width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
	height:auto;
	background-color:#FFFFFF;
	margin: 0 auto; 
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#container2 {
	width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:auto;
	background:#FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}



/*----------ヘッダー----------*/
#header_line {
height:4px;
text-indent:-9999px;
background:url(../img/header_line.gif) no-repeat;
}

#header1 {
width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
height:76px;
background:url(../img/header_bg.gif) repeat-x;
margin: 0 auto; 
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#header2 {
width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
background:url(../img/header_bg.gif) repeat-x;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#logo {
padding-top:22px;
}



/*----------フラッシュ----------*/
#flash1 {
width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
height:375px;
background:#FFFFFF;
margin: 0 auto; 
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#flash2 {
width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
background:#FFFFFF;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}




/*----------メニュー----------*/
#menu1 {
width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
height:32px;
background:#4b4b4b;
margin: 0 auto; 
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#menu2 {
width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
background:#4b4b4b;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#menu {
height:32px;
background:#4b4b4b;
}

#menu li {
display:block;
float:left;
text-indent:-9999px;
}

#menu li a {
display:block;
text-decoration:none;
}

#menu li#home a {
height:32px;
width:160px;
background:url(../img/m_home.gif) no-repeat;
}

#menu li#home a:hover {
height:32px;
width:160px;
background:url(../img/m_home_on.gif) no-repeat;
}

#menu li#about a {
height:32px;
width:160px;
background:url(../img/m_about.gif) no-repeat;
}

#menu li#about a:hover {
height:32px;
width:160px;
background:url(../img/m_about_on.gif) no-repeat;
}

#menu li#company a {
height:32px;
width:160px;
background:url(../img/m_company.gif) no-repeat;
}

#menu li#company a:hover {
height:32px;
width:160px;
background:url(../img/m_company_on.gif) no-repeat;
}

#menu li#works a {
height:32px;
width:160px;
background:url(../img/m_works.gif) no-repeat;
}

#menu li#works a:hover {
height:32px;
width:160px;
background:url(../img/m_works_on.gif) no-repeat;
}

#menu li#contact a {
height:32px;
width:160px;
background:url(../img/m_contact.gif) no-repeat;
}

#menu li#contact a:hover {
height:32px;
width:160px;
background:url(../img/m_contact_on.gif) no-repeat;
}



/*----------フッター----------*/
#footer1 {
width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
height:25px;
background:#001134;
margin: 0 auto; 
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#footer2 {
width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
background:#001134;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#footer {
height:25px;
background:#001134;
padding-top:13px;
}

#footer li {
display:block;
float:left;
text-indent:-9999px;
}

#footer li a {
display:block;
text-decoration:none;
}

#footer li#copy {
height:13px;
width:600px;
background:url(../img/ft_copy.gif) no-repeat;
}

#footer li#privacy a {
height:13px;
width:120px;
background:url(../img/ft_privacy.gif) no-repeat;
}

#footer li#privacy a:hover {
height:13px;
width:120px;
background:url(../img/ft_privacy_on.gif) no-repeat;
}

#footer li#sitemap a {
height:13px;
width:80px;
background:url(../img/ft_sitemap.gif) no-repeat;
}

#footer li#sitemap a:hover {
height:13px;
width:80px;
background:url(../img/ft_sitemap_on.gif) no-repeat;
}



/*----------最新情報----------*/
#news {
height:220px;
background:#FFFFFF;
padding-bottom:20px;
}

#news ul {
overflow-y: scroll;
overflow-x: hidden;
width:750px;
height:150px;
}

#news li {
text-align:left;
width:730px;
list-style:none;
}

#dotline730 {
padding:10px 0px 10px 0px;
}


/*----------グーグルリンク----------*/
.ggl{
margin:0px 10px 10px 10px;
padding:0px 30px 0px 0px;
}


/*----------ページトップ----------*/
#pagetop{
font-size:12px;
text-align:right;
padding-bottom:10px;
padding-top:10px;
}