@charset "UTF-8";
/* CSS Document */

/* 全　体 ==================================================================== */
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#wrapper {
	min-height: 100%;
	position: relative;
}
img {
    max-width: 100%;
    height: auto;
}
a:hover img {
	filter: alpha(Opacity=70);  /* IE 用 */
	-moz-opacity: 0.70;         /* Mozilla 用 */
	-khtml-opacity: 0.70;       /* KHTML 用 */
	opacity: 0.70;              /* Safari 用 */
}
a[href^="tel:"] {
	pointer-events: none;
	cursor: default;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
}

.floLimg {
	float: left;
}
.floRimg {
	float: right;
}
.clear {
	clear: both;
}
/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ヘッダー=================================================================== */
#header {
	width: 100%;
	margin-bottom: 2em;
}
/* メインメニュー */
#gamemainbox {
	width: 1024px;
	margin: 0 auto;
}
#bpmainmenu {
	background-color: #FC0;
	max-width: 100%;
	text-align: center;
	margin: 0;
	padding: 5px 0 0;
}
#bpmainmenu li {
	width: 15.3%;
	display: inline-block;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0.3%;
}
#bpmainmenu a {
	display: block;
}
#bpmainmenu a:hover{
	background-color: #FC0;
	background-image: url(/images/menu_over.png);
	z-index: auto;
}
#bpmainmenu a img {
	margin-left: -10%;
}

