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

body {
  font-size: 0.85em;
  text-align: center;
  font-family: "century";
  padding: 0 auto;
  margin: 10px auto;
  background-color: #ffffff; /* 両サイドの色 */
}

#wrapper {
  width: 1000px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: left;
  background-color: #ffffff;/* 記事の背景色 */
  /*
  -webkit-box-shadow: 0px 0px 40px #000000;
  -0-box-shadow: 0px 0px 40px #000000;
  -moz-box-shadow: 0px 0px 40px #000000;
  box-shadow: 0px 0px 40px #000000;
  */
}

header {
  width: 1000px;
  margin: 0 auto;
}

header h1 {
  width: 260px;
  margin: 0 auto;
  float: left;
  clear: both;
}

header h2 {
  width: 260px;
  margin: 10px auto -10px;
  float: left;
  clear: both;
}

header h3 {
  width: 1260px;  /* widthの指定によってclearfixが作動する。 */
  margin: 5px 40px 10px 0px;
  float: left;
  clear: both;
} 

header h4 {
  width: 70px;
  margin: 25px -20px 0px 20px;
  float: right;
}

a:link {
  color: #ffffff;
  text-decoration: none;
}

a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* --- ナビゲーションバー --- */
nav {
width: 540px; /* ナビゲーションの幅 */
margin: -35px 0 0 480px;
padding: 0px 0 0 0;
/* ナビゲーションの背景 */
font-size: 20px;
/*clear: both;*/ /* これがないとヘッダーに背景が被る */
float: left;
clear: both;
}

/* --- メニューエリア --- */
nav ul.nl {
width: 500px; /* メニューの幅 */
margin: 0px auto 0px;
padding: 0px 30px 0px 110px; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
font-weight: bold;
border-radius: 12px; /* ナビゲーションの角丸 */
}


/* --- メニュー項目 --- */
nav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
nav ul.nl li.item1 {
width: 3.2em;
}
nav ul.nl li.item2 {
width: 4.2em;
}
nav ul.nl li.item3 {
width: 4.3em;
}
nav ul.nl li.item4 {
width: 3.5em;
}
nav ul.nl li.item5 {
width: 5.3em;
}
nav ul.nl li.item6 {
width:3.5em;
}

/* --- リンク ---カーソルを重ねたときのやつ */
nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 1px 1px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px solid #f5f5f5; /* リンクエリアの右境界線 */
border-left: 1px solid #f5f5f5;
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
nav ul.nl li a:link,
nav ul.nl li a:visited,
nav ul.nl li a:hover,
nav ul.nl li a:active
{
color: #555555;
}
/* --- ポイント時の設定 --- */

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

.clearfix {
min-height: 1px;
}

/*
nav ul.nl li a:hover {
background: rgb(204,102,0); 
text-decoration: underline;
}
*/

article {
 margin: 20px auto 0;
 width: 1000px;
 height: 4020px;
 background-color: #ffffff; /* 記事（ヘッダーの下以降）の背景色(今、白色) */
}

.slider {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}

.slides {
  height: 100%;
  /* Clear fix */
  overflow: hidden;
  *zoom: 1;
  /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  /**
   * Here is CSS transitions 
   * responsible for slider animation in modern broswers
   */
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slide {
  height: 100%;
  float: left;
  clear: none;
}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}

.slider-arrow--right {
  bottom: 50%;
  right: 30px;
}

.slider-arrow--left {
  bottom: 50%;
  left: 30px;
}

.slider-nav {
  position: absolute;
  bottom: 30px;
}

.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}

.slider-nav__item:hover {
  background: #ccc;
}

.slider-nav__item--current {
  background: #ccc;
}

/* Exhibition */
#exhibition{
 width: 980px;
 height: 500px;
 margin: 20px auto 0;
 padding: 0px 10px 10px 10px;
}

#exhibition h2 {
 border-bottom: 2px solid #555555;
 color: #444444;
 margin: 0 auto;
 padding-bottom: 5px;
 font-size: 2em;
}

#maruten2013{
 width: 300px;
 margin: 30px 10px 0 20px;
 height: 200px;
 float: left;
 text-align: center;
}

/* IDの名前には空白スペース入れると機能しないよ！！ */
#photographicpresentationexhibition2013{
 width: 300px;
 margin: 30px 10px 0 10px;
 height: 200px;
 float: left;
 text-align: center;
}

#maruten2012{
 width: 300px;
 margin: 30px 10px 0 10px;
 height: 200px;
 float: left;
 text-align: center;
}

