@charset "Shift_JIS";


HTML,BODY{
width: 100%;
height: 100%;	/* フッター下部固定 */
/* overflow-x: hidden;  これがあるとスムーズスクロールができない */
* overflow-x: visible;	/* IE7対策 */
}



BODY{
margin:0;
padding:0;
background:#DCDCDC;	/* フッターの背景色に合せる*/
color:#333;
font-size: 87.5%;	/* 14pxベース */
line-height:1.6;
letter-spacing:1px;
text-align: center;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
* overflow: visible;  /* 横幅超過用 IE7以下 */
overflow: visible\9; /* 横幅超過用 IE8 */
position: relative;	/* 横幅超過用 */
min-width: 980px;	/* ブラウザ幅を縮めた時スクロールバーが出始める横幅 */
}
* html body { /* for IE6 */ 
font-size: 87.5%;	/* 14pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 87.5%;	/* 14pxベース */
}




P{
margin-top:1.8em;
margin-bottom:1.8em;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
*:first-child+html P{/*for IE7*/
margin-top:25px;
margin-bottom:25px;
padding:0;
}

IMG,
A IMG{
border:none;
}




/*------ フォントサイズ ------
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
--------------------------------------*/


/*--------------------------------------------------------------------
  リンクテキスト
--------------------------------------------------------------------*/
A{
color:#09F;
}
A:VISITED{
color:#69C;
}
A:HOVER{
color:#3CF;
text-decoration:none;
}





/*--------------------------------------------------------------------
  見出し
--------------------------------------------------------------------*/
/*------ リセット ------*/ 
H1,H2,H3,H4,H5{
margin:0;
padding:0;
font-weight:normal;
font-size:100.0%;	/* 14px */
}


/*------------------------------------------------
   H2
------------------------------------------------*/
/*------ H2基本設定 ------*/
#h2_box{
margin:0;
padding:0;
background:url(img/h2bg.gif) repeat-x top;
}
H2{
margin:0 auto;
padding:0;
}



/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
#content H3{
margin:0 0 10px 0;
padding:0;
font-size:200.0%;	/* 28px */
font-weight:normal;
background:url(img/h3bg.gif) no-repeat right bottom;
color:#666;
}

#content H3 SPAN.border{
padding:5px 10px;
border-bottom:3px solid #09F;	/* デフォルト（スカイブルー） */
display:inline-block;
}


/*------ 他要素隣接時 ------*/
#content P#lead+H3{
margin-top:50px;
}

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



/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
#content H4{
margin:25px 0 15px 0;
font-size:142.9%;	/* 20px */
font-weight:normal;
color:#09F;
}
#content H4 SPAN{
font-size:70.0%;	/* 14px */
}

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





/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
#content H5{
margin:60px 0 15px 0;
padding:0;
font-weight:normal;
font-size:128.6%;	/* 18px */
line-height:1.8;
clear:both;
}
#content H5 SPAN{
font-size:77.8%;	/* 14px */
}



/*------ 他要素隣接時 ------*/
#content H5+P{	/* H5のすぐ下の段落は余白を0に */
margin-top:0;
}
#content H3+H5,
#content H4+H5{
margin-top:25px;	/* H3,H4隣接時は上余白を少な目に */
}








/*--------------------------------------------------------------------
  インデント 横幅max700px
--------------------------------------------------------------------*/
DIV#content>H5{
margin-left:15px;
}
DIV#content>H6,
DIV#content>IMG,
DIV#content>DIV,
DIV#content>TABLE,
DIV#content>UL,
DIV#content>OL,
DIV#content>DL,
DIV#content>P{
margin-left:20px;
}



/*--------------------------------------------------------------------
  画像レイアウト枠
--------------------------------------------------------------------*/
/*------------------------------------------------
   図
------------------------------------------------*/
P.fig,
DIV.fig{
margin:25px 0;
text-align:center;
border:1px solid #CCC;
}
P.fig IMG,
DIV.fig IMG{
padding:19px 0;
}


/*------------------------------------------------
   写真
------------------------------------------------*/
P.photo,
DIV.photo{
margin:25px 0;
text-align:center;
}
.photo IMG+IMG{	/* 2つ横並びの時（横幅max480px） */
margin-left:20px;
}

/*------ 白縁・影付き ------*/
.fuchi IMG,
IMG.fuchi{
padding:4px;	/* 白枠 */
background:#FFF;	/* 白枠 */
border:1px solid #DCDCDC;	/* グレー枠 */
-moz-box-shadow:0 0 8px -3px #000;
-webkit-box-shadow:0 0 8px -3px #000;
box-shadow:0 0 8px -3px #000;
}

