@charset "utf-8";

/* ---------- サイト内共通の設定 ---------- */

a:link { text-decoration: none; color:#0099CC; }
a:visited { text-decoration: none; color:#0099CC; }
a:hover { text-decoration: underline; color:#0099CC; }
a:active { text-decoration: none; color:#0099CC; }
a img{border: none;}


/* common */

* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

body{
  line-height:1.8em;
  font-size:small;
  color: #333333;
  font-family: 'hiragino kaku Gothic Pro W3','MS Pゴシック', Verdana, Arial, sans-serif;
}


#container{
  width: 800px;
  margin: 40px auto 0 auto;
  text-align: left;
}

#header{
  position: relative;
  height: 160px;
}

#sidebar{
  float: left;
  width: 170px;
  padding-right: 30px;
}

#main{
  position: relative;
  width: 600px;
  float: right;
  margin-bottom: 20px;
}

#footer{
  width: 800px;
  clear: both;
  overflow: hidden;
}


h1{
  margin-bottom: 30px;
  font-size: 1.2em;
  font-weight: bold;
}

h2{
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: bold;
}

h3{
  margin-bottom: 10px;
  font-size: 1em;
}

p{
  margin: 0 0 20px 0;
}


/* header */

#header .siteLogo{
  width: 200px;
}

#header h1{
  position: absolute;
  left: 200px;
  top:0;
}

#globalNavigation{
  position: absolute;
  left: 200px;
  bottom: 50px;
  width: 600px;
}

#globalNavigation li{
  display: inline;
  margin-right: 65px;
}

#globalNavigation li.break{
  margin-right: 0;
}

#globalNavigation li a img{
  padding-bottom: 3px;
  border-bottom: 1px solid #FFF;
}

#globalNavigation li a:hover img{
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}

#globalNavigation li a.active img{
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}


/* sidebar */

#localNavigation{
	line-height: 1.8em;
	list-style-type: none;
}

#localNavigation li{
  margin-bottom: 35px;
}

#localNavigation li a img{
  padding-bottom: 3px;
  border-bottom: 1px solid #FFF;
}


#localNavigation li a:hover img{
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}

#localNavigation li a.active img{
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}


/* footer */

.copyright{
  font-size: 0.85em;
  margin: 0 0 20px 200px;
}

.copyright span{
  font-family: verdana;
}


/* テーブルリスト */

.list, .form{
  margin-bottom: 40px;
}

.list table, .form table{
  width:100%;
  border-top: 1px solid #ccc;
}

.list table th,  .form table td.label{
  width: 180px;
  border-bottom: 1px solid #ccc;
}

.list table td, .form table td{
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.list table th, .list table td, .form table th, .form table td{
  text-align: left;
  vertical-align: top;
  padding: 6px 6px 6px 0px;
}

.list  p, .form p{
  margin-top: 10px;
  margin-bottom: 10px;
}


/* gallery blog ページナビゲーター */

.pageNavigation{
  overflow: hidden;
  position: relative;
  width: 600px;
  margin-bottom: 40px;
  text-align: center;
    line-height: 1;
}

.pageNavigation .previous{
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  text-align: left;
}

.pageNavigation .count{

}

.pageNavigation .next{
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}

/* news  journal */

.entry{
  clear: both;
  margin-bottom: 40px;
  padding-bottom: 20px;
  background: url('/common/entryLine.gif') no-repeat bottom left;
}

/* job */
table.job {
  border-top: 1px solid #ccc;
}
table.job td{
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
}

table.job .label{
  padding: 6px 30px 6px 0;
  vertical-align: top;
  white-space: nowrap;
}

table.job ul{
  margin: 0 0 20px 20px;
}

table.job .margin-none{
  padding: 0;
  margin-bottom: 0;
}


/* admin */

#contents {
	padding: 0 30px 0 30px;
}

#pallet{
	width: 500px;
	text-align: right;
	font-size:x-small;
}

#pallet textarea{
	margin-top: 0;
	width: 500px;
}

#pallet a{ padding: 2px; border: #0099cc solid 1px; }
#pallet a:hover { text-decoration: none; background-color: #0099cc; color:#ffffff; }
#pallet a:visited { text-decoration: none; color:#0099cc; }
#pallet a:visited:hover{ text-decoration: none; color:#FFFFFF; }

.pagination .arrow-right{
	padding-left: 0;
	padding-right: 15px;
}

.login-indication { 
	font-size:x-small;
	line-height:180%;
	float: right;
	padding: 2px 6px 2px 6px;
	border: #666666 solid 1px;
}