/*
Theme Name: Seigaiha Theme
Theme URI: http://reigakusha.com/
Description: This is seigaiha theme.
*/

/* 基本 */
body  {font-size: 1em; font-family: 'ＭＳ Ｐ明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W6', 'Georgia', "serif"; line-height:160%; }
a  {text-decoration: none; color: #2a5416}
/*#4f6e0d*/
a img  {border: none}
a:hover { text-decoration:underline}

/* コンテナ */
div#container  {width: 880px; margin: auto;  
  background-image:url(images/back_post.jpg);background-repeat:fixed;
  margin:auto; margin-top:20px; margin-bottom:20px;
  box-shadow: 0 0 6px #cccccc,0 0 6px #cccccc; 
  -webkit-box-shadow: 0 0 6px #cccccc, 0 0 6px #cccccc}


/* ヘッダー */
div#header  {font-family:  'ＭＳ Ｐ明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W6', serif; margin-bottom: 20px;}
div#hanko  {text-align: left; margin: -64px 20px 0; }
div#subinfo  {text-align: right; margin: -28px 20px 5px}

/* 検索フォーム */

#searchform, #searchform div {display: inline}
#searchform label {display: none}
#s {border: solid 1px #aaaaaa; border-radius: 5px; padding: 3px 8px; width:170px}
#s:hover, #s:focus {background-color:#eeeeee}
#searchsubmit {background-color: #4da1c5; border-radius: 5px; color: #ffffff; border: solid 1px #aaaaaa; padding: 2px 8px; margin-right: 10px; }
#searchsubmit:hover {background-color: #4f6e0d}
div#subinfo img {vertical-align: bottom}

/* 検索結果 */

.search #searchform {margin: 0}
.search p#not {padding: 20px}

/* パンくずリスト */
.single div#header, .archive div#header { margin-bottom: 5px}
div#breadcrumb {margin-left: 20px; margin-top: 4px;}
div#breadcrumb div {display: inline; font-size: 0.85em; text-shadow:-2px -2px 3px #ffffff, 2px 2px 3px #ffffff;}

/* ナビゲーションバー */
div#nav  {font-family:'ＭＳ Ｐ明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W6', 'Georgia', "serif"; font-size:1em; height:40px;
  background-image:url(images/back_menu.png); position:relative; top:2px;
  box-shadow: 0px 4px 3px #bbbbbb; -webkit-box-shadow: 0px 4px 3px #bbbbbb}
div#nav ul {margin:0; padding:0; }
div#nav li {list-style-type: none; float: left}
div#nav li a {position:relative; top: 14px; list-style: block; 
  width:150px; line-height:28px; color: #323539; 
  text-align: center; padding: 10px 22px;
  /*text-shadow:1px 1px 2px #fff;*/
  }
div#nav li a:hover {color: #323539; text-shadow:1px 1px 4px #fff;}

/* ナビゲーションバーHome */

div#navHome  {font-family:'ＭＳ Ｐ明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W6', 'Georgia' "serif"; font-size:1em; height:40px; width:880px;
  background-image:url(images/back_menu_home.png);
  box-shadow: 0px 4px 3px #bbbbbb; -webkit-box-shadow: 0px 4px 3px #bbbbbb; }
div#navHome ul {margin:0; padding:0; }
div#navHome li {list-style-type: none; float: left}
div#navHome li a {position:relative; top: 14px; list-style: block; 
  width:150px; line-height:28px; color: #323539; 
  text-align: center; padding: 10px 22px;
  /*text-shadow:1px 1px 2px #fff;*/
  }
div#navHome li a:hover {color: #323539; text-shadow:1px 1px 4px #fff;}




/* コンテンツ */
div#content  {width: 630px}
div#titleBg {height:80px; margin-top:10px; 
    background-image: url(images/titleMark.png); 
    background-repeat: no-repeat;}

div#title    {font-family:'ＭＳ Ｐ明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W6', serif; font-size:2em; color: #253d00; padding-left:20px;   text-shadow:-2px -2px 3px #ffffff, 2px 2px 3px #ffffff;}
p.pagenation  {font-size: 1em; overflow: hidden}



/* 記事 */

div.post_bg { width: 610px; margin-bottom:10px; background-image: url(images/title.png); background-repeat: no-repeat; background-color:rgba(255,255,255,0.5); border-radius: 0 20px 20px 0; }
div.post   {padding: 0 20px 20px 20px; overflow:hidden; }
div.post h2  {font-size: 1.4em;  position:relative; top:-22px;}

/*
.single div.post h2{background-color:#333333; color: white}
.single div.post h2 a{color: white}
*/


