@charset "Shift_JIS";
@import url('https://use.fontawesome.com/releases/v6.1.1/css/all.css');



HTML,BODY{
height: 100%;	/* フッター下部固定 */
}
BODY{
margin:0;
padding:0;
color:#000;
background:#FFF;
line-height:1.7;
font-size: 87.5%;	/* 14pxベース */
text-align: center;
letter-spacing:1px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
* html body { /* for IE6 */ 
font-size: 87.5%;	/* 14pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 87.5%;	/* 14pxベース */
}

/*------ フォントサイズ ------
font-size:71.4%;	10px
font-size:78.6%;	11px
font-size:85.7%;	12px
font-size:92.9%;	13px
font-size:100.0%;	14px
font-size:107.1%;	15px
font-size:114.3%;	16px
font-size:121.4%;	17px
font-size:128.6%;	18px
font-size:135.7%;	19px
font-size:142.9%;	20px
font-size:150.0%;	21px
font-size:157.1%;	22px
font-size:164.3%;	23px
font-size:171.4%;	24px
--------------------------------------*/

IMG{
image-rendering: -webkit-optimize-contrast;
}


P{
margin-top:1.8em;
margin-bottom:1.8em;
background:url(images/spacer.gif) no-repeat;	/* Android4.0対策 */
}



/*--------------------------------------------------------------------
  リンクテキスト
--------------------------------------------------------------------*/
A{
color:#666;
}
A:visited{
color:#666;
}
A:hover{
color:#999;
text-decoration:none;
}


/*--------------------------------------------------------------------
  見出し
--------------------------------------------------------------------*/
H2{
margin:0 auto;
font-size:107.1%	/* 15px */;
font-weight:normal;
}


/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
H3{
margin:0;
font-size:142.9%;	/* 20px */
font-weight:normal;
}
#content H3{
margin-bottom:25px;
padding:5px 10px 15px 10px;
border-bottom:5px solid #690;
}

/*------ 他要素隣接時 ------*/
#content P+H3,
#content DIV+H3,
#content TABLE+H3,
#content UL+H3,
#content OL+H3,
#content DL+H3,
#content IMG+H3,
#content A+H3,
#content BR+H3,
#content BLOCKQUOTE+H3{
margin-top:100px !important;	/* 各要素と隣接時には上余白を多めに */
}


/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
H4{
margin:30px 0 10px 0;
}
#content H4{
margin:30px 0 25px 0;
padding:10px 0 10px 10px;
border-left:5px solid #690;
font-weight:normal;
font-size:114.3%;	/* 16px */
}

/*------ 他要素隣接時 ------*/
#content P+H4,
#content DIV+H4,
#content TABLE+H4,
#content UL+H4,
#content OL+H4,
#content DL+H4,
#content IMG+H4,
#content A+H4,
#content BR+H4,
#content BLOCKQUOTE+H4{
margin-top:70px !important;	/* 各要素と隣接時には上余白を多めに */
}


/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
H5{
margin:30px 0 5px 0;
font-size:100%;	/* 14px */
font-weight:normal;
}
#content H5{
margin:30px 0 0 0;
}


BLOCKQUOTE{
padding:30px;
background:#F5F5F5;
}
#content BLOCKQUOTE H5{
margin-top:0;
color:#690;
font-size:114.3%;	/* 16px */
}





/*--------------------------------------------------------------------
  インデント 	左右15pxずつ 合計30px（横幅実質max700px）
--------------------------------------------------------------------*/
#content>IMG,
#content>DIV,
#content>TABLE,
#content>UL,
#content>OL,
#content>DL,
#content>P{
margin-right:15px;
margin-left:15px;
}


.indent{
margin-left:15px;
}



/*--------------------------------------------------------------------
  左寄せ・右寄せ
--------------------------------------------------------------------*/
.aligncenter{
text-align:center;
}
.alignright{
text-align:right;
}

/*------------------------------------------------
  画像の左寄せ・右寄せ
------------------------------------------------*/
.left{
float: left;
margin: 0 20px 10px 0;
}
.right{
float: right;
margin: 0 2px 0 5px;
}

