@charset "utf-8";

* {
   padding: 0;
   margin: 0;
   font-size: 14px;
   font-family: Meiryo, Verdana, Arial,  "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
   }

/*-- #初期化--*/

div,nav,article,aside,header,section,footer,ul,li,table,td,th,tr,dl,dt,dd,h1,h2,h3,h4,p {
   padding: 0px;
   margin: 0px;
   }

div,nav,ul,li,article,aside,header,footer,nav,section,summary {
   display: block;
   }

table td {
   border-collapse: collapse;
   border-spacing: 0px;
   }

/*-- #link基本設定--*/

a {
   color: #000033;
   text-decoration: none;
   }

a:link {
   color: #000033;
   text-decoration: none;
   }

a:hover {
	color: #0000ff;
	text-decoration: none;
}

a:visited {
   color: #000000;
   text-decoration: none;
   }

a:active {
  color: #ff0000;
  text-decoration: none;
  }

li {
   list-style-type: none;
   }

a img {
   border: none;
}

.clear {
	clear: both;
}

/*--- #img ---*/
img {
	margin: 0;
	padding: 0;
}

p {
	letter-spacing: 0.2em;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
}

/*-- アイヌ語表記 --*/
#contents .ain {
	line-height: 1.2em;
	font-size: 72%;
	letter-spacing: 0.2em;
	vertical-align: middle;
}

#contents .ain2 {
	line-height: 1.4em;
	font-size: 74%;
	vertical-align: middle;
}

#contents .bun {
	line-height: 1.4em;
	font-size: 85%;
	vertical-align: middle;
}

/*-- #基本設定--*/

body {
	color: #000000;
	background-color: 	#AFEEEE;
	background-position: top center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	max-width: 980px;
	height: auto;
	display: block;
	background-position: top center;
	background-attachment: fixed;
	background-color: #fff0f5;
	border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0px 2px 5px #bebebe;
	box-shadow: 0px 2px 5px #bebebe;
	padding: 0px 10px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

header {
	height: 120px;
	position: relative;
	background-image: url("https://kitakaido.com/jcp/imag/image1/top-05.png");
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-bottom: 3px;
	background-color:  #00ffff;
	margin-bottom: 3px;
}

/*-- head-nav --*/
header #bak {
	width: 200px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	right: 10px;
}

/*-- title.logo--kaunter --*/
#hgroup p {
	color: #000088;
	font-size: 104%;
	line-height: 16px;
	letter-spacing: 2px;
	font-weight: normal;
	position: absolute;
	top: 5px;
	left: 10px;
}

#hgroup .hgrp {
	margin-left: 20px;
	padding-top: 5px;
}
#hgroup #toplogo {
	position: absolute;
	top: 35px;
	left: 10px;
}

header #sublogo {
	position: absolute;
	top: 78px;
	right: 250px;
}

#zetts {
   width: 150px;
   display: block;
   position: absolute;
   top: 90px;
   left: 10px;
   }
  
#zetts input {
   font-size: 1.2em;
   font-weight: bold;
   color: blue;
   background-color:#00FF00;
   border: 1px solid #800000;
   padding: 0px 4px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   }
  
#zetts {display: none;}


/*メインナビ設定
-------------------*/

nav {
	padding-top: 5px;
	padding-left: 4px;
}

nav#menubar ul li {
	float: left;
	line-height: 1.2;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 117px;
}

nav#menubar ul li.last {
	margin-right: 0px;
}

nav#menubar ul li a {
	color: #ff0000;
	height: 24px;
	padding: 8px 0px;/*上下、左右への余白*/
	text-decoration: none;
	display: block;
	text-align: center;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	background-color: #719a14;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6FA), to(#6495ED));
	background-image: -webkit-linear-gradient(#E6E6FA, #6495ED);
	background-image: linear-gradient(#E6E6FA, #6495ED);
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.3em;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 4px #bebebe;
	box-shadow: 0px 2px 4px #bebebe;
}

/*マウスオン*/
nav#menubar ul li a:hover {
	color: #000000;
	font-size: 110%;
	background: #99ffff;
}

/*ローマ字設定*/
nav#menubar ul li a span {
	font-size: 9px;
	display: block;
	font-weight: normal;
	letter-spacing: 0.2em;
}

