@charset "UTF-8";

body{
  text-align : center;
  width : 100%;
  background-color : black;
  margin-left : auto;
  margin-right : auto;
  height : inherit;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top : 0px;
  padding-bottom : 0px;
  font-family : Arial;
  box-sizing: border-box;
  color : white;
}
#header{
  background-color : red;
  text-align : center;
  width : 100%;
  height : auto;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}
#head_img{
  width : 100%;
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
  background-color : red;
}

h1{
  font-size : 14px;
  color : white;
  text-align : left;
  width : 1000px;
  margin-left : auto;
  margin-right : auto;
  padding-top : 10px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}
nav#menu ul,li{
	margin: 0px;
	padding: 0px;
       
}

/*メニューブロック設定*/
nav#menu{
      	height: 60px;	/*ブロックの高さ*/
	background-color : red;	/*背景色（古いブラウザだとここの色のみが出ます）*/	/*グラデーション*/
	background-image: -webkit-linear-gradientred;	, #e7e7e7);	/*同上*/			/*同上*/
	border-top: 1px solid #d4d4d4;		/*メニューの上側の線の幅、線種、色*/
	border-bottom: 5px solid #999999;	/*メニューの下側の線の幅、線種、色*/
}
nav#menu ul{
	width: 997px;
	margin: 0px auto;
}
/*メニュー１個ごとの設定*/
nav#menu ul li{
	float: left;
	width: 16.5%;	/*メニュー幅*/
	border-right : 1px solid #d4d4d4;	/*メニューの右側の線の幅、線種、色*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight: bold;	/*文字を太字にする設定*/

  list-style-type : none;
  list-style-position : inherit;
}
nav#menu ul li a{
	text-decoration: none;
	display: block;
	line-height: 30px;
	padding-top: 5px;
	color : white;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少しあける設定*/

}
/*最初のメニューの設定*/
nav#menu ul li:first-child{
	border-left: 1px solid #d4d4d4;	/*左側に線を入れる*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover{
	background-color : #ffffff;	/*背景色*/
	border-bottom: 5px solid #999999;	/*メニューの下側の線の幅、線種、色*/

  color : black;
}
/*英語表記の設定*/
nav#menu ul li a span{
	color : black;	/*文字色*/
	font-size: 9px;	/*文字サイズ*/
	display: block;
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/
	line-height: 20px;
	padding-bottom: 5px;
}

.logo{
  margin-right : 22%;
  height : auto;
　max-width : 423px;
  min-width : 300px;
}

img{
	border-width : 0px;
}

#main{
  text-align : center;
  max-width : 1000px;
  width : 99%;
  height : inherit;
  margin-left : auto;
  margin-right : auto;
  box-sizing: border-box;
}

#main_img{
  text-align : center;
  width : 100%;
}

.i_h_img{
  width : 24%;
  height : auto;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
  box-sizing: border-box;
}

.h_img{
  width : 11.9%;
  height : auto;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
  box-sizing: border-box;
}
.alpha a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
 
}
.navi{
  text-align : left;
  width : 100%;
  font-size : 12px;
  margin-top : 5px;
  margin-bottom : 5px;
  color : white;
}

a{
  color : black;
  text-decoration : none;
}

#right{
  text-align : center;
  max-width : 700px;
  width : 70%;
  float : right;
  padding-top : 0px;
  margin-top : 0px;
  margin-bottom : 10px;
}

.index_tab{
  text-align : center;border-width : 1px;border-style : solid;border-color : red;
  width : 98%;
  height : inherit;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 15px;
}

.main_tex{
  text-align : left;
  width : 98%;
  margin-left : auto;
  margin-right : auto;
  line-height : 150%;
}

h3{
  font-size : 100%;
  color : white;
  background-color : red;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  width : 100%;
  text-align : center;
  height : 40px;
  line-height : 40px;
}
h4{
  font-size : 100%;
  color : red;
}

/*left listの設定*/
#left{
  max-width : 280px;
  width : 27%;
  height : auto;
  float : left;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  box-sizing: border-box;
}

#left ul{
  text-align : left;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : white;
  border-right-color : white;
  border-bottom-color : white;
  width : 100%;
  height : auto;
  padding-left : 0px;
  margin-left : 0px;
  padding-top : 0px;
  margin-top : 0px;
  box-sizing: border-box;
}



#left li{
  width : 100%;
  text-align : left;
  padding-left : 0px;
  margin-left : 0px;
  list-style-type : none;
  color : red;
  text-indent : 1.5em;
  line-height : 40px;
  background-color : white;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : silver;
  font-size : 100%;
    padding-top : 0px;
  margin-top : 0px;
  background-image : url(../jpg/list.jpg);
  background-repeat : no-repeat;
  background-position : left center;
  box-sizing : border-box;
}
#left a{
	color : black;
	display: block;
	padding : 0px 0px;
	text-decoration: none;
}
#left ul,li a:hover{
      color : red;
      background-color : #ebebeb;
}

