@charset "UTF-8";
@import url('https://use.fontawesome.com/releases/v6.1.2/css/all.css');

HTML,BODY{
height: 100%;	/* フッター下部固定 */
}

BODY{
margin:0;
padding:0;
background:#FAEBD7 url(img/dark_bg.png);	/* フッター(コピーライツ)と同じ色 *//* AntiqueWhite オレンジVer. */
color:#333;
font-size: 87.5%;	/* 14pxベース */
line-height:1.8;
letter-spacing:1px;
text-align: center;
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
font-size:200.0%;	28px
--------------------------------------*/




textarea {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}  
input, select {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
 } 

IMG,
A IMG{
border:none;
image-rendering: -webkit-optimize-contrast;
}

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


/*--------------------------------------------------------------------
  リンクテキスト
---------------------------------------------------------------------*/
A{
color:#009;
}
A:VISITED{
/* color:#4682B4;	 SteelBlue 既読リンク色変更廃止 */
color:#009;
}
A:HOVER{
color:#20B2AA;
text-decoration:none;
}


/*------ 外部リンクアイコン ------*/
#content A[href^="https://"]::after,
#content A[href^="http://"]::after {
margin-left:0.25em;
content: "\f35d";
font-family: "Font Awesome 5 Free";
font-weight : 900;
text-decoration:none;
display:inline-block;
text-indent:0;
}
#content .banner_item LI A::after,	/* バナーの時は除外 */
#content A[href*="hokkaido-jibika.com"]::after {	/* 自社リンクは除外 */
content:none;
}



/*--------------------------------------------------------------------
  見出し 
---------------------------------------------------------------------*/
H1,H2,H3,H4,H5,H6{
margin:0;
padding:0;
font-weight:normal;
font-size:100%;	/* 14px */
border:none;
background:none;
}

/*------------------------------------------------
   H2
------------------------------------------------*/
/*------ H2基本設定 ------*/
H2{
margin:0 0 25px 0;
padding:35px 0 25px 0;
font-size:285.7%;	/* 40px */
letter-spacing:5px;
color:#000;
background:#FAEBD7 url(img/border_bg.png);	/* AntiqueWhite オレンジVer. */
}



/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
#content H3{
margin:0;
padding:0;
font-size:200.0%;	/* 28px */
font-weight:normal;
border-bottom:1px solid #E17B34;
}

#content H3 SPAN{
font-size:70.0%;	/* 14px */
}

/*------ H3隣接、2個目以降 ------*/
#content H3~H3{
margin-top:70px;	/* 各要素と隣接時には上余白を多めに */
}

/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
#content H4{
margin:25px 0;
padding:0;
font-size:157.1%;	/* 22px */
font-weight:normal;
clear:both;
color:#E17B34;
}

/*------ 他要素隣接時 ------*/
#content H3+H4{
margin-top:20px;	/* H3隣接時には上余白を少な目に */
}

#content *+H4{
margin-top:70px;	/* 各要素と隣接時には上余白を多めに */
}


/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
#content H5{
margin:30px 10px 10px 0;
font-weight:normal;
font-size:128.6%;	/* 18px */
color:#E17B34;	/* オレンジVer. */
}

/*------ 他要素隣接時 ------*/
#content H5+*{
margin-top:0 !important;	/* H5のすぐ下は余白を0に */
}
#content H4+H5{
margin-top:-20px;	/* H4と隣接時には上余白を5px（＝25px-20px）に */
}
#content *+H5{
margin-top:50px;	/* 各要素と隣接時には上余白を多めに */
}


/*------------------------------------------------
   H6
------------------------------------------------*/
/*------ H6基本設定 ------*/
#content H6{
margin:30px 0 10px 0;
font-weight:normal;
font-size:100.0%;	/* 14px */
color:#E17B34;	/* オレンジVer. */
}

/*------ 他要素隣接時 ------*/
#content H6+*{
margin-top:0 !important;	/* H6のすぐ下は余白を0に */
}
#content *+H6{
margin-top:30px;	/* 各要素と隣接時には上余白を多めに */
}
#content H5+H6{
margin-top:0;	/* H5と隣接時には上余白を0に */
}