/*-- ---------------------
★メインコンテンツ
------------------------*/

#main {
	clear: both;
	height: auto;
	max-width: 980px;
	display: block;
	margin-top: 5px;
	padding: 0px;
	padding:10px 0 0 0;
}

#contents {
	max-width: 720px;
	height: auto;
	display: block;
	float: left;
}

#contents .contents {
	width: auto;
	height: auto;
	display: block;
	text-align: left;
	clear: both;
}
/*--padding・top・right・bottom・left--*/


/*-----------------------------
★Ｌ＆ＲフロートBOX設定
-------------------------------*/
.b_left {
	float: left;
	text-align: left;
	display: block;
	width: 48%;
	padding: 0px;
	margin: 0px;
}

.b_right {
	float: right;
	text-align: left;
	display: block;
	width: 48%;
	padding: 0px; margin: 0px;
}
/*-- /Ｌ＆Ｒ-BOX --*/

/*------------------
★テキスト設定
-----------------------*/
#contents .topbox {
	clear: both;
	width: auto;
	display: block;
	margin-bottom: 10px;
}

#contents .textbox {
	clear: both;
	width: auto;
	display: block;
	margin-bottom: 10px;
}

#contents .takibox,.artbox {
	clear: both;
	width: auto;
	display: block;
	margin-bottom: 10px;
}

#contents .memo {
	clear: both;
	width: auto;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#contents .memo p {font-size: small;}

.blue {color:blue;}
/*--/テキスト設定--*/

/*---------------------
★ h2.topタイトルバー
-------------------------*/
#topber {
	color: #8b4513;
	display: block;
	font-size: 180%;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	padding: 5px 0px 5px 0px;
	margin-bottom:0px;
}

#topber span {
	font-size: 80%;
	display: block;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	margin-top: 0px;
	padding-bottom:10px;
	}

#c_top,.sakura {
	color: #800000;
	display: block;
	font-size: 220%;
	line-height: 1.8em;
	text-align: center;
	letter-spacing:0.2em;
	margin-top: 20px;
}

#c_top span,.sakura span {
	font-size: 80%;
	display: block;
	color: #000099;
	line-height: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-bottom:20px;
}
#contents .sakura {margin-top:0.2em; line-height: 1.6em;}
#contents .sakura span {margin-left: 10px; margin-bottom: 0.1em; padding-top:0px;}

/*---------------------------
★gallery-h2--h3 タイトルバー
-------------------------------*/

#gary_top1 {
	color: #000080;
	font-size: 200%;
	background-color: #d8bfd8;
	font-family: "メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka","sans-serif";
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#gary_top1 span {
	color: #008000;
	font-size: 80%;
	line-height: 1.4;
	text-align: center;
}

#gary_top2 {
	color: #000000;
	font-size: 120%;
	background-color: #d8bfd8;
	border: 1px solid #a9a9a9;
	padding: 2px 0px 2px 0px;
	margin: 0px;
}

/*------------------------
  ★H3-H4タイトルバー
--------------------------*/

#contents .c3_top1,.guidance1,#sc-head {
	color: #ff0000;
	font-size: 120%;
	text-indent: 20px;
	line-height: 1.8;
	background-image: url("../imag/icon/ayoko2.png");
	background-repeat: no-repeat;
	background-position: 6px 10px;
	background-color: #90ee90;
	border: 1px solid #a9a9a9;
	border-radius: 6px 6px 0px 0px;
	-webkit-box-shadow: 0px 5px 5px #00FFFF;
	box-shadow: 0px 3px 3px #FF3366;
	margin-bottom: 10px;
}

#contents .c3_top2 {
	color: #000033;
	font-size: 120%;
	text-indent: 20px;
	background-image: url("../imag/icon/ayoko2.png");
	background-color: #b0e0e6;
	background-repeat: no-repeat;
	background-position: 5px 12px;
	border: 1px solid #a9a9a9;
	margin-bottom: 10px;
}

#contents .c3_top3 {
	color: #330000;
	font-size: 120%;
	text-indent: 18px;
	background-color: #ffdab9;
	background-image: url("../imag/icon/ayoko.gif");
	background-repeat: no-repeat;
	background-position: 6px 12px;
	margin-bottom: 0px;
}