/* フッター=================================================================== */
#footer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	max-width: 95%;
	margin: 0 auto;
}
#footer_inner {
	width: 1024px;
	max-width: 100%;
	height: 180px;
	background-image: url(/topimg/top_kyoukai.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0 auto;
}
/* フッターメニュー */
#submenu {
	padding: 0;
}
#submenu li {
	display: inline-block;
	width: 240px;
	background-color: #FF9;
	border: 3px solid #CCC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 25px;
}
#submenu li img {
	max-width: 108.75%;
}
ul.cominfo {
	padding: 0 0 0 5px;
}
ul.cominfo li {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.cominfo li.comlogo {
	padding-right: 3em;
}
ul.cominfo li a {
	background-color: rgba(255,255,255,0.8);
}

/* コンテンツページ ========================================================== */
#contents,
#alpha /*MT:コンテンツボックス*/ {
	display: table;/*.list liにかけた.clearfixに対するハック*/
	width: 74%;
	border: 1px solid #FC0;
	padding: 2%;
}
/*#contents 全幅ページ*/
.game_play#contents,
.mail#contents,
.intromail#contents {
	width: 100%;
	max-width: 700px;
	border: none;
	text-align:center;
	margin: 0 auto;
	padding: 0;
}
#contents>h1,
#logo h1#header-name /*MT:コンテンツタイトル*/ {
	background-color: #FFE91D;
	border: 5px solid #FC0;
	color: #008600;
	font-size: 1.3em;
	font-weight: bolder;
	line-height: 1;
	margin: 0 0 5px 0;
	padding: 5px;
}
.titleicon {
	float: left;
	margin-top: -40px;
	margin-right: 5px;
}
.contents_inner {
	width: 100%;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.contents_inner p:first-child {
	margin: 25px 0 0;
}
h2 {
	margin: 25px 0 15px;
	padding: 0;
}
/* 外部リンクリスト（おみせ・リンク・便利情報など）*/
.list_head {
	background-color: #FC0;
	color: #FFF;
	font-size: x-large;
	letter-spacing: 0.5em;
	text-align: left;
	text-indent: 0.5em;
	text-shadow:2px 2px 5px #999;
	margin: 15px 0 0;
}
.list {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.list li {
	list-style: none;
	margin: 0;
	padding: 0.6em 1em;
}
/* clearfix */
.list li:before,
.list li:after {
    content: " ";
    display: table;
}
.list li:after {
    clear: both;
}
.list li {
    *zoom: 1;
}

.list li strong {
	font-size: 16px;
}
.list li .tel_no {
	margin-left: 1em;
}
.list li a {
	text-decoration: none;
}
.list>li ul {
	margin: 0;
	padding: 0;
}

/* あそべるところ-------------------------------------------- */
.asobu h2,
.useful h2 { /*べんりじょうほう*/
	background-repeat: repeat-x;
	background-position: 160px bottom;
	background-size: auto 100%;
}
h2#kouen {
	background-image: url(/asobu/kouen/img/asobu_ti_koen_bg.gif);
}
h2#taiikukan {
	background-image: url(/asobu/kouen/img/asobu_ti_taiikukan_bg.gif);
	background-position: right bottom;
}
h2#kaisuiyoku {
	background-image: url(/asobu/kouen/img/asobu_ti_kaisuiyoku_bg.gif);
}
h2#pool {
	background-image: url(/asobu/kouen/img/asobu_ti_pool_bg.gif);
}
h2#jidokan {
	background-image: url(/asobu/kouen/img/asobu_ti_jidokan_bg.gif);
}
.asobu ul {
  list-style: none;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.asobu li a {
  text-decoration: none;
}
/* 公園ナビ */
.dropmenu li#showa>a {
	background: rgba(255, 135, 0, 0.8);/*#FF9900*/
} 
.dropmenu li#showa li a {
	color: #FF9900;
} 
.dropmenu li#showa ul strong {
	border-bottom: 1px solid #ffb13d;
}
.dropmenu li#showa li a:hover {
	background: #ffeacc;
} 
.dropmenu li#mihara>a {
	background: rgba(0, 146, 0, 0.8);/*#009900*/
} 
.dropmenu li#mihara li a {
	color: #009900;
} 
.dropmenu li#mihara ul strong {
	border-bottom: 1px solid #00B701;
}
.dropmenu li#mihara li a:hover {
	background: #d6efd6;
} 
.dropmenu li#motomachi>a {
	background: rgba(142, 0, 189, 0.8);/*#9900CC*/
}
.dropmenu li#motomachi li a {
	color: #9900CC;
}
.dropmenu li#motomachi ul strong {
	border-bottom: 1px solid #a908de;
}
.dropmenu li#motomachi li a:hover {
	background: #eddcf3;
}
.dropmenu li#goryokaku>a {
	background: rgba(0, 57, 236, 0.8);/*#0066FF*/
}
.dropmenu li#goryokaku li a {
	color: #0066FF;
}
.dropmenu li#goryokaku ul strong {
	border-bottom: 1px solid #3083ff;
}
.dropmenu li#goryokaku li a:hover {
	background: #d9e8ff;
}
.dropmenu li#ekimae>a {
	background: rgba(239, 0, 0, 0.8);/*#FF0000*/
}
.dropmenu li#ekimae li a {
	color: #FF0000;
}
.dropmenu li#ekimae ul strong {
	border-bottom: 1px solid #ff4c4c;
}
.dropmenu li#ekimae li a:hover {
	background: #ffe3e3;
}
.dropmenu li#yunokawa>a {
	background: rgba(255, 81, 197, 0.8);/*#FF66CC*/
}
.dropmenu li#yunokawa li a {
	color: #FF66CC;
}
.dropmenu li#yunokawa ul strong {
	border-bottom: 1px solid #f984d2;
}
.dropmenu li#yunokawa li a:hover {
	background: #ffe3f6;
}
.dropmenu li#toubu>a {
	background: rgba(0, 152, 120, 0.8);/*#096*/
}
.dropmenu li#toubu li a {
	color: #096;
}
.dropmenu li#toubu ul strong {
	border-bottom: 1px solid #00bf80;
}
.dropmenu li#toubu li a:hover {
	background: #d8f3ea;
}
/* 公園リスト */
.dropmenu {
  *zoom: 1;
  width: 100%;
  background-image: url(/asobu/kouen/img/asobu_hakodate_map.gif);
  background-position: right center;
  background-repeat: no-repeat;
  background-color: rgba(255,255,255,0.7);
  background-blend-mode: screen;
  list-style-type: none;
  margin: 10px auto 30px;
  padding: 0;
  letter-spacing: -1em;/*.dropmenu>liにかけたdisplay:inline-block;の隙間対策*/
}
.dropmenu:before,
.dropmenu:after {
  content: "";
  display: table;
}
.dropmenu:after {
  clear: both;
}
.dropmenu>li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  letter-spacing: normal;/*.dropmenu>liにかけたdisplay:inline-block;の隙間対策*/
}
.dropmenu>li>a {
  color: #fff;
  text-align: center;
  padding: 8px 0 5px;
}
.dropmenu>li>a span {
	font-size: 13px;
}
.dropmenu li a {
  display: block;
}
.dropmenu li ul strong {
	display: block;
	margin-top: 0.8em;
}
.dropmenu li ul li a {
  border-bottom: 1px dotted #eaeaea;
  text-shadow: 0 2px 3px #fff, 0 -2px 3px #fff, 2px 0 3px #fff, -2px 0 3px #fff;
  padding: 0.7em 0 0.6em;
}
.dropmenu li ul li a:hover {
  text-shadow: none;
}
/* -- 公園以外 -- */
/* リスト */
#other_list {
	clear: both;
}
#other_list ul {
	line-height: 2.5;
}
#other_list li {
    display: inline-block;
    min-width: 21%;
    margin-right: 2%;
    margin-left: 0;
}
#other_list li a {
	display: block;
	padding: 0 1em;
	color: #000;
}
#other_list li a:hover {
	background-color: #ececec;
}
/* == MTのみ == */
/*clearfixで#footerを下部に固定（#contentはMTだけのタグ）*/
#content:before,
#content:after {
	content: " ";
	display: table;
}
#content:after {
	clear: both;
}
#content {
	*zoom: 1;
}
#alpha {
	float: left;
}
/* コンテンツタイトル */
#logo {
	margin-bottom: 20px;
}
#logo a {
	text-decoration: none;
	color: #008600;
}
#logo p {
	margin: 0;
}
#logo em {
	font-style: normal;
}