.clear{
font-size:1px;
width:auto;
height:1px;
clear:both;
}



/*--------------------------------------------------------------------
  フォントサイズ・色
--------------------------------------------------------------------*/
.small{
font-size:85.7%;	/* 12px */
}
.large{
font-size:114.3%;	/* 16px */
}

.red{
color:#F00;
}
.orange{
color:#F90;
}
.green{
color:#690;
}

SUP{
font-size:85.7%;
}



/*--------------------------------------------------------------------
  リストスタイル
--------------------------------------------------------------------*/
UL{
margin:25px 0;
padding:0;
list-style:none;
}
LI UL,
DD UL,
TD UL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
}

#content UL>LI{	/* ULの直下のLI */
margin:8px 0;
padding:0 0 0 20px;
background:url(img/liststyle.gif) no-repeat 4px 0.6em;
/ background:url(img/liststyle.gif) no-repeat 4px 0.4em;	/* IE7以下対策 */
}


/*------------------------------------------------
  番号付きリスト
------------------------------------------------*/
OL{
margin:25px 0;
padding:0 0 0 25px;
}
LI OL,
DD OL,
TD OL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
}

OL>LI{
margin:10px 0;
padding:0;
list-style-type : decimal;
background:url(images/spacer.gif) no-repeat;	/* Android4.0対策 */
}



/*------------------------------------------------
  説明付きリスト
------------------------------------------------*/
#content DL{
margin:25px 0;
padding:0;
}

#content H5+DL,	/* H5のすぐ下の時は上余白を少な目に */
#content LI>DL{	/* ネストする時は上余白を少な目に */
margin-top:10px;
}
#content DT{
margin:0;
padding:0;
color:#690;
font-size:107.1%;	/* 15px */
}
#content DD{
margin:0.3em 0 0.3em 15px;
}
#content DT+DT,
#content DD+DT{	/* 2番目以降のタイトル行だけ上余白を設ける */
margin-top:50px;
}

#content LI>DL DT+DT,
#content LI>DL DD+DT{	/* ネストする時は上余白を少な目に */
margin-top:15px;
}




/*------------------------------------------------
  注釈 ※ リスト
------------------------------------------------*/
#content UL.kome>LI,
#content LI.kome{
padding-left:20px;
position: relative;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

UL.kome>LI>SPAN.komemark,
LI.kome>SPAN.komemark{
position: absolute;
top: 0;
left:-0.1em;
color:#F00;
}
* html UL.kome>LI>SPAN.komemark,
* html UL>LI.kome>SPAN.komemark{ 	/* for win ie6 */
top: -0.3em;
}
*:first-child+html UL.kome>LI>SPAN.komemark,
*:first-child+html UL>LI.kome>SPAN.komemark{	 /* for win ie7 */
top: -0.3em;
}





/*------------------------------------------------
  PDFリスト
------------------------------------------------*/
#content UL.pdf>LI,
#content LI.pdf{
padding:1.2em 0 1.2em 40px;
background:url(img/pdf.gif) no-repeat left center;
list-style:none;
}
UL.pdf LI A,
LI.pdf A{
vertical-align:top;	/* IE7対策 */
}





/*--------------------------------------------------------------------
  表
--------------------------------------------------------------------*/
TABLE{
margin-top:25px;
margin-bottom:25px;
font-size:100%;
}
TH{
text-align:center;
font-weight:normal;
font-size:100%;
}
TD{
font-size:100%;
background:url(images/spacer.gif) no-repeat;	/* Android4.0対策 */
}

/*------------------------------------------------
  罫線を表示するタイプの表
------------------------------------------------*/
TABLE.data_table{
border-collapse:collapse;
border:1px solid #CCC;
width:700px;
}
TABLE.data_table CAPTION{	/* 料金表 */
text-align:right;
}
.data_table TH{
padding:10px 15px;
border:1px solid #CCC;
background:#F5F5F5;
}
.data_table TD{
padding:10px 15px;
border:1px solid #CCC;
}

.data_table TR:nth-child(odd){	/* 奇数行に着色 */
background:#FFF8DC;	/* CornSilk */
}