#contents .c3_top3 span {
	color: #0000cd;
	font-size: 80%;
	line-height: 1.4;
	padding-left: 20px;
}

#contents .kuraus {
	color: #8B4513;
	font-size: 110%;
	text-indent: 17px;
	line-height: 1.8;
	vertical-align: middle;
	background-image: url("../imag/icon/ayoko.gif");
	background-color: #e6e6fa;
	background-repeat: no-repeat;
	background-position: 6px 11px;
	border: 1px solid #a9a9a9;
	border-radius: 6px 6px 0px 0px;
	-webkit-box-shadow: 0px 5px 5px #FFFF00;
	box-shadow: 0px 3px 3px #FF9966;
	padding-top: 3px;
	margin-bottom: 12px;
}

#contents .kuraus span {
	color: #0000cd;
	font-size: 90%;
	line-height: 1.0;
	vertical-align:middle;
	font-weight: normal;
	margin-left: 15px;
	margin-bottom: 0px;
}

#contents .kura2 {
	color: #000000;
	font-size: 100%;
	text-indent: 10px;
	background-color: #00ffff;
	border: 1px solid #a9a9a9;
	margin-bottom: 10px;
}

#contents .c3_top1,.c3_top2,.c3_top3,.kuraus,.kura2,.guidance1,#sc-head {
	clear: both;
	width: auto;
	height: auto;
	display: block;
	line-height: 1.8;
	letter-spacing: 2px;
	text-align: left;
	padding: 2px 0px 2px 0px;
}

#contents .c3_top1 span,.guidance1 span,#sc-head span {
	font-weight: normal;
	color: #000000;
	margin-left: 15px;
	vertical-align:middle; }


#topber,#c_top,#gary_top1,#gary_top2 {
	clear: both;
	width: auto;
	height: auto;
	display: block;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
}

#contents .ayk {
	font-size: 116%;
	line-height: 1.8em;
	font-weight: bolder;
	text-align: left;
	letter-spacing: 3px;
}

#contents .ayk2 {
	font-size: 116%;
	line-height: 1.8em;
	font-weight: bolder;
	text-align: left;
	text-indent: 10px;
	letter-spacing: 3px;
}

/*------------------
★リンクリスト
------------------*/

#links {
	width: auto;
	padding: 5px 5px 15px 0px;
	margin: 0px 2px 3px 2px;
}

#links .links dl .links {
	padding: 1px;
	text-align: center;
}

#links .links dt {
	width: auto;
	font-size: 110%;
	line-height: 1.8;
	text-indent: 15px;
	letter-spacing: 3px;
	background-image: url("../imag/icon/ayoko.gif");
	background-repeat: no-repeat;
	background-position: 1px 12px;
	padding-bottom: 2px;
	margin-top: 8px;
}

#links .links dd {
	width:  auto;
	line-height: 1.8;
	text-indent: 5px;
	border-left: 1px solid #8fbc8f;
	border-bottom: 1px solid #8fbc8f;
	padding-left: 7px;
	padding-bottom: 5px;
	margin-left: 0px;
}

#links .links a,.a:link {
	color: #0000cd;
	font-size: 110%;
	font-weight: bold;
	line-height: 2.0;
}

#links .links a:hover {
	color: #008000;
	font-size: 110%;
	line-height: 2.0;
}

#links .links dd p { 
	letter-spacing: 1px; 
	font-size: 100%;
	}

/*-- /links-list終了--*/


/*----------------------
★更新情報・サイトマップ
------------------------*/

#sitenav {
	clear: both;
	width: auto;
	display: block;
	text-align: left;
	margin: 0px ;
	padding: 0px;
}

#sitenav .sitenav {
	padding: 0px;
}

#sitenav .sitep {
	color: #000080;
	font-size: 100%;
	text-align: left;
	line-height: 28px;
	text-indent: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: "ＭＳ 明朝","HG P明朝L Sun","ＭＳ Ｐゴシック";
	background-image: url("../imag/icon/asta2.png");
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	left: 50px;
	vertical-align: middle;
}


#sitenav .ul-sitenav {
	display: block;
	font-size: 100%;
	padding: 0px;
	margin-top:5px;
	margin-bottom: 5px;
}

