@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.0
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout

===============================================================================================
*/



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 14px/2 "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",Times,serif; letter-spacing:0.1em; margin:0; padding:0; color:#000000; }
a       { text-decoration: none; color:#000000; }
a:hover { text-decoration: none; color:#667abc; }
a { outline:none;}

#containerInner a  { text-decoration: underline; color:#667abc; }
#containerInner a:hover { text-decoration: none; color:#667abc; }
#containerInner a { outline:none;}

img { -ms-interpolation-mode: bicubic; vertical-align:bottom;}
:focus { outline: 0; }

body, x:-moz-any-link    { letter-spacing:0.05em; } /*Firefox 1.5, 2.0以降*/
*:first-child+html #toppages, x:-moz-read-only{ letter-spacing:0.1em; }/*IE7にも適用されるのでHACK*/

.bold { font-weight:bold;}
.small { font-size:14px; line-height: 1.8em;}
.tume {letter-spacing: 0;}
.notes { position: absolute; bottom: 15px; right: 10px; color: #fff; font-size: 10px; z-index: 9999; }
#mainvisual .notes  { top: 175px;}

.pagetop { text-align:right;}


/* main-layout
==========================================================*/

body { background:url(../images/common/bg_body.jpg) repeat;}
#toppages { text-align: center; }
#wrapper  { width:900px; margin:0 auto; text-align:left;}

.contextOuter {margin-bottom: 80px;}

.col-l {float:left;}
.col-r {float:right;}

.contextOuter .col-l { width:300px;}
.contextOuter .col-r { width:300px; margin-bottom: 20px;}

#greeting .contextOuter .col-l,
#history .contextOuter .col-l,
#charnel .contextOuter .col-l,
#event .contextOuter .col-l {width: 390px;}

#greeting .contextOuter .col-r,
#history .contextOuter .col-r,
#charnel .contextOuter .col-r,
#event .contextOuter .col-r  {width: 200px;}


/* header
==========================================================*/

#header{ margin: 20px 0 40px;}

#header .nav_header {}
#header .nav_header li { display: inline; background:url(../images/common/ico_arrow.png) no-repeat 0 5px; padding-left: 10px; margin-left: 10px;}
#header #logo { padding-top: 10px;}

#header .nav_header li a { font: 13px/2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;letter-spacing:0.1em; color:#727171;}
#header .nav_header li a:hover {color:#667abc;}



/*#side
==========================================================*/

#side{ width:230px;}

#gnav ul { }
#gnav li { border-bottom: 1px dotted #666; padding-left: 10px; background:url(../images/common/gnav_arrow.png) no-repeat left center; margin-bottom: 5px;}
#gnav li span { font-size: 14px;}
#gnav li a { text-decoration: none; color: #000; font-size: 16px;}
#gnav li a:hover { color: #666;}
.sidebnr03 {border: 1px solid #bbb;}



/*#main
==========================================================*/

#main { width:620px; float:right;}

#mainContents{ font: 16px/2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;letter-spacing:0.1em; margin:0; padding:0; color:#727171;}

.second #mainvisual{ margin: 30px 0 60px; height: 230px;}



/* footer
==========================================================*/

#footercontainer { margin-top: 80px;}
.gnav_footer { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0; margin:10px 0 0 0; letter-spacing:0;}
.gnav_footer_lists { }
.gnav_footer li { float:left; margin-right: 22px; padding-left:8px;
background:url(../images/common/ico_arrow.png) no-repeat left center; font-size:0.85em; line-height:1.1;}
.gnav_footer li.last { margin:0;}

#footer #copyright { font-size:10px; color:#000; text-align:center; padding:10px 0;}
#copyright a { color:#000; text-decoration:none;}



/* pages
==========================================================*/


.post-title,
.catetitle{ }
.post-body{ }
.post-body p{text-align: justify; text-justify: inter-ideograph;}


* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/



/* topicPath
==========================================================*/

#topicPath {}
#topicPath .nav {
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		padding:6px 0; }
#topicPath .nav li {
    background: url("../images/common/ico_arrow.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 10px;
    line-height: 1.1;
    margin-right: 10px;
    padding-left: 15px;
}

#topicPath .nav li.first {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}




/*ttl
==========================================================*/

.ttl { color: #000; font: 20px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",Times,serif; font-weight:bold; letter-spacing:0.2em; background: url(../images/common/ttl_bg.png) no-repeat left center; padding-left: 35px; border-bottom: 1px dotted #666; line-height: 30px; margin-bottom: 60px;}

.ttl span { font-size: 12px; color: #666; border-left: 1px solid #666; padding-left: 20px; margin-left: 15px; line-height: 30px; }
.ttl span.sub { font-size: 14px; color: #000; border: none; padding: 0; margin: 0; letter-spacing: 2px; }

.h2tt {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 17px; font-weight: bold; color: #000; background: url(../images/common/ttl_2.gif) no-repeat left center; padding-left: 20px; letter-spacing: 0.2em; margin-bottom: 20px;
}


.h1tt .poab { top: 160px; left: 0;}
.h1tt img { position:absolute; top: 0; left: 0; z-index: 999;}
.h1tt .notes { top: 200px;}
.h1tt h1,
#mainvisual h1 { position: absolute; top: 0; left: 0; color: #FDFBF3;}

.h1tt.map { height: 350px; }
.h1tt.map .poab { top: 0; left: 0; z-index: 9999; }



/*#404
==========================================================*/

.notFound .notFoundTxt p { margin:50px 0 50px 0;}
.notFound #MainContainer { min-height:600px;}


/*#index
==========================================================*/

.ind_mainimg { width:620px; height:415px; overflow: hidden; margin-bottom: /*60px*/ 35px;}


#ind_greting { width: 100%; box-sizing: border-box; margin: 40px auto; border: 1px solid #888; text-align: center; position:relative; overflow: hidden;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 70%,rgba(240, 240, 240, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 70%, rgba(240, 240, 240, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.7,rgba(255, 255, 255, 1) ),color-stop(1,rgba(240, 240, 240, 1) ));
  background : linear-gradient(0deg, rgba(255, 255, 255, 1) 70%, rgba(240, 240, 240, 1) 100%);}
#ind_greting .ind_gretingInner { position: relative;  padding: 30px; box-sizing: border-box;}
#ind_greting .ind_greting_txt { font-size: 18px; line-height: 1.85;}
#ind_greting .ind_greting_img { margin-top: 20px;}

#ind_greting:before, #ind_greting:after,
#ind_greting .ind_gretingInner:before, #ind_greting .ind_gretingInner:after {
  content:'●';
  font-size: 36px;
  position: absolute;
  color: #888;
}
#ind_greting:before { top: -36px; left: -18px;}
#ind_greting:after { top: -36px; right: -18px;}
#ind_greting .ind_gretingInner:before { bottom: -36px; left: -18px;}
#ind_greting .ind_gretingInner:after { bottom: -36px; right: -18px;}


#index-news { font-size: 14px;}

table#index-news {}
	table#index-news th { padding:0 15px 5px 0; white-space: nowrap; }
	table#index-news td { padding:0 0 5px;}
	table#index-news td .news_new { font-weight: bold; font-size: 10px; color: #c00; padding-left:5px;vertical-align: super; }


/*#event
==========================================================*/

#event {}
	#event .event {}
	#event .event dt { float: left; padding-right: 10px;}
		#event .event .time {  }
		#event .event .cont { clear: left; border-bottom: 1px dotted #666; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold;}
		#event .event .cont span { font-weight: normal; font-size: 14px;}

		.mitei {}
		.mitei th { padding-right: 15px;}