/*--------------------------------------------------------------------
  インデント	左0 右0 横幅max700px
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
  画像レイアウト枠
--------------------------------------------------------------------*/
/*------------------------------------------------
  影付き
------------------------------------------------*/
.kage IMG,
.kage{
border:1px solid #DCDCDC !important;	/* グレー枠 */
-moz-box-shadow: 0 0 5px #CCC;
-webkit-box-shadow: 0 0 5px #CCC;
box-shadow: 0 0 5px #CCC;
}

/*------------------------------------------------
  縁付き
------------------------------------------------*/
.fuchi IMG,
IMG.fuchi{
padding:4px !important;	/* 白枠 */
background:#FFF;	/* 白枠 */
}


/*------------------------------------------------
  斜め
------------------------------------------------*/
/*------ 右上がり3° ------*/
IMG.naname{
transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}
/*------ 右下がり3° ------*/
IMG.naname-{
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
}


/*------------------------------------------------
  キャプション付き
------------------------------------------------*/
IMG.caption,
.caption IMG{
margin-bottom:5px;
}
.caption{
display:inline-block;
vertical-align:top;
text-align:center;
}
.caption+.caption{
margin-left:20px;
}




/*--------------------------------------------------------------------
  左寄せ・右寄せ
---------------------------------------------------------------------*/
.text_alignleft{
text-align:left;
}
.text_aligncenter{
text-align:center;
}
.text_alignright{
text-align:right;
}


/*------------------------------------------------
  画像の左寄せ・右寄せ
------------------------------------------------*/
#content img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

#content .alignleft{
float:left;
margin: 0 40px 30px 0 /*!important*/;
}
#content .alignright{
float:right;
margin: 0 0 30px 40px /*!important*/;
}
.clear{
clear:both;
}

/*--------------------------------------------------------------------
  フォントサイズ・色
---------------------------------------------------------------------*/
/*------------------------------------------------
   フォント種類
------------------------------------------------*/
/*------ 明朝体指定 ------*/
.font_m{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*------ ゴシック指定 ------*/
.font_g{
font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*------------------------------------------------
   フォントサイズ
------------------------------------------------*/
.small{
font-size:85.7%; 	/* 12px */
}
.large{
font-size:114.3%;	/* 16px */
}
.extralarge{
font-size:142.8%;	/* 20px */
}
.normal{
font-weight:normal;
}

/*------------------------------------------------
   色
------------------------------------------------*/
.red{
color:#F00;
}
.pink{
color:#F69;
}
.green{
color:#690;
}
.orange{
color:#F60;
}




/*--------------------------------------------------------------------
  リストスタイル
---------------------------------------------------------------------*/
UL{
margin:25px 0;
padding:0;
list-style:none;
}

LI UL,
DD UL,
TD UL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
margin-bottom:5px;	/* ネスト時は下余白を少な目に */
}
#content UL>LI{	/* ULの直下のLI */
margin:8px 0;
padding:0 0 0 18px;
background:url(img/liststyle.png) no-repeat 3px 0.6em;
}

/*------ 横並びリスト ------*/
UL.inline LI{
display:inline-block;
}



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

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



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

#content H5+DL,	/* H5のすぐ下の時は上余白を少な目に */
#content LI>DL{	/* ネストする時は上余白を少な目に */
margin-top:10px;
}
#content DT{
margin:0;
padding:0 0 0 11px;
border-left:5px solid #E17B34;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
font-size:114.3%;	/* 16px */
}
#content DD{
margin:0.3em 0 0.3em 17px;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
#content DT+DT,
#content DD+DT{	/* 2番目以降のタイトル行だけ上余白を設ける */
margin-top:50px;
}

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



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

#content OL>LI.kome{
margin-left:3px;
padding-left:22px;
position: relative;
list-style:none;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


#content DD.kome>SPAN.komemark,
#content UL.kome>LI>SPAN.komemark,
#content OL>LI.kome>SPAN.komemark,
#content UL>LI.kome>SPAN.komemark{
position: absolute;
top:0;
left:0;
color:#F00;
}

* html DD.kome>SPAN.komemark,
* html UL.kome>LI>SPAN.komemark,
* html OL>LI.kome>SPAN.komemark,
* html UL>LI.kome>SPAN.komemark{ 	/* for win ie6 */
top: -0.3em;
}
*:first-child+html DD.kome>SPAN.komemark,
*:first-child+html UL.kome>LI>SPAN.komemark,
*:first-child+html OL>LI.kome>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 1.0em;
list-style:none;
}
#content UL.pdf LI A,
#content LI.pdf A{
vertical-align:top;	/* IE7対策 */
}

