@charset "Shift_JIS";

body {margin: 0;
	 font-family:'Tahoma','Hiragino Kaku Gothic Pro','MS PGothic','arial';}

#pred  {color: #cc0000}
#red  {color: #ff0000}
#pgree  {color: #009999}
#pbck  {color: #000000}
#pgr {color: #666666}
#s4B {font-size: 16px; font-weight: bold;}
#s5B {font-size: 16px;}
#s6B {font-size: 19px;}
#s8B {font-size: 28px; font-weight: bold;}
#s2B {font-size: 10px;}

#s4p {font-size: 16px;  font-weight: bold; color: #ff80c0}

/* リンク指定 */
a {margin: 0 5px; font-size: 14px; color: #0066cc}
a:visited   {color: #666699}
a:hover {color: #ff6666}

/* -----------インデックスページ----------- */


/* ◆トップインフォメ */
.info  {margin: 0; font-size: 12px; color: #5f6527}


/* ◆トップ右 */
.Tmain {margin: 0; padding-bottom:15px; background-image: url(mid25458.gif)}

.Tmain h1 {margin: 15px 10px 10px; padding-left: 10px; font-weight: bold; font-size: 22px; color: #3550cc; }

.Tmain p {margin: 5px; font-size: 14px; color: #000000}
.Tmain p2 {margin: 0 10px; font-size: 14px; color: #666666}
.Tmain p2 a {color: #666666; font-size: 14px}



/* ◆トップ左メモ欄 */
.le-memo {margin: 0;}

.le-title {margin-top: 5px; padding: 5px; background-color:#008899;
           font-weight: bold; font-size: 15px; color: #ffffcc;
           border: solid 1px #302833; border-radius:10px 10px 0 0;

 background: -webkit-linear-gradient(linear, left top, left bottom, from(#83ccd2), color-stop(50%, #824880), color-stop(50%, #165e83), to(#008899));
 background: -webkit-linear-gradient(#83ccd2 0%, #008899 50%, #165e83 51%, #008899 100%);
 background: -moz-linear-gradient(#83ccd2 0%, #008899 50%, #165e83 51%, #008899 100%);
 background: -o-linear-gradient(#83ccd2 0%, #008899 50%, #165e83 51%, #008899 100%);
 background: -ms-linear-gradient(#83ccd2 0%, #008899 50%, #165e83 51%, #008899 100%);}

.le-text {margin-bottom: 5px; padding: 7px; background-color:#ffffff;
          font-size: 14px; color: #165e83;
          border: solid 1px #302833; border-radius:0 0 10px 10px;}


.le-text1 {margin-bottom: 5px; padding: 7px; background-color:#ffffff;
          font-size: 18px; color: #165e83; font-weight: bold;
          border: solid 1px #302833; border-radius:0 0 10px 10px;}

.le-text1 a {font-size: 18px; color: #000000; font-weight: bold;}


/* ◆下部 */
.bottom p {margin: 5px; padding: 15px;
           font-size: 14px; color: #000000;
           background-color: #ffffc6;
           border-radius: 10px}
.bottom a:visited    {color: #6a5d21}
.bottom a:hover {color: #cc0000}

/* ◆フッター */
.f-nav {margin: 0; padding: 7px 5px; background-color: #887938;font-size: 14px; color: #ffffcc;}
.f-nav2 {margin: 0; padding: 7px 5px; background-color: #043c78;font-size: 14px; color: #ffffff;}


.f-nav a, .f-nav2 a    {margin: 0; padding: 7px 5px; color: #ffffcc}

.f-nav a:hover {background-color: #a19361; color: #fffacd}
.f-nav2 a:hover {background-color: #0075c2; color: #fffacd}


.f-bb {margin: 0; padding: 4px 0;text-align:center; font-size:14px; color:#000000}
.f-bb2 {margin: 0; padding: 4px 0;text-align:center; font-size:14px; color:#ffffff}


/* ◇ボックスの余白*/
.boxA-in, .boxB, .bottom
  {margin: 3px 3px; padding: 3px}


/* ◇boxの下に区切り */
.boxA, .boxB, .boxC
 { border-bottom:solid 2px #009999}



/* -----------コンテンツページ------------- */

.boxC {padding: 3px; font-size: 14px;}


.Dmain  {margin: 0; padding:15px 10px; font-size: 14px; ;background-image: url(w5b.gif)}


.Dmain a {padding: 5px 3px; font-size: 14px; color: #000000; font-weight: bold;}
.Dmain a:visited   {color: #6a5d21}
.Dmain a:hover {color: #cc0000}

.Dmain h1, .Dmain h2
  {font-size: 14px; font-weight: bold;}

.Dmain h2 {color: #cc0000}
.Dmain p  {margin: 0; padding: 0 10px 15px 10px ; font-size:14px; color: #696969}

.Dmain ul   {margin: 0; padding: 0; list-style: none}
.Dmain li  {padding: 5px 3px; font-size:14px; color:#696969}
.Dmain li a {padding: 5px 3px ;font-size: 14px; color: #000000; font-weight: bold;}
.Dmain li a:visited   {color: #6a5d21}
.Dmain li a:hover {color: #cc0000}


/* -----------日記ページ------------ */

.his {margin: 5px; padding: 6px; font-size: 14px; background-image: url(mid25458.gif)}

.his p {padding: 5px; text-align: center; border-bottom:solid 2px #009999}
.his a {font-size: 16px;}


.his h1, .his h2, .his h3 {margin: 15px 10px 10px; padding-left: 10px; text-align: center}

.his h1 {font-size: 16px; color: #009999}
.his h2 {font-size: 16px;  font-weight: bold; color: #3550cc; }
.his h3 {font-size: 16px;  font-weight: bold; color: #ff80c0}


/* -----------ぎゃらり------------ */

.may {margin: 5px; padding: 6px; font-size: 12px; border-bottom:solid 2px #009999; background-image: url(mid25458.gif)}

.may-b {margin: 5px; padding: 6px; font-size: 12px; color:#ffffff; border-bottom:solid 2px #009999; background-color: #000000; background-image: url(mid25459.gif)}

.may p {padding: 5px;  border-bottom:solid 2px #009999}


.may h1 {font-size: 30px; color: #003366}
.may h2 {font-size: 16px; color: #cc0000}
.may-b h2 {font-size: 16px; color: #ffffff}
.may h3 {font-size: 20px; color: #003366}
.may h4 {font-size: 16px; color: #003366; font-weight: bold;}

.may ul {margin: 0; padding: 0; list-style: none}
.may li {padding: 5px 3px; font-size:12px; color:#003366}



.galw {margin: 0px 35px; padding: 5px; font-size: 14px;}

.galw p {padding: 10px 0px;  border-bottom:solid 2px #009999}
.galw a {font-size: 16px;}

.galw h1{margin: 15px 10px 10px; padding-left: 10px; font-size: 16px; color: #009999}




/* ---------------599px以下の時適用----------------- */
@media(max-width: 599px){



/* ------サイズ縮小------ */
/* ◆サイト名 */
.site h1 {font-size: 25px}

/* トップ右 */
.Tmain h1 {margin: 10px 5px; padding-left: 10px; font-size: 18px}
.Tmain p {margin: 5px; font-size: 14px;}
.Tmain ul {padding-left: 3px}

/* トップ右〜更新履歴 */
.news li a   {padding: 5px 2px; font-size: 14px}
.news time   {width: 55px}
.news .ntext {margin-left: 60px;}

/* ◆トップ左メモ欄 */
.le-title {margin-top:0}

/* ◆下部 */
.bottom p {padding: 10px}

/* ◆フッター */
.f-nav, .f-nav2 {font-size: 14px;padding: 5px 3px;}
.f-nav a, .f-nav2 a   {font-size: 12px;padding: 5px 3px;}

/* コンテンツページ */
.Dmain h1, .Dmain, .Dmain h2, .Dmain a  {font-size: 12px}


}


@media(min-width: 600px) and (max-width: 767px){


/* トップ右〜更新履歴 */
.news li a   {padding: 5px 2px;}
.news time   {width: 60px;}
.news .ntext {margin-left: 70px;}

}

/* ----------------768px以上の時適用----------------- */
@media(min-width: 768px){


/* ボックスの並び方*/
.boxA:after  {content: ""; display:block; clear:both}
.site {float:left; width:40%}
.info {float:left; width:60%}

.boxB:after  {content: ""; display:block; clear:both}
.Tmain {float: right; width:70%}
.le-memo {float: left; width:29.5%}




}


/* ----------------1040px以上の時適用----------------- */
@media(min-width: 1040px){

body {background-color: #83ccd2; margin: 0}


/* 背景色白・900px枠つけ */
div#container {width: 1040px; margin-left:auto; margin-right:auto; background-color: #ffffff; padding: 0 40px;
               webkit-box-shadow: 0px 0px 30px #008899; box-shadow: 0px 0px 30px #008899;}



/* 背景色黒・900px枠つけ */
div#container2 {width: 1040px; margin-left:auto; margin-right:auto; background-color: #000000; padding: 0 40px;
               webkit-box-shadow: 0px 0px 30px #001e43; box-shadow: 0px 0px 30px #001e43;}

}