.entry-content {
	background-color: #FFFDE4;
	padding: 5px;
}
/* タグ */
.entry-categories,
.entry-tags {
	font-size: small;
	color: #666;
	padding: 0.5em;
}
.entry-categories {
	background-color: #FF6;
}
.entry-categories a {
	font-size: 1.2em;
	color: #69F;
}
.entry-categories h4,
.entry-tags h4 {
    display: inline;
    font-weight: bold;
    margin-right: 0.25em;
    margin-bottom: 0;
}
.entry-categories ul,
.entry-tags ul {
    display: inline;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.entry-categories ul li,
.entry-tags ul li {
    display: inline;
}
/* タイトル */
.entry-header {
	background-color: #fff;
}
.pageTitle,
#page-title {
	border-left: 15px #F2A700 solid;
	font-weight: bolder;
	font-size: 1.6em;
	line-height: 1.3;
	margin: 0 0 0.5em;
	padding: 0.3em 0 0.3em 15px;
}
.kouen .pageTitle,
.kouen #page-title {
	color: #008600;
}
.gym .pageTitle,
.gym #page-title {
	color: #d43e00;
}
.sea .pageTitle,
.sea #page-title {
	color: #03c;
}
.pool .pageTitle,
.pool #page-title {
	color: #09f;
}
.jidoukan .pageTitle,
.jidoukan #page-title {
	color: #306;
}
.pageTitle .ruby {
	font-size: 0.55em;
	vertical-align: middle;
	white-space: nowrap;
}
/* ポイント */
.pageTitle .asset-meta span{
	display: inline-block;
	background: #F2A700;
	border: 1px solid #CCC;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	vertical-align: middle;
	font-size: small;
	font-style: italic;
	line-height: 1.5em;
	padding: 5px 10px 5px 5px;
}
/* サブタイトル */
.pageSubtitle,
.asset-body h2 {
	text-align: left;
	font-size: 1.2em;
	margin: 0;
}
.pageSubtitle+* {
	margin-top: 0;
}
.asset-body h2 {
	margin: 10px 0 0;
}
.kouen .pageSubtitle,
.kouen .asset-body h2 {
	color: #008600;
}
.gym .pageSubtitle,
.gym .asset-body h2 {
	color: #d43e00;
}
.sea .pageSubtitle,
.sea .asset-body h2 {
	color: #03c;
}
.pool .pageSubtitle,
.pool .asset-body h2 {
	color: #09f;
}
.jidoukan .pageSubtitle,
.jidoukan .asset-body h2 {
	color: #306;
}
/* 公園・施設写真 */
.parkPhoto { /*公園のみ*/
	float: left;
	background-color: #FFFDE4;/*:hoverの透過対策*/
	margin-right: 20px;
	margin-bottom: 20px;
}
#photobox {
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	padding: 1% 0;
}
.kouen #photobox {
	background-color: #008600;
}
#photoboxinner {}
#photoboxinner>div[class*="Photo"] {
	display: inline-block;
	margin: 0 -0.2em!important;
}
#photoboxinner>div[class*="parkPhoto"] { /*公園のみ*/
	max-width: 32.7%;
}
#photoboxinner>div[class*="indoorPhoto"] { /*施設のみ*/
}
#photobox img {
	vertical-align: middle;
}
#photoboxinner>div[class*="indoorPhoto"] img { /*施設のみ*/
	margin: 0 3px 4px;
}
/* 公園・施設情報 */
.kouen .asset-body {
	font-size: small;
}
#alpha dl {
	font-size: 15px;
	margin-left: 30px;
}
#alpha dt {
	float: left;
	width: 6em;
	text-align: center;
	margin: 0;
	padding: 0.2em 0.5em;
}
#alpha dd {
	border-bottom: dotted 1px #ccc;
	margin: 0 0 0.4em;
	padding: 0.2em 0 0.6em 7.5em;
}
#alpha dd p {
	margin: 0 0 0.5em;
}
#alpha dd *:last-child {
	margin-bottom: 0;
}
.MDLtable,
.asset-body table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
}
.asset-body table caption {
	font-weight: bold;
	text-align: left;
}
#alpha dl span,
.MDLtable span,
.asset-body table span {
	font-size: 12px;
	font-weight: normal;
}
#alpha dt,
.MDLtable th,
.asset-body table th {
	color: #FFF;
	font-weight: normal;
}
.MDLtable th,
.MDLtable td,
.asset-body table th,
.asset-body table td {
	padding: 0.5em;
}
.kouen .MDLtable th {
	background-color: #69AC1D;
}
.kouen .MDLtable th,
.kouen .MDLtable td,
.kouen .asset-body table th,
.kouen .asset-body table td {
	border: 1px #008600 solid;
}
.gym #alpha dt,
.gym .MDLtable th,
.gym .asset-body table th {
	background-color: #f90;
}
.gym .MDLtable th,
.gym .MDLtable td,
.gym .asset-body table th,
.gym .asset-body table td {
	border: 1px #fc6 solid;
}
.gym .asset-body table .kubun {
	background-color: #ffd98e;
	color: #000;
}
.sea #alpha dt,
.sea .MDLtable th,
.sea .asset-body table th {
	background-color: #03c;
}
.sea .MDLtable th,
.sea .MDLtable td,
.sea .asset-body table th,
.sea .asset-body table td {
	border: 1px #03c solid;
}
.pool #alpha dt,
.pool .MDLtable th,
.pool .asset-body table th {
	background-color: #6cf;
}
.pool .MDLtable th,
.pool .MDLtable td,
.pool .asset-body table th,
.pool .asset-body table td {
	border: 1px #09f solid;
}
.jidoukan #alpha dt,
.jidoukan .MDLtable th,
.jidoukan .asset-body table th {
	background-color: #99f;
}
.jidoukan .MDLtable th,
.jidoukan .MDLtable td,
.jidoukan .asset-body table th,
.jidoukan .asset-body table td {
	border: 1px #306 solid;
}
/* GoogleMap */
iframe {
	width: 100% !important;
	max-width: 425px;
}
/* コメント */
.comments {
	margin-top: 20px;
}
.comments h2 {
	background-color: #008600;
	border-left: 30px solid #F2A700;
	font-size: 1em;
	color:#FFFFCC !important;
	padding: 0.3em 6px 0.2em;
}
.comments-open-content {
	margin-top: 0.5em;
	margin-left: 36px;
}
.byline {
	font-weight:bolder;
	color:#669900;
}
.byline a {
	color:#7C98EC;
	font-size:x-small;
}
.comment-content {
	font-size:medium;
	margin-left: 1.5em;
	color:#333;
}
.custom-field-radio-list li {
	display: inline-block;
	list-style-type: none;
}