/*------------------------------------------------
  キャプション付き
------------------------------------------------*/
IMG.caption,
.caption IMG{
margin-bottom:5px;
}
.caption{
display:inline-block;
vertical-align:top;
text-align:center;
font-size:86.7%;	/* 13px */
color:#D2691E;	/* Chocolate */
}
.caption+.caption{
margin-left:20px;
}




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


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

.clear_both{
clear:both;
}

.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;
}
.blue{
color:#06F;
}
.green{
color:#099;
}
.normal{
font-weight:normal;
}


.fa{	/* Font-Awesome アイコン用 */
margin-right:10px;
}



/*--------------------------------------------------------------------
  リストスタイル
--------------------------------------------------------------------*/
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 25px;
background:url(img/liststyle.png) no-repeat 0.1em 0.4em;
}


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

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



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

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

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




/*------------------------------------------------
  注釈 ※ リスト
------------------------------------------------*/
#content UL.kome>LI,
#content LI.kome{
padding-left:35px;
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:9px;
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{
padding:1.2em 0 1.2em 50px;
background:url(img/pdf.gif) no-repeat left center;
list-style:none;
}
UL.pdf LI 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:1px solid #999;
}
TABLE.data_table CAPTION{
text-align:right;
}
.data_table TH{
padding:10px 20px;
border:1px solid #999;
background-image:url(img/dot_bg.gif);
}

.data_table TD{
padding:10px 20px;
border:1px solid #999;
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{
overflow-x: hidden;	/* スマホ対策 */
overflow-y: hidden;	/* スマホ対策 */
z-index:1;
background:url(img/slide_bg.gif) repeat-x top;
}
#slide UL{
margin:0;
padding:0;
width: 100%;
/*height: 100%;*/
height: 400px;			/* 状況に合わせて 足りないとスクロールバーが出現 */
overflow-x: hidden;
z-index:51;
}
#slide LI{
margin:0;
padding:0;
float:left;
}
#slide LI H2{
background:none;
}

#slide LI H2 IMG{
width:980px;
height:400px;
}

.slide_all {
margin:0 auto;
width: 980px;
height: 400px;
position: relative;
}
.slide_wrap {
width: 2940px;			/* スライド画像980px × 3 */
position: absolute;
left: 50%;
margin-left: -1470px;	/* 2940 ÷ 2 */
background:#FFF;
height: 400px;
}
.slide {
width: 100%;
height: 400px;
overflow-x: hidden;
}
.slide img {
/*width: 100%;*/
vertical-align: bottom;
/ height:402px;	/* IE7以下対策 */
}

.slide 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;
}





/*------------------------------------------------
  トップページ 新着情報欄
-------------------------------------------------*/
#news{
margin:0 1px 0 0;	/* 右端ドットの重複除け */
}

#news UL{
margin:5px 0;
padding:0;
}
#news>UL>LI{
margin:0;
padding:0.8em 10px 0.8em 10.4em;
text-indent: -7.4em; /*最初の行だけ1em（1文字）分、左に動かす*/

/ padding:0.8em 10px 0.8em 8.7em;
/ text-indent: -5.9em; /*最初の行だけ1em（1文字）分、左に動かす*/

background:url(img/news_arrow.gif) no-repeat 14px 1.1em;
/background:url(img/news_arrow.gif) no-repeat 14px 1.2em;
}
#news>UL>LI.new{
background:url(img/new_icon.gif) no-repeat 12px 1.2em;
/background:url(img/new_icon.gif) no-repeat 12px 1.4em;
}

#news>UL>LI+LI{
border-top:1px dotted #C99;
}

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

#news LI LI,
#news LI P,
#news LI DIV{
text-indent:0;
}
#news LI P{
margin-top:1.0em;
margin-bottom:1.0em;
}
#news LI .check{
padding:1.0em;
border:1px solid #DC143C;	/* Crimson */
}
#news LI .check .red{
color:#DC143C;	/* Crimson */
}
#news LI LI{
margin:8px 0;
padding:0 0 0 20px;
background:url(img/liststyle.png) no-repeat 0.1em 0.3em;
}


/*------ トップページ中央 新着情報欄 H3 ------*/ 
#news H3{
margin:0 0 10px 0;
padding:0;
position:relative;
background:url(img/h3bg.gif) no-repeat right bottom;
}

#news H3 SPAN.border{
padding:10px;
border-bottom:3px solid #DC143C;	/* Crimson */
display:inline-block;
}

