@charset "utf-8";
/*
Theme Name: 千葉フェライン
Theme URI: http://lastcnt.com/
Description: 千葉フェライン用テンプレート
Author: lastcnt.com
Version: 0.5
*/


/* ブラウザーリセット */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5,h6,address{
	font-weight:normal;
	font-style:normal;
}

/*
 * clearfix
 */
.clearfix:after,
#nav ul:after {
  content: "";
  /*start*/
  /*content: ".";
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;*/
  /* end */
  display: block;
  clear: both;
  height: 0; }

.clearfix,
#nav ul {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix,
* html #nav ul {
  height: 1%; }

.clearfix,
#nav ul {
  display: block; }

a img { border:none; }

/*ベース-------------------------*/
body {
  /* background:#FFF url(img/back.png) repeat-x; */
  background-color: #FFFFFF;
  font-size:100%;
  font-family:Meiryo,"メイリオ","HiraKakuPro-W3",sans-serif,Osaka, sans-serif;
  color:#5C5D5C;
  line-height: 1.6;
}

a:link { text-decoration:none; color:#00a073; }
a:visited { text-decoration:none; color:#00694b; }
a:hover { text-decoration:underline; color:#00a073; }
a:active { text-decoration:underline; color:#666;}


/*ヘッダー-------------------------*/
@media (max-width: 767px) { 
  #wrapper {
    padding: 0 10px; }
}


#contents, #footer, #selecter, #mainph { width:940px; margin:0 auto; clear:both; }
/*   @media (max-width: 767px) { #header, #contents, #footer, #selecter, #mainph, #nav { width: 100%; } } */


#header {
  width: 960px;
  height:140px;
  margin: 0 auto;
  position: relative;
}
/* @media (max-width: 767px) { #header { width: 100%; height: 120px;  } }  */

#header h1 a {
  text-indent: -100000em;
  background: url(/wordpress/wp-content/themes/chibaverein/img/logo.png) no-repeat;
  width: 350px;
  height: 70px;
  position: absolute;
    top:25px;
    left: 15px;
}

/*
@media (max-width: 767px) { 
  #header h1 a { 
    width: 200px;
    height: 40px;
    background-size: contain;
  } 
} 
*/

#header p {
  position: absolute;
    top:100px;
    left: 15px;
  font-size: 90%;
}

/*
@media (max-width: 767px) { 
  #header p {
    position: relative;
    top:75px;
    font-size: 12px;
  } 
} 
*/
.socialBtn { position: absolute; right: 15px; top:50%; margin-top: -23px;}

/*
@media (max-width: 767px) { 
  .socialBtn { 
    display: none;
  } 
} 
*/
.socialBtn li { float: left; }
.socialBtn li a { display: block; width: 46px; height: 46px; }
.socialBtn li.fb a { background-image:url(img/btn_facebook01.png);}
.socialBtn li.fb a:hover { background-image:url(img/btn_facebook02.png);}
.socialBtn li.tw a { background-image:url(img/btn_twitter01.png); margin-left: 5px;}
.socialBtn li.tw a:hover { background-image:url(img/btn_twitter02.png);}
.socialBtn span { display: none; }


/*ナビゲーション-------------------------*/
#nav { 
  background-color: #56c167;  
  margin-bottom: 10px;
  width: 100%;
}


#nav .menu-navigation-container {
  width: 940px;
  margin: 0 auto;
}
#nav ul {}

#nav ul li { 
  float: left;
  width: 16.666666%;
}

#nav ul li a {
  display: block;
  color: #FFF;
  background-color: #37ba4d;
  font-size: 11px;
  text-align: center;
  line-height: 40px;
  margin: 0 1px;
}
#nav ul li.current_page_item a {
  text-decoration: none;
  background-color: #298d3b;
  color: #f2ff00;
}
#nav ul li a:hover {
  text-decoration: none;
  background-color: #298d3b;
}