/*------------------------------------------------
  上下罫線のみ表示するタイプの表
------------------------------------------------*/
TABLE.line_table{
border-collapse:collapse;
width:700px;
border-bottom:1px solid #CCC;
}
.line_table TH{
padding:10px 15px;
border-top:1px solid #CCC;
background:#F5F5F5;
}
.line_table TD{
padding:10px 15px;
border-top:1px solid #CCC;
}



/*------------------------------------------------
  罫線を表示しないレイアウト用の表
------------------------------------------------*/
TABLE.layout_table{
margin-left:10px;
}
.layout_table TH{
padding:5px 0;
text-align:left;
}
.layout_table TD{
padding:5px 0;
}
.layout_table TH+TD{
padding:5px 40px 5px 5px;
}


/*--------------------------------------------------------------------
  「コンテンツ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  フォトギャラリー
------------------------------------------------*/
.gallery{
padding:20px 0;
background:#F5F5F5 url(img/gallery_bg.gif) repeat-x top;
text-align:center;
}

.gallery .inner{
margin:0;
padding:14px 0;
}

#content .gallery .inner DL{	/* 全体をリンクするための枠 3枠共通 */
margin:0 14px;
/ margin:0 0 0 32px;	/* IE7対策 */
/ float:left;	/* IE7対策 */
position:relative;
width:190px;
display:inline-block;
vertical-align:top;	/* IE7対策 */
}

.gallery .inner DL:hover{	/*  3枠共通 マウスオーバー時 */
color:#999;
}
.gallery .inner DL:hover IMG{	/*  3枠共通 画像マウスオーバー時 */
opacity:0.6;	/* IE6対策 */
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:#FFF;
}

.gallery .inner P{	/*  3枠共通 詳細リンク枠 */
margin:0;
text-align:right;
}
.gallery .inner P A{	/* 3枠共通 詳細リンクを要素全体に広げる（IE6以外）  */
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:left;
text-indent:-999px;
opacity:0;	/* IE6対策 */
background/*\**/: #FFF\9;	 /* IE7,IE8対策 */
filter:alpha(opacity=0); 	/* フィルターで透明化 */
}


#content .gallery DT{
margin:0;
padding:0;
background:none;
border:none;
color:#090;
}

#content .gallery DD{
margin:10px 0 0 0;
padding:0;
font-size:92.9%;	/* 13px */
text-align:left;
}
.gallery DT IMG{
margin-bottom:10px;
border:1px solid #CCC;
padding:4px;	/* 白枠 */
background:#FFF;	/* 白枠 */
box-shadow: 0 0 12px -4px #000;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0 0 12px -4px #000;	/* Safari、Google Chorme */
-moz-box-shadow: 0 0 12px -4px #000;	/* FIrefox */
}

.gallery A{
cursor: url(img/ZoomIn.cur), pointer;	/* カーソルを虫眼鏡に */
}


/*------------------------------------------------
  めっき 耐食性
------------------------------------------------*/
#taisyokusei{
width:700px;
}
#taisyokusei_table{
float:left;
width:300px;
}
#taisyokusei_graph{
float:right;
width:380px;
}
#taisyokusei_table TABLE{
margin-top:0 ;
border-collapse:collapse;
border:1px solid #CCC;
width:100%;
}
#taisyokusei_table TH{
padding:10px 5px;
border:1px solid #CCC;
background:#F5F5F5;
}
#taisyokusei_table TD{
padding:10px 5px;
border:1px solid #CCC;
text-align:center;
}

#taisyokusei_table TR:nth-child(odd){	/* 奇数行に着色 */
background:#FFF8DC;	/* CornSilk */
}


#taisyokusei_graph IMG{
border:1px solid #CCC;
}



/*------------------------------------------------
  製造工程 
------------------------------------------------*/
#content>DIV#flow{
margin:0;	/* 左右インデントを強制リセット */
width:730px;
}

#flow DIV{
width:730px;
}
#flow01,#flow02,#flow03,#flow04,#flow05,#flow06,#flow07,#flow08,#flow09{
padding-bottom:20px;
background:url(img/flow_arrow.gif) no-repeat 390px bottom;
}





