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




/* body要素のスタイル */

body{
margin: 0 0 0 0;
padding: 0;
color: #ffffff;
background-color: #000000;
text-align:center;
background-image: url(../images/bg_footer.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

/* インライン要素のスタイル */

a:link{
color:#ffffff; text-decoration:underline;
}
a:visited{
color:#ffffff; text-decoration:underline;
}
a:hover, a:active{
color:#ffffff; text-decoration:none;
}

img,object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

input{
color:#333333;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul li{
margin:0px;
padding:0px;
}


/* テーブル
---------------------------------------------------- */
.table{
background-color:#E5E5E5;
margin:0px 10px 0px 10px;
}

.table td{
padding:5px;
background-color:#ffffff;
}

.bt_center{
text-align:center;
}


/* コンテナ
---------------------------------------------------- */

#container{
width:800px;
margin:0px auto;
padding:0px;
}


/* ヘッダー
---------------------------------------------------- */

#header{
width:800px;
padding:0px ;
margin:0px 0px 0px 0px;
height:80px;
text-align:left;
}

#logo_l{
width:176px;
float:left;
height:40px;
margin:20px 20px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
display:block;
text-indent:-9999px;
height:40px;
display:inline;
background-image:url(../images/im_logo_l.gif);
background-repeat:no-repeat;
outline:none;
}


#logo_c{
width:316px;
float:left;
height:40px;
margin:33px 20px 0px 0px;
padding:0px 0px 0px 0px;
}

#logo_r{
width:268px;
float:left;
height:40px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
display:block;
text-indent:-9999px;
height:40px;
display:inline;
background-image:url(../images/im_logo_r.gif);
background-repeat:no-repeat;
outline:none;
}






/* TOPページ
---------------------------------------------------- */


#main_ttl_t{
width:540px;
height:36px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
text-align:left;
}

#content_t{
clear:both;
width:540px;
padding:0px;
margin:10px 20px 30px 0px;
float:left;
}

#content_t p{
margin:0px 0px 20px 0px;
}

#sub_nav_t{
width:200px;
padding:0px;
margin:10px 0px 30px 0px;
float:left;
}

#bt{
clear:both;
height:20px;
margin:0px 0px 0px 0px;
float:left;
display:inline;
}

#bt a{
background-color:#938c1f;
padding:3px 10px 3px 10px;
float:left;
display:inline;
text-decoration:none
}

#bt a:hover{
background-color:#333333;
float:left;
display:inline;
text-decoration:none
}


/* メインタイトル
---------------------------------------------------- */

#main_ttl{
width:800px;
height:200px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



/* トピックパス
---------------------------------------------------- */

#topicpath{
clear:both;
width:760px;
padding:0px;
margin:0px 0px 10px 0px;
}

#topicpath p{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:right;
}





/* メインコンテンツ
---------------------------------------------------- */

#wrapper{
width:760px;
padding:0px;
margin:0px 20px 0px 20px;
text-align:left;
}

#sub_nav{
width:200px;
padding:0px;
margin:0px 20px 30px 0px;
float:left;
}


#content{
width:540px;
padding:0px;
margin:0px 0px 30px 0px;
float:left;
}

#content_inner{
width:520px;
padding:0px;
margin:0px 10px 20px 10px;
_margin:20px 10px 20px 5px;
float:left;
}

/* 写真：右　テキスト：左
---------------------------------------------------- */

#content_img{
clear:both;
width:250px;
float:left;
margin:0px 20px 0px 0px;
_margin:0px 20px 20px 0px;
}

#content_tx{
width:250px;
float:left;
margin:0px 0px 0px 0px;
}

#content_tx p{
margin:0px 0px 10px 0px;
}

/* 写真：右　テキスト：左（メニュー）
---------------------------------------------------- */

#menu_img{
clear:both;
width:120px;
float:left;
margin:0px 20px 0px 0px;
_margin:0px 20px 20px 0px;
}

#menu_tx{
width:380px;
float:left;
margin:0px 0px 0px 0px;
}

#menu_tx p{
margin:0px 0px 10px 0px;
}



/* サイドバー
---------------------------------------------------- */

#side_top{
width:200px;
border-bottom:3px solid #333333;
margin:32px 0px 20px 0px;
}




/* フッター
---------------------------------------------------- */

#footer{
clear:both;
width:800px;
margin:0px 0px 0px 0px;
}

#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer {
    height: 1em;
}

#footer {
    display: block;
}
/**/

#footer_upper{
clear:both;
width:760px;
margin:0px 20px 0px 20px;
}

#footer_left{
width:300px;
float:left;
margin:0px 0px 0px 0px;
text-align:left;
}

#footer_left p{
margin:40px 0px 0px 0px;
}


#footer_right{
width:460px;
float:right;
display: inline; /* for IE6,7 */
margin:0px 0px 10px 0px;
text-align:right;
}

#footer_right p{
margin:40px 0px 0px 0px;
}


#footer_under{
clear:both;
height:20px;
text-align:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer_under p{
margin:0px 0px 0px 0px;
}




/* マージン
---------------------------------------------------- */

.mgn_t_20{
clear:both;
margin:20px 0px 0px 0px;
}

.mgn_b_20{
clear:both;
margin:0px 0px 20px 0px;
}

.mgn_b_10{
clear:both;
margin:0px 0px 10px 0px;
}




/* 注釈
---------------------------------------------------- */

.cation{
color:#ff0000;
}



/* フロートのクリア
---------------------------------------------------- */

.clr{
clear:both;
}


/* テーブルの修飾
---------------------------------------------------- */

th,td{
padding:5px
}

.line_t_b{
border-top:dashed 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}

.pdg_l_10{
padding:5px 15px 5px 15px;
}

table.chart{
margin:0px 0px 0px 10px;
border-collapse : collapse ;
}

table.chart td{
border:solid 1px #E5E5E5;
}

table.chart_p{
margin:0px 0px 20px 10px;
border-collapse : collapse ;
}

table.chart_p td{
border:solid 1px #E5E5E5;
}


.line{
padding:0px 0px 0px 10px;
border-left:solid 3px #938C1F;
}

.order_line{
padding:10px 0px 10px 0px;
border-bottom:dashed 1px #ffffff;
}

/* -------------------------------------------
　サイトマップ
------------------------------------------- */

#link_nav{
float:left;
margin:20px 0px 0px 20px;
_margin:20px 0px 0px 10px;
}

#link_nav p{
margin:0px 20px 20px 0px;
padding:0px 5px 0px 8px;
background:url(../images/ic_mark.gif) no-repeat 0px 50%;
}

#map_inner_l{
width:260px;
float:left;
margin:0px 20px 0px 0px;
}

#map_inner_l p{
margin:0px 0px 10px 0px;
}

#map_inner_s{
margin:0px 0px 0px 20px;
}

#map_inner_r{
width:260px;
float:left;
margin:0px 0px 0px 0px;
}

#map_inner_r p{
margin:0px 0px 10px 0px;
}