/*
ul#menu-navigation li, ul#menu-navigation li a { height:36px; display:block; background-image:url(img/select_botton.png); }

ul#menu-navigation li {	float:left; width:145px; }

ul#menu-navigation li a,.indent1000 { overflow:hidden; text-indent:-10000em; }

ul#menu-navigation li#menu-item-22, ul#menu-navigation li#menu-item-27 { width:146px; }
ul#menu-navigation li#menu-item-22 a {background-position:0 0;}
ul#menu-navigation li#menu-item-23 a {background-position:-146px 0px;}
ul#menu-navigation li#menu-item-24 a {background-position:-291px 0px;}
ul#menu-navigation li#menu-item-25 a {background-position:-436px 0px;}
ul#menu-navigation li#menu-item-26 a {background-position:-581px 0px;}
ul#menu-navigation li#menu-item-27 a {background-position:-726px 0px;}

ul#menu-navigation li#menu-item-22 a:hover,ul#menu-navigation li#menu-item-22.current_page_item a {background-position:0 36px;}
ul#menu-navigation li#menu-item-23 a:hover,ul#menu-navigation li#menu-item-23.current_page_item a {background-position:-146px 36px;}
ul#menu-navigation li#menu-item-24 a:hover,ul#menu-navigation li#menu-item-24.current_page_item a {background-position:-291px 36px;}
ul#menu-navigation li#menu-item-25 a:hover,ul#menu-navigation li#menu-item-25.current_page_item a {background-position:-436px 36px;}
ul#menu-navigation li#menu-item-26 a:hover,ul#menu-navigation li#menu-item-26.current_page_item a {background-position:-581px 36px;}
ul#menu-navigation li#menu-item-27 a:hover,ul#menu-navigation li#menu-item-27.current_page_item a {background-position:-726px 36px;}
*/

/*コンテンツ-------------------------*/
#contents { font-size:90%; line-height:1.8em; letter-spacing:0.03em; margin-top:10px; margin-bottom:30px;}
.topmargin { padding-top:10px;}
#mainArea {	float:left; width:680px;}
  @media (max-width: 767px) { #mainArea { margin: 10px 15px; width: 100%; } }
#mainArea h3 { font-size:110%; padding:2px; margin-bottom:10px; border-top:#393 1px solid;
								border-bottom:#393 1px solid; background:#fff60c url(img/cross.png) no-repeat 4px 50%; text-indent:1.5em; clear:both; }

#mainArea p,#mainArea ul { margin-bottom:1.2em; }
.post p { font-size:90%; margin-bottom:10px; line-height:1.4em; }
.pagelink { width:100%; background:#666;}

span.oldpage{ float:left; font-size:85%; padding:5px;}
span.newpage{ float:right; font-size:85%; padding:5px;}

#mainTopic { 
	/* border:1px solid #CCC; */
	padding:0; 
	text-indent:1em;
	margin:0 0 20px;
	}
#mainTopic img {float:right; padding:5px; border:1px solid #CCC; margin: 0 0 2em 1em;}

#newshead li{ float:left; display:block; }

#NewsList {  margin-bottom:4px; clear:both; font-size: 13px; line-height: 2; }
#NewsList dl { padding-top:3px;}
#NewsList dt { clear: left; float:left; width:8em; }
#NewsList dd { border-bottom: 1px dotted #CCC; }
.date  { color:#5C5D5C; }
/*
.link { background:url(img/top_bar.png) 0 50% repeat-x; }
.link a { display:block; float:right; background:url(img/arrow01.png) 1px 45% no-repeat #FFF;  font-size: 12px;  text-indent:1.2em;}
*/

#mainTopic .link a {
  display: block;
  /* float: right; */
  /* background: url(img/arrow01.png) 1px 45% no-repeat #FFF; */
  font-size: 15px;
  text-indent: 1em;
  padding: 8px 0;
  margin: 0 auto;
  /* width: 100%; */
  background: #37ba4d;
  text-align: center;
  color: #FFF;
  border: 1px solid #298d3b;
  margin-bottom: 20px;
  border-radius: 8px;
  width: 80%;
  box-shadow: 0 5px 5px rgba(167, 167, 167, 0.68);
}

#mainTopic .link a:hover {
  background-color: #298d3b;
  color: #f2ff00;
  text-decoration: none;
  box-shadow: 0 0px 0px rgba(167, 167, 167, 0.68);
}

#mainTopic .column img { border: none; margin: 15px 0; padding: 0 !important;}

/*.page-------------------------*/
.pagetitle { margin-bottom:10px;}