#members #content UL.pdf LI{
padding:0.5em 0 0.5em 40px;
background-position:left 0.3em;
}

.scroll{
height:17.0em;
overflow-y:scroll;
}

#content UL.pdf_s LI,
#content LI.pdf_s{
padding:0 0 0 20px;
background:url(img/pdf_s.gif) no-repeat left 0.3em;
list-style:none;
}



/*------------------------------------------------
  Wordリスト
------------------------------------------------*/
#content UL.word LI,
#content LI.word{
padding:1.2em 0 1.2em 40px;
background:url(img/word.gif) no-repeat left 1.0em;
list-style:none;
}
#content UL.word LI A,
#content LI.word A{
vertical-align:top;	/* IE7対策 */
}
/*------------------------------------------------
  Excelリスト
------------------------------------------------*/
#content UL.excel LI,
#content LI.excel{
padding:1.2em 0 1.2em 40px;
background:url(img/excel.gif) no-repeat left 1.0em;
list-style:none;
}
#content UL.excel LI A,
#content LI.excel 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(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}



/*------------------------------------------------
  罫線を表示するタイプの表
------------------------------------------------*/
TABLE.data_table{
border-collapse:collapse;
border-top:1px solid #CCC;
width:680px;
}
TABLE.data_table CAPTION{
text-align:right;
}
.data_table TH{
padding:15px;
border-bottom:1px solid #CCC;
text-align:center;
background:#FFFACD;	/* LemonChiffon */
}

.data_table TD{
padding:15px;
border-left:1px dotted #CCC;
border-bottom:1px solid #CCC;
background:#FFF;
}



/*------------------------------------------------
  罫線を表示しないレイアウト用の表
------------------------------------------------*/
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;
}





/*--------------------------------------------------------------------
  「トップページ」固有の設定
---------------------------------------------------------------------*/

/*------------------------------------------------
  トップページ スライド欄
------------------------------------------------*/
/*----- スライドの外枠 ------*/
#slide{
margin:0 auto 55px auto;
background:#FAEBD7 url(img/border_bg.png);	/* AntiqueWhite オレンジVer. */
text-align:center;
}

#slide H2{
margin:0 auto;
padding:10px 5px;
border-bottom:none;
background:none;
}
#slide H2 IMG{
}

/*------ リロード時にスライド画像が単体で表示されるのを防ぐ ------*/
.slider H2 {
  display: none; /*読み込み時は非表示*/
}
.bx-viewport .slider H2 {
  display: block !important; /*JSが読み込まれたら表示*/
}


/*------------------------------------------------
  トップページ中央  新着情報欄
------------------------------------------------*/
#news{
border:1px solid #E17B34;	/* オレンジVer. */
}

/*------ 新着情報欄H3 ------*/
#news H3{
margin:0 0 20px 0;
padding:5px 10px;
background:#E17B34;	/* オレンジVer. */
color:#FFF;
font-size:128.6%;	/* 18px */
border:none;
}


/*------ 詳細項目(CGI不使用時) ------*/
#news DL{
margin:10px 20px;
padding:0;
}
#news DT{
margin:0;
padding:0;
font-weight:normal;
font-size:85.7%;	/*12px*/
color:#E17B34;	/* オレンジVer. */
}

#news DT.new{
background:url(img/new.gif) no-repeat 7.5em 0.4em;
}

#news DD{
margin:0 0 0.8em 0;
padding:0 0 0.8em 1em;
}
#news DD P{
margin-top:0;
margin-bottom:0;
}
#news DD:last-child{	 /* 一番下の詳細行だけ点線画像なし */
background:url(img/spacer.gif) no-repeat 0 0;	/* Android4.0対策 */
}


#news DD A{
vertical-align:top;	/* IE7対策 */
}


/*--------------------------------------------------------------------
  「一般の皆さまへ」固有の設定
--------------------------------------------------------------------*/
#content UL>LI.banner A{
display:table;
}
.banner IMG{
margin-right:10px;
a display:inline-block;
width:100px;
height:auto;
a vertical-align:middle;
float:left;
}
.banner A:hover IMG{
opacity:0.6;	/* Safari,Opera,Chrome */
-moz-opacity: 0.6;	/* FireFox */
zoom:1;
}

