@charset "Shift_JIS";
/* ■■■■■■　　最終更新　170718h　　■■■■■ */

/*
濃　　#ffd2d2
普通  #ffeeee
薄　　#ffefef
極薄　　#fff9f9
茶色　#663300
薄茶　ada07a
*/


/* ---------- ページ全体の指定 ---------- */

body{
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  font-size: auto;
  color: #333333;
  background-color: #fcfcfc;
}
a{
  text-decoration: none;
  color: #3f2100;
}
a img{
    border-style:none;
  text-decoration: none;
}

a:hover{
  color: #B8860B;
  text-decoration: underline;
}
a:visited{
  color: #824100;
}
/*以下は画像などの表示制御クラス*/
img{
  max-width: 100%;
  height: auto;
}
/* ---------- メイン ---------- */

#main{
  margin: 0 auto 0;
  padding: 0;
  width: 100%;
  border-right: solid 2px #c6c6c6;
  border-bottom: solid 2px #c6c6c6;
  border-left: solid 2px #c6c6c6;
  background-color: #ffffff;
  text-align: left;
vertical-align: middle;
}
/* ---------- ヘッダー ---------- */
header{
  height: 70px;
  line-height: 150%;
  text-align :center ;
  vertical-align: middle;
  border-top: solid #ffcccc 4px;
  border-bottom: solid #ffcccc 2px;
  padding: 10px 0 ;
	background: url(../img/header2.gif) center no-repeat;
background-size: 100% auto;
}
header #header-message{
  font-size : 14px ;
}
header #header-message-2{
  font-size : 16px ;
}
header #header-link a{
  font-weight : bold ;
  text-decoration: underline;
  font-size : 20px ;
  margin : 10px 0 ;
  padding : 5px ;
}
header #header-link a:hover{
  text-decoration: none;
}
/* ---------- グイーン ---------- */

#slide {
	display : none ;
}

/* ---------- コンテンツ ---------- */

#container{
  overflow: hidden;
  margin: 0px;
  padding: 0 6px 6px;
  background-color: #ffffff;
}

#contents{
	float: right;
	margin: 0px;
	padding: 0px 5px;
	font-size: 12pt;
	line-height: 170%;
	width: 73%;
	letter-spacing: 1px;
}
#contents-top{
overflow: hidden;
}
#contents-top,#contents-bottom{
  text-align: right;
  margin-top : 5px;
}