#flow DIV IMG{
float:left;
}
#flow DL{
margin-top:70px;
width:260px;
float:right;
}
#flow DT{
margin:0 0 10px 0;
padding:0 0 5px 30px;
font-size:128.6%;	/* 16px */
}
#flow DD{
margin:5px 0 0 30px;
}

#flow01 DT,#flow02 DT,#flow03 DT,#flow04 DT,#flow05 DT,#flow06 DT{
color:#993;
border-bottom:1px solid #993;
}
#flow07 DT,#flow08 DT,#flow09 DT{
color:#690;
border-bottom:1px solid #690;
}
#flow10 DT{
color:#666;
border-bottom:1px solid #666;
}



/*------------------------------------------------
  会社概要 主要納入先 
------------------------------------------------*/
#nounyu{
width:700px;
}
UL#nounyu01{
margin-top:16px;
width:320px;
float:left;
}
UL#nounyu02{
margin-top:16px;
width:320px;
float:right;
}


/*------------------------------------------------
  交通アクセス Googleマップ 
------------------------------------------------*/
#map_sapporo,
#map_ishikari{
padding:10px;
text-align:center;
background:#F5F5F5;
}
#map_sapporo IFRAME,
#map_ishikari IFRAME{
margin-bottom:5px;
border:1px solid #CCC;
}



/*------------------------------------------------
  営業日カレンダー
------------------------------------------------*/
#calendar{
margin-bottom:50px;
}

/*------------------------------------------------
  PDF・リンクバナー分割
------------------------------------------------*/
#pdf{
margin:50px 0 0 0;
padding:0;
width:700px;
background:#F5F5F5;
font-size:85.7%;	/* 12px */
}
#pdf .left_box{
margin:10px 0 10px 10px;
width:90px;
float:left;
}
#pdf .right_box{
margin:10px;
width:560px;
float:right;
}





/*--------------------------------------------------------------------
  「トップページ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  トップページ スライド欄 -
------------------------------------------------*/
#slide{	/* スライドの外枠 */
margin:0;
position:relative;
width: 100%;
height: 440px;
z-index:1;	/* content_topの下に重ねる */
background:#F5F5F5 url(img/slide_bg.gif) repeat-x top;
border-bottom:1px solid #DCDCDC;
text-align:left;
}

#slide H2{
margin:0 auto;
text-align:center !important;
width:100% !important;
}

#slide IMG{
margin:10px auto 20px auto;
width: 960px;
height: 400px;
box-shadow: 0 0 10px -2px #000;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0 0 10px -2px #000;	/* Safari、Google Chorme */
-moz-box-shadow: 0 0 10px -2px #000;	/* FIrefox */
}

div.slide{
margin:0 auto;
padding:0;
}

/*---- リンクしないので無効にする
.slide h2:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.slide a IMG{
border:none;
}
------------*/



/*------------------------------------------------
  トップページ左右分割
------------------------------------------------*/
#top_left{
margin:20px 0;
float: left;
width: 490px;
text-align: left;
}
#top_right{
margin:20px 0;
float: right;
width: 440px;
}
#top_right H4{
margin:5px 0 15px 0;
}
#top_right H5{
margin:40px 0 15px 0;
}


#top_right A IMG:hover{
opacity:0.8;	/* IE8対策 */
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/*------------------------------------------------
  トップページ左側 業務案内欄
------------------------------------------------*/
#top_guide{
padding:10px 10px 0 10px;
background:#F5F5F5;
border-bottom:1px solid #F5F5F5;
}


#top_guide UL{
margin:0;
}
#top_guide LI{
margin:0 0 9px 0;
padding:0;
line-height:0;
}
#top_guide LI A{
display: block;
width:470px;
height:90px;
background:url(img/top_guide.jpg) no-repeat 0 0;
line-height:normal;
vertical-align: text-bottom;
}
#top_guide UL LI.menu01 A{
background-position:0 0;
}
#top_guide UL LI.menu01 A:HOVER{
background-position:-470px 0;
}

#top_guide UL LI.menu02 A{
background-position:0 -90px;
}
#top_guide UL LI.menu02 A:HOVER{
background-position:-470px -90px;
}