#news H3 A{
display: block;
width:4em;
line-height: 25px;
background:url(img/bg.png);
zoom: 1;
overflow: hidden;
position: absolute;
bottom:10px;
right:10px;
text-decoration:none;
color:#FFF;
text-align:center;
}
#news H3 A:hover{
background-color:#789;
}



/*--------------------------------------------------------------------
  「コンテンツ毎の色」設定
--------------------------------------------------------------------*/
.color-pink #content H3 SPAN.border{
border-bottom:3px solid #F69;
}
.color-pink #content H4,
.color-pink #leasing_category DT{
color:#F69;
}
.color-pink #content>DIV,
.color-pink #leasing_category{
border-color:#F69;
}
.color-pink #leasing_category DT SPAN{
background:#F69;
border-color:#F69;
}
.color-pink #side_banner H5{
background:#F69;
}

#estate.color-pink #side_address,
.color-pink .data_table TH{
background-color:#FFE4E1;	/* MistyRose */
}


.color-orange #content H3 SPAN.border{
border-bottom:3px solid #F90;
}
.color-orange #content H4,
.color-orange #leasing_category DT{
color:#F90;
}
.color-orange #content>DIV,
.color-orange #leasing_category{
border-color:#F90;
}
.color-orange #leasing_category DT SPAN{
background:#F90;
border-color:#F90;
}
.color-orange #side_banner H5{
background:#F90;
}
#estate.color-orange #side_address,
.color-orange .data_table TH{
background-color:#FFDEAD;	/* NavajoWhite */
}


.color-green #content H3 SPAN.border{
border-bottom:3px solid #9C0;
}
.color-green #content H4,
.color-green #leasing_category DT{
color:#9C0;
}
.color-green #content>DIV,
.color-green #leasing_category{
border-color:#9C0;
}
.color-green #leasing_category DT SPAN{
background:#9C0;
border-color:#9C0;
}
.color-green #side_banner H5{
background:#9C0;
}

#estate.color-green #side_address,
.color-green .data_table TH{
background-color:#E0EBAF;	/* 若芽色  */
}


/*--------------------------------------------------------------------
  「車両販売」固有の設定
--------------------------------------------------------------------*/

#car{
}
#car H2{
background:url(img/car_h2bg.jpg) no-repeat center top;
}


/*------------------------------------------------
  各バナーの囲み
-------------------------------------------------*/
#car #content>DIV:not(#pdf){
margin:50px 0 0 0;
padding:30px 30px 10px 30px;
border-style:solid;
border-width:1px;
border-radius:1.5em;        /* 角丸 */  
-webkit-border-radius:1.5em;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:1.5em;   /* 角丸 Firefox用 */
text-align:center;
}
#car #content>DIV H4{
margin:-2.2em 0 0 0;
text-align:center;
}
#car #content>DIV H4 SPAN{
padding:0 20px;
background:#FFF;
font-size:100%;
}

/*------------------------------------------------
  各バナーの配置
-------------------------------------------------*/

#content UL#sale,
#content #hosyo UL,
#content #autoloan UL,
#content #autoloan_sim UL{
letter-spacing:-1em;	/* 横並びの隙間対策 */
text-align:center;
}

#content UL#sale LI,
#content #hosyo LI,
#content #autoloan LI,
#content #autoloan_sim LI{
margin:0 0 15px 2%;
padding:0;
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
width:47%;
letter-spacing:1px;
background:none;
}

#content UL#sale LI IMG{
height:53px;
width:auto;
}

#sale A,
#hosyo A,
#autoloan A,
#autoloan_sim A{
display:block;
}

#sale A:hover IMG,
#hosyo A:hover IMG,
#autoloan A:hover IMG,
#autoloan_sim 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;
}


/*--------------------------------------------------------------------
  「リース事業」固有の設定
--------------------------------------------------------------------*/
#leasing{
}
#leasing H2{
background:url(img/leasing_h2bg.jpg) no-repeat center top;
}

/*------------------------------------------------
  リース対象商品
-------------------------------------------------*/
#leasing_category{
margin:50px 0 0 0;
padding:30px;
border-style:solid;
border-width:1px;
border-radius:1.5em;        /* 角丸 */  
-webkit-border-radius:1.5em;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:1.5em;   /* 角丸 Firefox用 */
}
#leasing_category H4{
margin:-2.0em 0 0 0;
text-align:center;
}
#leasing_category H4 SPAN{
padding:0 20px;
background:#FFF;
font-size:16px;
}

#leasing_category DL{
margin:20px 0 0 0;
}

#leasing_category DT{
padding:0 0 0 3.5em;
font-size:142.9%;	/* 20px */
position:relative;	/* アイコンの基点 */
}


#leasing_category DT SPAN{
margin:0;
padding:0;
display: inline-block;
background:#666;
color:#FFF;
border-style:solid;
border-width:1px;
border-radius:1.8em;        /* 角丸 */  
-webkit-border-radius:1.8em;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:1.8em;   /* 角丸 Firefox用 */
font-size:150.0%;	 /* 30px */
line-height:1.8em;
width:1.8em;
text-align:center;
position:absolute;
top:0;
left:0;
}

#leasing_category DD{
margin:0 0 0 5em;
} 
#leasing_category DD+DT{
margin-top:1.0em;
}


/*------------------------------------------------
  メリット・デメリット
-------------------------------------------------*/
#merit,
#demerit{
background-position:center;
background-repeat:no-repeat;
}
#merit{
background-image:url(img/merit_bg.gif);
}
#demerit{
background-image:url(img/demerit_bg.gif);
}

#merit DT,
#demerit DT{
font-size:128.6%;	/* 18px */
font-weight:bold;
clear:both;
}
#merit DT{
color:#F63;
}
#demerit DT{
color:#36C;
}

#merit DT SPAN,
#demerit DT SPAN{
font-size:166.7%;	/* 30px */
vertical-align:middle;
}
#merit DD,
#demerit DD{
margin-left:2.8em;
}
#merit DD{
color:#C63;
}
#demerit DD{
color:#369;
}

#merit DD IMG,
#demerit DD IMG{
margin: -30px 0 0 20px;
float:right;
}







/*--------------------------------------------------------------------
  「食肉販売」固有の設定
--------------------------------------------------------------------*/
#meat{
}
#meat H2{
background:url(img/meat_h2bg.jpg) no-repeat center top;
}
#meat #content H3 SPAN.border{
border-bottom:3px solid #F36;
}
#meat #content H4{
color:#F36;
}



/*--------------------------------------------------------------------
  「保険」固有の設定
--------------------------------------------------------------------*/
#insurance{
}
#insurance H2{
background:url(img/insurance_h2bg.jpg) no-repeat center top;
}
#insurance #content H3 SPAN.border{
border-bottom:3px solid #9C0;
}
#insurance #content H4{
color:#9C0;
}



/*--------------------------------------------------------------------
  「不動産」固有の設定
--------------------------------------------------------------------*/
#estate{
}
#estate H2{
background:url(img/estate_h2bg.jpg) no-repeat center top;
}
/*------------------------------------------------
  横並びバナー
------------------------------------------------*/
#content UL#estata_banner{
margin:40px 0 25px 0;	/* 左インデントを強制リセット */
padding:0;
width:720px;
}
#content #estata_banner LI{
margin:0;
padding:0;
width:225px;
background:none;
float:left;
}
#content #estata_banner LI.menu02,
#content #estata_banner LI.menu03{
margin:0 0 0 22px
}

#estata_banner LI IMG{
width:225px;
height:225px;
}
#estata_banner A{
display:block;
line-height:225px;
}
#estata_banner 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;
}



/*------------------------------------------------
  運営会社
------------------------------------------------*/
#estate TABLE.data_table{
border:none;
width:700px;
}
#estate .data_table TH{
border-top:1px solid #999;
border-right:none;
border-bottom:1px solid #999;
border-left:none;
}
#estate .data_table TD{
border-top:1px solid #999;
border-right:none;
border-bottom:1px solid #999;
border-left:none;
}



/*--------------------------------------------------------------------
  「会社情報」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  会社概要
------------------------------------------------*/
#aboutus{
}

#aboutus H2{
background:url(img/aboutus_h2bg.jpg) no-repeat center top;
}

#aboutus TABLE.data_table{
border:none;
width:700px;
}
#aboutus .data_table TH{
border-top:1px solid #999;
border-right:none;
border-bottom:1px solid #999;
border-left:none;
background-color:#F0F8FF;	/* AliceBlue */
}
#aboutus .data_table TD{
border-top:1px solid #999;
border-right:none;
border-bottom:1px solid #999;
border-left:none;
}


/*------------------------------------------------
  沿革
------------------------------------------------*/
#history{
margin-top:70px;
padding:0 390px 20px 0;
background:url(img/history_bg.jpg) no-repeat right bottom;
background-size:auto contain;
}

/*------ 表 ------*/
#history_table{
width:700px;
border-collapse:collapse;
}

/*------ 年 ------*/
#history_table TH{
padding:10px 0 20px 0;
background:#09F;
white-space:nowrap;
color:#FFF;
width:15%;
background:#09F url(img/history_thbg.gif) repeat-x bottom;
}

/*------ 出来事 ------*/
#history_table TD{
padding:10px 20px 20px 30px;
vertical-align:top;
width:85%;
background:url(img/history_tdbg.gif) no-repeat left 38%;
}


/*------------------------------------------------
  メディア
------------------------------------------------*/
#media DT{
color:#09F;
}
#media DD{
margin:10px 0 10px 10px;
}

#media DD:before,
#media DD .before{
margin:0 0.5em 0 0;
padding:0 0.4em;
display: inline-block;
background:#09F;
color:#FFF;
border:1px solid #09F;
border-radius:1.8em;        /* 角丸 */  
-webkit-border-radius:1.8em;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:1.8em;   /* 角丸 Firefox用 */
font-size:157.1%;	/* 22px */
line-height:1.8em;
}


#media DD.book:before{
content: "\f02d";
before: "\f02d";	/* IE7以下用 */
font-family: FontAwesome;
}

#media DD.book{
/ before: "\f02d";	/* IE7以下用 */
/ font-family: FontAwesome;
}



/*------------------------------------------------
  フォトギャラリー
------------------------------------------------*/
#content #gallery{
margin:0;	/* 左インデントを強制リセット */
padding:0;
width:720px;
}
#content #gallery LI{
margin:20px 0 0 20px;
padding:0;
width:160px;
height:160px;
float:left;
a background:none;
background:#FFF;
line-height:0;	/* IE7の隙間対策 */
}

#gallery A{
cursor: url(http://shoukei.biz/lightbox2/images/magnify_plus.cur), pointer;	/* カーソルを虫眼鏡に */
line-height:normal;	/* IE7の隙間対策 */
vertical-align:top;	/* IE7の隙間対策 */
width:158px;
height:158px;
display:block;
overflow:hidden;
border:1px solid #999;
}
#gallery A IMG.tate{	/* 縦型 */
margin:-32px 0 0 0;
width:auto;
height:251px;
}
#gallery A IMG{	/* 横型 */
margin:0 0 0 -32px;
width:251px;
height:auto;
}

#gallery 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;
}



/*------------------------------------------------
  アクセスMAP表
------------------------------------------------*/
#map{
width:100%;
}
#map IFRAME{
border:1px solid #CCC;
}
#map TD{
vertical-align:top;
}
#map H4{
margin-top:0px;
}


/*------------------------------------------------
  プライバシーポリシー 署名
------------------------------------------------*/
#content #signature{
margin:30px 100px;
padding:10px 0;
background:Aliceblue;
}
#signature H5{
margin:30px 30px 0 40px;
}
#content #signature P{
margin:10px 30px 20px 50px;
}

/*--------------------------------------------------------------------
  コンテンツ固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  リード文
------------------------------------------------*/
#content #lead{
margin-left:0;	/* 左インデントをリセット */
font-size:107.1%;	/* 15px */
line-height:2.0em;
}


/*------------------------------------------------
  準備中
------------------------------------------------*/
#underconstruction{
margin:120px 0 230px 0;
text-align:center;
}




/*------------------------------------------------
  固定ナビゲーション（カテゴリー内コンテンツリスト）
------------------------------------------------*/
#contents_navi{
background-image:url(img/light_bg.png);
background-color:rgba(255,255,255,0.9);

width:100%;
font-size:14px;
}
#contents_navi UL{
margin:auto;
padding:10px 0;
width:980px;
}
#contents_navi UL LI{
margin:0 0 0 10px;
padding:0;
/ float:left;	/* IE7以下対策 */
display:inline-block;
background:none;
}
#contents_navi UL LI A{
padding:8px 30px;
display:block;
color:#000;
background:#FFF;
text-decoration:none;
border:1px solid #999;
}


#contents_navi UL LI#back A{
color:#FFF;
background:#666;
border:1px solid #666;
}
#contents_navi UL LI#back A:hover,
#contents_navi UL LI A:hover{
background:#099;
color:#FFF;
border:1px solid #099;
}




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

/*------------------------------------------------
  コンテンツ内縦2分割
------------------------------------------------*/
#part2{
width:680px;
}
#part2 .left_box{
width:330px;
float:left;
}
#part2 .right_box{
width:330px;
float:right;
}




/*------------------------------------------------
  PDF縦2分割
------------------------------------------------*/
#pdf{
padding:15px 0 0 0;
width:700px;
font-size:85.7%	/*12px*/;
background:url(img/dbg.gif) repeat-x center top;
}
#pdf .left_box{
margin:5px 0 0 0;
padding:0;
width:88px;
float:left;
}
#pdf .right_box{
margin:2px 0 0 0;
padding:0;
width:600px;
float:right;
}









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

/*	position: relative;*/
}





#box{
margin:0 auto 40px auto;
padding-bottom:80px; /* フッター下部固定 */
width:980px;
text-align: left;
color:#000;
font-size:100.0%;	/* 14px */
}
#content_top{
margin:40px 0 0 0;
padding:0 0 20px 0;
width: 720px;
float:left;
}
#content{
margin:30px 0 0 0;
padding:0 0 20px 0;
width: 720px;
float:left;
}







/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
#header{
padding:0;
background:#FFF;
width:100%;
}
.fixed{	/* ヘッダー上部固定用 */
position:fixed;
top:0;
left:0;
z-index:100;
}


#header_inner{
margin:0 auto;
padding:0;
text-align:left;
width:980px;
z-index: 10;
height:80px;
position:relative;	/* Primariymenuの基点 */
}


#header H1{
margin:15px 0;
padding:0;
font-size:100%;	/* 14px */
float:left;
width:260px;
text-align:center;
}
#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;
}


/*--------------------------------------------------------------------
  プライマリーメニュー
--------------------------------------------------------------------*/
UL#primary_menu{
margin:0;
padding:0;
/*float: right;*/
width:290px;		/* 画像幅260px + ボタン数 2×10px（左余白）+ドット画像分1×10px */
height:20px;
position: absolute;	/* #header_innerに対する位置指定 */
top:45px;
right:10px;
}

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

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

UL#primary_menu LI.menu02{
padding:0 0 0 10px;
background:url(img/dot.gif) no-repeat 0 0;
}

UL#primary_menu LI.menu01 A{
width:110px;
background-position:0 0;
}
UL#primary_menu LI.menu01 A:HOVER{
background-position:0 -20px;
}
UL#primary_menu LI.menu02 A{
width:150px;
background-position:-110px 0;
}
UL#primary_menu LI.menu02 A:HOVER{
background-position:-110px -20px;
}

UL#primary_menu LI SPAN{
display: none;
}


/*--------------------------------------------------------------------
  グローバルメニュー（menubar）
--------------------------------------------------------------------*/
#global_menu{
margin:-41px auto 0 auto;
padding:0;
width:100%;
height:70px;
/*clear:both;*/
z-index:1000;
position:relative;
background:url(img/global_menu_bg.gif) repeat-x bottom;
}


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

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



/*----------------------------------------------------------
   第1階層
----------------------------------------------------------*/
#global_menu UL LI.menu01 A{
background-position:0 0;
}
#global_menu UL LI.menu01 A:HOVER{
background-position:0 -70px;
}
#global_menu UL LI.menu02 A{
background-position:-192px 0;
}
#global_menu UL LI.menu02 A:HOVER{
background-position:-192px -70px;
}
#global_menu UL LI.menu03 A{
background-position:-384px 0;
pointer-events: none;	/* リンクしない */
cursor: default;
}
#global_menu UL LI.menu03 A:HOVER{
background-position:-384px -70px;
}
#global_menu UL LI.menu04 A{
background-position:-576px 0;
}
#global_menu UL LI.menu04 A:HOVER{
background-position:-576px -70px;
}
#global_menu UL LI.menu05 A{
background-position:-768px 0;
}
#global_menu UL LI.menu05 A:HOVER{
background-position:-768px -70px;
}

#global_menu UL LI.menu01.active A,
#global_menu UL LI.menu01.active A:HOVER{
background-position:0 -140px;
}
#global_menu UL LI.menu02.active A,
#global_menu UL LI.menu02.active A:HOVER{
background-position:-192px -140px;
}
#global_menu UL LI.menu03.active A,
#global_menu UL LI.menu03.active A:HOVER{
background-position:-384px -140px;
}
#global_menu UL LI.menu04.active A,
#global_menu UL LI.menu04.active A:HOVER{
background-position:-576px -140px;
}
#global_menu UL LI.menu05.active A,
#global_menu UL LI.menu05.active A:HOVER{
background-position:-768px -140px;
}


#global_menu SPAN{
display: none;
}




/*--------------------------------------------------------------------
  右側メニュー欄 
--------------------------------------------------------------------*/
#menubox_top{
margin:40px 0;
width:225px;
float:right;
}
#menubox{
margin:10px 0 40px 0;
width:225px;
float:right;
}


/*------------------------------------------------
  右側サブメニュー欄
------------------------------------------------*/
#side_menu{
margin:0 0 40px 0;
padding:0 5px 5px 5px;
background:url(img/crimson_bg.gif);
border:1px solid #B22222;	/* FireBrick */
}
#side_menu UL{
margin:0;
padding:0;
background:#FFF;
}

#side_menu LI{
margin:0 8px;
padding:0;
line-height:0;	/* IE7の隙間対策 */
}
#side_menu> UL LI+LI{
padding-top:1px;
background:url(img/dbg.gif) repeat-x center top;
}
#side_menu UL>LI#parent+LI{
padding-top:0;
background:none;	/* 親カテゴリー名下のメニュは上線なし */
}

#side_menu LI A{
margin:0;
padding:1em 5px 0.9em 24px;
display:block;
text-decoration:none;
line-height:normal;	/* IE7の隙間対策 */
vertical-align:top;	/* IE7の隙間対策 */
color:#000;
background:url(img/menu_arrow.gif) no-repeat 7px 1.5em;
/ background:url(img/menu_arrow.gif) no-repeat 7px 1.3em;	/* IE8以下対策 */
}
#side_menu LI A:hover{
background:url(img/menuh_arrow.gif) no-repeat 7px 1.5em;
/ background:url(img/menuh_arrow.gif) no-repeat 7px 1.3em;	/* IE8以下対策 */
color:#FF4500;	/* OrangeRed */
}

#side_menu LI#parent{	/* 一番上の親カテゴリー名 */
margin:0;
background:url(img/crimson_bg.gif);
font-weight:bold;
}
#side_menu LI#parent A{
padding:0.9em 5px 0.7em 32px;
background:url(img/parent_arrow.gif) no-repeat 10px 1.2em;
/ background:url(img/parent_arrow.gif) no-repeat 10px 1.0em;	/* IE7以下対策 */
border-bottom:none;
color:#FFF;
}
#side_menu LI#parent:hover A{
color:#FFE4E1;	/* MistyRose */
background:url(img/parenth_arrow.gif) no-repeat 10px 1.2em;
/ background:url(img/parenth_arrow.gif) no-repeat 10px 1.0em;	/* IE7以下対策 */
}


#side_menu LI.active{
font-weight:bold;
}

#side_menu LI.active>A{
background:url(img/menua_arrow.gif) no-repeat 7px 1.5em;
/ background:url(img/menua_arrow.gif) no-repeat 7px 1.3em;	/* IE7以下対策 */
color:#C00;
}


/*------------------------------------------------
  右側住所欄 
------------------------------------------------*/
#side_address{
padding:5px;
background:#DCDCDC url(img/dot_bg.gif);
}

#side_address_inner{
padding:0 0 5px 0;
background:#FFF;
}

#side_address H5{
margin:0;
padding:0;
}
#side_address H6{
margin:15px 5px 0 10px;
padding:0;
font-size:100.0%;	/* 14px */
font-weight:normal;
}
#side_address P,	/* 住所記入段落 */
#side_address UL{	/* TEL・FAX */
margin:15px 5px 10px 10px;
font-size:85.7%;	/* 12px */
}

#side_tel STRONG{
font-size:133.3%;	/* 16px */
}
#side_fax{
margin-top:5px;
}
#side_fax STRONG{
font-weight:normal;
font-size:116.7%;	/* 14px */
}

#side_tel SPAN,	/* TELラベル */
#side_fax SPAN{	/* FAXラベル */
width:3em;
text-align:center;
background:#666;
display:inline-block;
color:#FFF;
}

/*------ 右側 フォームボタン欄 ------*/
#side_form{
margin:20px 10px 0 10px;
text-align:center;
}

#side_form A{
margin:0 auto;
display: block;
width:195px;
height:50px;
background:url(img/b_form.gif) 0 0 no-repeat;
}
#side_form A:hover{
background-position: 0 -50px;
}
#side_form SPAN{
display: none;
}


/*------------------------------------------------
  右側バナー欄 
------------------------------------------------*/
#side_banner{
margin:30px 0 0 0;
padding:0;
}

/*------ 直下、保険・ローン共通 ------*/
#side_banner UL{
margin:0;
padding:5px;
background:#DCDCDC url(img/dot_bg.gif);
}
#side_banner UL+UL{
margin-top:10px;
}

#side_banner LI{
margin:0;
padding:0;
background:#FFF;
text-align:center;
}
#side_banner_estate LI+LI,
#side_banner LI+LI{
margin-top:10px;
}

#side_banner LI A{
display: block;
line-height:normal;	/* IE7の隙間対策 */
vertical-align: text-bottom;
background:#FFF;
height:60px;
}
#side_banner_estate A:hover IMG,
#side_banner 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;
}


/*------ 保険・ローン ------*/
#side_banner LI H5{
line-height:normal;	/* IE7の隙間対策 */
height:30px;
}

#side_banner #side_insurance LI,
#side_banner #side_loan LI,
#side_banner #side_satei LI{
padding:0 0 5px 0;
background:#FFF;
}
#side_banner #side_insurance LI+LI,
#side_banner #side_loan LI+LI,
#side_banner #side_satei LI+LI{
margin-top:0;
}
#side_banner #side_satei LI#side_satei01{
padding-top:5px;
}
#side_banner #side_insurance LI A,
#side_banner #side_loan LI A{
height:40px;
}

#side_banner #side_insurance A:hover IMG,
#side_banner #side_loan A:hover IMG{
opacity:0.6;	/* Safari,Opera,Chrome */
filter:alpha(opacity=60); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=60)";	/* IE8 */
-moz-opacity: 0.6;	/* FireFox */
zoom:1;
}


/*------ 公取ステッカー（会社概要） ------*/
#side_banner #side_koutori{
background:#FFF;
text-align:center;
}
#side_banner #side_koutori LI IMG{
width:160px;
}





/*--------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------*/
/*------------------------------------------------
  パンくずリスト
------------------------------------------------*/
#pkl{
margin:10px auto 0 auto;
padding:0;
font-size:85.7%;	/* 12px */
width:980px;
text-align:left;
background:url(img/pkl_bg.jpg) center repeat-x;
}
#pkl A,
#pkl A:visited{
color:#666;
vertical-align:top;	/* IE7の隙間対策 */
}
#pkl A:hover{
color:#3CF;
}





/*------------------------------------------------
  アンカー 
------------------------------------------------*/
/*------------------------------------------------
  アンカー
-------------------------------------------------*/
#pt{
margin:0;
z-index:1000;
position: fixed;
bottom:15px;
right:30px;
}
#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:-80px;	 /* フッター下部固定 */
height:80px;	/* フッター下部固定 */
width:100%;
padding:0;
background:#DCDCDC;
}


/*------------------------------------------------
  著作権
------------------------------------------------*/
#copyright{
margin:0;
padding:30px 0 0 0;
font-size:71.4%;	/* 10px */
width:100%;
}





/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#header:after,
#header_inner:after,
UL#primary_menu:after,
#global_menu UL:after,
#box:after,
#content_top:after,
#content:after,
#slide UL:after,
#footer_inner:after,
#footer_address DL:after,
#contents_navi UL:after,
#voice_submenu:after,
#voice_submenu UL:after,
#faq DL:after,
#works #content DIV:after,
#news DL:after,
#index:after,
#top_banner:after,
#greeting:after,
#aboutus_index .inner:after,
#signature:after,
#requirements .inner:after,
#gallery:after,
#links:after,
#links UL:after,
.left:after,
.right:after,
#pdf:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */
#header,
#header_inner, 
#primary_menu
#global_menu UL,
#box,
#content_top,
#content,
#slide UL,
#footer_inner,
#footer_address DL,
#contents_navi UL,
#voice_submenu,
#voice_submenu UL,
#faq DL,
#works #content DIV,
#news DL,
#index,
#top_banner,
#greeting,
#aboutus_index .inner,
#signature,
#requirements .inner,
#gallery,
#links,
#links UL,
.left,
.right,
#pdf{
display: inline-table;
min-height:1%;  /* for IE 7*/
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #header,
* html #header_inner,
* html #primary_menu
* html #global_menu UL,
* html #box,
* html #content_top,
* html #content,
* html #slide UL,
* html #footer_inner,
* html #footer_address DL,
* html #contents_navi UL,
* html #voice_submenu,
* html #voice_submenu UL,
* html #faq DL,
* html #works #content DIV,
* html #news DL,
* html #index,
* html #top_banner,
* html #greeting,
* html #aboutus_index .inner,
* html #signature,
* html #requirements .inner,
* html #gallery,
* html #links,
* html #links UL,
* html .left,
* html .right,
* html #pdf{
height: 1%;
}
#header,
#header_inner,
#primary_menu
#global_menu UL,
#box,
#content_top,
#content,
#slide UL,
#footer_inner,
#footer_address DL,
#contents_navi UL,
#voice_submenu,
#voice_submenu UL,
#faq DL,
#works #content DIV,
#news DL,
#index,
#top_banner,
#greeting,
#aboutus_index .inner,
#signature,
#requirements .inner,
#gallery,
#links,
#links UL,
.left,
.right,
#pdf{
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 */