#sitenav .ul-sitenav li {
	display: block;
	color: #000000;
	font-size: 100%;
	line-height: 1.8;
	text-indent: 12px;
	letter-spacing: 1px;
	text-align: left;
	background-image: url("../imag/icon/ayoko2.png");
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	vertical-align: middle;
	left: 3px;
}

#sitenav .ul-sitenav li span {
	color: #0000ff;
	font-size: 100%;
	line-height: 1.8;
}

#sitenav .ul-sitenav li a {
	font-size: 100%;
	color: #000099;
	line-height: 1.8;
	text-decoration: none;
}

#sitenav .ul-sitenav li a:link {
	font-size: 100%;
	color: #000099;
	line-height: 1.8;
	text-decoration: none;
}

#sitenav .ul-sitenav li a:hover {
	font-size: 100%;
	line-height: 1.8;
	color: #008000;
	text-decoration: none;
}

/*------------------
★イメージbox
-------------------*/

#topimg {
	float: left;
	background-color: #40E0D0;
	border: 10px double #5F9EA0;
	padding: 16px;
	margin-top: 8px;
	margin-right: 2em;
	margin-left: 3px;
	margin-bottom: 1em;
}

#contents .imgbox1,.imgbox2 {
	float: left;
	background-color: #40E0D0;
	border: 5px double #4682B4;
	padding: 8px;
	margin-top: 8px;
	margin-right: 2em;
	margin-left: 3px;
	margin-bottom: 1em;
}

#contents .phobox1 {
	float: left;
	border: 5px double #696969;
	padding: 0px;
	margin-top: 8px;
	margin-right: 2em;
	margin-left: 3px;
	margin-bottom: 10px;
}

.phobox2,.imgbox3,.imgbox4 {
	float: left;
	border: 5px double #808000;
	padding: 0px;
	margin-top: 8px;
	margin-right: 2em;
	margin-left: 3px;
	margin-bottom: 10px;
}
/*--ワイド幅200以上--*/

#contents .phobox3 {
	float: left;
	border: 6px double #808000;
	margin-top: 8px;
	margin-right: 2em;
	margin-left: 3px;
	margin-bottom: 1em;
}

/*--/イメージbox --*/


/*-----------------
★galleryボックス
-------------------*/

#g_box {
	width:  auto;
	height: auto;
	display: inline-block;
	text-align: center;
	background-color: #d3d3d3;
	border: 15px solid #ffd5ec;
	padding: 15px 5px 10px 5px;
	margin: 0px;
	margin-bottom: 15px;
}

#g_box .phot1a,.phot2a,.phot2e1,.phot3e2,.phot1b {
	border: 3px double #8b4513;
	margin-top: 3px;
	margin-bottom: 3px;
}
/*-- /gallerybox --*/

/*----------------------
★タイトルバーmaplink
------------------------*/

#contents .mapimg {
	width: 22px;
	height: 15px;
	border: 1px solid #0000ff;
	padding: 0px;
    	vertical-align: middle;
	margin-bottom: 4px;

}

.kuraus a,.c3_top1 a { 
           line-height: 1.6em;
           vertical-align: middle;
           padding-top: 2px;
           margin-left: 15px;
}

/*--/maplink--*/

/*---------------------
★マップ設定２種
---------------------*/

#dowmap {
	width:  99%;
	text-align: center;
	display: block;
	background-color: #f8f8ff;
	border: 3px double #a9a9a9;
	padding: 10px 5px 4px 5px;
	margin-right: 10px;
	margin-bottom: 15px;
}

/*-- /mapp --*/

/*--------------------
★FB.TW設定
---------------------*/
#fsbox {
	height:18px;
	position: relative;
	left: 5px;
	margin:15px 0px 5px 15px;
	clear:both;
}

.fb-like {
	padding:0px;
	margin-right:55px;
	width:100px;
	float:left;
}

.fb-follow {
	padding:0px;
	margin-right:55px;
	width:80px;
	float:left;
}
.twbox {
	padding:0px;
	width:100px;
	float:left;
}
/*-- /FB.TW --*/

/*-- Srayd-nav --*/