#top_guide UL LI.menu03 A{
background-position:0 -180px;
}
#top_guide UL LI.menu03 A:HOVER{
background-position:-470px -180px;
}

#top_guide SPAN{
display: none;
}



/*------------------------------------------------
  トップページ右側 お知らせ欄 
------------------------------------------------*/
A+#news{	/* リクルートバナー設置時 */
margin-top:30px;
}


#news{
margin-top:10px;
}
#news DL{
margin:15px 0 0 5px;
width:435px;
}
#news DT{
margin:0 0 10px 0;
width:7em;
float:left;
}

#news DD{
margin:0 0 10px 0;
padding:0 0 0.5em 8em;
border-bottom:1px solid #F5F5F5;
}

#news .new{
background:url(img/new.gif) no-repeat 0 0.3em;
}

#news>SPAN{
display:block;
text-align:right;
}
#news>SPAN>A{
text-decoration:none;
}
#news>SPAN>A .fa-solid{
margin-left:0.5em;
color:#690;
}


/*------------------------------------------------
  トップページ住所欄
------------------------------------------------*/
#top_address{
}
#top_address DL{
margin:15px 0 30px 5px;
width:435px;
}
#top_address DT{
margin:0 0 15px 0;
width:5em;
float:left;
text-align:center;
background:#DCDCDC;
}


#top_address DD{
margin:0 0 15px 0;
padding:0 0 0 6em;
}


/*------------------------------------------------
  トップページ右側 バナー欄 
------------------------------------------------*/
UL#top_banner{
margin:0;
padding:0;
list-style:none;
}
UL#top_banner LI{
margin:0 0 5px 0;
padding:0 0 0 0;
background:none;
overflow:hidden;
line-height:0;
}
#top_banner LI IMG{
vertical-align: text-bottom;
}
#top_banner LI IMG:hover{
opacity:0.8;	/* IE8対策 */
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/*------------------------------------------------
  トップページ右側 アクセスカウンター欄
------------------------------------------------*/
#counter{
margin-top:20px;
text-align:center;
}



/*--------------------------------------------------------------------
  共通レイアウト枠
--------------------------------------------------------------------*/
#wrap{
min-height: 100%;
_height: 100%; /* for IE6 */
background:#FFF;	/* フッター以外の背景色 */
}

#box{
margin:0 auto;
padding-bottom:120px; /* フッター下部固定 */
width: 960px;
text-align: left;
}

#content_header{
margin:0;
padding:10px 0 7px 0;
background:#F5F5F5 url(img/slide_bg.gif) repeat-x bottom;
border-bottom:1px solid #DCDCDC;
}
#content_header H2 IMG{
box-shadow: 0 0 10px -2px #000;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0 0 10px -2px #000;	/* Safari、Google Chorme */
-moz-box-shadow: 0 0 10px -2px #000;	/* FIrefox */
}


#content{	/* 左側コンテンツ部 */
margin: 30px 0;
float: left;
width: 730px;
}




/*--------------------------------------------------------------------
  右側メニュー欄 
--------------------------------------------------------------------*/
#menubox{
margin: 30px 0;
float: right;
width: 200px;
}

#menubox H5{
margin:0;
}


/*------------------------------------------------
  右側バナー欄
------------------------------------------------*/
UL#side_banner{
margin:0 0 15px 0;
padding:0;
}
UL#side_banner LI{
margin:0 0 5px 0;
padding:0;
background:none;
overflow:hidden;
line-height:0;	/* IE7の隙間対策 */
}

UL#side_banner LI A{
display: block;
height:70px;
line-height:normal;	/* IE7の隙間対策 */
vertical-align: text-bottom;
}
UL#side_banner LI IMG{
vertical-align: text-bottom;
}

/*------------------------------------------------
  右側 住所欄
------------------------------------------------*/
#side_address{
margin:0 0 30px 0;
padding:10px 0;
font-size:85.7%;	/* 12px */
background:#FFF;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
}

#side_address H5{
margin:0;
padding:0;
text-align:center;
}