/* キッズなおみせ-------------------------------------------- */
.shop h2 {
	background: url(/shop/img/shop_ti_bg.gif) repeat-x right bottom;
	background-size: auto 100%;
	margin-bottom: 0;
}
.shop .list>li {
	border-bottom: dotted 1px #06f;
}
.shop .list>li:nth-of-type(even) {
	background-color: #f3f8ff;
}

/* キッズなリンク-------------------------------------------- */
.link h2 {
	margin-bottom: 0;
}
.link .list>li {
	border-bottom: dotted 1px #f90;
}
.link .list>li:nth-of-type(odd) {
	background-color: #fffaf2;
}
.genre_btn {
	border: solid 1px #FFCC00;
	border-top: none;
	width: 100%;
	max-width: 500px;
	margin: 5% auto 0;
	table-layout: fixed; /*ie対策：tdのwidth指定を効かせる*/
}

.genre_btn th {
	background-color: #FFCC00;
	color: #FF3300;
}
.genre_btn td {
	width: 25%;
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	padding: 10px 0;
}
.genre_btn td a {
	display: block;
	max-width: 88%;
	margin: 0 auto;
}

/* べんりじょうほう------------------------------------------ */
h2#sirabemono {
	background-image: url(/asobu/kouen/img/asobu_ti_siraberu_bg.gif);
}
.useful .list>li {
	border-bottom: dotted 1px #eab820;
}
.useful .list>li:nth-of-type(even) {
	background-color: #fffeed;
}