.pageentry { border:1px solid #CCC; padding:20px 15px 5px; }
.pageentry ul { list-style:square inside;}
.pageentry ol { list-style:decimal inside;}
.pageentry ol li { padding-bottom:1.4em;}

.pageentry h4 {border-left:10px solid #32cd32; border-bottom:1px dotted #ccc; padding:1px 5px 1px; font-weight:bold; }
.pageentry hr {border-top:1px dotted #ccc; }

.alignright { float:right; margin: 0 0 2em 1em; border:1px solid #CCC; padding:5px;}
.alignleft { float:left; margin: 0 1em 2em 0; border:1px solid #CCC; padding:5px;}
.aligncenter { margin: 0 auto; text-align: center; }
.entry { border-top:1px solid #CCC; padding-top:10px; }
.red {color:#F00;}

.pageentry h4 { font-size:95%; margin-bottom:1em; }
.wp-caption.alignnone {margin: 0 auto;}
.wp-caption { border:none !important;}
.wp-caption-text { font-size:70%; color:#999; line-height: 1.2; padding: 0.5em 5px 0; }
.wp-caption-text:before { content: "▲"; color: #f0da10; }
.wp-caption img {border:1px solid #999;}
input,textarea { padding:6px; border: 1px #CCC solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input:focus,textarea:focus { background-color: #eee; border: 1px #333 solid; }

/*FAQ-------------------------*/
ol.ol_quest { font-size:90%; line-height:1.2em; margin-bottom:30px;}
ol.ol_quest li { margin-bottom:0.8em; padding:0; }

dl#faq dt, dl#faq dd { padding:5px 0; }
dl#faq dt { border-top:#CCC 1px dotted; border-bottom:#CCC 1px dotted; }
dl#faq dd { margin-bottom:30px; }

.faq_q_icon { background:url(img/faq_q.png) no-repeat 0px 2px; float:left; width:30px; text-indent:-10000em; }
.faq_a_icon { background:url(img/faq_a.png) no-repeat 0px 2px; float:left; width:30px; text-indent:-10000em; }

.faq_text { float:left; width:618px;}


/*サブエリア-------------------------*/
#subArea { float:right; width:240px; }
  @media (max-width: 767px) { #subArea { display: none; } }
#subArea h3 {
	font-size:105%;
	padding-bottom:5px;
	background:url(img/cross.png) no-repeat 2px 4px ;
	text-indent:1.4em;
}
.widget { width:220px; background-color:#e6e6e6; padding:5px 10px 10px; margin-bottom:15px;  border-radius: 6px;}
.widget ul,
.widget dl {font-size:85%; border-top:#999 1px dotted; }
.widget dl { line-height:1.5em;}
.widget ul li {border-bottom:#999 1px dotted; list-style:none; }
.widget dl dt { padding-top:2px;}
.widget dl dd {border-bottom:#999 1px dotted; background:url(img/arrow01.png) no-repeat 0 3px; text-indent:1.3em; padding-bottom:2px;}

#twitter { /* margin-top:20px; */ height:335px; overflow: hidden; }
#twitter #tweet-container {
  overflow: hidden;
  height: 305px;
}
#link {}
ul#link_list {margin:5px auto; text-align:center;}
ul#link_list li { list-style:none;}
ul#link_list li a{ display:block; padding:2px; background-color:#FFF;  }


#QR p { text-align:center; font-size:7pt; }
.bottommargin { margin-bottom:450px;}
.bottom30 { margin-bottom:30px;}

.execphpwidget ul li { line-height: 1.4em; padding-top:3px;}

/*フッター-------------------------*/
#footer {border-top:1px solid #666;}
#foot_navi { padding:5px 5px 15px; float:left;  }
ul#menu-foot_navi li {	float:left; font-size:75%; text-indent:20px; margin-right:5px; border-right:#000 1px solid; padding-right:5px;}
ul#menu-foot_navi li a { display:block; background:url(img/under_select_arrow.png) no-repeat;  }
#footerptop { float:right;  padding:5px 5px 15px; }
#footerptop a {font-size:75%; text-indent:10px; background:url(img/under_pagetop_arrow.png) no-repeat; display:block;}
address {font-style:normal; font-size:70%; padding:15px 5px; background-color:#DDDDD8; clear:both; }

.ttlimg {
	margin-bottom: 20px;
}

#mainArea .wp_social_bookmarking_light { padding-left: 15px; }
.wp_social_bookmarking_light {
	margin-bottom: 1.5em;
}
.wp_social_bookmarking_light  div {
	float:left;
	margin-right:5px;
}

#metaslider_container_767 {
  margin-bottom: 15px;
}

.metaslider .caption {
  padding: 15px !important;
}
.metaslider .caption-wrap h2 {
  font-size: 22px;
  font-weight: normal;
  color: yellow;
}

.metaslider .caption-wrap h2 + p {
  margin-top: 5px;
}