/*--------------------------------------------------------------------
  「病院・診療所リスト」固有の設定
--------------------------------------------------------------------*/
#list #content{
padding:5.0em 0 10.0em 0;
width:980px;
float:none;
text-align:center;
font-weight:bold;
}

/*------------------------------------------------
  地図
-------------------------------------------------*/
#map_list{
margin:0;
text-align:center;
}
#hokkaido{
z-index:1;
}
#sapporo{
margin:-60px 0 0 90px;
z-index:2;	/* 北海道地図の上に重ねる */
}


/*------------------------------------------------
  エリアリスト
-------------------------------------------------*/
#area_list{
margin:0;
text-align:center;
}
#area_list_sapporo{
margin:0 0 80px 0;
text-align:center;
}
#list #content>UL#area_list LI,
#list #content>UL#area_list_sapporo LI{
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
padding-left:0;
text-indent:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
#list #content>UL#area_list LI+LI,
#list #content>UL#area_list_sapporo LI+LI{
margin-left:8px;
padding-left:12px;
background:url(img/global_menu_partbg.gif) no-repeat left center;
}
#list #content>UL#area_list LI A,
#list #content>UL#area_list_sapporo LI A{
color:#E17B34;
}
#list #content>UL#area_list LI A:hover,
#list #content>UL#area_list_sapporo LI A:hover{
color:#20B2AA;
}



/*------------------------------------------------
  リスト
-------------------------------------------------*/
#list H3{
padding:10px 0 0 0;
border-top:1px solid #E17B34;
border-bottom:none;
}

#list H4{
padding-left:5px;
background:#F5F5F5 url(img/border_bg.png);
color:#000;
line-height:40px;
}
#list #content>H4+DL{
margin-top:0;
}
#list #content>DL DT{
padding-left:0;
background:#FFF;
border-left:0;
}
#list #content>DL DD{
margin-left:7.9em;
background:#FFF;
}
#list #content>H3+DL DD+DT,
#list #content>H4+DL DD+DT{
margin-top:10px;
padding-top:10px;
background:url(img/dbg.gif) repeat-x top;
}



/*------------------------------------------------
  地図に戻るボタン
-------------------------------------------------*/
#list H3,
#list H4{
position:relative;
}
#list H3 A,
#list H4 A{
padding:0 10px;
display:block;
position:absolute;
right:5px;
color:#FFF;
text-decoration:none;
font-size:14px;
}
#list H3 A{
top:-40px;
border-radius:5px 5px 0 0;        /* 角丸 */  
-webkit-border-radius:5px 5px 0 0;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:5px 5px 0 0;   /* 角丸 Firefox用 */
background:#E17B34;
line-height:40px;
}
#list H4 A{
bottom:5px;
background:#999;
line-height:30px;
}

#list H3 A:hover,
#list H4 A:hover{
opacity:0.8;	/* Safari,Opera,Chrome */
filter:alpha(opacity=80); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=80)";	/* IE8 */
-moz-opacity: 0.8;	/* FireFox */
zoom:1;
}


/*------------------------------------------------
  分類ラベル
-------------------------------------------------*/
#list #content>DL DT>SPAN{
margin:0 1.0em 0 0;
width:7em;
display:inline-block;
text-align:center;
text-indent:0;
font-size:87.5%;	/* 14px */
}


/*------ 大学病院 ------*/
SPAN.university_hospital{
color:#FFF;
background:#369;
}

/*------ 国公立病院 ------*/
SPAN.national_hospital{
color:#FFF;
background:#C90;
}

/*------ 公的病院 ------*/
SPAN.public_hospital{
color:#FFF;
background:#C69;
}

/*------ 病院 ------*/
SPAN.hospital{
color:#FFF;
background:#69F;
}

/*------ 診療所 ------*/
SPAN.clinic{
color:#FFF;
background:#6C9;
}



/*--------------------------------------------------------------------
  「コンテンツ」固有の設定
--------------------------------------------------------------------*/

/*------------------------------------------------
  準備中表示
------------------------------------------------*/
.underconstruction{
margin:50px;
padding:80px 30px;
text-align:center !important;
background:#F5F5F5;
}