/* ---------- 記事 ---------- */
h1,h2,h3,.h456{
  font-size: 12pt;
  color: #663300;
  font-weight : bold ;
  line-height: 130%;
}
h4,h5{
  font-size: 12pt;
  color: #663300;
  font-weight : normal;
  border-bottom: 1px solid #ffd2d2;
}
h1{
  margin-top: 10px ;
  padding: 8px 6px 6px  ;
  border-left: 10px solid #ffd2d2;
  background-color: #ffefef;
  border-radius:0px;
}
h2{
  margin-top: 20px ;
  padding: 8px 6px 0  ;
  border-bottom: 3px solid #ffd2d2;
}
h3,.h456{
  border-left: 6px solid #ffd2d2;
  padding : 2px 6px ;
}
hr {
	border: solid 1px #ffd2d2 ;
	margin: 0px 30% 0 0;
}
#header-message h1{
  font-weight : normal ;
  font-size: 12pt;
}
#topimage{
	margin-top : 10px ;
	padding : 0 5% ;
}
#moushikomi{
  margin-top : -28%;
  margin-bottom : 3%;
  margin-right : 2%;
  text-align: right;
}
#moushikomi img{
  max-width : 100% ;
}
article{
  line-height: 150%;
}
article ul{
	margin: 0 0 0 -20px;
}
article p{
  margin: 18px 0 28px;
  padding: 0 5px 0 0;
}
.pwide p{ /* 段落の間隔を少し広くする */
  margin : 15px 0 30px;
}
.link ul{
	margin-left: -20px;
}
.link li{
	list-style-type: none;
	display :inline ;
}
.link li a{
  padding: 3px;
  border: 1px solid #ddbbbb;
  border-radius:3px;
  margin : 0 3px;
  background-color: #fff9f9;
  color: #663300;
}
article .toform{
  /*フォーム類を入れる 中央寄せ*/
	text-align : center ;
  margin : 50px 0 ;
}
article .toform a{
  /*フォーム類へのリンク ボタンにする */
  display: block;
  border: 1px solid #ddbbbb;
  box-shadow:2px 2px 10px #888888;
  margin : 5px 20%;
  padding: 10px 10px;
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#fff)
                , color-stop(0.70, #ffeeee)
                , to(#ffd2d2)	);
  border-radius: 6px;
}
article .toform a:hover{
  /*フォーム類へのリンクにマウスが乗ったら丸くする*/
  border-radius: 15px;
  text-decoration: none;
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#fff)
                , to(#ffd2d2)	);
}
article .tolink{
  /*本文で特にリンクさせたい内容を丸ボタンで*/
  padding: 3px;
  border: 1px solid #ddbbbb;
  border-radius:3px;
  margin : 0 3px;
  background-color: #fff9f9;
  color: #663300;
}
.botan a{
  /*フォーム類へのリンク ボタンにする */
  display: inline-block;
  border: 1px solid #ddbbbb;
  box-shadow:1px 1px 5px #888888;
  margin : 3px ;
  padding: 2px 4px;
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#fff)
                , color-stop(0.70, #ffeeee)
                , to(#ffd2d2)	);
  border-radius: 2px;
}
.botan a:hover{
  /*フォーム類へのリンクにマウスが乗ったら丸くする*/
  margin : 3px 2px 2px 4px ;
  text-decoration: none;
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#fff)
                , to(#ffd2d2)	);
}
#mokuji a{
  /*本文で特にリンクさせたい内容を丸ボタンで*/
  padding: 5px;
  border: 1px solid #ddbbbb;
  border-radius:5px;
  margin : 10px 5px;
  text-decoration: none;
  background-color: #fff9f9;
  color: #663300;
	line-height: 40px;
}
#mokuji p{
	margin-bottom : 15px ;
}
article a{
  margin: 18px 0 18px 0;
  padding: 0 5px 0 0;
  line-height: 180%;
  text-decoration: underline;
}
article a:hover{
  text-decoration: none;
}

#add{
  /*center-address*/
	text-align: left;
	margin: 70px 5px 25px ;
}
#add img{
  margin-bottom: 0 ;
}
/* ---------- 記事下 ---------- */

#articlenav{
	text-align : center ;
	margin : 20px 0 30px ;
  line-height: 50px;
}
#articlenav a{
  text-decoration: underline;
  display: inline;
	border : 1px solid #ddbbbb ;
	margin : 0 3px ;
	padding : 5px 10px ;
  border-radius:5px;
  background-color: #fff9f9;
  color: #663300;
}
#articlenav .now{
	  background-color : #fff;
  text-decoration: none;
}
#articlenav a:hover{
	  background-color : #fff;
  text-decoration: none;
}
#contents-bottom{
	text-align: center;
	background-color: transparent;
	background-image: url(../img/contents-bottom.gif) ;
  background-repeat: no-repeat;
  background-position: right bottom;
	height : 241px ;
	margin: 0 0 0 50%;
	padding : 30px 2% 0 ;

}
#contents-bottom a{
  display: block;
  border: 1px solid #ddbbbb;
  box-shadow:2px 2px 5px #999999;
  border-radius:10px;
	border : solid 1px #ada07a ;
	text-decoration: underline;
	padding : 10px ;
	margin : 165px 0 0 ;
	background-color: #fff9f9;
}
#contents-bottom a:hover{
  text-decoration: none;
}
article .float img{
  margin-bottom: 15px ;
}
/* ---------- メニュー ---------- */

nav{
  float: left;
  margin: 10px 0 15px;
  padding:  0 0 100px 0;
  width: 25%;
  text-align: left;
  letter-spacing: 1px;
}
#category,#menu,#sonota{
  padding : 5px 0 ;
  line-height: 150%;
  text-align :center ;
	font-size: 0.9em;
}
#category a{
	clear : both ;
  text-decoration: underline;
  background-color: #fff;
  border-radius:5px;
  color: #663300;
  display: block;
}
#category #smad{
  margin : 10px 3px ;
  padding : 10px 0 ;
  box-shadow:1px 1px 3px #999999;
	border : solid 1px #ada07a ;
	background-color: #fff9f9;
}
#category a:hover#smad{
  text-decoration: none;
  border: 1px solid #ada07a;
  margin : 11px 2px 9px 4px ;
  box-shadow:0px 0px 3px #999999;
  padding : 10px 0 ;
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#ffeeee)
                , color-stop(0.70, #ffeeee)
                , to(#fff)	);
}
#category a:not(#smad){ 		/*smad 除くcategory リンク*/
	background-image: url(../img/categoryback.gif) ;
  background-repeat: no-repeat;
  background-position: center bottom;
  border-radius:10px;
  margin : 1px 5% 4px ;
  padding : 10px 0 20px ;
}