/* はこだて３Ｄ・キッズなゲーム------------------------------ */
.game .list {
	margin-top: 15px;
}
.web3d .list>li {
	border-bottom: dotted 1px #fc0;
}
.game .list>li {
	border-bottom: dotted 1px #69f;
}
.web3d .list>li:nth-of-type(even),
.game .list>li:nth-of-type(odd) {
	background-color: #ffff9a;
}
.web3d .list li h4,
.game .list li h4,
.web3d .list li p,
.game .list li p {
	margin: 5px 0 0;
}
.web3d .list li .floLimg,
.game .list li .floLimg {
	margin-right: 20px;
}
/* 再生ページ */
.play_web3d {}
.play_web3d .contents_inner {
	text-align: center;
}
.key_operation {
	display: inline-block;
	list-style: none;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.key_operation li {
	margin-bottom: 10px;
}
.key_operation li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
#contents.game_play dl {
	width: 100%;
	text-align: left;
}
#contents.game_play dt,
#contents.game_play dd {
	display: inline-block;
	vertical-align: top;
	line-height: 1.2em;
	margin: 0 0 1em;
}
#contents.game_play dt {
	border: none;
	width: 30%;
}
#contents.game_play dd {
	width: 70%;
}
.game_play p table,
.game_play form table {
	margin: 0 auto;
}
#cgi form,
#cgi p {
	font-size: 12px;
	margin: 0;
}
/*りば〜しぃ*/
#reversi_play {
	background-color: #396;
	width: 96%;
	max-width: 550px;
	margin: 0 auto;
	padding: 2%;
}
#reversi_play .reversi_play_inner {
	float: left;
	width: 50%;
}
#reversi_play .reversi_play_inner input[name="guide"] {
	margin: 6px auto 20px;
}
#reversi_play+* {
	clear: both;
}