/*------------------------------------------------
  アイコン表示（外部リンクなど）
------------------------------------------------*/
.fa-solid{
margin-right:0.5em;
margin-left:0.5em;
}
A .fa-solid{
color:inherit;
}
.fa-2x,	/* 文字サイズ2倍 */
.fa-3x{	/* 文字サイズ3倍 */
/* vertical-align:text-bottom; */
vertical-align:middle;
}



/*------------------------------------------------
  連絡先
------------------------------------------------*/
.contact{
padding:1px 0;
margin-top:25px;
margin-bottom:25px;
border-radius:10px;        /* 角丸 */  
-webkit-border-radius:10px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:10px;   /* 角丸 Firefox用 */
background:#FFFACD;	/* LemonChiffon */
}
#content .contact >*{
margin-right:30px;
margin-left:30px;
}


/*------------------------------------------------
   リンクボタン（大）
------------------------------------------------*/
#content P.link_large{
margin-top:50px;
margin-right:100px;
margin-left:100px;
text-align:center;
}
.link_large A{
padding:1.0em 0;
display:block;
background:#E17B34;	/* オレンジVer. */
color:#FFF;
font-size:128.6%;	/* 18px */
text-decoration:none;
border:1px solid #E17B34;	/* オレンジVer. */
border-radius:4px;        /* 角丸 */  
-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:4px;   /* 角丸 Firefox用 */
}
.link_large A:hover{
border:1px solid #999;
background:#999;
color:#FFF;
}




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


#box{
margin:0 auto;
padding-bottom:80px;
padding-bottom:270px;  /* フッター下部固定 */
width: 980px;
text-align: left;
z-index:2;
}
#content{
margin:5px 0 30px 0;
padding:0 0 10px 0;
width:700px;
float:left;
font-size:100.0%;	/* 14px */
background:#FFF;
}
#content_top{
margin:5px 0 30px 0;
padding:0 0 1px 0;
width:700px;
float:left;
font-size:100.0%;	/* 14px */
background:#FFF;
}




/* 2カラム固定レイアウト(右サイドバー) */
#links-right-box {
margin:5px 0 30px 0;
padding:0 0 1px 0;
width:250px;
float:right;
text-align:left;
}
#links-right-box UL LI A:hover IMG{
opacity:0.8;	/* Safari,Opera,Chrome */
filter:alpha(opacity=80); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=80)";	/* IE8 */
-moz-opacity: 0.8;	/* FireFox */
zoom:1;
}





/*------------------------------------------------
  右側サブメニュー欄 
------------------------------------------------*/
#links-right{
margin:0 0 30px 0;
padding:1px 0;
background:url(img/white_bg.png);
border:5px solid #FFF;
}


/*------------------------------------------------
  右側バナー欄 
------------------------------------------------*/
UL#sidebanner{
margin:0 0 20px 0;
padding:10px;
background:#FAEBD7 url(img/border_bg.png);	/* AntiqueWhite オレンジVer. */
}
UL#sidebanner LI{
margin:0;
padding:0;
background:#FFF;
overflow:hidden;
line-height:0;	/* IE7の隙間対策 */
}
UL#sidebanner LI+LI{
margin-top:10px;
}

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

UL#sidebanner LI.h100 A{	/* 快聴で人生を楽しく */
height:118px;
}


/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
#header{
margin:0;
padding:0;
background:#FFF;
z-index:10;
}

#header_inner{
margin:0 auto;
padding:0;
width:980px;
text-align:left;
}

#header H1{
margin:0;
padding:10px 0 0 0;
font-size:142.9%;	/* 20px */
}
#header H1 A{
display:table;
}
#header H1 A IMG{
display:block;
}


#header H1 A:hover IMG{
opacity:0.8;	/* Safari,Opera,Chrome */
filter:alpha(opacity=80); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=80)";	/* IE8 */
-moz-opacity: 0.8;	/* FireFox */
zoom:1;
}



