/*
Author: Tsunehisa Hazama
Author URI: http://www.jp-soft.com/
*/

* {
  margin: 0;
  padding: 0;
}

html{height: 100%;}


/* BODY */
body {
  margin : 0;
  text-align: center;
  color:#333;
  font-size: 16px;
  line-height: 150%;
  background: #FFF url("img/back.jpg") repeat-x;
   background-attachment: fixed;
  font-family: "ＭＳ Ｐゴシック","MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
  margin: 0;
  padding: 0;
  border: 0;
}

/* 画像の属性 */
img {border: none; margin: 0;}
.img-left {  float: left;margin: 5px 10px 5px 0;}
.img-right {float: right;margin: 5px 20px 5px 10px;}
.img-center {;margin: 10px auto;}

/* 強調文の属性*/
h1,h2,h3,h4{font-size: 12px;font-weight: normal;}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #0000ff;text-decoration: underline;}
a:hover {color:#ff0000;text-decoration: none;}
  
/* 基本設定 ----------------------------- */
#base{
  width: 800px;
  margin: 0 auto;
  background: url("img/base.png") repeat-y;
  text-align: center;
  position: relative;
}

#wrapper{
  width: 770px;
  margin: 0 auto;
  text-align: center;
}

/*ヘッダー*/
#header  {
  margin-top: 0px;
  padding: 0px;
  height : 125px;
  background: url("img/header.gif") no-repeat top left;
  text-align: center;
  border-bottom: 5px solid #64bbd6;
}

#header h1{
  position: absolute;
  top: 0px;
  right: 20px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #000;
}

/* リンクの属性（未指定の時） */
#header h1 a:link, #header h1 a:visited, #header h1 a:active {color: #000;text-decoration: none;}
#header h1 a:hover {color:#CCCCFF;text-decoration: underline;}


#header p#smap{
   position: absolute;
   top: 2px;
   right: 80px;
   margin: 0;
   font-size: 12px;
   text-align: right;
}

#header h2{
  position: absolute;
  top: 165px;
  left: 20px;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
  text-align: left;
  padding-bottom: 5px;
}

.h_banner{
  position: absolute;
  left: 0px;
  top: 100px;
}

.rss{  
  position: absolute;
  top: 4px;
  right: 25px;
}

/*  パンくずリスト  */
.navi {
  margin :0 0 10px;
  width: 100%;
  font-size: 12px;
  padding: 0 5px;
  text-align: left;
}

/*コンテンツ*/
#content {
  width: 700px;  
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
    
#content h2  {
  margin: 10px 0;
  padding-left: 20px;
  font-size: 129%;
  color: #000;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  background: url("img/h2_back.gif") no-repeat top left;
  display: block;
  border-left: 7px solid #64bbd6;
  border-bottom: 1px solid #64bbd6;
}

#content h2 a:link,
#content h2 a:visited,
#content h2 a:active{
  color: #003366;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

#content h2 a:hover{
  color : #F30;
  text-decoration: underline;
}

#content h3 {
  margin: 10px 0;
  padding-left: 20px;
  font-size: 12px;
  color: #003366;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  display: block;
  border-left: 0px solid #c72204;
  text-align: left;
}


#content .y {
  margin: 0;
  background-color: #ffff00;
  line-height: 150%;
  font-weight: bold;
}

#content .green {
  margin: 0;
  color: #29809e;
  font-size: 110%;
  font-weight: bold;
  background-color: #ffd3f8;
}

 
#content .inpact {
  margin: 0;
  font-size:110%;
  color: #e53580;
  line-height: 120%;
  font-weight: bold;
  
}

#space  {
	color:#808080;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 12px;
    line-height: 120%;
	background-color: #DCDCDC;
	clear:both;
	margin: 5px 20px 15px 20px;

}


/* h2 h3リンク属性 */
#content a{font-weight: normal;}
#content a.c1{font-weight: bold;text-decoration: none;}
#content a.more-link{font-weight: bold;}

#content h3 a:link,
#content h3 a:visited,
#content h3 a:active{
  color: #003366;
  font-weight: bold;
  text-decoration: none;
}

#content h3 a:hover{
  color : #F30;
  text-decoration: underline;
}

#content h4 {
  margin: 10px 0 0  0;
  padding-left:5px;
  border-bottom: 1px dotted #BBB;
  font-size:100%;
  color : #333;
  font-weight: bold;
}

/*記事枠*/
#content .doc{
  margin: 0 10px;
  text-align: left;
  line-height: 24px;
  background: url("img/doc_bak.gif") top left;
}

#content .doc2{
  margin: 0 10px;
  text-align: left;
  line-height: 150%;
}

#content .doc p{
  margin: 0;
  padding: 0;
}


#content ol{
  margin: 0px 0px 0px 30px;
}

#content li{
  margin: 0;
  font-size: 100%;
  line-height: 150%;
}

#content p{
  font-size: 100%;
  margin: 10px 0;
}


/* 相互リンクリスト属性 */
#content .slink ul{
  margin: 10px 5px 20px 20px;
}

#content .slink ul li{
  margin: 0;
  font-size: 12px;
  line-height: 150%;
}

/*--- // 本来の区切り線を非表示に // ---*/
hr {display:none;}

.line {
  clear: both;
  background:url(img/line.gif) repeat-x;
  height:2px;
  margin:10px 0;}
  

/*NAKAO*/
#news{
  margin: 10px;
  padding: 15px;
  border: 1px solid #CCC;
}

#news dl{
  margin: 10px 0;
  color: #555;
}

#news dt a{
  margin: 0 0 0 20px;
  text-decoration: underline;
  font-size: 12px;
}

#news dd{
  margin: 0 0 0 25px;
  color: #666;
  font-size: 12px;
}


/* フォント指定 */

.f_big{
  font-size:24px;
  font-weight:bold;
  line-height:30px;
  color:#CC3366;}


.toplink{
  margin: 5px 10px;
  font-size: 10px;
  text-align: left;}
  
.toplink a:link, .toplink a:visited, .toplink a:active {color: #333;text-decoration: none;margin-right:10px;}
.toplink a:hover {color:#333;text-decoration: none;}


/*フッターナビ*/
.f_navi {
  clear: both;
  margin: 0;
  padding: 10px 5px;
  text-align: right;
  font-size: 85%;
}

.f_navi img{border-style: none; vertical-align: middle;padding:0px 3px;}


/*フッター*/
#footer{
  clear: both;
  margin-top: 20px;
  padding-bottom: 20px;
  background: #FFF;
}

/* メニュー */
#footer .cat{
  margin: 0;
  padding: 0 20px;
  list-style: none;
  font-size: 80%;
}

.cat ul{
  padding: 0;
  text-align: center;
}

.cat li{
  display: inline;
  margin: 0 5px;
}

/*Copyrights*/
#copyrights{
  clear: both;
  margin: 0;
  height: 30px;
  padding: 10px 10px 0 0;
  color: #fff;
  text-align: right;
  line-height: 120%;
  font-size: 12px;
  background: #64bbd6 url("img/footer.gif") no-repeat left bottom;
}

#copyrights a:link, #copyrights a:visited, #copyrights a:active {color: #000;text-decoration: underline;}
#copyrights a:hover {color:#F63;text-decoration: none;}