#gaydber {
	clear: both;
	width: auto;
	height: 32px;
	text-align: right;
	position: relative;
	right: 10px;
	bottom: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#gaydber .gaydimg {
	width: 59px;
	height: 19px;
	vertical-align: middle;
	border: 1px solid #a9a9a9;
	margin: 0px 1px 0px 1px;
	padding: 0px;
}

#gaydber .gaydimg2 {
	width: 450px;
	height: 32px;
	vertical-align: bottom;
	padding: 0px;
}
/*-- /Srayd-nav --*/


/*-----------------
==============================================================================
★サイド基本設定
-------------------*/

#side {
	float: right;
	width: 220px;
	height: auto;
	display: block;
	border: 1px solid  #ff0080;
	background-color: #E6E6FA;
	position: relative; right:0px;
	padding: 3px;
	margin: 0px;
}

#side h3 {
	width: auto;
	height: 24px;
	color: #800000;
	text-align: left;
	line-height: 2.0em;
	background-position: top center;
	background-color: #ffdab9;
	border: 1px solid #ff7f50;
	padding: 8px 5px 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#side h3 span {
	height: 18px;
	font-size: 14px;
	display: block;
	text-indent: 8px;
	line-height: 19px;
	border-left: 12px double #ff0080;
}

#side h3 .moy3 {
	letter-spacing: 2px;
}

#side h3 .moy4 {
	letter-spacing: 3px;
}


/*-------------------
★accordionリンク
---------------------*/
#accordion {
	width: auto;
	height: auto;
	display: block;
	background-color: #99ffff;
	border: 1px solid #808080;
	padding: 8px;
	margin-bottom: 4px;
}

#local {
	width:  auto;
	height: auto;
	clear: both;
	display: block;
	background-color: #99ffff;
	border: 1px solid  #ff0080;
	padding: 8px 8px 4px 8px;
	margin-bottom: 4px;
}

/*-----------------
★サイドリンク１
--------------------*/
#side .insidbox,.insidbox1,.insidbox2,.insidbox3 {
	width: auto;
	height: auto;
	display: block;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0px;
}

#side .insidbox ul,.insidbox1 ul,.insidbox2 ul,.insidbox3 ul{
	width: auto;
	display: block;
	text-align: left;
}

#side .insidbox li a,.insidbox1 li a,.insidbox2 li a,.insidbox3 li a{
	width: auto;
	height: 24px;
	display: block;
	color: #800000;
	text-align: left;
	font-size: 100%;
	vertical-align: middle;
	line-height: 1.6;
	text-indent: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	background-image: url("../imag/icon/ayoko3.gif");
	background-repeat: no-repeat;
	background-position: 3px 10px;
	border: 1px solid #808080;
	margin: 1px 0px 2px 1px;
	padding: 5px 0px 0px 0px;
}

#side .insidbox li a:hover,.insidbox1 li a:hover,.insidbox2 li a:hover,.insidbox3 li a:hover {
	width: auto;
	height: 24px;
	display: block;
	color: #000000;
	text-align: left;
	font-size: 100%;
	line-height: 1.8;
	text-indent: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	background-image: url("../imag/icon/ayoko.gif");
	background-repeat: no-repeat;
	background-position: 3px 10px;
	background-color: #b0e0e6;
	border: 1px solid #8fbc8f;
	margin: 1px 0px 2px 1px;
	padding: 5px 0px 0px 0px;
}

/*--/サイドリンク1--*/
/*-----------------
★サイドリンク２
--------------------*/

#side .sidbox,.sidbox1 {
	width: 100%;
	height: auto;
	font-size: 10px;
	display: inline-block;
	border: 1px solid  #ff0080;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#side .prbox,.prbox1 {
	width: 100%;
	height: auto;
	display: block;
	padding: 0px;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#side .prbox1 {
	border: 1px solid  #ff0080;
}

#side .prbox a,.prbox1 a {
	color: #000000;
	font-size: 10px;
	margin-left: 5px;
}

#side .prbox ul li,.prbox1 ul li {
	font-size: 10px;
	margin: 5px 0px 5px 5px;
}
/*-- /side-link２----*/

/*-----------------
★W3C.RSS 
--------------------*/
#side .w3c {
	width: auto;
	height: auto;
	font-size: 10px;
	text-align: center;
	display: block;
	border: 1px solid  #ff0080;
	padding-top: 8px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

