/*
Theme Name: Date city Civilsupport Center
Theme URI: 
Author: INF
Author URI: 
Description: 伊達市市民活動支援センター専用テンプレート。
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

* {
  padding: 0;
  margin: 0;
}
img {
	border:0;
}

a:link {
	color: #1D5089;
	text-decoration: underline;
}

a:visited {
	color: #1D5089;
	text-decoration: underline;
}

a:hover {
	color: #ED586B;
	text-decoration: underline;
}
#globalnavi a:hover img,
#headernavi a:hover img,
.sidebanner a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	font-size: 0.85em;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #feeae3;
	background-image: url(theme-img/backgr.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 960px;
}

#header {
	position:relative;
	width:100%;
	height:75px;
	background-image: url(theme-img/headerbg.gif);
	background-repeat: no-repeat;
	margin-bottom:3px;
}

#globalnavi {
  width: 100%;
  margin-bottom:10px;
  clear:both;
  overflow:hidden;
}

#container {
  float: left;
  width: 745px;
  clear:both;
  margin-bottom:10px;
}

#main{
	clear:both;
	width:100%;
  margin-bottom:10px;
}

.box1 {
    text-align:center;
    background-color:#E1ECFF;
    border-color:#CCCCFF;
    border-width:2px;
    border-style:solid;
    height:200px;
    display:block;
}

.box2 {
    text-align:left;
    margin-top:-9px;
    margin-left:0px;
    margin-bottom:5px;
    background-color:#FFCC5A;
    border-color:#B6AB9A;
    border-width:1px;
    border-style:solid;
    width:198px;
    height:200px;
    display:block;
}

.box3 {
    text-align:left;
    margin:5px auto;
    margin-right:2px;
    background-color:#FCE7E0;
    border-color:#B6AB9A;
    border-width:1px;
    border-style:groove;
    width:730px;
    height:800px;
    display:block;
    overflow-y: scroll;
}

.box4 {
    text-align:left;
    margin:5px auto;
    margin-right:2px;
    background-color:#FCE7E0;
    border-color:#B6AB9A;
    border-width:1px;
    border-style:groove;
    width:730px;
    height:800px;
    display:block;
    overflow-y: scroll;
}


#container #contents {
  float: right;
  width: 530px;
}

#main #contents {
  float: right;
  width: 730px;
  margin-right:10px;
}

#left-sidebar {
  float: left;
  width: 205px;

}

#right-sidebar {
  float: right;
  width: 205px;

}

#footer,
#colophon {
  clear: both;
	text-align: center;
}

/* ---------------------------------------- #header内の指定 */

/* -- 見出しレベル1 -- */
#header h1,
#header #sitettl {
	padding:0px 20px;
}

#headernavi{
	position:absolute;
	right:20px;
	top:25px;
}

#headernavi ul{
	list-style-type:none;
}
#headernavi li{
	display:inline;
	margin-right:2px;
}

/* ---------------------------------------- #globalnaviの指定 */

#globalnavi ul {
  list-style-type: none;
  margin:0 2px;
}

#globalnavi li {
  width: auto;
  float: left;
  margin:0 1px;
}

#globalnavi li a {
  text-decoration: none;
  display: block;
  width: auto;
}

#globalnavi li a:hover {
  color: #ff0000;
}

/* ---------------------------------------- #contents内の指定 */

#pr-image{
	margin-bottom:10px;
}
.centernavittl{
	width:100%;
		border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C6A586;
	position:relative;
}
.centernavittl h2{
    line-height:0;
}
.centernavittl .rssbutton{
	position:absolute;
	right:10px;
	top:5px;
}


.centernavi {
	clear:both;
	margin-bottom:20px;
	background-color: #FCE7E0;
	border: 1px solid #B6AB9A;
}

.centernavi li{
	background-image: url(theme-img/icon-momo.gif);
	background-repeat: no-repeat;
	background-position: 9px 8px;
	line-height:1.2em;
	padding:5px 5px 5px 25px;
		list-style-type:none;
}

.centernavi p{
	margin:1em 0px;
}
.centernavi .date {
  clear: left;
  float: left;
  margin: 0 0 0.3em;
  width: 9em;
  line-height:1.2em;
	padding-left:25px;
  padding-top:5px;
	background-image: url(theme-img/icon-momo.gif);
	background-repeat: no-repeat;
	background-position: 9px 8px;
}

.centernavi .title {
  margin-bottom: 0.3em;
  margin-left: 10em;
  padding-top:5px;
  line-height:1.2em;
}



#pickup{
	overflow:hidden;
	}

#pickup-image {
	float:left;
	width:170px;
}
#pickup-image img{
	border:5px solid #fff;
	margin:5px;
}

#pickup-summary {
	float:left;
	margin:5px;
	width:330px;
}


/* -- パン屑リスト -- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
}

/* ---------------------------------------- #sidebar内の指定 */

#left-sidebar > *{
	margin-left:2px;
}
#right-sidebar > *{
	margin-right:2px;
}

/* -- カテゴリタイトル -- */
.sidetitle {
	line-height:0;
}

