@charset "utf-8";
/*==============================================================================
・CSSの説明
　まず style.cssが読まれます。
　この style.cssは全ページにわたるレイアウト等の指示が書かれいます。
　全体のサイズやサイドバーのサイズなどが、これに該当致します。

　次に、各CSSがインポートされます。



　■default.css
　　：ブラウザを初期化します
　　：通常・このファイルの内容を変更する事はありません。


　■index.css
　　：トップページだけに用いるCSSです


　■sub.css
　　：トップページ以外に適用するCSSです


　■fontchange/basefont.css
　　：最初に読み込まれるベースとなるフォントです。
　　　全体的に作用されるフォントサイズ・フォントカラー
　　　・フォントファミリーはこの場所で指定します。

　　　＠各divに適用させるフォントはこの箇所ではありませんのでご注意下さい。

　■ie.css
　　：Internet Exporerだけに適用します。


==============================================================================*/


@import "default.css";
@import "sub.css";
@import "index.css";
@import "./fontchange/basefont.css";
@import "revision.css";


/*BODY
=========================*/

body {
 background-color: #fff0dd;
 text-align: center;
 height:100%;
 background-image: url(../images/bg.jpg);
 background-repeat: repeat-x;
}


/*LAYOUT
=========================*/

#layout {
 width: 933px;

 text-align: center;
 margin-right: auto;
 margin-left: auto;
 background-color: #ffffff;
}

body > #layout{
 height: auto;
}


/*HEADER
=========================*/
#header{
 text-align: center;
 margin-right: auto;
 margin-left: auto;
 background-color: #ffffff;
}

#headerbg{
 width: 933px;
 background-image: url(../images/common/headerbg.jpg);
 background-repeat: repeat-y;
 margin: 0 auto;
}


#headerbg:after{
 content : "";
 display : block;
 height : 0;
 clear : both;
}


#headerbg table{
 border-collapse: collapse;
 text-align: left;
 position: relative;
 left: 12px;
 /* for IE */
}

#headerbg2{
 clear: both;
 width: 100%;
 height: 7px;
 background-image: url(../images/common/index_33.jpg);
 background-repeat: repeat-x;
}

#headerbg3{
 width: 933px;
 margin: 0 auto;
}

#headerbg3 img{
 position: relative;
 left: -1px;
}

#header_a{

 height: 36px;
 background-image: url(../images/common/index_03.jpg);
 background-repeat: no-repeat;
}

h1{
 font-size: 12px;
 color: #626262;
 font-weight: normal;
 position: relative;
 top: 5px;
 left: 40px;
}



/*MENU
=========================*/
#menu{
 width: 933px;
 margin: 0 auto;
}

*html #menu{
 position: relative;
 top: 4px;
}

#menu ul{
 position: relative;
 top: 4px;
 left: 13px;
 /* for IE*/
}

*html #menu ul{
 margin: 0px 0 0 11px;
}

#menu li{
 list-style-type: none;
 float: left;
}


/*MAIN
=========================*/
#main{
 clear: both;
 width: 933px;
 background-image: url(../images/common/index_49.jpg);
 background-repeat: repeat-y;
}


/*FOOTER
=========================*/
#footer{
 clear: both;
 width: 933px;
 text-align: center;
 background-image: url(../images/common/index_49.jpg);
 background-repeat: repeat-y;
 margin: 0 auto;
}

#footer table{
 width: 910px;
 border-collapse: collapse;
 position: relative;
 left: 11px;
 /* for IE */
}

#footermenu{
 width: 911px;
 height: 113px;
 background-image: url(../images/common/index_131.jpg);
 background-repeat: no-repeat;
 position: relative;
 left: 11px;
 /* for IE */
}

#footermenu p{
 font-size: 12px;
 color: #ffffff;
 text-align: right;
 position: relative;
 top: 37px;
 right: 30px;
 line-height: 22px;
}

#footermenu p a{
 text-decoration: none;
 color: #ffffff;
}

#copyright{
 padding: 0 0 0 150px;
}

address{
 color: #585A59;
 font-style: normal;
}

address a{
 color: #585A59;
 text-decoration: none;
}

address a:hover{
 color: #585A59;
 text-decoration: underline;
}