/* お問い合わせ---------------------------------------------- */
.mail .floLimg {
	margin: 0 15px;
}
.mail table th {
	background: url(/mail/img/img_arrowL.gif) no-repeat right center #33CC00;
	color: #fff;
	text-align: left;
	padding: 0 23px 0 0.5em;
}
.mail table th.bottom_arrow {
	background: url(/mail/img/img_arrowBL.gif) no-repeat left center #33CC00;
	padding-left: 23px;
}
.mail table td {
	background-color: #CCFFCC;
	padding: 0 0.5em;
}
.mail table td.notes_text {
	background-color: #fff;
}
.mail textarea {
	width: 100%;
	margin: 8px 0 15px;
}
.mail .btn {
	text-align: center;
	margin: 1em auto;
}

/* お友達紹介メール------------------------------------------ */
.intromail {}
.intromail #setumei {
	float: left;
	max-width: 340px;
	background: url(/intromail/img_info_bg.gif) repeat-y;
	background-size: contain;
}
.intromail #setumei * {
	margin: 0;
}
.intromail #setumei p {
	padding: 0.2em 1em;
}
.intromail .kokuti_box {
	clear: both;
	border: solid 1px #F93;
	margin: 20px auto;
}
.intromail .kokuti_box h3 {
	background-color: #F93;
	color: #FF9;
	font-size: 1em;
	margin: 0;
	padding: 0.3em 0.5em;
}
.intromail .kokuti_box p {
	margin: 0.3em 0.5em;
}
.intromail form {
	background-color: #FF9;
}
.intromail form table {
	margin: 0 auto 20px;
}
.intromail form table th {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}
.intromail form table th span {
	display: inline-block;
	width: 11em;
	height: 29px;
	background: url(/intromail/img_arrowBlueB.gif) no-repeat left top;
	font-size: 16px;
	color: #fff;
	margin-right: 0.3em;
	padding: 6px 0 0 25px;
}
.intromail form table td {
	padding: 0.3em;
}
.intromail form table input {
	margin-bottom: 0.5em;
}
.intromail form table textarea {
	width: 95%;
}

/* サイドボックス============================================================= */
#bunnerline,
#beta /*MT:sidebox*/ {
	float: right;
	width: 20%;
	height: 100%;
	text-align:center;
	margin: 0;
}
#bunnerline p {
	margin: 0 0 15px;
}
*{zoom:1;}
/* == MTのみ == */
#beta {
	text-align:left;
	font-size: small;
}
#beta img {
	/*border: 1px solid #CCC;
	margin-bottom:1em;*/
}