/* -- リスト -- */
.localnavi {
	list-style-type: none;
	margin-bottom: 1em;
	background-image: url(theme-img/sideboxbg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
}
.localnavi p{
	padding:5px 10px;
}

.localnavi li {
	background-image: url(theme-img/icon-momo.gif);
	background-repeat: no-repeat;
	background-position: 9px 8px;
	line-height:1.2em;
	padding:5px 5px 5px 25px;
}
/* 案内の定義リスト　不使用？ */
.sideinfo {
	padding:5px 10px;
	font-size:0.9em;
}
dl.sideinfo dt {
  clear: left;
  float: left;
  margin: 0 0 0.3em;
  width: 4em;
}

dl.sideinfo dd {
  margin-bottom: 0.3em;
  margin-left: 4em;
}

.sidebanner{
	margin-bottom:4px;
}

.sidebanner2{
	margin-bottom:0px;
}


.sidebanner3{
        padding: 0px 15px;
	margin-top:-10px;
        margin-bottom:1px;
        margin-left:0px;
}

.sidebanner4{
        padding: 0px 15px;
	margin-top:0px;
        margin-bottom:1px;
        margin-left:0px;
}


#rightside-calendar{
	background-image: url(theme-img/side_calendarbg.gif);
	background-repeat: no-repeat;
	height: 190px;
	margin-bottom:10px;
	padding :1em 0 0;
	text-align:center;
}
#counter{
	text-align:center;
	margin:10px 0;
}
/* ---------------------------------------- #footer内の指定 */
#footernavi {
	clear:both;
	line-height:2em;
	background-color: #FCB;
}

#copyright{
		line-height:2em;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 2階層目以降 */

#main #pagetitle{
	background-image: url(theme-img/h1-backgr.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main #contents h1{
	background-image: url(theme-img/h1-icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	font-size:1.5em;
	line-height:2em;
	padding:5px 5px 10px 45px;
	color: #65372C;
}

#main #contents h2,
#main #contents h3,
#main #contents h4,
#main #contents h5,
#main #contents h6{
	margin-bottom: 10px;
	clear: both; 
}

#main #contents h2{
		background-image: url(theme-img/h2-icon.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	background-color: #FFC;
	line-height: 2em;
	font-size: 1.4em;
	padding:3px 5px 3px 45px;

}

#main #contents h3{
	line-height: 1.7em;
	font-size: 1.2em;
	padding:3px 5px 3px 10px;
	background-color: #FFF7FE;
	border-bottom: 1px solid #F57474;
	border-left: 10px solid #F57474;
}

#main #contents h4{
	line-height: 1.7em;
	font-size: 1em;
	padding:3px 5px 3px 10px;
	background-color: #FFF7FE;
	border-left: 10px solid #F9ACAC;
}

#main #contents h5{
	line-height: 1.7em;
	font-size: 1em;
	padding:3px 5px 3px 10px;
	border-bottom: 2px dotted #F46060;
}

#main #contents h6{
	line-height: 1.7em;
	font-size: 1em;
	padding:3px 5px 3px 10px;
	border-bottom: 1px dotted #999;
}

#main #contents p{
	line-height:1.5em;
	margin:1em;
}
#main #contents ul,
#main #contents ol {
	margin: 0 0 1.625em 2.5em;
	line-height:1.5em;
}
#main #contents li{
	margin-bottom:3px;
}
#main #contents dl {
	margin: 0 1.625em;
}
#main #contents dt {
	font-weight: bold;
}
#main #contents du {
	padding:3px 5px 3px 3px;
}
#main #contents dd {
	margin-bottom: 1.625em;
}

#pankuzu{
	margin-bottom:7px;
}
.to-alllist{
	line-height:1.5em;
	text-align:right;
	margin-right:10px;
}
.alignright {
	clear: both;
	text-align:right;
}
.aligncenter {
	clear: both;
	text-align:center;
}


/* よくある相談 */
.soudan {
	background-image: url(theme-img/icon-momo.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.2em;
	font-weight: bold;
	color: #600;
	padding-left: 25px;

}
.kaitou {
	color: #003;
	margin-left: 25px;
}
/* クローバーアイコンのリスト */
.list-clover li,
p.list-clover,
div.list-clover{
	background-image: url(theme-img/icon-clover.gif);
	background-repeat: no-repeat;
}
.list-clover li {
	background-position: 5px 0.7em;
	font-weight: bold;
	list-style-type:none;
	line-height:2.3em;
	padding:5px 30px;
}
p.list-clover {
	background-position: 1px 0.5em;
	line-height:1.3em;
	padding:5px 28px;
}
div.list-clover {
	background-position: 1px 0.3em;
	line-height:1.3em;
	padding:0.5em 28px;
	margin-left:1em;
}

/* アーカイブでのナビゲーション */
#nav-above,
#nav-below{
	width: 95%;
	margin:20px 10px;
	padding:5px 0;
	overflow:hidden;
	clear:both;
}
#nav-above{
	border-bottom: 1px dotted #999;
}
#nav-below{
	border-top: 1px dotted #999;
}
.nav-previous {
	float:left;
}
.nav-next {
	float:right;
}

/* Images */

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #333;
}
.wp-caption p{
	margin:0 !important;
	padding:0 !important;
}
.wp-caption .wp-caption-text {
	text-align:center;
	position: relative;
	color: #333;
}

/* 日程表 */
dl.nittei{
	clear:both;
}
dl.nittei dt{
  clear: left;
  float: left;
  margin: 0 2em 0.8em 0;
  width: 5em;
  color: #000;
  text-align:right;
  background-color:#FFC;
  line-height:1.5em;
}
dl.nittei dd{
  margin-bottom: 0.8em;
  margin-left: 7em;
  line-height:1.5em;
}
/* トップメッセージ */
.top-message {
	background-color: #FFD;
	border: 1px solid #7D0000;
	padding:10px;
	text-align:center;
  margin-bottom: 10px;
}
.top-message p{
	margin:0;
	padding:0.3em 0;
	line-height:1.5em;
}