@charset "utf-8";
/* 基本スタイル
---------------------------------------------*/

/*  orange ED7B28  F6B148 464646
-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}



body { 
	margin:0px 0px 30px 0px;
	color:#fff;	
	font-size: 75%;
	font-family: "ヒラギノ角ゴ pro w3" , "hiragino kaku gothic pro" , osaka, "メイリオ" , "meiryo" , "ｍｓ ｐゴシック", san-serif;

	/*この店舗の背景色*/
	background-color: #fff;
	/*background-image: url(../img/all/img_bg.gif); */

	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;

	}


/* ヘッダー 共通
---------------------------------------------*/
.header {
	width: 860px;
	margin: 0px auto; 
	padding:0px;
	text-align:left;
	line-height:0;

}

/* ヘッダー 上部　ナビ
---------------------------------------------*/

.hdtopnav{
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 0px; 	
	line-height:1.8;
	background:#666;
	color:#666;
	text-align:right;
}

.hdtopnav a{
	text-align:right;
	color:#FFF;
	text-decoration: none;     /* 下線を消す */
}

.hdtopnav a:hover {
	color:#FFF;
	text-decoration: underline;     /* 下線を表示する */
}



/* ヘッダー ナビ  共通
---------------------------------------------*/

.hdnav {
	margin:0px 0px 0px 0px;
	line-height:1.8;
	/*position: absolute; */
	text-align:left;	
	color:#666;
}

.hdnav a{
	color:#666;
	text-decoration: none;     /* 下線を消す */
}

.hdnav a:hover {
	color:#666;
	text-decoration: underline;     /* 下線を表示する */
}


.hdnav .bgcolor{
	padding:5px 0px 5px 0px; 
	background:#666;
}

.hdnav .bgcolor a{
	color:#FFF;
	text-decoration: none;     /* 下線を消す */
}

.hdnav .bgcolor a:hover {
	color:#FFF;
	text-decoration: underline;     /* 下線を表示する */
}




/* 以下詳細部分に使用  共通
---------------------------------------------*/
.middle{
	width: 860px;
	text-align: center;
	margin: 0px auto; 	
	/*background-color:#990000;*/
	/*width: 860px;*/
}

.middle .inbody{
	width: 765px;
	margin: 0px auto; 		
}
	


/* フッター  共通
---------------------------------------------*/
.footer{
	width:860px;
	text-align:center;
	margin: 0px auto; 
	position: relative;
}


.footer .border{
	margin:20px 0px 0px 0px;	
}

.footer .border img{
	width:100%;
}

.footer .cp{
/*	border-top: 3px solid #989898;*/
	margin:20px 0px 30px 0px;
}

/* フッター ナビ  共通
---------------------------------------------*/

.fdnav {
	margin:20px 0px 30px 0px;
	line-height:1.8;
	/*position: absolute; */
	text-align:center;	
	color:#666;
}

.fdnav a{
	color:#666;
	text-decoration: none;     /* 下線を消す */
}

.fdnav a:hover {
	color:#666;
	text-decoration: underline;     /* 下線を表示する */
}


.fdnav .bgcolor{
	padding:5px 0px 5px 0px; 
	background:#666;
}

.fdnav .bgcolor a{
	color:#FFF;
	text-decoration: none;     /* 下線を消す */
}

.fdnav .bgcolor a:hover {
	color:#FFF;
	text-decoration: underline;     /* 下線を表示する */
}

.fdnav .boder{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	line-height:0;
}

.fdnav .imgbox{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;	
	line-height:0;
	/*position: absolute; */
	text-align:center;	
	background:#666;
}


/* ページトップへ移動
---------------------------------------------*/
.topmove{
	text-align:right;
	width:100%;
	margin: 15px 0px 0px 0px;	
	padding: 0;
}
.topmove a{
	/*right: 0px;*/
/*	width: auto;*/
	height: 25px;
	padding: 4px 20px 0px 0px;
	color: #aeaeae;
	font-size: 95%;
	text-decoration: none;
}
.topmove a:hover {
	color: #900; 
	text-decoration: underline;     /* 下線を表示する */
}



/*
---------------------------------------------*/
a.type_one{
	color:#333;
	text-decoration: none;
}
a:hover.type_one{
	color:#333; 
	/*background-color: #FFC;*/ 
	text-decoration:underline;	
}


/* カラー　*/
.color_red{color:#F00;}

.text_left{	text-align: left;	}
.text_right{text-align: right;	}


.margin_all_type_one  {margin:  5px;}
.margin_all_type_two  {margin: 10px;}
.margin_all_type_three{margin: 15px;}
.margin_all_type_four {margin: 20px;}


.margin_top_type_one  {margin-top: 5px;}
.margin_top_type_two  {margin-top: 10px;}
.margin_top_type_three{margin-top: 15px;}
.margin_top_type_four {margin-top: 20px;}

.margin_btm_type_one  {margin-bottom:  5px;}
.margin_btm_type_two  {margin-bottom: 10px;}
.margin_btm_type_three{margin-bottom: 15px;}
.margin_btm_type_four {margin-bottom: 20px;}

.margin_lef_type_one  {margin-left:  5px;}
.margin_lef_type_two  {margin-left: 10px;}
.margin_lef_type_three{margin-left: 15px;}
.margin_lef_type_four {margin-left: 20px;}

.margin_right_type_one  {margin-right:  5px;}
.margin_right_type_two  {margin-right: 10px;}
.margin_right_type_three{margin-right: 15px;}
.margin_right_type_four {margin-right: 20px;}


.font_size_zero{font-size: 80%;}
.font_size_one{font-size: 100%;}
.font_size_two{font-size: 120%;}
.font_size_three{font-size:130%;}
.font_size_four{font-size: 140%;}
.font_size_five{font-size: 150%;}



.Line_type_one{ line-height: 1.0;	}
.Line_type_two{ line-height: 1.2;	}
.Line_type_three{ line-height: 1.4;	}
.Line_type_four{ line-height: 1.6;	}
.Line_type_five{ line-height: 1.8;	}



/* スマホ対策
---------------------------------------------*/


@media screen and (max-width: 480px) {


    .header {
	    width: 100%;
    }
	.header img{
	width: 100%;

		}	
	.header_img_box{
	line-height:1.0;
	}	


    .middle{
	    width: 100%;
    }
	.middle .inbody{
	    width: 100%;
	}
	
    .footer{
	    width: 100%;
    }


	.fdnav img{
		width:100%;
		height:auto;
	}


}