/*===============================================
●style.css 画面の横幅が769px以上
===============================================

@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width :auto;　
}
#container{
width:100%;
}
*/


/* 全体的なリンク */

------------------------------------------------------
a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #f00; }


------------------------------------------------------

@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}



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

   [1] レイアウトに関する指定 */

body {
  min-width:1086px;
  font-size: 85%;
  text-align: center;
  font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  padding: 0;
  margin: 0;
  /*background: url(pict/ume_5228.png) 100% fixed; */
}

#wrapper {
  text-align: left;
  margin:0pt auto 20px;
  width: 800px;
  height:auto;
  border: 1px solid gray;
  background-color:rgba(255,255,255,0.2)
}

#header {
  height: 20px;
  padding-top: 10px;
/*  background: url(img/bg-header.jpg) no-repeat 100% 0;*/
}

#contents {
  width: 800px;
  float: left;
  text-align: left;
}

#main {
  width: 600px;
  float: left;
}

#side {
  width: 200px;
  float: right;
  margin: 0px 0px 0px 0px;

}

#footer {
  clear:both;
  background-color: #c85179;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* キーワード */
h1 {
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-left: 0em;
  padding: 0px 0px 0px 0px; 
  color: #69f;
}

#logo {
  padding: 0px 0pt 0pt 0px;
  height: 100px;
  width: 460px;
  float: left;

}

#sub_logo {
  margin: 0px 0px 0px 0px;
  padding: 0px 150px 0pt 0px;
  height: 50px;
  width: 150px;
  float: right;

}

/* -- BS6 logo 記章と分ける際に使用。
.bs6-logo a {
  margin-bottom: 1em;
  padding-left: 20px;
} -- */

#sub-navi {
  margin: 0px 0px 0px 560px;  
  padding: 0px 0px 11px 0px; 
  width: 30%;  
  height:15px;
  background: url(img/yoko02.gif);
  repeat-x;  
  overflow:hidden;  
}

#sub-navi li { list-style:none; width:100px; float:left; }

#sub-navi li a {
	font-size: 80%;
	display:block;
	line-height:30px;
	color:#3300ff;
	text-decoration: none;
	text-align:center;
}

#sub-navi li a:hover {background: url(img/g-navi.jpg);}


/* ページの概要 */
#copy {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 240px;
  background-color:#460e44;
  color: #ffffff;
  font-size: 95%;
  text-align:right;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */
/* -- 見出し -- */
h2 {
  font-size: 120%;
  font-family:serif;
  margin:15px 0px 0px 10px;
  padding:4px 0px 3px 20px;
  border-left: 2px solid #38b48b;
  border-bottom: 1px solid #38b48b;
  color:#ffffff;
  background-color: #38b48b;
}

h3 {
  font-size: 120%;
  margin: 1em 0em 0em 0.5em;
  padding-left: 15px;
  border-left: 2px solid #38b48b;
  border-bottom: 1px solid #38b48b;
  background-color:rgba(255,255,255,255)
}

h4 {
  font-size: 95%;
  margin:1em 0em 0em 0.5em;
  padding-left: 20px;
  border-left: 2px solid #38b48b;
  border-bottom: 1px solid #38b48b;
  background-color:rgba(255,255,255,255)
}

h5,h6 {
  font-size: 90%;
  font-weight : normal;
  margin:1em 3.5em 0em 3.5em;
  padding-left: 25px;
  border-left: 2px solid #38b48b;
  border-bottom: 1px solid #38b48b;
  background-color:rgba(255,255,255,255)
}


/* -- アコーディオン -- */

#accordion dt{
    display:block;
    text-align:center;
    border:#666 1px solid;
    cursor:pointer;
}
#accordion dd{
    background:#f2f2f2;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    display:none;
}

#p {
  font-size: 95%;
  line-height: 1.6em;
  margin: 0.5em 5.5em 0.5em 3.5em;
  padding:10px 10px 10px 20px;
  background-color:#ffffff;
  text-align: left;
}


/* -- 文字 -- */


#text-news{
  font-size: 90%;
  margin: 0em 1.0em 0em 3.5em;
  padding:10px 10px 10px 20px;
  border:  double #8A0808;
  text-align: left;
}

#text {
  font-size: 90%;
  line-height: 1.6em;
  margin: 0.5em 4em 0.5em 4em;
  padding:5px 10px 5px 10px;
  background-color:#ffffff;
  text-align: left;
}

#text ol { 
  margin: 0.5em 4em 0.5em 2em;
  padding:5px 10px 5px 10px;}

#text-R {
  font-size: 90%;
  line-height: 1.6em;
  margin: 0.5em 1.0em 0.5em 0em;
  padding:5px 5px 5px 5px;
  background-color:#ffffff;
  float:right;
  text-align: left;
}

#text-L {
  font-size: 90%;
  line-height: 1.6em;
  margin: 0.5em -1.2em 0.5em 3.5em;
  padding:5px 5px 5px 5px;
  background-color:#ffffff;
  float:left;
  text-align: left;
}