#side_address DL{
margin:0 9px;
}
#side_address DT{
margin:0 0 5px 0;
padding:0 0 3px 5px;
border-bottom:2px solid #690;
font-size:116.7%;	/* 14px */
color:#690;
}
#side_address DD{
margin:7px 0 0 0;
padding:0 0 0 5px;
}
#side_address DD+DT{
margin-top:20px;
}

.telfax{
font-size:133.3%;	/* 16px */
}
.telfax SPAN{
margin-right:5px;
font-size:75.0%;	/* 12px */
color:#FFF;
width:3em;
display:inline-block;
text-align:center;
background:#690;
}

#side_address P{
margin:10px 9px;
}


/*------------------------------------------------
  右側 フォームボタン欄
------------------------------------------------*/
P#side_form{
margin-top:0;
margin-bottom:20px;
padding:5px;
background:#F5F5F5;
}
#side_form A{
margin:auto;
display: block;
width:170px;
height:45px;
background: url(img/b_form.gif) 0 0 no-repeat;
box-shadow: 0 0 3px 0 #666;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0 0 3px 0 #666;	/* Safari、Google Chorme */
-moz-box-shadow: 0 0 3px 0 #666;	/* FIrefox */
}
#side_form A:hover{
background-position: 0 -45px;
}
#side_form SPAN{
display: none;
}



/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
#header{
margin:0 auto 10px auto;
width:960px;
background:#FFF;
}

H1{
margin:10px 0 0 0;
float: left;
width: 250px;
font-size:100%;	/* 14px */
}
#header_right_box{
margin:0;
float: right;
width: 630px;
text-align: right;
}



/*--------------------------------------------------------------------
  プライマリーメニュー
--------------------------------------------------------------------*/
#header_right_box UL{
margin:25px 0 0 0;
padding:0;
float: right;
width:354px;		/* 画像幅+ボタン数×20（左余白） */
height: 20px;
}

#header_right_box UL LI{
margin:0 0 0 10px;
padding:0 0 0 10px;
float: left;
display: inline;
}

#header_right_box UL LI+LI{	/* 2個目のリストの頭に点線画像 */
background:url(img/dot.gif) no-repeat left;
}



#header_right_box UL LI A{
display: block;
height: 20px;
background: url(img/primary_menu.gif) 0 0 no-repeat;
}


#header_right_box UL LI.menu01{	/*リスト1だけ余白なし、点線画像なし*/
padding:0;
background:none;
}
#header_right_box UL LI.menu01 A{
width:89px;
background-position:0 0;
}
#header_right_box UL LI.menu01 A:HOVER{
background-position:0 -20px;
}
#header_right_box UL LI.menu02 A{
width:117px;
background-position:-89px 0;
}
#header_right_box UL LI.menu02 A:HOVER{
background-position:-89px -20px;
}
#header_right_box UL LI.menu03 A{
width:88px;
background-position:-206px 0;
}
#header_right_box UL LI.menu03 A:HOVER{
background-position:-206px -20px;
}

#header_right_box SPAN{
display: none;
}


/*--------------------------------------------------------------------
  グローバルメニュー（menubar）
--------------------------------------------------------------------*/
#global_menu{
margin:0 auto;
width:100%;
border-bottom:1px solid #999;
background:url(img/menubar_bg.gif) repeat-x center bottom;
}

#global_menu UL{
margin:0 auto;
padding:0;
width:960px;
}

#global_menu UL LI{
margin: 0;
padding:0;
background:none;
float: left;
display: inline;
}
#global_menu UL LI A{
display: block;
height:50px;
background: url(img/global_menu.gif) no-repeat 0 0;
}