#side .rssimg {
	width: 72px;
	height: 18px;
	border: 3px double #808000;
	padding-bottom: 0px;
	margin: 1px 4px 1px;
}
/*-- /W3C.RSS --*/

/*-----------------
★twitterボックス
--------------------*/
#side .twitterbox {
	width:  auto;
	height: auto;
	display: block;
	padding: 5px;
	text-align: center;
	border: 1px solid  #ff0080;
	margin-top: 10px;
	margin-bottom: 5px;
}
#side .twitter-timeline {
   width: auto;
   }
/*--/ twitterボックス--*/

/*--------------
★バナー設定
------------------*/

#side .baner {
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#side .baner1 {
	width: 160px;
	height: 50px;
	border: 3px double #808000;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

/*--------------------------
================
★フッター設定
------------------------*/

#foot {
	height: auto;
	text-align: center;
	position: relative;
	border-top: 1px solid #a9a9a9;
	padding-top: 15px;
	margin-top: 0px;
	clear: both;
}

#foot #foot ul {
	display: inline;
}

#foot .footul li {
	font-size: 100%;
	display: inline;
	background-image: url("../imag/icon/li2.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 15px;
	padding-right: 6px;
	padding-left: 6px;
}

#foot .footul li a {
	font-size: 110%;
	color: #0000cd;
	display: inline;
	text-decoration: none;
}

#foot .footul li a:link {
	color: #0000cd;
	font-size: 100%;
}

#foot .footul li a:hover {
	font-size: 100%;
	color: #ff0000;
}

#Copyright {
	font-size: 100%;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
}

/*---/フッター設定--*/

@media (min-width:800px) and (max-width:1900px){
#side .insidbox2 {display:none;}
}

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

==========================
★タブレット（481px～800px）設定
---------------------------------------------------*/
/*表示切替えウィンドウサイズ*/
@media (min-width:481px) and (max-width:800px){

/*ヘッダー設定*/
header #sublogo { display:none; }
/*--/ヘッダー設定--*/

/*メインナビ
------------------------*/
nav#menubar ul li { margin-right: 0; margin-bottom: 5px; width: 49%; }
nav#menubar ul li a { height: 18px; }
/*奇数番*/
nav#menubar ul li:nth-child(odd) { margin-right:1%; width: 50%; }
/*最終番*/
nav#menubar ul li:last-child a { margin-bottom: 10px; }
/*ローマ字非表示*/
nav#menubar ul li a span { display: none;  visibility: hidden; }


/*サイド設定*/
#side { float: none; clear: both; width: 100%; overflow:auto; display: inline-block;}
#local { width: 46%; float: right; position: absolute; top: 0px; right: 5px; margin-top: 3px; }
#accordion { float: left; width: 46%; }

/*-- コンテンツ--*/
#contents .b_left,.b_right { float: none; width: auto; }
#links .links a,.a:link { font-size: 110%; font-weight: normal; line-height: 2.0; }
#links .links a:hover { font-size: 110%; line-height: 2.0; }
#links .links dt { background-image: none; }
#sitenav .ul-sitenav li { background-image:none;text-indent: 3px; }
#gaydber .gaydimg2 { display:none; }
#map_canvas { height: 350px; }

/*-- h2.h4--*/
#topber {font-size: 160%;  letter-spacing: 2px; }
#contents #c_top,.sakura { font-size: 160%; letter-spacing: 2px; }
#contents .c3_top1 { font-size: 110%; letter-spacing: 2px; }
#contents .c3_top2 { font-size: 110%; text-indent: 18px; }
#contents .c3_top3 { font-size: 100%; letter-spacing: 2px;}
#contents .kuraus { font-size: 100%;font-weight: normal;}
#gary_top1 {font-size: 160%; }
#contents #gary_top2 { font-size: 100%; font-weight: normal  }
#contents .leftbox2 h3,#contents .rightbox2 h3 { font-size: 100%; }

/*-- span設定 --*/
#contents #topber span { font-size: 80%;}
#contents #c_top span,.sakura span { font-weight: normal }
#contents .c3_top2 span {margin-left:20px; }
#contents p span {font-size: 90%;}
#contents p strong { font-weight: normal;}

#side .insidbox2 {display:none;}
#side .twitterbox {display:none; visibility:hidden;}
#side .baner {display:none; visibility:hidden;}
#side .rakunav {display:none;}
#side .prbox1 {display:none;}
#side .w3c  {display: none;}

/*フッターー設定*/
#foot li { font-size: 12px; text-indent: 15px; }
#Copyright { font-size: 100%; }
}