div.post p {font-size: 0.9em;}
div.post p.postcat  {font-size: 1em; text-align: left; }
div.post p.postcat a  { font-size: 1em; color: #2a5416; position:relative; top:-8px;}
div.post p.postinfo  {font-size: 0.8em; float: right; position:relative; 
  top:-60px; right:10px; color: #000000; }


/* 個別ページ */
div.kobetupost {width: 600px; margin:0px; overflow:hidden; background-color:rgba(255,255,255,0.5); border-radius: 0 20px 20px 0;}
div.kobetupost p {margin-left:20px; padding-right: 20px;}
.page h3 {width:580px ; height:42px; font-size:1em;　 color: #000000;
  padding-left:20px; padding-top:7px; background-image: url(images/title2.png); background-repeat: no-repeat;}
 
.page h4 {width:580px ; 
 font-size:0.9em; padding:0px 20px 0px; }



/*おすすめの記事*/
div#pickup div.post {}

/* ギャラリー */
.gallery-item {width:33%; float:left; margin-left:70px; text-align: left}
.gallery img {border: solid 1px #aaaaaa; padding: 3px}
.padding a:hover img {background-color: #4f6e0d}
.gallery dd {margin: 0; font-size: 0.75em}
.gallery br+br {display: none}


/* Historyの個別ページ */

.page table{margin-left: 20px; font-size:0.9em;}


/* 画像の個別ページ */

.attachment div#content {width: 100%; float: none}
.attachment p.photo {text-align: center}

/* タイトルの一覧（月別アーカイブの一覧） */


ul.post {width:560px; list-style-type: none;}
ul.post li {border-bottom: solid 1px #4da1c5; padding: 10px 10px 10px 0}
ul.post li a {color: #4f6e0d}
ul.post li span {font-size: smaller; color: #666666}
div.postDate {background-color:rgba(255,255,255,0.5); border-radius: 0 20px 20px 0; padding-bottom:10px;}


/* 記事内の画像 */
.aligncenter  {display: block; margin-left: auto; margin-right: auto}
.alignleft  {float: left; margin-right: 10px; margin-bottom: auto}
.alignright  {float: right; margin-left: 10px; margin-right: 30px; margin-bottom: 10px}
.wp-caption  {border: solod 1px #aaaaaa; text-align: center; padding-top: 5px}

/* 続きを読む */

div.post div.more {background-image:url(images/more.png); background-repeat: no-repeat; width:120px;text-align: right; margin-right: 4px; padding:10px 18px 20px 2px; float:right; }
div.post div.more a {color:#2a5416;}
div.post div.more a:hover {color:#2a5416}

/*ページバー２*/

/*ページネーション*/

p.pagenation{
	margin-top:6px;	
	width:600px;
	display:inline-block;
	font-size:0.8em;
	line-height:100%;
	overflow:hidden;
	margin-bottom:30px;
	}

span.oldpage {
	float:right;
	}

span.newpage {
	float:left;
	}	


div.oldpage {
	font-size:0.9em;
	line-height:120%;
	display:block;
	width:250px;
	float:right;
	vertical-align: middle
}


div.newpage {
	font-size:0.9em;
	line-height:120%;
	display:block;
	width:250px;
	float:left;
	margin-left:20px;
	vertical-align:middle
	}	

div.oldpost {
	font-size:0.9em;
	width:70px;
	background-color:#4da1c5;
	color:#fff;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:20px;
	text-align:center;
	
	}
	
div.newpost {
	font-size:0.9em;
	width:70px;
	background-color:#4da1c5;
	color:#fff;
	padding:2px 4px;
	margin-bottom:4px;
	text-align:center;
	}

	
	
/*//////////////////////////////////////////////////////////////////////////////*/




/* タグ */
span.tag {position:relative; top:-24px;line-height:20px; } 

/* お問い合わせ */
.wpcf7-form {background-color: rgba(255,255,255,0.5); ; margin: 20px 20px; padding: 5px 15px; border-radius: 10px;
  box-shadow: 0px 0px 6px #ccc,0px 0px 6px #ccc; 
  -webkit-box-shadow: 0px 0px 6px #ccc, 0px 0px 6px #ccc}
.wpcf7-form span.req {color: #aa0000; font-size: small}
.wpcf7-form input {font-size:1em; width:80%;border: solid 1px #aaaaaa; border-radius: 5px; padding: 3px 8px}
.wpcf7-form textarea {font-size:1em; width: 96%;border: solid 1px #aaaaaa; border-radius: 5px; padding: 3px 8px}
.wpcf7-form p.submit {text-align: center}
.wpcf7-form .wpcf7-submit {width: 200px;background-color: #4da1c5; border-radius: 5px; color: #ffffff; border: solid 1px #aaaaaa; padding: 2px 8px; margin-right: 10px}
.wpcf7-form .wpcf7-submit:hover {background-color: #4f6e0d}



/* サイドバー */
div#space {height:60px; }
div#sidebar h2.widgettitle{ margin-top:10px}
div#sidebar  {width: 250px; float: right}
div#sidebar ul  {padding: 0; list-style-type: none}
div#sidebar.widget  {margin-bottom: 20px; }
div#sidebar h2  {background-image:url(images/sidebartitle.png); height:32px; color:#253d00; font-size:1em; padding-top:2px; padding-left:20px; text-shadow:-2px -2px 0px #ffffff, 2px 2px 0px #ffffff;}
div#sidebar li li  {font-size:0.9em; padding: 4px 15px 4px 20px; line-height:120%; background-color:rgba(255,255,255,0.5); border-radius:10px 0 0 10px}
div#sidebar li li a  {color:#2a5416; display:block; padding: 2px 0}
div#sidebar li li a:hover  { text-decoration:underline;}

/*h2 class="widgettitle"*/


/* フッター */
div#footer  {font-size:0.75em; color: #ffffff; height:40px; margin-bottom:0px; padding:0px 20px; background-image:url(images/design6_Footer.png);  background-repeat:fixed;  clear:both}
div#footer>p  {position:relative; top: 14px;}



/* HomeのCSS */

/* トップページのタイトルの一覧 */

div#toptitle {font-size: 1.4em;color: #253d00; margin: 20px 40px 0 100px;  text-shadow:-2px -2px 3px #ffffff, 2px 2px 3px #ffffff; background-image:url(images/titleMarkTop.png); background-repeat:no-repeat; height: 40px; padding-top:40px; padding-left:60px ; }

ul.toplist {width: 580px; list-style-type: none; margin: 0 160px 30px 160px; padding:0; border-top: solid 1px #4da1c5 }
ul.toplist li {font-size: 0.876em; font-weight: bold; border-bottom: solid 1px #4da1c5;
 background-position: left center; padding: 5px 0 5px 20px}
ul.toplist li a {color: #4f6e0d}
ul.toplist li span {font-size: smaller; color: #888888}



div#containerHome  {position:relative; width:880px; height:auto; 
  background-image:url(images/design6_home_03.jpg);  background-repeat:fixed;
  margin:auto; margin-top:20px; margin-bottom:20px;
  box-shadow: 0px 0px 6px #cccccc,0px 0px 6px #cccccc; 
  -webkit-box-shadow: 0px 0px 6px #cccccc, 0px 0px 6px #cccccc;}

div#titleHome { margin: auto; padding: 20px; height:520px; z-index: 1;}
div#hankoHome  {position:absolute; top:480px; left:50px;}

div#mojiHome { position:absolute; top:140px; left:412px;   }
div#left_mai  {position:absolute; top:200px; left:220px; -webkit-animation: topanimeLeft 2.5s;}
div#right_mai  {position:absolute; top:200px; left:520px;  -webkit-animation: topanimeRight 2.5s;}

div#kobetupostHome {font-size:0.8em; margin:40px 160px 60px; width:560px; height:auto; }



@-webkit-keyframes topanimeLeft {
  0%  {position:absolute; top:300px; left:240px; -webkit-transform:rotateY(180deg); }
  100%  {position:absolute; top:220px; left:180px; -webkit-transform:rotateY(180deg); }
  }

@-webkit-keyframes topanimeRight {
  0%  {position:absolute; top:300px; right:220px; -webkit-transform:rotateY(180deg); }
  100%  {position:absolute; top:220px; right:160px; -webkit-transform:rotateY(180deg); }
  }

div#enterBtn {background-image:url(images/EnterBtn.png); 
  background-repeat:no-repeat; width:156px; height:71px; 
  position:absolute; top:300px; left:370px; 
  font-size:1.3em; 
  color:#FFFFFF; text-align:center; line-height: 70px;}

div#enterBtn:hover {background-image:url(images/EnterBtnHover.png); 
  background-repeat:no-repeat; width:156px; height:71px; 
  position:absolute; top:300px; left:370px; font-size:1.3em; 
  color:#ffffff; text-align:center;line-height: 70px; text-decoration:none;}

div.kobetupostHome p {font-size:0.9em; padding:10px 80px;}

/*Homeのフッター*/
div#footerHome{font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-size:0.9em; color: #ffffff; height:40px; margin-bottom:0px; padding:0px 20px; background-image:url(images/design6_Footer.png);  background-repeat:fixed;  clear:both;}

div#footerHomeR{position:relative; top: -26px; color:#ffffff; text-align:right; }
div#footerHome>p  {position:relative; top: 12px;}
span#footerHomeRR {padding: 0 20px; border-left:solid 1px #FFF;}