#global_menu UL LI.menu01 A{
background-position:0 0;
width:130px;
}
#global_menu UL LI.menu01 A:HOVER{
background-position:0 -50px;
}
#global_menu UL LI.menu02 A{
background-position:-130px 0;
width:170px;
}
#global_menu UL LI.menu02 A:HOVER{
background-position:-130px -50px;
}
#global_menu UL LI.menu03 A{
background-position:-300px 0;
width:130px;
}
#global_menu UL LI.menu03 A:HOVER{
background-position:-300px -50px;
}
#global_menu UL LI.menu04 A{
background-position:-430px 0;
width:130px;
}
#global_menu UL LI.menu04 A:HOVER{
background-position:-430px -50px;
}
#global_menu UL LI.menu05 A{
background-position:-560px 0;
width:130px;
}
#global_menu UL LI.menu05 A:HOVER{
background-position:-560px -50px;
}
#global_menu UL LI.menu06 A{
background-position:-690px 0;
width:130px;
}
#global_menu UL LI.menu06 A:HOVER{
background-position:-690px -50px;
}
#global_menu UL LI.menu07 A{
background-position:-820px 0;
width:140px;
}
#global_menu UL LI.menu07 A:HOVER{
background-position:-820px -50px;
}

#global_menu UL LI.menu01.active A , #global_menu UL LI.menu01.active A:HOVER{
background-position:0 -100px;
width:130px;
}
#global_menu UL LI.menu02.active A , #global_menu UL LI.menu02.active A:HOVER{
background-position:-130px -100px;
width:170px;
}
#global_menu UL LI.menu03.active A , #global_menu UL LI.menu03.active A:HOVER{
background-position:-300px -100px;
width:130px;
}
#global_menu UL LI.menu04.active A , #global_menu UL LI.menu04.active A:HOVER{
background-position:-430px -100px;
width:130px;
}
#global_menu UL LI.menu05.active A , #global_menu UL LI.menu05.active A:HOVER{
background-position:-560px -100px;
width:130px;
}
#global_menu UL LI.menu06.active A , #global_menu UL LI.menu06.active A:HOVER{
background-position:-690px -100px;
width:130px;
}
#global_menu UL LI.menu07.active A , #global_menu UL LI.menu07.active A:HOVER{
background-position:-820px -100px;
width:140px;
}
#global_menu SPAN{
display: none;
}


/*--------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------*/
/*------------------------------------------------
  パンくずリスト
------------------------------------------------*/
#pkl{
margin:7px auto 0 auto;
text-align:left;
width:960px;
font-size:85.7%;	/* 12px */
}


/*------------------------------------------------
  アンカー 
------------------------------------------------*/
#pt{
margin:0 auto;
width:960px;
position: relative;
height:30px;
clear:both;
}

#pt A{
display: block;
width: 100px;
height: 30px;
background: url(img/pt.gif) 0 0 no-repeat;
zoom: 1;
text-indent: -9999px;
outline: none;
font-size: 1px;
overflow: hidden;
position: absolute;
bottom:8px;
right:5px;
}
#pt A:hover {
background-position: 0 -30px;
}
#pt SPAN{
display: none;
}



/*--------------------------------------------------------------------
  フッター
--------------------------------------------------------------------*/
#footer{
margin-top:-100px;	/* フッター下部固定 */
height:100px;		 /* フッター下部固定 */
background:url(img/footer_bg.gif) repeat-x center 22px;
font-size:71.4%;	/* 10px */
}


/*------------------------------------------------
  著作権
------------------------------------------------*/
#footer P{
margin-top:25px;
}






/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#box:after,
#header:after,
#header_right_box UL:after,
#global_menu:after,
#footer:after,
.gallery .inner:after,
#flow>DIV:after,
#nounyu:after,
#taisyokusei:after,
#pdf:after,
#news DL:after,
#top_address DL:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#box,
#header,
#header_right_box UL,
#global_menu,
#footer,
.gallery .inner,
#flow>DIV,
#nounyu,
#taisyokusei,
#pdf,
#news DL,
#top_address DL{
display: inline-table;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #box,
* html #header,
* html #header_right_box UL,
* html #global_menu,
* html #footer, 
* html .gallery .inner,
* html #flow>DIV,
* html #nounyu,
* html #taisyokusei,
* html #pdf,
* html #news DL,
* html #top_address DL{
height: 1%;
}
#box,
#header,
#header_right_box UL,
#global_menu,
#footer,
.gallery .inner,
#flow>DIV,
#nounyu,
#taisyokusei,
#pdf,
#news DL,
#top_address DL{
display: block;
}
/* End hide from IE-mac */



/*------ 個別に回り込み解除 ------*/
.clearfix:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
display: inline-table;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */