@charset "Shift_JIS";


HTML,BODY{
height: 100%;	/* フッター下部固定 */
}
BODY{
margin:0;
padding:0;
color:#000;
background:#333;
line-height:1.7;
font-size: 87.5%;	/* 14pxベース */
text-align: center;
letter-spacing:1px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
background:#FFF url(img/bg.jpg) no-repeat bottom fixed;	/* フッター以外の背景色 */
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
-webkit-text-size-adjust: 100%;	/* iPhone版Safari対策 */
}
* html body { /* for IE6 */ 
font-size: 87.5%;	/* 14pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 87.5%;	/* 14pxベース */
}


IMG,
A IMG{
border:none;
}


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

/*------ フォントサイズ ------
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:185.7%;	26px
font-size:200.0%;	28px
-----------------------------*/

/*------ カラーパレット ------
#F3981D		Mandarin Orange

-----------------------------*/




/*--------------------------------------------------------------------
  「レスポンシブ」固有
--------------------------------------------------------------------*/
#content IMG{
max-width:100%;
}

.tablet,
.sp{
display:none;
}

/*------------------------------------------------
  スマホ横以下用
------------------------------------------------*/
@media only screen and (max-width:768px) {
	#content IMG{
	width:auto;
	height:auto;
	max-width:100%;
	}
}

/*------------------------------------------------
  スマホ横用
------------------------------------------------*/
@media only screen and (min-width:541px) and (max-width:768px) {
	.pc,
	.sp{
	display:none;
	}
	.tablet{
	display:inline;
	}
}

/*------------------------------------------------
  スマホ縦用
------------------------------------------------*/
@media only screen and (max-width:540px) {
	.sp_none,
	.pc,
	.tablet{
	display:none;
	}
	.sp{
	display:inline;
	}
	
}



/*--------------------------------------------------------------------
  リンクテキスト
--------------------------------------------------------------------*/
A{
color:#333;
}
A:visited{
color:#708090;	/* SlateGray */
}
A:hover{
color:#FF8C00;	/* DarkOrange */
text-decoration:none;
}



/*--------------------------------------------------------------------
  見出し
--------------------------------------------------------------------*/
/*------------------------------------------------
   H2
------------------------------------------------*/
/*------ H2基本設定 ------*/
H2{
margin:0 auto;
padding:50px 0;
font-size:300.0%;	/* 42px */
font-weight:normal;
text-shadow: 1px 1px 0 #DCDCDC;
letter-spacing:10px;
}



/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	H2{
	font-family:inherit;
	letter-spacing:1px;
	}
}
/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	H2{
	font-size:36px;
	}
}

/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
H3{
margin:100px 0 25px 0;
padding:5px 10px;
font-size:185.7%;	/* 26px */
letter-spacing:3px;
background:url(img/gray.gif);
font-weight:normal;
color:#FFF;
}
H3 SPAN{
letter-spacing:1px;
}
H3 SPAN.small{
font-size:69.2%;	/* 18px */
}
/*------ リード文の中の時 ------*/
#content>DIV#lead H3{
margin:0;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
color:#FFF;
font-size:200.0%;	/* 28px */
}


/*------ コンテンツ先頭の時 ------*/
#content H3:first-child{
margin-top:0;
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	#content>DIV#lead H3,
	H3{
	font-size:24px;
	}
}



/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
H4{
margin:60px 0 20px 0;
padding:0;
font-weight:normal;
font-size:171.4%;	/* 24px */
color:#FF8C00;	/* DarkOrange */
}
H4 SPAN.small{
font-size:75.0%;	/* 18px */
}


/*------ 他要素隣接時は上余白を少な目に ------*/
H3+H4,	/* H3にH4が隣接する時 */
H4+*{	/* H4に各要素が隣接する時 */
margin-top:10px;
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	H4{
	font-size:20px;
	}
}



/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
H5{
margin:50px 0 10px 0;
font-weight:normal;
font-size:128.6%;	/* 18px */
color:#FF8C00;	/* DarkOrange */
}

/*------ 他要素隣接時は上余白を0に ------*/
H4+H5,	/* H4にH5が隣接する時 */
H5+*{	/* H5に各要素が隣接する時 */
margin-top:0;
}


/*--------------------------------------------------------------------
  インデント左右50pxずつ （横幅max880px）
--------------------------------------------------------------------*/
#content>H4,
#content>H5,
#content>P,
#content>DIV,
#content>BLOCKQUOTE,
#content>UL,
#content>OL,
#content>DL{
margin-right:50px;
margin-left:50px;
}
#content>TABLE{	/* max960px */
margin-right:10px;
margin-left:10px;
}


/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#content>H4,
	#content>H5,
	#content>P,
	#content>DIV,
	#content>TABLE,
	#content>BLOCKQUOTE,
	#content>UL,
	#content>OL,
	#content>DL{
	margin-right:2%;
	margin-left:2%;
	}
}



/*--------------------------------------------------------------------
  画像レイアウト枠
--------------------------------------------------------------------*/
/*------------------------------------------------
  影付き
------------------------------------------------*/
.kage IMG,
IMG.kage{
-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:5px !important;	/* 白枠 */
background:#FFF;	/* 白枠 */
/ border:1px solid #DCDCDC;	/* IE7 */
}
/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	.fuchi IMG,
	IMG.fuchi{
	max-width:96% !important;
	}
}


/*------------------------------------------------
  キャプション付き
------------------------------------------------*/
IMG.caption,
.caption IMG{
margin-bottom:10px;
}



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


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



/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	.left,
	.right{
	margin-right:auto;
	margin-left:auto;
	float:none;
	width:auto;
	height:auto;
	display:block;
	}
}



/*--------------------------------------------------------------------
  フォントサイズ・色
--------------------------------------------------------------------*/
/*------------------------------------------------
   フォント種類
------------------------------------------------*/
/*------ 明朝体指定 ------*/
.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;
}


/*------------------------------------------------
   文字サイズ
------------------------------------------------*/
.extrasmall{
font-size:71.4%;	/* 10px */
}
.small{
font-size:85.7%;	/* 12px */
}
.large{
font-size:128.6%;	/* 18px */
}
.extralarge{
font-size:157.1%;	/* 22px */
}


/*------------------------------------------------
   色付き文字
------------------------------------------------*/
.red{
color:#F00;
}
.pink{
color:#F04B95;	/* 濃い目のピンク */
}
.orange{
color:#FF8C00;	/* DarkOrange */
}
.blue{
color:#06C;
}
.green{
color:#690;
}


/*------------------------------------------------
   上付き文字
------------------------------------------------*/
SUP{
font-size:75.0%;	/* 12px */
}






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


/*------------------------------------------------
  横並びリスト
------------------------------------------------*/
#content UL.inline{
}
#content UL.inline LI{
margin-top:5px;
margin-bottom:5px;
padding-right:20px !important;
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	#content UL.inline LI{
	margin:8px 0;
	display:block;
	}
}

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

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

LI>DL{	/* ネストする時は上余白を少な目に */
margin-top:10px;
}
DT{
margin:0;
padding:0;
font-size:128.6%;	/* 18px */
color:#FF7F50;	/* Coral */
}
DD{
margin:0.3em 0;
}
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,
#content DD.kome{
padding-left:20px !important;
position: relative;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

UL.kome>LI>SPAN.komemark,
LI.kome>SPAN.komemark,
DD.kome>SPAN.komemark{
position: absolute;
top: 0;
left:-0.1em;
color:#F00;
}
* html DL>DD.kome>SPAN.komemark,
* html UL.kome>LI>SPAN.komemark,
* html UL>LI.kome>SPAN.komemark{ 	/* for win ie6 */
top: -0.3em;
}
*:first-child+html DL>DD.kome>SPAN.komemark,
*: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,
#content DD.pdf{
padding:1.2em 0 1.2em 40px !important;
background:url(img/pdf.gif) no-repeat left 1.0em;
list-style:none;
}
UL.pdf LI A,
LI.pdf A{
vertical-align:top;	/* IE7対策 */
}

.pdfs{
padding:0.1em 0 0.1em 20px;
background:url(img/pdf_s.gif) no-repeat left center;
}


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







/*--------------------------------------------------------------------
  表
--------------------------------------------------------------------*/
TABLE{
margin-top:0;
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;
width:960px;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	TABLE.data_table{
	width:96%;
	}
}
.data_table TH{
padding:10px;
border:1px solid #999;
background:#FFE4B5;	/* Moccasin */
}
.data_table TR:first-child TH{	/* 1行目の見出しセルは上下余白を少な目に */
padding:2px 10px;
}


.data_table TD{
padding:10px;
border:1px solid #999;
}

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




/*------------------------------------------------
  スマホ表示時にセルをスライドさせるタイプの表
------------------------------------------------*/
TABLE.float_table{
border-collapse:collapse;
border:1px solid #999;
width:960px;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	TABLE.float_table{
	width:96%;
	}
}
.float_table TH{
padding:10px;
border:1px solid #999;
background:#FFE4B5;	/* Moccasin */
}
.float_table TD{
padding:10px 15px;
border:1px solid #999;
}

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


/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	TABLE.float_table{
	border-top:none;
	border-right:none;
	}
	.float_table TH{
	padding-top:3px;
	padding-bottom:3px;
	}
	.float_table TH,
	.float_table TD{
	padding-right:3%;
	padding-left:3%;
	float:left;
	width:94%;
	}
	.float_table TH{
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:none;
	}
	.float_table TD{
	border-top:none;
	border-right:1px solid #999;
	border-bottom:none;
	border-left:none;
	}

}

/*--------------------------------------------------------------------
  「サービス内容」固有の設定
--------------------------------------------------------------------*/
UL#service_item{
margin:0 30px;
padding:0;
width:920px;
}
UL#service_item LI{
margin:40px 0;
padding:0;
width:920px;
clear:both;
background:#FFF;
}
UL#service_item LI IMG.icon{
float:left;
padding:10px;
background:url(img/orange_bg.png);
}
UL#service_item LI DIV{
float:right;
width:730px;
}
UL#service_item LI H4{
margin-top:20px;
font-weight:bold;
font-size:200.0%;	/* 28px */
}
UL#service_item LI DIV IMG{
margin:-30px 0 0 30px;
float:right;
}




/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	UL#service_item{
	margin:auto 2%;
	width:auto;
	}
	UL#service_item LI{
	width:auto;
	text-align:center;
	}
	UL#service_item LI BR{
	display:none;
	}
	UL#service_item LI IMG.icon{
	margin:auto;
	float:none;
	}

	UL#service_item LI DIV{
	width:100%;
	text-align:left;
	}
	UL#service_item DIV H4{
	text-align:center;
	}
}

/*------ スマホ横用 ------*/
@media only screen and (min-width:541px) and (max-width:768px) {
	UL#service_item LI DIV IMG{
	margin:-10px 0 0 30px;
	float:right;
	}
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	UL#service_item LI+LI{
	margin-top:60px;
	}

	UL#service_item LI DIV H4{
	margin:10px auto 0 auto;
	font-size:22px;
	}
	UL#service_item LI DIV IMG{
	display:none;
	}

}


/*--------------------------------------------------------------------
  「会社概要」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  GoogleMap
-----------------------------------------------*/
#map+IFRAME{
margin:0 10px 25px 10px;
height:600px;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#map+IFRAME{
	margin:0 2% 25px 2%;
	width:96%;
	height:400px;
	}
}


/*--------------------------------------------------------------------
  「料金」固有の設定
--------------------------------------------------------------------*/
UL#price_item{
margin:0;
padding:0 0 10px 0;
width:980px;
}
UL#price_item>LI{
margin:40px 0 40px 30px;
padding:0;
width:445px;
float:left;
background:#FFF;
}
UL#price_item>LI IMG.icon{
float:left;
padding:10px;
background:url(img/orange_bg.png);
}
UL#price_item>LI DIV{
float:right;
width:280px;
}
UL#price_item>LI H4{
margin:20px 0 0 0;
}
UL#price_item>LI STRONG{
font-size:171.4%;	/* 24px */
}

/*------------------------------------------------
  クレジットカード
------------------------------------------------*/
#content UL.inline#card_item{
margin:auto;
display:table;
}
#content UL.inline#card_item LI{
background:#FFF;
text-align:center;
vertical-align:middle;
}




/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	UL#price_item{
	margin:auto 2%;
	width:auto;
	}
	UL#price_item>LI{
	margin:40px 0;
	width:auto;
	float:none;
	display:block;
	}
}

/*------ スマホ横用 ------*/
@media only screen and (min-width:541px) and (max-width:768px) {
	UL#price_item>LI DIV{
	margin:0 0 0 30px;
	width:auto;
	max-width:300px;
	text-align:left;
	float:left;
	}
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	UL#price_item>LI{
	text-align:center;
	}
	UL#price_item>LI+LI{
	margin-top:60px;
	}
	UL#price_item>LI IMG.icon{
	margin:auto;
	float:none;
	display:block;
	width:30%;
	}
	UL#price_item>LI DIV{
	margin:0 auto;
	width:auto;
	display:table;
	float:none;
	}
	UL#price_item>LI#price06 DIV .kome{
	text-align:left;
	}
	#content UL.inline#card_item{
	text-align:center;
	}
	#content UL.inline#card_item LI{
	display:inline-block;
	}



}


/*--------------------------------------------------------------------
  「お問い合わせ」固有の設定
--------------------------------------------------------------------*/
#tel_item{
font-size:200.0%;	/* 28px */
text-align:center;
font-weight:bold;
}
#tel_item STRONG{
color:#FF8C00;	/* DarkOrange */
font-size:200.0%;	/* 56px */
}
#tel_item STRONG::before{
margin-right:10px;
content: " \f095";
font-family: FontAwesome;
vertical-align:middle;
display:inline-block;
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	#tel_item{
	font-size:24px;
	}
	#tel_item STRONG{
	font-size:36px;
	}
	#tel_caption{
	text-align:left;
	font-size:16px;
	}
	#tel_item .tel A{
	color:#FF8C00;	/* DarkOrange */
	}

}



/*--------------------------------------------------------------------
  「お知らせ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  GoogleMap
-----------------------------------------------*/
IFRAME#infocgi{
margin:0 10px 25px 10px;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	IFRAME#infocgi{
	display:none;
	}
}




/*--------------------------------------------------------------------
  「コンテンツ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  リード文 一番上に本文が来る場合
------------------------------------------------*/
#content>DIV#lead,
#content>P#lead,
#content>P:first-child{
font-size:114.3%;	/* 16px */
text-align:center;
}

#content>DIV#lead{
margin:25px auto;
padding:30px;
background:#E78C23 url(img/orange_bg.png);
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
z-index:3;
position:relative;
}
/*------ 吹き出しの▲  ------*/
#content>DIV#lead::after{
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(231,140,35,0);
border-top-color:#E78C23;
border-width:15px;
top:100%;
left:48.2%;
}



/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#content>DIV#lead,
	#content>P#lead,
	#content>P:first-child{
	text-align:left;
	}
	#content>DIV#lead{
	padding:15px;
	}
	#content>DIV#lead BR,
	#content>P#lead BR,
	#content>P:first-child BR{
	display:none;
	}
}




/*------------------------------------------------
  お問い合わせ枠・枠囲み
------------------------------------------------*/
DIV.border{
margin-top:2.8em;
margin-bottom:1.8em;
}
H4+DIV.border{
margin-top:0;
}

.border{
padding:30px;
background:#FFF0F5 url(img/border_corner.png) no-repeat right bottom;	/* LavenderBlush */
-moz-box-shadow: 0 0 5px #CCC;
-webkit-box-shadow: 0 0 5px #CCC;
box-shadow:0 3px 5px -2px #CCC;
}
.border H5{
margin:0 -10px 20px -10px;
padding:0 10px 15px 10px;
color:#300;
background:url(img/h5bg.png) no-repeat bottom right;
}
.border P,
.border OL{
margin-top:1.3em;
margin-bottom:0;
}


/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	.border{
	padding:20px;
	}
	.border H5{
	margin:0 -5px 20px -5px;
	padding:0 5px 15px 5px;
	}
}


/*------------------------------------------------
  リンクボタン
------------------------------------------------*/
#content>P.links{
text-align:center;
font-size:175.0%;	/* 28px */
}

.links A,
.links A:visited{
padding:15px 10px;
display: block;
color:#FFF;
background:#D5AB96;	/* 外壁色 */
border:1px solid #D5AB96;	/* 外壁色 */
zoom: 1;
outline: none;
overflow: hidden;
text-decoration:none;
border-radius:4px;        /* 角丸 */  
-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:4px;   /* 角丸 Firefox用 */  
text-align:center;
}
.links A::after{
margin-left:10px;
content: " \f138";
font-family: FontAwesome;
vertical-align:middle;
display:inline-block;
}
.links A:hover{
color:#FFF;
background:#9C3;
border:1px solid #9C3;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	.links A,
	.links A:visited{
	padding:20px 5px;
	}
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	#content>P.links{
	font-size:24px;
	}
}


/*--------------------------------------------------------------------
  「トップページ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  トップページ スライド欄
------------------------------------------------*/
#slide{
margin:0;
padding:0;
}
#slide LI H2>IMG{
margin:0 auto;
width: 100%;
height:auto;
}


#slide LI{
margin:0;
}

#slide LI H2{
margin:0 !important;
padding:0 !important;
}


/*------ 2枚目以降のスライドが見えてしまう対策 ------*/
IMG#slideimg02,
IMG#slideimg03,
IMG#slideimg04{
display:none;
}


/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	#slide LI{
	height:160px;
	}
	#slide LI H2>IMG{
	display:none !important;
	}
	#slide01{
	background:url(img/slide/top01.jpg) no-repeat 3% top;
	}
	#slide02{
	background:url(img/slide/top02.jpg) no-repeat left top;
	}
	#slide03{
	background:url(img/slide/top03.jpg) no-repeat 90% top;
	}
	#slide01,
	#slide02,
	#slide03{
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	}

}



/*------------------------------------------------
  トップページPR欄 
------------------------------------------------*/
#top_pr{
margin:0;
padding:30px 0 55px 0;
font-size:14px;
}
#top_pr UL{
margin:0 auto;
width:980px;
}
#top_pr UL LI{
margin-top:25px;
width:310px;
height:310px;
background:url(img/white_bg.png);
float:left;
}
#top_pr UL LI.menu02,
#top_pr UL LI.menu03,
#top_pr UL LI.menu05,
#top_pr UL LI.menu06{
margin-left:25px;
}
#top_pr UL LI DIV{
margin:10px;
background:url(img/orange_bg.png);
}

#top_pr UL LI A{
padding:10px;
display:block;
text-decoration:none;
height:270px;	/* +10px+10px=290px */
background:url(img/top_pr_bgtext.png) no-repeat bottom right;
}
#top_pr UL LI:hover DIV{
background:url(img/darkorange_bg.png);
}
#top_pr UL LI A:hover,
#top_pr UL LI:hover A{
color:#FFF;
}
#top_pr UL LI IMG{
margin:20px auto;
display:block;
a border:3px solid #FFF;
}



/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#top_pr{
	padding:30px 0;
	}
	#top_pr UL{
	width:100%;
	}
	#top_pr UL LI{
	text-align:left;
	}
	#top_pr UL LI BR{
	display:none;
	}
}

/*------ スマホ横用 ------*/
@media only screen and (min-width:541px) and (max-width:768px) {
	#top_pr UL LI{
	width:44%;
	margin:25px 0 0 4% !important;
	}
	#top_pr UL LI A{
	padding:10px 5px 10px 10px;
	}
}

/*------ スマホ縦用 ------*/
@media only screen and (max-width:540px) {
	#top_pr UL LI{
	margin:25px 0 0 4% !important;
	width:92%;
	height:auto;
	}
	#top_pr UL LI A{
	padding:10px 5px 20px 10px;
	height:auto;
	}
}


/*------------------------------------------------
  トップページ お知らせ欄 
------------------------------------------------*/
#news{
margin:50px 0 0 0;
}
#news H3{
margin:0 0 30px 0;
position:relative;
}
#news H3 A{
display: block;
width: 70px;
height: 25px;
background:url(img/b_archive.gif) 0 0 no-repeat;
zoom: 1;
text-indent: -9999px;
outline: none;
font-size: 1px;
overflow: hidden;
position: absolute;
bottom:0px;
right:5px;
}
#news H3 A:hover{
background-position: 0 -25px;
}
#news H3 SPAN{
display: none;
}


/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#news UL LI{
	background:url(img/news_arrow.gif) 0 0.25em no-repeat;
	
	}
}



/*------------------------------------------------
  トップページ バナー欄 (右 380px)
------------------------------------------------*/
UL#top_right_banner{
margin:0;
padding:0;
list-style:none;
}
UL#top_right_banner LI{
margin:0 0 10px 0;
padding:0;
background:none;
overflow:hidden;
line-height:0;
text-align:center;
}
#top_right_banner LI IMG{
vertical-align: text-bottom;
width:378px;
height:auto;
border:1px solid #DCDCDC;
}
#top_right_banner LI IMG: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;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#top_right_banner LI IMG{
	width:99.4%;
	height:auto;
	max-width:570px;
	}

}





/*--------------------------------------------------------------------
  共通レイアウト枠
--------------------------------------------------------------------*/
#wrap{
min-height: 100%;
_height: 100%; /* for IE6 */
}
@media only screen and (min-width:769px) and (max-width:990px) {
	BODY{
	width:1010px;
	}
}

#box{
background:#FFF;
padding:10px 0 0 0;
}

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

#content{	/* コンテンツ部 */
margin:20px auto 0 auto;
padding:0 0 30px 0;
width: 980px;
/* float:left; */
}

.inner{
width:100%;
}


/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#wrap{
	min-height: auto;
	_height: auto; /* for IE6 */
	}
	#box{
	background-size:250% auto;
	-webkit-background-size:250% auto;
	-moz-background-size:250% auto;
	-o-background-size:250% auto;
	-ms-background-size:250% auto;
	}
	#box_inner{
	width:100%;
	padding-bottom:10px; /* フッター下部固定 */
	}
	#content{
	margin-right:2%;
	margin-left:2%;
	width:96%;
	float:none;
	}
}



/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
#header{
padding:0 0 10px 0;
width:100% !important;
background:#FFF;
z-index:9999;	/* IE7以下でプルダウンメニューが隠れるための対策 */
}
#header_inner{
margin:0 auto 10px auto;
padding:1px 0;
text-align:left;
width:980px;
z-index:10;	/* IE7以下でプルダウンメニューが隠れるための対策 */
position: relative;	/* #primarymenuの基点位置 */
}


H1{
margin:10px 0 0 0;
float: left;
width: 500px;
font-size:100.0%;	/* 14px */
font-weight:normal;
}
H1 SPAN{	/* コメント */
margin-bottom:20px;
font-size:12px;
display:block;
}

H1 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;
}


#tel{
margin:50px 0 5px 0;
float:right;
width:310px;
}




/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#header_inner{
	margin:0 auto;
	width:96%;
	display:block;
	text-align:center;
	}
	H1{
	margin:70px 0 0 0;
	float: none;
	width: 100%;
	}
	H1 SPAN{	/* コメント */
	margin-bottom:10px;
	}
	H1 IMG,
	#tel IMG{
	width:100%;
	max-width:310px;
	}
	#tel{
	margin:20px 0;
	float:none;
	width:100%;
	}
}






/*--------------------------------------------------------------------
  プライマリーメニュー
--------------------------------------------------------------------*/
#primary_menu{
margin:0;
padding:0;
width:120px;		/* 画像幅100+ボタン数1×10（左余白） */
height: 25px;
text-align:left;
position:absolute;
top:10px;
right:0;
}
/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#primary_menu{
	top:10px;
	left:-5px;
	}
}

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


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

#primary_menu LI.menu01 A{
background-position:0 0;
width:110px;
}
#primary_menu LI.menu01 A:HOVER{
background-position:0 -25px;
}

#primary_menu SPAN{
display: none;
}



/*------------------------------------------------
  Homeボタン
------------------------------------------------*/
DIV#sp_home{
display:none;
z-index:101;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	DIV#sp_home{
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:70px;
	display:block;
	}
	DIV#sp_home A{
	width:60px;
	height:60px;
	display: block;
	background:url(img/sp_nav.gif) no-repeat 0 0;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	}

	DIV#sp_home A SPAN{
	display:none;
	}

}




/*--------------------------------------------------------------------
  グローバルナビゲーションメニュー(menubar)
--------------------------------------------------------------------*/
#global_navi{
margin:0 auto;
padding:0;
width:100%;
height:50px;
clear:both; 
position:relative;
z-index:100;
text-align:left;
}


/*------------------------------------------------
  全体 
------------------------------------------------*/
#global_navi > SPAN{
display: none;
}
#global_navi LI{
position: relative;
}
#global_navi LI A{
display: block;
}




/*------------------------------------------------
  PCメインメニュー第一階層
------------------------------------------------*/
UL#global_menu{
margin:0 auto;
padding:0;
width:980px;
height:50px;
}

UL#global_menu>LI{
margin:0 3px;
padding:0;
background:none;
float: left;
display: inline;
*zoom: 1;  				/* IE7対策 */
}
UL#global_menu>LI>A{
display: block;
width:190px;
height:50px;
background: url(img/global_menu.gif) no-repeat 0 0;
}


UL#global_menu>LI.menu01 A{
background-position:0 0;
}
UL#global_menu>LI.menu01 A:HOVER{
background-position:0 -50px;
}
UL#global_menu>LI.menu02 A{
background-position:-190px 0;
}
UL#global_menu>LI.menu02 A:HOVER{
background-position:-190px -50px;
}
UL#global_menu>LI.menu03 A{
background-position:-380px 0;
}
UL#global_menu>LI.menu03 A:HOVER{
background-position:-380px -50px;
}
UL#global_menu>LI.menu04 A{
background-position:-570px 0;
}
UL#global_menu>LI.menu04 A:HOVER{
background-position:-570px -50px;
}
UL#global_menu>LI.menu05 A{
background-position:-760px 0;
}
UL#global_menu>LI.menu05 A:HOVER{
background-position:-760px -50px;
}

UL#global_menu>LI.menu01.active A , UL#global_menu>LI.menu01.active A:HOVER{
background-position:0 -100px;
}
UL#global_menu>LI.menu02.active A , UL#global_menu>LI.menu02.active A:HOVER{
background-position:-190px -100px;
}
UL#global_menu>LI.menu03.active A , UL#global_menu>LI.menu03.active A:HOVER{
background-position:-380px -100px;
}
UL#global_menu>LI.menu04.active A , UL#global_menu>LI.menu04.active A:HOVER{
background-position:-570px -100px;
}
UL#global_menu>LI.menu05.active A , UL#global_menu>LI.menu05.active A:HOVER{
background-position:-760px -100px;
}

UL#global_menu SPAN{
display: none;
}






/*------------------------------------------------
  PCメインメニュー第2階層
------------------------------------------------*/

UL#sub-menu{
list-style:none;
}
.sub-menu li{
	background:none;
}



#global_navi li ul{
margin-top:0px;
padding:0;
display: none;
position: absolute;
z-index:105;	/* IE7以下でプルダウンメニューが隠れるための対策 */
top: 100%;
left:0;
}
#global_navi li:hover ul{
display: block!important;
}
#global_navi li ul a{
width:180px;
height:auto !important;
padding:6px 20px; /* 15 (20) */
color:#FFF;
background:#666 !important;
filter:alpha(opacity=97); /*IE*/
-moz-opacity:0.97; /*FF*/
opacity:0.97;
text-decoration:none;
clear:both;
visibility:visible;
}
#global_navi li ul li+li a{
border-top:1px solid #999;
}


#global_navi li ul li a:hover{
	background:#69C !important;
}





/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	
	/* ------ スマホ：メインメニューアウトライン ------ */

	#global_navi{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:5px;
	}
	#global_navi > SPAN{
	display:block;
	padding:0;
	position:absolute;
	top:0;
	right:5px;
	width: 60px;
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	background:url(img/sp_nav.gif) no-repeat -60px 0px;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	cursor:pointer;
	}

	UL#global_menu LI SPAN{
	display: block;
	}



	/*------------------------------------------------
	  スマホ：メインメニュー第一階層
	------------------------------------------------*/
	UL#global_menu{
	margin:0 auto;
	width:100%;
	height: auto !important;
	display: none;
	position: absolute;
	top:65px;
	right:0px;
	background:#333;
	filter:alpha(opacity=97); /*IE*/
	-moz-opacity:0.97; /*FF*/
	opacity:0.97;
	-moz-box-shadow: 0px 1px 3px #666;		/* 影：firefox他 */
	-webkit-box-shadow: 0px 1px 5px #666;		/* 影：Safari,Chrome */
	z-index:102;	/* IE7以下でプルダウンメニューが隠れるための対策 */
	}
	UL#global_menu.open{
	display: block;
	}
	#global_navi > SPAN.open{
	background-position:-120px 0;
	}
	UL#global_menu>LI{
 	margin:0 !important;
	padding:0 !important;
	display:block;
	clear:both;
	float: none !important;
	background-image:none;
	text-align:center;
	}
	UL#global_menu>LI+LI{
	border-top:dotted 1px #666;
	}



	UL#global_menu>LI>A{
	padding:1.0em 10px 0.5em 10px;
	background:none;
	width:auto !important;
	height:2em !important;
	font-size:16px;
	text-decoration:none;
	clear:both;
	color:#FFF;
	}
	UL#global_menu>LI>A:hover{
	background-color:#F3981D;	/* Mandarin Orange */
	}
}



/*--------------------------------------------------------------------
  右側メニュー欄 
--------------------------------------------------------------------*/
#menubox{
margin:20px auto;
padding:10px 0;
float: right;
width: 250px;
}

#menubox H5{
margin:0;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#menubox{
	margin:30px auto;
	width:96%;
	float:none;
	}
}


/*------------------------------------------------
  右側サブメニュー欄 
------------------------------------------------*/
UL#side_menu{
margin:0 0 50px 0;
padding:0 0 10px 0;
text-align:center;
border:3px solid #E6F398;	/* うぐいす色（中間） */
font-size:87.5%;	/* 14px */
background:url(img/white_bg50.png);
}
UL#side_menu LI{
margin:0;
padding:0;
line-height:0;	/* IE7の隙間対策 */
}

UL#side_menu LI A{
margin:0;
padding:1.0em 2px;
display:block;
text-decoration:none;
line-height:normal;	/* IE7の隙間対策 */
vertical-align:top;	/* IE7の隙間対策 */
color:#7B5643;	/* こげ茶 */
}
UL#side_menu LI A:hover{
color:#F04B95;	/* 濃いピンク */
}

/*------ 一番上の親カテゴリー名 ------*/
UL#side_menu LI:first-child{
margin-bottom:10px;
border-bottom:1px dashed #CDE100;	/* うぐいす色（濃） */
font-weight:bold;
font-size:114.3%;	/* 16px */
position:relative;
}
UL#side_menu LI:first-child A{
padding:25px 2px 10px 2px;
}
UL#side_menu LI:first-child IMG{
position:absolute;
bottom:20px;
right:5px;
}

/*------ アクティブ時 ------*/
UL#side_menu LI.active>A{
color:#F04B95;	/* 濃いピンク */
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	UL#side_menu{
	font-size:18px;
	background:#F8FCD2;	/* うぐいす色（淡） */
	}
}

/*------------------------------------------------
  右側バナー欄 
------------------------------------------------*/
UL#side_banner{
margin:30px auto 0 auto;
padding:0;
list-style:none;
}
UL#side_banner LI{
margin:0 0 10px 0;
padding:0;
background:none;
overflow:hidden;
line-height:0;
text-align:center;
}
#side_banner LI IMG{
vertical-align: text-bottom;
width:248px;
height:auto;
border:1px solid #DCDCDC;
}
#side_banner LI IMG: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;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#side_banner LI IMG{
	width:99.4%;
	height:auto;
	max-width:578px;
	}
}



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

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#pkl{
	margin:0 2%;
	}
}


/*------------------------------------------------
  アンカー 
------------------------------------------------*/
#pt{
}

#pt A{
margin:0 auto;
display: block;
width: 70px;
height: 70px;
background:url(img/pt.gif) center 0 no-repeat;
zoom: 1;
text-indent: -9999px;
outline: none;
overflow: hidden;
}
#pt A:hover {
background-position: center -70px;
}
#pt SPAN{
display: none;
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	#pt A{
	width: 100%;
	}
	#pt A:hover {
	background-color:#F3981D;	/* Mandarin Orange */
	}
}



/*--------------------------------------------------------------------
  フッター
--------------------------------------------------------------------*/
#footer{
margin-top:80px;
/* margin-top:-140px; */	/* フッター下部固定 */
/* height:140px; */			 /* フッター下部固定 */
background:url(img/white_bg50.png);
}

/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	DIV#footer{
/*	margin-top:0;
	height:auto;*/
	}
}

/*------------------------------------------------
  連絡先欄 
------------------------------------------------*/
#address{
padding:0 0 30px 0;
text-align:center;
font-size:87.5%;	/* 14px */
background:url(img/white_bg50.png);
}
#address H5{
margin:0;
padding:25px 0 10px 0;
font-size:114.3%;	/* 16px */
color:#000;
}
#address H6{
margin:15px 5px 0 5px;
font-weight:normal;
font-size:114.3%;	/* 16px */
}

#address P,
#address UL{
margin:5px;
}


/*------ 電話番号欄 ------*/
#address LI#footer_tel{
margin:15px 0;
padding:0;
font-size:16px;
letter-spacing:2px;
}
#address #footer_tel STRONG{	/* 電話番号 */
font-size:30px;
line-height:35px;
}

/*------ スマホ横用 ------*/
@media only screen and (min-width:541px) and (max-width:768px) {
	#address H6 BR,
	#address P BR{
	display:none;
	}
}




/*------------------------------------------------
  著作権
------------------------------------------------*/
#copyright{
margin:0;
padding:25px 0;
font-size:71.4%;	/* 10px */
a background:#F8FCD2;	/* うぐいす色（淡） */
}




/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#box_inner::after,
#header::after,
#header_inner::after,
#primary_menu::after,
#footer::after,
#top_pr UL::after,
#director::after,
UL#service_item LI::after,
UL#price_item::after,
UL#price_item>LI::after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#box_inner,
#header,
#header_inner,
#primary_menu,
#footer,
#top_pr UL,
#director,
UL#service_item LI,
UL#price_item,
UL#price_item>LI{
display: inline-table;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #box_inner,
* html #header,
* html #header_inner,
* html #primary_menu,
* html #footer, 
* html #top_pr UL,
* html #director,
* html UL#service_item LI,
* html UL#price_item,
* html UL#price_item>LI{
height: 1%;
}
#box_inner,
#header,
#header_inner,
#primary_menu,
#footer,
#top_pr UL,
#director,
UL#service_item LI,
UL#price_item,
UL#price_item>LI{
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 */