#ookami21{
 width: 300px;
 margin: 70px 10px 0 20px;
 height: 420px;
 float: left;
 text-align: center;
}

#hitsuzigaoka1{
 width: 300px;
 margin: 70px 10px 0 10px;
 height: 420px;
 float: left;
 text-align: center;
}

#balance{
 width: 300px;
 margin: 70px 10px 0 10px;
 height: 420px;
 float: left;
 text-align: center;
}

/* お知らせ */

#news {
 width: 100%;
 height: 600px;
 margin: -25px auto 0;
 font-size: 18px;
 color: #a0522d; /* 日付の字色 */
 float: left;
 background-color: #ffffff;
}

#news h2{
 font-size: 28px;
 padding: 10px 0px 10px 5px;
 width: 100%;
 margin: 8px auto 0;
 color: #444444; /* 日付の字色 */
 float: left;
 background-color: #ffffff;
 border-top: solid 2.5px;
 border-bottom: solid 1px;
}

#news h4 {
 text-aling: center; 
 font-size: 25px;
 border-bottom: solid 1px;
 padding: 5px;
}

#news p{
 text-aling: center;
 font-size: 20px;
 margin-top: 5px;
 padding: 5px;
 line-height: 30px;
}

#newsa {
 width: 35%;
 height: 335px;
 padding: 10px 0px 5px;
 font-size: 18px;
 margin: 20px 10px 10px 10px;
 color: #444444; /* 日付の字色 */
 float: left;
 background-color: #eeeeee;
 border-radius: 7px;
 box-shadow: 5px 5px 3px #ccc;
 text-align: center;
}

#newscomment a:link {
  color: #444444;
  text-decoration: none;
}

#newscomment a:visited {
  color: #444444;
  text-decoration: none;
}

#newscomment a:hover {
  color: #444444;
  text-decoration: none;
}

#newscomment {
 width: 60%;
 height: 340px;/* paddingが上下5pxだから */
 margin: 20px 10px 10px 10px;
 padding: 5px;
 font-size: 18px;
 color: #444444; /* 日付の字色 */
 float: left;
 background-color: #eeeeee;
 border-radius: 7px;
 box-shadow: 5px 5px 3px #bbb;
}

p.day{
 font-size: 18px;
}

/* コメント */

#comment{
 width: 95%;
 height: 180px;
 background-color: #ffffff;
 font-size: 18px;
 line-height: 30px;
 border: 1px dashed #6b8e23;
 border-radius: 7px;
 margin: 20px auto 10px;
 padding: 10px;
 box-shadow: 5px 5px 3px #ccc;
 float:left;
}

#comment h2 {
 border-bottom: 2px solid #6b8e23;
 color: #444444;
 margin: 0 auto;
 padding-bottom: 5px;
 font-size: 1.5em;
}

#comment-inner1{
 text-align: left;
}

#comment-inner2{
 text-align: right;
}

footer{
 color: #333333;
 margin: 0 auto;
}

#footer-inner{
 margin: 0px 20px;	
}

/* --- ナビゲーションバー --- */
#footer-nav {
width: 1000px; /* ナビゲーションの幅 */
margin: 0 auto;

/* ナビゲーションの背景 */
font-size: 20px;
font-weight: bold;
/*
border-bottom: 1px solid #333333;
*/
padding-bottom: 10px;
}

/* --- メニューエリア --- */
#footer-nav ul.nl {
width: 1000px; /* メニューの幅 */
margin: 0 auto;
padding: 1px 30px 1px 160px; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
#footer-nav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
#footer-nav ul.nl li.item1 {
width: 5.2em;
}
#footer-nav ul.nl li.item2 {
width: 8.5em;
}
#footer-nav ul.nl li.item3 {
width: 7.3em;
}
#footer-nav ul.nl li.item4 {
width: 6.5em;
}
#footer-nav ul.nl li.item5 {
width: 7.3em;
}
#footer-nav ul.nl li.item6 {
width:6.5em;
}

/* --- リンク ---カーソルを重ねたときのやつ */
#footer-nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 7px; /* リンクエリアのパディング（上下、左右） */

text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
#footer-nav ul.nl li a:link,
#footer-nav ul.nl li a:visited,
#footer-nav ul.nl li a:hover,

#footer-nav ul.nl li a:active
{
color: #555555;
}
/* --- ポイント時の設定 --- */

/*
nav ul.nl li a:hover {
background: rgb(204,102,0); 
text-decoration: underline;
}
*/

small{
 font-size:1em;
 text-align: center;
}