/*--------------------------------------------------------------------
  プライマリーナビゲーションメニュー(会員専用)
--------------------------------------------------------------------*/
#primary_menu{
margin:0;
padding:0;
/* float:right; */
/* width:7em;*/
}
#primary_menu LI{
margin:0;
padding:0 !important;
background:none;
/* text-align:center; */
}
#primary_menu LI A{
margin:0;
padding:0.8em 0;
color:#FFF;
background:#E17B34 url(img/dark_bg.png);	/* オレンジVer. */
display:block;
/* text-align:center; */
text-decoration:none;
/* border-radius:0 0 5px 5px; */        /* 角丸 */  
/* -webkit-border-radius:0 0 5px 5px; */    /* 角丸 Safari,Google Chrome用 */  
/* -moz-border-radius:0 0 5px 5px; */  /* 角丸 Firefox用 */
font-size:22px;
}
#primary_menu LI A:hover{
opacity:0.8;	/* Safari,Opera,Chrome */
filter:alpha(opacity=80); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=80)";	/* IE8 */
-moz-opacity: 0.8;	/* FireFox */
zoom:1;
}
#primary_menu LI SPAN{
/* display:block; */
}



/*--------------------------------------------------------------------
  グローバルナビゲーションメニュー(menubar)
--------------------------------------------------------------------*/


/*------------------------------------------------
  PCメインメニュー第一階層
------------------------------------------------*/
#global_menu{
margin:15px auto 0 auto;
padding:0;
width:100%;
height:50px;
background:#E17B34 url(img/global_menu_bg.png) repeat-x top;	/* オレンジVer. */
}

#global_menu>UL{
margin:0 auto;
padding:0;
width:977px;
height:50px;
list-style:none;
}


#global_menu>UL>LI{
margin:0;
padding:0 0 0 1px;
float: left;
position: relative;
/* display:inline-block; */
/* *display:inline; */
*zoom:1;
background:url(img/global_menu_partbg.gif) no-repeat left center;
}
#global_menu>UL>LI.menu01{
padding-left:0;
background:none;
}

#global_menu>UL>LI>A{
height:50px;
width:162px;
display:block;
background-image:url(img/global_menu.png);
background-repeat:no-repeat;
}

#global_menu>UL>LI SPAN{
display: none;
}
#global_menu>UL LI.menu01 A{
background-position:0 0;
}
#global_menu>UL LI.menu01 A:HOVER{
background-position:0 -50px;
}

#global_menu>UL>LI.menu02>A{
background-position:-162px 0;
}
#global_menu>UL>LI.menu02 A:HOVER{
background-position:-162px -50px;
}

#global_menu>UL>LI.menu03>A{
background-position:-324px 0;
}
#global_menu>UL>LI.menu03 A:HOVER{
background-position:-324px -50px;
}

#global_menu>UL>LI.menu04>A{
background-position:-486px 0;
}
#global_menu>UL>LI.menu04 A:HOVER{
background-position:-486px -50px;
}

#global_menu>UL>LI.menu05>A{
background-position:-648px 0;
}
#global_menu>UL>LI.menu05 A:HOVER{
background-position:-648px -50px;
}

#global_menu>UL>LI.menu06>A{
background-position:-810px 0;
}
#global_menu>UL>LI.menu06 A:HOVER{
background-position:-810px -50px;
}


/*------ アクティブ時 ------*/

#global_menu>UL>LI.menu01.active A,
#global_menu>UL>LI.menu01.active A:HOVER{
background-position:0 -100px;
}
#global_menu>UL>LI.menu02.active A,
#global_menu>UL>LI.menu02.active A:HOVER{
background-position:-162px -100px;
}
#global_menu>UL>LI.menu03.active A,
#global_menu>UL>LI.menu03.active A:HOVER{
background-position:-324px -100px;
}
#global_menu>UL>LI.menu04.active A,
#global_menu>UL>LI.menu04.active A:HOVER{
background-position:-486px -100px;
}
#global_menu>UL>LI.menu05.active A,
#global_menu>UL>LI.menu05.active:HOVER{
background-position:-648px -100px;
}
#global_menu>UL>LI.menu06.active A,
#global_menu>UL>LI.menu06.active:HOVER{
background-position:-810px -100px;
}


/*--------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------*/
/*------------------------------------------------
  パンくずリスト
------------------------------------------------*/
DIV#pkl{
margin:0 auto;
padding:10px 0 0 0;
font-size:85.7%;	/* 12px */
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
text-align:left;
width:980px;
text-shadow: 1px 1px 0 #FAEBD7;	/* 影文字 横方向 縦方向 ぼかし 影の色 AntiqueWhite */
}