/* -- Widgets -- */
.widget {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.widget-header {
	background-color: #69AC1D;
	color: #fff;
	font-size: small;
	margin-top: 0;
	padding: 0.3em 0.5em 0.2em;
}
.widget-header a {
	color: #D1F3FF;
}
.widget-content {
    margin-bottom: 20px;
}
.widget-header h3 {
	margin:0;
	padding:0;
}
/* 検索 */
.widget-content form {
	text-align: center;
}
.widget-content form input#search {
	width: 95%;
    margin-bottom: 10px;
	padding: 0.25%;
}
.archive-content ul,
.widget-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget-content ul ul {
    margin-left: 15px;
}
.widget-content li {
	padding: 5px;
	background-color: #FFFDE4;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #FC3 #FC3 #FC3 #F90;
}
.widget-tag-cloud .widget-content ul {
    margin-right: 0;
    margin-left: 0;
}
.widget-tag-cloud .widget-content li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.6;
    background: none;
}
.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.75em; }
.widget-tag-cloud .rank-3  { font-size: 1.625em; }
.widget-tag-cloud .rank-4  { font-size: 1.5em; }
.widget-tag-cloud .rank-5  { font-size: 1.375em; }
.widget-tag-cloud .rank-6  { font-size: 1.25em; }
.widget-tag-cloud .rank-7  { font-size: 1.125em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

#footer .widget-content {
    margin-top: 0;
    margin-bottom: 0;
}
.widget-recent-assets .widget-content ul {
    overflow: auto;
    margin-right: 0;
}
.item {
    display: inline;
    float: left;
    margin: 0pt 5px 8px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}
.widget-search ul,
.widget-syndication ul {
    margin-left: 0;
    list-style: none;
}
.widget-search li,
.widget-syndication li  {
    margin: 5px 0;
}
.widget-openid {
    width: 160px;
    margin: 10px auto;
    border: none !important;
}
.widget-openid .widget-content {
    border: 1px solid #ccc;
    background: #fff url(../images/openid-accepted.gif) no-repeat 7px 3px;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    color: #666;
    margin: 0;
    padding: 0 !important;
}
.widget-openid .widget-content em {
    display: block;
    font-style: normal;
    padding: 34px 9px 9px 68px;
}
.widget-openid .widget-content strong {
    left: -9999px;
    position: absolute;
}
.widget-openid .widget-content a {
    display: block;
    background: #eee;
    text-align: center;
    padding: 5px 3px;
    color: #666;
    text-decoration: underline;
    font-weight: normal;
}
.widget-calendar .widget-content table {
    border-collapse: collapse;
    width: 100%;
}
.widget-calendar .widget-content th, 
.widget-calendar .widget-content td {
    text-align: center;
    width: 14%;
    padding: 2px 0;
}
.input-default {
    background-color: #9AAEC2;
}
.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(../images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}


/* トップページのみ ========================================================== */
.top #header {
	text-align: right;
	position: absolute;
	margin-bottom: -200px;
	z-index: 3;
}
/* メインメニュー */
#mainmenu {
	width: 80%;
	display: inline-flex;
	list-style-type: none;	
	padding: 0 3px;
    margin: 0 0 25px;
}
#mainmenu li {
	padding: 0;
    width: 20%;
    text-align: center;
}
#mainmenu a {
	display: block;
	border: 3px solid #CCC;
	text-decoration: none;
	margin: -1.5px;
}
#mainmenu a:hover{
	background-color: #FC0;
	z-index: auto;
	background-image: url(/topimg/top_arrow.png);
}
#infobox {
	width: 800px;
	height: 300px;
	list-style-type: none;	
}
/* ニュース */
#new_sr {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.new_srinner {
	text-align: center;
}
.newsbox {
	width: 400px;
	height: 200px;
	margin: 2em;
	background-image: url(/topimg/news_bg.png);
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-moz-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	transform: rotate(-5deg);
}
ul#newsbox-inner {
	width: 340px;	
	padding-top: 3em;
	line-height: 1.2em;
}
#newsbox-inner li {
	list-style-image: url(/topimg/news_icon.png);
	list-style-type: none;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}
#newsbox-inner li a {
	text-decoration: none;
}
/* FaceBook */
.fb-like-box {}
  @media only screen and (max-width: 1024px) {
#mainmenu {
	width: 100%;
	display: flex;	
 }
#new_sr {
	display: inline-block;
	}
#bunnerline {
	display: flex;
	width: 100%;
	}
}
@media print {
    * {
        position: static !important;
        overflow: visible !important;
    }
}