/*--------------------------------------------------------------------------------------------
★スマートフォン設定
----------------------------------------------------------------------------------------------------*/
/*ウィンドウサイズ指定*/
@media (max-width : 480px){

/*ヘッダー設定*/
header #hgroup h1 { display:none;}
header #bak { top: 10px; left: 5px; }
header #toplogo { top: 70px; left: 5px;   width: 200px;  height: 28px;}
header #sublogo { display:none; }
header #G_box { display:none; }
header #kaunt { top: 105px; right: 20px;}
header #zetts { top: 80px; height: 10px; left: 20px;}

/*--サイド設定--*/
#contents, #side { float: none; width: auto; }
#side { border: 1px solid #3cb371;padding:10px; margin-top:15px; }
#local { margin:2px; padding: 3px; border: 1px solid #808080; }
#accordion { margin:2px; padding: 3px; border: 1px solid #808080; }

 /*サイド非表示ボックス*/
#side .prbox {display:none; visibility:hidden;}
#side .prbox1 {display:none; visibility:hidden;}
#side .twitterbox {display:none; visibility:hidden;}
#side .baner {display:none; visibility:hidden;}
#side .rakunav {display:none; visibility:hidden;}
#side .w3 h3 {display:none; visibility:hidden;}
#side .insidbox2 {display: block;}
#side .insidbox1 {display: none;}
#side .insidbox3 {display: none;}
#side .w3c  {display: none;}
/*コンテンツ設定*/
#contents .b_left,.b_right { float: none; width: auto; }
#map_canvas { height: 350px; }

/*リンク設定*/
#links .links dt { background-image:none; letter-spacing: 1px;}
#links .links a,.a:link { font-size: 100%; font-weight: normal; line-height: 1.8; }
#links .links a:hover { font-size: 100%; line-height: 1.8; }
#sitenav .ul-sitenav li { background-image:none;text-indent: 3px; }

/*スライダー設定*/
#gaydber .gaydimg2 { display:none; }

/*フッターー設定*/
#foot li { font-size: 11px; }
#Copyright { font-size: 80%; }

/*-- h2-h3-title --*/
#topber { font-size: 110%;  letter-spacing: 1px; }
#contents #c_top,.sakura { font-size: 110%; letter-spacing: 1px; }
#contents .c3_top1 { font-size: 100%; letter-spacing: 1px; }
#contents .c3_top2 { font-size: 100%; letter-spacing: 1px; }
#contents .c3_top3 { font-size: 100%; }
#contents #gary_top1 { font-size: 110%;}
#contents #gary_top2 {font-size: 100%; }
#contents .kuraus  {font-size: 100%;}
#contents #topber span {  font-weight: normal;}
#contents #c_top span,.sakura span { font-weight: normal; }

/*span非表示*/
#gary_top1 span {display:none; visibility: hidden;}
#contents #c_top span {display:none; }
#contents .c3_top3 span {display:none; }
#contents .kuraus span {display:none; }
/*-- p-nomlfont --*/
#tolink  {display:none; }

/*メインナビ*/
nav#menubar ul li { float: none; width: 100%; margin: 0; }
nav#menubar ul li a { height: 14px; border-radius: 0 0 0 0; }
nav#menubar ul li:first-child a { border-radius: 10px 10px 0 0; }
nav#menubar ul li:last-child a { border-radius: 0 0 10px 10px; margin-bottom: 10px; }
/*ローマ字非表示*/
nav#menubar ul li a span { display:none; visibility: hidden;}
/*表示切換*/
#zetts { display: block; }
#zetts .wak { display: block; }
nav#menubar {display:none;}

#top #menubar_hdr { display: none; }
#menubar_hdr {
	display: inline;
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
	background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
	background-image: linear-gradient(#fbfbfb, #e5e5e5);
	padding: 10px;
	border: 1px solid #cfcfcf;
	border-radius: 0px 0px 6px 6px;
}
}