.color::selection {
  color: red; 
}
.color::-moz-selection {
  color: red; 
}

#font-kokihi {
  font-size:100%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#c9171e;
}


#font-kokihi_120 {
  font-size:120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#c9171e;
}


#font-koiai {
  font-size: 100%;
  margin:0em 0em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#0f2350;
}

#font-koiai_120 {
  font-size: 120%;
  margin:0em 0em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#0f2350;
}

#font-sikon {
  font-size: 100%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#460e44;
}

#font-sikon_120 {
  font-size: 120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#460e44;
}

#font-honnmurasaki {
  font-size: 100%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#65318e
}

#font-honnmurasaki_120 {
  font-size: 120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#65318e
}

#font-tuyukusa {
  font-size: 100%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#38a1db;
}

#font-tuyukusa_120 {
  font-size: 120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#38a1db;
}

#font-hanaasagi {
  font-size: 100%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#2a83a2
}

#font-hanaasagi_120 {
  font-size: 120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#2a83a2;
}

#font-chouji {
  font-size: 100%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#ad7d4c;
}

#font-chouji_120 {
  font-size: 120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#ad7d4c;
}

#font-yamabuki {
  font-size: 10 0%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#f8b500;
}

#font-yamabuki_120 {
  font-size: 120%;
  margin:0em 0.5em 0em 0.5em;
  background-color:rgba(255,255,255,255);
  font-weight: bold;
  color:#f8b500;
}




/* -- 写真 -- */

#photo {
  margin: 0px 10px 0px 20px;
  padding:10px 10px 10px 10px;
  background: url(img/tate01.gif) repeat;
  text-align:center;
}


/* -- お問い合わせ -- */
#mailform {
  margin: 0.5em 0em 0.5em 35%;

}

#main ul { 
  float:left; 
  margin: 10px 0px 0px 0px;
  padding:0px 0px 20px 0px;

}

#main ul li {
  list-style: none outside none;
  float:left;
}

#main ul li a {
  font-size: 100%;
  line-height:30px;
  text-decoration: none;
  text-align:center;
  padding: 0px 0px 0px 30px;
  color:#ff7f50;
}
#news {
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;

}

#news dl {
  font-size: 95%;
  padding:0px 0px 0px 0px;

}

#news dl dt {
  margin: 10px 0px 0px 10px;
  padding:0px 0px 0px 10px;
  text-align: left;
  background-color: #006e54;
  color: #fff;
  font-weight: bold;
}

#news dd {
  line-height: 1.5em;
  margin: 0px 0px 0px 20px;
}

#news pict {
  margin: 0px 0px 0px 20px;
}
/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 

*/

#side-box{
  padding:0px 0px 0px 0px;
  margin-bottom: 15px;
}

#side-box li {
  list-style:none; width:180px;
  padding:0px 0px 0px 0px;
}

#side-box li a {
	font-size: 85%;
	display:block;
	line-height:30px;
	color:#3300ff;
	text-decoration: none;
	text-align:left;
	padding: 0px 0px 0px 15px;
}

#side p {
  font-size: 85%;
  padding:0px 10px 0px 20px;
}


#mail_twitter {
  padding:0px 0px 0px 10px;
  margin-bottom: 15px;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

#footer {
  padding:5px 0px 0px 5px;
}

#footer ul { 
  float:left; 
  margin: 0px 0px 0px 0px;
}

#footer ul li {
  font-size: 80%;
  line-height:30px;
  list-style: none outside none;
  padding: 0px 0px 0px 15px;
  float:left;
}

#footer ul li a {
  text-decoration: none;

}

#address {
  clear:both;
  font-style:normal;
}

#copyright {
  clear:both;
  text-align:center;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/* -------------------------------------------------------------
   [6] CSSデザインサンプルリンク指定 */

#cds {
  font-size: 80%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0;
  padding-left: 10px;
  clear: both;
  background: url(img/bg-cds.jpg) no-repeat 0 0;
}

#cds,
#cds a,
#cds a:hover {
  text-decoration: none;
  color: #38b48b;
}

/* -------------------------------------------------------------
   [7] g-navi指定 */

#g-navi {
  margin: 0px 0px 0px 0px;  
  padding: 0px 0px 0px 0px; 
  width: 100%;  
  height: 30px;
  background-color:rgba(255,76,200,1); repeat-x scroll right top transparent;
  overflow:hidden;
    
}

#g-navi li { list-style:none; width:120px; float:left; }

#g-navi li a {
	display:block;
	line-height:30px;
	color:#3300ff;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	padding: 0px 0px 0px 0px;
}

/*  マウスオーバーしようかなぁ？
.img-over {
	display:block
	vartical-align:bottom;
	margin-bottom:8px;
}*/

/* -------------------------------------------------------------
   [7] パン屑指定 */

#pan {
  margin:0px 0px 10px 20px;
  color:#2f5d50;
}