/* Copyright(c) Template  TAKE Kobo */

/*ページのレイアウト用 css*/

/*背景基本*/
body{

	background:#ffffff;	/*  壁色と壁紙設定*/

	  background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/

	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	  color: #333333;

	  margin:0px;

	  padding:0px;
	  
    text-align: center;  
}

/*コンテンツ*/
#contents{      

      width:880px;

	  margin:0 auto; 

	  background-image:url();/*コンテンツ内の背景(サイズをぴったりにすること）*/

	  background-repeat:repeat-y;   /*縦に繰り返し*/

      position:relative;

	  border:solid 3px #eeeeee;/*サイトに枠を付ける設定,色の変更可*/

      font-size:100%;
      
  	  text-align: left;  

}

/***********************************************/
/*ヘッダー部分の設定*/
#header{

      background-color:#ffffff;

	  background-position:top right;

	  background-repeat:no-repeat;

	  height:55px; /*ヘーダーの高さ*/

	  position:relative;
}
#header p {

	font-size: 34px;
        color:#ffffff;
	padding-top: 3px;
	padding-left: 12px;

}

#header_bottom{
	position:absolute;
	right: 3px;
	bottom:2px;
}

#header_top{
	position:absolute;
	left: 3px;
	top: 16px;
}

/***********************************************/
/*サイドバー*/
#side{
      width:220px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/

	  position:absolute;

	  top:150px;/*上からの位置*/

	  left:15px;
}
#side h3{

       width:160px;

      font-size:100%;

	border: double 3px #FFFFFF;

        color:#ffffff;

	background-color:#000000;

	line-height: 25px;

	  padding-left:5px;

	  margin-top: 10px;

	  margin-bottom: 1px;

}

/***********************************************/
/*メイン部分の設定*/

#main{
	background-color: #ffffff;
      width:630px;

      height:600px;

      margin-top:0px;

      margin-left:105px;

}
/***********************************************/
/*index部分の設定中央ぞろえ代わりのマージンレフトがちがいます*/

#main_top{
	background-color: #ffffff;
      width:630px;

      height:600px;

      margin-top:0px;

      margin-left:50px;

}

/***********************************************/
/*下部のフッター部分の設定*/

address{

	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	  font-size:100%;

	  font-style:normal;
	  
	  font-weight: bold;

	  text-align:center;

	  padding-top:10px;

	  margin-top:0px;

	  clear:both;

      background-color:#111111;

      color:#ffffff;

          width:100%;

	  padding-bottom:10px;

	  border:none;

	  }

address a{

      color:#FF9999;

	  }

/***********************************************/
/*見出し*/

h1{

	  font-size:100%;

	  letter-spacing: 2px;

          padding-top:0px;

	  padding-left:10px;

          margin:0px;

}

h1 a{

      color:#FFFFFF;

	  font-weight:normal;

}


h2{

      font-size:120%;

	background:#666666;

	border: solid 2px #111111;

        color:#ffff33;

	line-height: 28px;

	  padding-left:10px;

	  margin-top: 10px;

	  margin-bottom: 1px;

}

h3{

      font-size:120%;

	background:#cccccc;

	border: double 3px #999999;

        color:#ffffff;

	line-height: 28px;

	  padding-left:10px;

	  margin-top: 10px;

	  margin-bottom: 1px;

}


/***********************************************/
p img{

      float:left;
      
      margin-left:5px;  /*写真の左にスペースを空ける*/

	  margin-right:10px;  /:写真と文字の間隔*/

}

/***********************************************/
/*リンク部分*/
a{

      color:#000099;

      text-decoration:none;

}
a:hover {

	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/

	text-decoration: none;

}
/***********************************************/
/*ニュース用の枠*/
.news_item
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:#909090;
	 border-style: double;
	width:100%;


}
/*ニュース用の文字設定*/
.news{

      font-size:100%;/*全体の文字サイズ*/

	  line-height:150%;/*全体で使う、文字と文字の行間*/

}

/***********************************************/
/*ブロック作成+ブロックのフロート解除*/
.item { 
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width:100%;

}
.item:after {

	content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}
/*上マージンありブロック*/
.item_margin_top
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width:100%;
}
.item_margin_top:after {

	content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;
	
}

/***********************************************/
/*中央揃え*/
._center { 
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	
}
/*左揃え*/
._left { 
	display: block;
	float:left;
}
/*右揃え*/
._right { 
	display: block;
	float:right;

}
/*左の画像が320pxの際使用*/
._right_text{
	display: block;
	float:right;
	width: 310px;
}

/*左にマージンをとる*/
._magin_l{
	margin-left: 20px;
}

/*右にマージンをとる*/
._magin_r{
	margin-right: 20px;
}
/*左にパディングをとる*/
._padding_l{
	padding-left: 20px;
}

/*右にパディングをとる*/
._padding_r{
	padding-right: 20px;
}

/***********************************************/
/*テキスト関連*/
/***********************************************/
/*テキスト見出し*/
.text_h {
	font-weight:bold;
}


/*通常の文字*/

.nomal_text {
      font-size:98%;
	  line-height:200%;
}
/*行間ナシ文字*/
.text_line_s{
      font-size:98%;
}
/***********************************************/
/*テーブル関連*/
/***********************************************/
/*テーブル内の文字変更*/
.table_text
{
	font-size:98%;
}
/*上に余白あり*/
.td_margin_top
{
	padding: 2px 20px 6px 8px;
}
/*よこ3px上下10px余白あり*/
.td_margin_all
{
	padding: 3px 10px;
}
/***********************************************/
/*float解除*/
.clearfix:after {

	content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}
.clearfix {display: inline-table;}