#category a:hover:not(#smad){
  background-color: #fff9f9;
  padding : 12px 0 18px ;
}
#category .now{
  text-decoration: none;
  background-image : none;
}

#menu a,#sonota a{
	clear : both ;
  text-align :center ;
  text-decoration: none;
  padding: 8px 2px;
  margin : 5px 2px ;
  border-radius:2px;
  color: #663300;
  display: block;
  border: 1px solid #ada07a;
  background-color: #fff9f9;
}

#menu a:hover,#bread a:hover,#sonota a:hover{
  text-decoration : underline;
  background-color: #ffefef;
}
#menu a:hover .now {
  text-decoration : none;
}
#menu .now,#sonota .now{
  background-color: #ffeeee;
	border-left : 4px #ffd2d2 solid ;
	border-right : 4px #ffd2d2 solid ;
}

#menu .list{
  line-height: 130%;
  text-decoration: none;
	padding : 3px ;
  background-color: #fff;
  border-radius:2px;
  color: #663300;
  border: 1px solid #ada07a;
}
#menu .list img{
	float : left ;
  padding: 2px;
}

/* ---------- フッター ---------- */
footer{
  clear: both;
  width: 100%;
  margin: 0;
  padding: 15px 0 15px 0;
  text-align: center;
  font-size: 10pt;
  color: #333333;
  border-top: solid 4px;
  border-top-color: #ffcccc;
  background-color: #ffffff;
}
footer a{
  color: #333333;
  font-size: 10pt;
}
footer a:hover{
  color: #333333;
}

/* ---------- その他の設定 ---------- */

/* フレームを入れる場合 */
#frame{
  margin : 3px 5% ;
}
.center{
  text-align: center;
}
.small{
  font-size: 10pt;
}
.smallcenter{
  font-size: 10pt;
  text-align: center;
}
.smallright{
  text-align: right;
  font-size: 10pt;
  line-height: 140%;
  margin : 40px 15px;
}
.smallright a{
  text-decoration : underline;
}
.linktop{
  font-size: 10pt;
  text-align: right;
  margin : 10px 0 0;
}
.linktop a{
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius:10px;
  margin : 15px;
  background-color: #fff;
  color: #663300;
}

.right{
  text-align: right;
}
.left{
  text-align: left;
}
.float{
  float : right ;
	margin : 0 5px;
}
.float_left{
  float : left ;
  margin : 0 5px;
  max-width: 40%;
}
.float_left img{
  width: 90%;
}
.float_p{
    overflow: hidden;
    zoom: 1;
}
.clear{
  clear:both;
　/*floatの解除*/
}
.kadomaru p{
  padding : 5px 10px ;
  border : 1px solid #996666 ;
  border-radius:15px;
}
.inyou{
  border : 3px double #ffd2d2;
  margin : 5px 5px 10px ;
  padding : 0 0 0 10px ;
}
.inyou p{
  margin: 15px 0;
  padding: 0 5px 0 0;
}
.inyou h2,.inyou h3{
  font-size: 12pt;
  color: #663300;
  font-weight : normal;
  border-bottom: 1px solid #ffd2d2;
  border-left: 0px;
}
strong{
	font-size: large;
	font-weight: bold;
}
td{
	text-align : left ;
}
.chuui{
	color: red;
}
.ver{
	color: gray;
	font-size: xx-small;
}
.td{
  max-width: 30%;
}
.nana{
	margin-left : 40% ;
}
/* ■■■■■■　大きいパソコン　■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width: 951px) {
#main{
  width: 950px;
}

}
/* ■■■■■■　　パソコン　■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 950px) {

#main{
  width: 99%;
}
#contents{
  width: 73%;
}
header {
	background-size: 130% auto;
}
#topimage{
	margin-top : 10px ;
	padding : 0 1% ;
}
#moushikomi{
  margin-top : -30%;
  margin-bottom : 3%;
  margin-right : 2%;
  text-align: right;
}
#moushikomi img{
  max-width : 86% ;
}
nav{
  width: 25%;
}
.menu,.sonota{
	clear : both ;
  line-height: 130%;
	font-size: 0.8em;
}
.menu a,.sonota a,li a{
	font-size: 1.1em;
  padding: 15px 0;
  margin : 0 2px 6px;
}
article .toform a{
  /*フォーム類へのリンク ボタンにする */
  margin : 5px 20%;
}
.nana{
	margin-left : 40% ;
	font-size: small;
}
}
/* ■■■■■■　　タブレット　■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 700px) {
article ul{
	margin: 0 3px 0 -10px;
}
.link ul{
	margin-left: -20px;
}
.link li{
	list-style-type: none;
	display :block ;  margin : 10px 0;
}
.link li a{
  padding: 3px;
  border: 1px solid #ddbbbb;
  border-radius:3px;
  background-color: #fff9f9;
  color: #663300;
}
}
/* ■■■■■■　　スマホ縦　■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 540px) {
  /*---------- ページ全体の指定 ----------*/
