/*
Theme Name: Toyanogata park theme
Theme URI: http://www.toyanogata-park.com/
Description: 新潟県立鳥屋野潟公園テーマ
Version: 1.0
Author: Sofu
Author URI: http://www.sofu.co.jp/
*/

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

/* ------ Tags init ------ */
:link,:visited{text-decoration: none;}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,
artilce,section,aside,nav{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
fieldset,img,abbr,acronym{border: 0;}
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var{font-style: normal;font-weight: normal;}
q:before,q:after{content: '';}
a{text-decoration: underline;outline: none;}
hr{border: 0;height: 1px;background-color: #000;color: #000;}
a img,:link img,:visited img{border: none;}
address{font-style: normal;display: inline;}

body{color:#4C4948;background:#FBF8D7;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;font-size:14px;line-height:1.4;}
a{color:#FF6600;text-decoration:none;}
a:hover {text-decoration:underline;}

strong { font-weight:bolder;}

/* ------ Utilities ------ */

/* Common
 ---------------------*/
.layout	{display:block;}
.layout-content{position:relative;}
.inline	{display:inline;}
.hidden	{display:none;}
.clearfix:after	{content: url(css/imgs/pixel.gif);display: block;clear: both;height: 0;}
.clearfix	{ display: inline-block; }
.clearfix	{ display: block; }

.al_center { text-align:center;}
.al_right { text-align:right;}


/* Unit Title Content
 ---------------------*/
.unit	{display:block;}
.title	{font-weight:bolder;}
.content{display:block;}

#header .titleimg{position:relative;}
#header .titleimg .text{position:absolute;top:0;left:0;}
#header .titleimg .img{position:relative;top:0;left:0;}


/* LAYOUT */
#container{ width:960px;background:#FFF; margin:0 auto;}
#container-inner{ padding:0 30px;}
#container-content{ width:900px;}

#top-alpha{width:900px;}
#top-alpha-inner{}
#top-alpha-content{width:900px;}

#alpha{width:660px;float:left;}
#alpha-inner{}
#alpha-content{width:660px;}

#beta{width:220px;float:right;}
#beta-inner{}
#beta-content{width:220px;}

#header-content,
#globalnav-content,
#content-content,
#footer-content{width:900px;margin-left:auto;margin-right:auto;}

/* DESING */

/* Headers */
#language-change { text-align:right; padding-top:5px; font-size:13px;}
#language-change .jp{ margin-left:15px; display:inline-block; padding:0px 6px; background:#f39100; color:#fff;}
#language-change .eng a{ color: #f39100; }
#logo{width:385px;float:left;margin-top:20px;}

/* Header nav */
#headernav{margin:5px 0; float:right; width:400px; margin-top:0;}
#headernav ul{ float:left; width:210px;}
#headernav li{ float:left; width:70px; display:inline;}
#headernav li a{display:block;}

#headernav #fb_bn { float:right; width:160px; margin-top:10px; background:url(css/imgs/hd_sns_bk.jpg) bottom center no-repeat; padding-bottom:15px; text-align:center;}
#headernav #fb_bn img { margin:0 5px 0;}


/* globalnav */
#globalnav{margin:0 0 10px 0;}
#globalnav ul{}
#globalnav li{float:left;display:inline;}
#globalnav li a{display:block;}

/* pankuzu */
.breadcrumbs { font-size:72%; margin:0 0 15px 0; text-align:right;}
.breadcrumbs a { color:#999;}


/* Contents */
#alpha .unit{margin-bottom:30px;}

/* sidebar */
#sidebar li {list-style:none;}
#sidebar .pagenav h2 { background:#533C33; text-align:center; padding:3px 0;}
#sidebar .pagenav h2 a { color:#FFCC00;}

#sidebar .pagenav ul { border-left:1px solid #533C33; border-right:1px solid #533C33; margin-bottom:10px;}
#sidebar li.page_item { display:inline;}
#sidebar li.page_item a { display:block; border-bottom:1px solid #533C33; padding:5px 10px; color:#533C33;}
#sidebar li.page_item a:hover { background:#fee780; text-decoration:none;}

#sidebar #bunner li{margin-bottom:10px;}
#sidebar #bunner img{display:block;}

#sidebar .widget { margin-bottom:15px;}
#sidebar .widget-title { background:#533C33; color:#FFCC00; text-align:center; padding:3px 0;}
#sidebar .widget li { font-size:86%; background:url(css/imgs/cmn_list_bk.gif) left no-repeat; padding:0 0 0 15px;}
#sidebar .widget ul,
#sidebar .search_form { border:1px solid #533C33; padding:7px 10px;}

#sidebar .widget_archive .select-box { border:1px solid #533C33; padding:7px 10px;}

/* Footers */
#footer{}
#footer-content {}

#footlink { background:url(css/imgs/cmn_ft_illust.gif) bottom no-repeat; padding:0 0 20px 0;}
#footlink ul{ width:420px;margin:10px auto 0 auto; }
#footlink li{ float:left; width:84px; display:inline;}
#footlink li a { display:block;}

#footbottom { padding:7px 10px; width:880px; background:#533C32; font-size:86%;}
#footbottom #footnav { float:left; width:460px;}
#footbottom #footnav a { background:url(css/imgs/cmn_ft_arrow.png) left no-repeat; padding:0 13px; color:#FCCF00;}
#footbottom #copy{color:#FCCF00; float:right;}

#footbottom #add { color:#fbf8d7; font-size:10px; margin-top:10px;}
#footbottom #add #ft_m { float:left; width:260px; border-left:3px solid #e95098; padding:0 0 0 10px;}
#footbottom #add #ft_s { float:left; width:260px; border-left:3px solid #90b722; padding:0 0 0 10px;}
#footbottom #add a { color:#fbf8d7;}
#footbottom #add #admin { text-align:right;}


/* comments */
#comments { padding:15px; border:1px solid #CCC; margin:10px 0;}
#comments .commentlist li { border-bottom:1px dotted #CCC; padding:5px 0;}
#comments .commentlist { margin:0 0 20px 30px;}
#comments h2.comments-title,
#comments h3#reply-title { font-weight:bolder; margin-bottom:5px;}
#comments .comment-notes { color:#FF6666; font-size:72%; margin-bottom:10px;}
#comments .comment-meta,
#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url,
#comments .comment-form-comment { margin-bottom:5px; font-size:86%;}

/* search result */
#nosearchresult{}

/* top */
#top_mainimg { margin-bottom:20px;}
#top-alpha #highlight .title,
#top-alpha #event .title,
#top-alpha #information .title { background:url(css/imgs/top_title_bk.gif); text-align:center; height:28px;}
#top-alpha .unit { margin-bottom:10px;}
#top-alpha .content { padding:15px 0; background:url(css/imgs/top_bk_dotte.gif) bottom repeat-x;}

#top-alpha #highlight { font-size:86%;}
#top-alpha #highlight .day { font-weight:bolder; margin-bottom:10px;}
#top-alpha #highlight #hl_meike { float:left; width:449px; background:url(css/imgs/top_highlight_meike.png) left no-repeat; height:132px; border-right:1px dotted #999;}
#top-alpha #highlight #hl_meike .img_area { float:left; width:170px; padding-left:150px; margin-right:10px;}
#top-alpha #highlight #hl_meike .text_area { float:left; width:110px;}

#top-alpha #highlight #hl_syumoku { float:right; width:449px; background:url(css/imgs/top_highlight_syumoku.png) right no-repeat; height:132px;}
#top-alpha #highlight #hl_syumoku .img_area { float:left; width:170px;}
#top-alpha #highlight #hl_syumoku .text_area { float:left; width:110px; margin-right:10px; padding-left:10px;}
#top-alpha .two_unit { margin-right:-10px;}
#top-alpha #event,
#top-alpha #information { float:left; width:445px; margin-right:10px;}
#top-alpha #event ul,
#top-alpha #information ul{ list-style:none; font-size:86%; border-bottom:1px dotted #999;}
#top-alpha #event li,
#top-alpha #information li{ list-style:none; padding:5px 0 5px 1em;}
#top-alpha #event li .published,
#top-alpha #information li .published {display:block;width:10em;float:left; font-weight:bolder; margin-right:5px;}
#top-alpha #event li .event_list,
#top-alpha #information li .info_list{float:right;width:300px;}
#top-alpha #event li a,
#top-alpha #information li a{ display:block;}
#top-alpha #event .mik { background:url(css/imgs/top_event_mik.gif) right no-repeat;}
#top-alpha #event .smk { background:url(css/imgs/top_event_smk.gif) right no-repeat;}
#top-alpha #event .bottom_list ul,
#top-alpha #information .bottom_list ul { float:right; list-style:none; font-size:86%; border:none;}
#top-alpha .bottom_list li{ float:left; display:inline; list-style:none;}
#top-alpha .bottom_list li a { display:block;}

#top-alpha #event .list_mik { background:url(css/imgs/top_event_mik.gif) left no-repeat;}
#top-alpha #event .list_smk { background:url(css/imgs/top_event_smk.gif) left no-repeat;}

#top-alpha a{color:#666666;text-decoration:none;}
#top-alpha a:hover {text-decoration:underline;}

/* Page's */
#mainimage { height:110px;}
h1.page-title{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#content .titleimg { height:60px;}

#privacypolicy h2.title,#access h2.title,#park h2.title,#meike h2,#syumoku h2,#offer h2.title,#apply h2.title,#link h2.title,#disclosure h2.title,#program h2.title,
#info .archive-title,#point .archive-title,#event .archive-title,#questionnaire h2.title,#volunteer h2.title
{ background:url(css/imgs/cmn_h2_title_bk.gif) left no-repeat; font-size:129%; font-weight:bolder; color:#533C33; padding:5px 0 5px 20px; margin-bottom:5px;}

#privacypolicy h3.title,#access h3.title,#park h3.title,#offer h3.title,#apply h23.title,#link h3.title,#disclosure h3.title,#program h3.title
{ padding:5px 10px; border:2px dotted #ff9900; border-radius:5px; margin-bottom:10px;}

#privacypolicy p,#access p,#park p,#meike p,#syumoku p,#offer p,#apply p,#link p,#disclosure p,#program p,#volunteer p
{ padding:5px 0; line-height:1.6;}
#privacypolicy ul,#access ul,#park ul,#meike ul,#syumoku ul,#offer ul,#apply ul,#disclosure ul,#program ul
{ margin-left:20px;}
#privacypolicy ol,#access ol,#park ol,#meike ol,#syumoku ol,#offer ol,#apply ol,#link ol,#disclosure ol,#program ol
{ margin-left:30px;}

/* table */
#alpha .table_set table { background:#999; width:100%;}
#alpha .table_set th { background:#fff6b8; padding:5px 10px; color:#533c33; font-weight:bolder; width:20%;}
#alpha .table_set td { background:#FFFFFF; padding:5px 10px;}
#alpha .table_set .width_40 { width:40%;}
#alpha .table_set .width_30 { width:30%;}

/* etc */
.bd_box { border:1px solid #FF9900; border-radius:5px; padding:15px; margin:10px 0;}
.bd_box2 { border:3px solid #CCC; border-radius:10px; padding:10px 15px; margin:10px 0;}

.post_date { text-align:right; font-size:72%; margin-bottom:20px;}
.post_date a { color:#999;}
.nav-single { font-size:86%; text-align:center; margin:15px 0; border-top:1px dotted #CCC; padding:10px 0;}

/* point */
#point #txtarea { float:left; width:400px; }
#point #imgbox { float:right; width:250px; }
#point .point_unit { border:1px solid #FF9900; border-radius:5px; padding:15px; margin-bottom:10px;}
#point .left-box { float:left; width:400px;}
#point .right-box { float:right; width:215px;}
#point .entry-title { font-size:18px; font-weight:bolder;}
#point .entry-content p { font-size:86%;}
#point .entry-content a { color:#4C4948;}
#point .entry-header { border-bottom:1px dotted #FF9900; padding: 0 0 15px 0; margin-bottom:10px;}
#point .entry-header p { font-weight:bolder; font-size:86%; padding:15px 0 3px 0;}
#point .entry-header img { float:left; width:64px; padding-right:15px;}

/* point_single */
#point_single #txtarea { float:left; width:400px; line-height:2;}
#point_single #imgbox { float:right; width:250px; }
#point_single .entry-title { font-size:18px; font-weight:bolder; border-bottom:1px solid #FF9900; padding-bottom:5px; margin-bottom:10px;}

/* park */
#park #ezu .banner_box .img { float:left; width:195px; padding:15px 15px 0 0;}
#park #ezu { height:500px; background:url(css/imgs/park_ezu.gif) bottom center no-repeat;}
#park #promise .in-unit { border:3px solid #CCC; border-radius:10px; padding:20px; margin-bottom:20px;}
#park #promise .in-unit strong { font-size:115%; color:#669933;}
#park #promise ol { margin:10px 0 0 30px;}

/* meike syumoku */
#meike #pct .content,#syumoku #pct .content
{ position:relative; overflow: hidden; background:#fee780; border-radius:10px; padding:22px; }
#meike #pct .pct_area,#syumoku #pct .pct_area
{ margin-right:-22px;}
#meike #pct .pct_area .in-unit,#syumoku #pct .pct_area .in-unit
{ float:left; width:190px; margin-right:22px; }
#meike #pct .pct_area .in-unit h3.title,#syumoku #pct .pct_area .in-unit h3.title
{ color:#993300; margin-bottom:5px; height:50px;}
#meike #pct .pct_area .in-unit p,#syumoku #pct .pct_area .in-unit p
{ font-size:86%;}

/* event */
#event h1.entry-title { border:2px solid #CCC; border-radius:5px; padding:10px 15px; margin-bottom:10px; font-size:115%; font-weight:bolder;}
#event #event_img { float:left; width:300px;}
#event #event_about { float:right; width:340px;}
#event #event_about p { margin-bottom:10px;}
#event #event_about .table_set table { background:#999; width:100%;}
#event #event_about .table_set th { background:#fff6b8; padding:5px 7px; color:#533c33; font-weight:bolder; width:25%;}
#event #event_about .table_set td { background:#FFFFFF; padding:5px 7px;}
#event .event_box { padding-bottom:20px;}

#event .event_cat { float:left; width:170px;}
#event .cat_and_post .post_date { margin:0; padding:10px 0 0 0;}


/* info information */
#info h1.entry-title,#information h1.entry-title { border:2px solid #CCC; border-radius:5px; padding:10px 15px; margin-bottom:10px; font-size:115%; font-weight:bolder;}
#info .entry-content p,#information .entry-content p { margin-bottom:1em;}

/* apply */
#apply ol { font-weight:bolder; margin:10px 0 10px 30px;}
#apply ol li { margin-bottom:5px;}

/* link */
#link ul li { list-style:none; background:url(css/imgs/cmn_arrow_01.gif) left no-repeat; padding:10px 0 10px 25px; margin-bottom:10px; border-bottom:1px dotted #CCC;}

/* contact */
#contact .al_center { margin:15px 0;}
#contact .in-unit { border:1px solid #fcd008; border-radius:5px; margin-bottom:10px; padding:15px 20px;}
#contact .in-unit h3.title { color:#533c33; font-size:115%; margin-bottom:5px;}

/* contactform */
#contact .table_set .asterisk { color:#FF0033; font-size:86%; font-weight:normal;}
#contact .table_set th { text-align:left;}
#contact .table_set { margin-bottom:10px;}
#contact .bt input { padding:5px 20px;}

/* questionnaire */
#questionnaire #questionnaire_form table { width:100%; margin-bottom:15px;}
#questionnaire #questionnaire_form th { border-bottom:1px dotted #CCC; padding:10px; text-align:left; color:#533c32; width:220px;}
#questionnaire #questionnaire_form td { border-bottom:1px dotted #CCC; padding:10px;}
#questionnaire #questionnaire_form ul { margin-left:25px;}
#questionnaire .bt input { padding:5px 20px;}

/* faq */
#faq .entry-title { background:url(css/imgs/faq_q.gif) left no-repeat; font-size:115%; border-bottom:2px dotted #ff9900; padding:7px 0 7px 30px;}
#question .entry-title { background:url(css/imgs/faq_q.gif) left no-repeat; font-size:115%; font-weight:bolder; border-bottom:2px dotted #ff9900; padding:7px 0 7px 30px; margin-bottom:5px;}

/* sitemap */
#sitemap .unit { border:1px solid #CCC; padding:5px 10px; margin-bottom:10px;}
#sitemap .unit ul { margin-left:50px;}
#sitemap .unit a { color:#666666;}


/* faq widget   2014/04/04 add */
label.screen-reader-text{display:none;}
#searchform input#s {width:150px;height:16px;}
.searchform#searchform {border-right: solid 1px #533C33;border-left: solid 1px #533C33;border-bottom: solid 1px #533C33;padding:7px 10px;}

/* social buttons */
#social-buttons .fb-like, #social-buttons #twitter {float:left;margin-right:15px;}

/* volunteer */
#volunteer #active { background:url(css/imgs/volunteer_02.jpg) left top no-repeat; padding:120px 0 20px 0;}
#volunteer #active ul { font-size:115%; font-weight:bolder;}
#volunteer #active .fl_l { float:left; width:220px; margin-left:70px;}
#volunteer #active .fl_r { float:right; width:270px;}

#volunteer #inq .bd_box { border:2px dotted #FF9900; padding:15px; text-align:center; font-size:129%; font-weight:bolder;}

.ft_mini { font-size:86%;}
.ft_big { font-size:115%;}
.color_red { color:#CC0000;}

/* 20200521 reCAPTCHA */
#contact .recaptcha-wrap { text-align:center;  }
#contact .recaptcha-wrap .wpcf7-recaptcha { display:inline-block; margin:15px 0; }
#contact .bt { margin-top:15px; }
#questionnaire_form .recaptcha-wrap .wpcf7-recaptcha { margin-bottom:15px; }