/*------------------------------------------------
  アンカー 
------------------------------------------------*/
#pt{
margin:0;
z-index:100;
position: fixed;
bottom:10px;
right:10px;
}
#pt A{
display: block;
width: 40px;
height: 40px;
background:url(img/pt.png) 0 0 no-repeat;
zoom: 1;
text-indent: -9999px;
outline: none;
font-size: 1px;
overflow: hidden;
}
#pt A:hover {
background-position: 0 -40px;
}
#pt SPAN{
display: none;
}



/*--------------------------------------------------------------------
  フッター
--------------------------------------------------------------------*/
#footer{
margin-top: -250px;	/* フッター下部固定 */
margin-right:auto;
margin-bottom:0;
margin-left:auto;
height:250px;		 /* フッター下部固定 */
padding:0;
background:#FAEBD7;	/* AntiqueWhite オレンジVer. */
line-height:1.5;
z-index:3;
}

/*------------------------------------------------
  footer 住所欄
-------------------------------------------------*/
#footer_address{
margin:0 auto;
padding:30px 0 20px 0;
width:980px;
text-align:left;
/* background:url(img/footer_logo.png) no-repeat 0 10px; */
}

#footer_address H5{
margin:0 0 0 19px;	/* ロゴ有0 0 0 95px */
padding:0;
font-size:114.3%;	/* 16px */
font-weight:normal;
color:#000;
}
#footer_address H6{
margin:10px 0 0 10px;	/* ロゴ有 10px 0 0 100px */
padding:5px 8px;
border-bottom:1px solid #CCC;
font-size:100.0%;	/* 14px */
font-weight:normal;
}



#footer_address_left{	/* 住所 */
margin:0 0 0 18px;	/* ロゴ有 0 0 0 108px */
width:430px;
float:left;
}
#footer_address_right{	/* TEL */
margin:0 0 0 20px;
width:400px;
float:right;
}

#footer_address P{
margin:10px 0;
}

#footer_address DL{
margin:10px 0;
padding:0;
width:400px;
}

#footer_address DL DT{	/* ラベル */
margin:0;
padding:0;
width:4em;
clear:left;
float:left;
text-align:center;
color:#FFF;
background:url(img/dark_bg.png);
}

#footer_address DL DD{
margin:0.5em 0 10px 4.5em;
padding:0;
background:none;
}


#footer_address DL DT.menu01{	/* TELラベル */
/* margin-top:0.5em; */
font-size:85.7%;	/* 12px */
}
#footer_address DL DT.menu03{	/* Mailラベル */
margin-top:0.1em;
font-size:85.7%;	/* 12px */
}

#footer_address DL DD.menu02{	/* TEL番号 */
margin-top:0;
margin-left:4.3em;
padding:0;
}
#footer_address DL DD.menu02 STRONG{	/* TEL番号 */
/* font-family: Arial, sans-serif; */
/* font-size: 171.4%;	  24px */
font-size: 107.1%;	 /* 15px */
/* letter-spacing:3px; */
line-height:1.2em;
font-weight:normal;
}

#footer_address DL DD.menu04{	/* Mail */
margin-left:4.3em;
font-size: 100.0%;	/* 14px */
}




/*------------------------------------------------
  著作権
------------------------------------------------*/
#copyright{
margin:0;
padding:25px 0;
font-size:83.3%;	/* 10px */
color:#FFF;
background:#FAEBD7 url(img/dark_bg.png);	/* AntiqueWhite オレンジVer. */
}



/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#header::after,
#primary_menu::after,
#global_menu::after,
#global_menu UL::after,
#box::after,
#footer::after,
#footer_address::after,
#footer_address DL::after,
#content_top::after,
.banner::after,
.left::after,
.right::after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */
#header,
#primary_menu,
#global_menu,
#global_menu UL,
#box,
#footer,
#footer_address,
#footer_address UL,
#content_top,
.banner,
.left,
.right{
display: inline-table;
min-height:1%;  /* for IE 7*/
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #header,
* html #primary_menu,
* html #global_menu,
* html #global_menu UL,
* html #box,
* html #footer,
* html #footer_address,
* html #footer_address UL,
* html #content_top,
* html .banner,
* html .left,
* html .right{
height: 1%;
}
#header,
#primary_menu,
#global_menu,
#global_menu UL,
#box,
#footer,
#footer_address,
#footer_address UL,
#content_top,
.banner,
.left,
.right{
display: block;
}
/* End hide from IE-mac */



/*------ 個別に回り込み解除（clearfix） ------*/
.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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