body{
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3";
  margin: 0;
  padding: 0;
  font-size: auto;
}
a{
  }
a:visited{
  color: #824100;
}
/*---------- メイン ----------*/
	#main{
  margin: 1px 0px;
  padding: 0px 4px 1px 4px;
  width: 97%;
  border: solid 0px #c6c6c6;
}

/*---------- ヘッダー ----------*/

header{
  height: auto;
  width: 100%;
  padding: 10px 0 10px ;
	background-size: 180% auto;
  border-top: solid #ffcccc 4px;
  border-bottom: solid #ffcccc 2px;
}

header #header-message{
  font-size : 11px ;
}
header #header-message-2{
  font-size : 14px ;
}
header #header-link a{
  font-weight : normal ;
  font-size : 17px ;

}
/*---------- コンテンツ ----------*/

#container{
  width : 100% ;
  padding : 0px ;
  margin : 0px;
  text-align : left;
}
#frame{
  margin : 3px 0 ;
}
#topimage{
	margin-top : 10px ;
	padding : 0 ;
}
#moushikomi{
  margin-top : -31%;
  margin-bottom : 2%;
  margin-right : 2%;
  text-align: right;
}
#moushikomi img{
  max-width : 86% ;
}
#mokuji a{
  /*本文で特にリンクさせたい内容を丸ボタンで*/
	line-height: 60px;
}
article .tolink{
  /*本文で特にリンクさせたい内容を丸ボタンで*/
  padding: 2px;
	border-radius : 7px ;
  border: 1px solid #ddbbbb;
	text-decoration : none ;
}
article .toform a{
  /*フォーム類へのリンク ボタンにする */
  margin : 5px 8%;
}
/*---------- メインコンテンツ ----------*/

#contents{
  width: 100%;
  padding : 0px;
  margin : 0px;
}
#contents p{
  margin: 18px 0 ;
  padding: 5px;
  line-height: 150%;
  font-size: 12pt;
}
#contents p .small{
  margin: 18px 0 18px 0;
  padding: 5px;
  line-height: 150%;
  font-size: small;
}
#contents-top{
margin-top : 5px;
	}
#contents-top img{

	}
#contents-top a{
  padding: 5px 5px 0;
  margin : 10px 10%;
  border-radius:10px;
}
#contents-bottom{
	display :none;
}
#contents-bottom a{
  margin : 3px 3px 15px 30% ;
}

#category #smad{
  border: 1px solid #ddbbbb;
  box-shadow:2px 2px 5px #999999;
  padding : 10px 0 ;
  margin :  10px 10px 20px ;
	background-image: url(../img/smad.gif) ;
  background-repeat: no-repeat;
  background-position: left center;
  border-radius:10px;
	background-color : #fff ;
}
#category a:hover#smad{
  padding : 10px 0 ;
  margin :  10px 10px 20px ;
	background-image: url(../img/smad.gif) ;
  background-repeat: no-repeat;
  background-position: left center;
  border-radius:10px;
}

#category a:not(#smad){ 		/*smad 除くcategory リンク*/
	background-image: url(../img/categoryback.gif) ;
  background-repeat: no-repeat;
  background-position: center bottom;
  border-radius:10px;
  padding : 10px 0 20px ;
}

#category,#menu,#sonota{
  font-size: 12pt;
}
#menu a{
  background-image : url(../img/menuback.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 8px 0;
  margin : 6px 0 ;
}
#category a{

}
#menu a .now{
  background-image : url(../img/menuback-now.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
.center img{
  margin: 10px 0;
}
#add{
	margin: 30px 5px 25px ;
}
/*---------- メニュー ----------*/

nav{
  margin: 15px 0;
  padding: 0px;
  width: 100%;
  text-align: left;
  border-top: solid #ffeeee 12px;
  background-image: none;
}
#menu .now{
  background-image: none;
}
/*---------- フッター ----------*/
.center{
  text-align: center;
}
	.small{
	
	font-size: small;
	
}
.smallcenter{
  font-size: 8pt;
  text-align: left;
}
.smallright{
  text-align: right;
  margin : 20px 5px;
}
.linktop{
}
.linktop a{
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius:15px;
  background-color: #fff;
  color: #663300;
}
strong{
  font-weight: bold;
}
.pconly{
	display : none ;
}
.nana{
	margin: 0 auto 20px 25% ;
}
}