.list_menu{
  color : white;
  background-color : red;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : white;
  border-right-color : white;
  width : 100%;
  padding-bottom : 0px;
  margin-bottom : 0px;
  line-height : 50px;
  text-align : center;
  padding-top : 0px;
  margin-top : 0px;
  font-weight : bolder;
  box-sizing: border-box;
  border-radius: 6px 6px 0px 0px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/

  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
}


a:hover{
  color : red;
}

.tex_w{
  color : white;
}
.tex_red{
  color : red;
}
.tex_s{
  background-position : 11px 11px;
  font-size : 12px;
}

#footer{
  color : white;
  background-color : red;
  text-align : center;
  width : 100%;
  height : inherit;
  font-size : 16px;
  padding-bottom : 10px;
  margin-bottom : 0px;
  padding-top : 10px;
}
.foot_1{
	max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
}
.f_img{
  margin-left : auto;
  margin-right : auto;
  width : 98%;
  height : auto;
  margin-top : 10px;
  margin-bottom : 10px;
}
.point_tex{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : red;
  width : 100%;
  list-style-type : square;
  list-style-position : inside;
  color : red;
  line-height : 50px;
  font-weight : bolder;
}
.price{
  font-weight : bolder;
  color : white;
  text-decoration : underline;
}
.link_btt{
	width : 100%;
  line-height : 50px;
  text-align : center;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  background-color : white;
}

.link_btt a{
	color : red;
	display: block;
	padding : 0px 0px;
	text-decoration: none;
  font-weight : bolder;
text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.5);
  font-family : メイリオ;
}
.link_btt a:hover{
      color : red;
      background-color : #ebebeb;
}

.w_news{
      color : black;
      background-color : white;
  margin-left : auto;
  margin-right : auto;
  width : 99%;
  height : 200px;
  overflow : scroll;
  text-align : left;
  margin-top : 5px;
  margin-bottom : 5px;
  line-height : 130%;
  text-indent : 1em;
}
.img_right{
  float : right;
}


/*ここからタブレット用環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width:800px){

#main{
  text-align : center;
  width : 100%;
  height : auto;
  margin-left : auto;
  margin-right : auto;
  box-sizing: border-box;
}
h1{
  font-size : 14px;
  color : white;
  text-align : left;
  width : 98%;
  margin-left : auto;
  margin-right : auto;
  padding-top : 10px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}
.alpha a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  
}
.logo{
  margin-right : 0;
  height : auto;
　max-width : 300px;
    margin-left : auto;
  
    width : 100%;
  }
.h_img{
  width : 30%;
  height : auto;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
  box-sizing: border-box;
}
#right{
  text-align : center;
  width : 100%;
  float : none;
  padding-top : 0px;
  margin-top : 0px;
  margin-bottom : 10px;
}
.top_menu{
  background-image: none;
  text-align : center;
  width : auto;
  height : inherit;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  box-sizing: border-box;
    border-top-width : 0px;
    border-top-style : none;
}

.top_menu ul{
  width : auto;
  text-align : left;
  margin-left : 0px;
  margin-right : auto;
  height : inherit;
    padding-left : 0px;
}

.top_menu li{
  box-sizing: border-box;
  background-image: none;
  text-align : center;
  width : 50%;
  list-style-type : none;
  list-style-position : outside;
  float : left;
  height : 45px;
  padding-top : 15px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : auto;
  margin-top : 0px;
  padding-left : 0px;
  display : inline;
    color : gray;
    font-weight : bolder;
    border-right-width : thin;
    border-right-style : solid;
    border-right-color : gray;
    border-top-width : thin;
    border-top-style : solid;
    border-top-color : gray;
}
nav#menu ul,li{
	margin: 0px;
	padding: 0px;
}
nav#menu{
	height: auto;
	overflow: hidden;
	border-bottom: none;
	border-left: 1px solid #d4d4d4;
	margin-bottom: 6px;
}
nav#menu ul{
	width: auto;
    margin-left : auto;
    margin-right : auto;
  }
/*メニュー１個ごとの設定*/
nav#menu ul li{
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #d4d4d4;
}
nav#menu ul li a:hover{
	border-bottom: none;
}
/*最初のメニューの設定*/
nav#menu ul li:first-child{
	border-left: none;
}
#left{
  width : 98%;
  max-width : 98%;
  height : inherit;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  box-sizing: border-box;
    float : none;
  }
#left ul{
  text-align : left;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : white;
  border-right-color : white;
  border-bottom-color : white;
  width : 100%;
  height : auto;
  margin-left : auto;
  padding-top : 0px;
  margin-top : 0px;
  box-sizing: border-box;
    margin-right : auto;
}
.img_right{
  float : none;
}

/*ここからスマートフォン用環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 480px){

.i_h_img{
  width : 32%;
  height : auto;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
  box-sizing: border-box;
}