@charset "shift_jis";

/* -------------------------------------------------------------

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] フッターブロック内に関する指定
[6] CSSデザインサンプルリンク指定

----------------------------------------------------------------
CSSデザインサンプ [ URL ] http://www.css-designsample.com
------------------------------------------------------------- */


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */
a:link    { color:#FFF; }
a:visited { color:#fff; }
a:hover   { color:#f00; }
a:active  { color:#FFF; }

/* クラスリンク */
a.bk       { color: #FFF;
             border-width:0px;
             border-bottom-width:2px;
             border-style:dotted;
			 text-decoration:none;
             border-color:#fff;}
a.bk:hover { color: #F00;
             text-decoration:none;
             border-color:#F00;}

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
  font-size: 85%;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"  sans-serif;
  padding: 0;
  margin: 0;
  background: url(img/bg-body1.jpg) repeat 0 0;
}

/*-- 全体を囲んでいます --*/
#wrapper {
  text-align: left;
  width: 1000px;
  height: 800px;
  margin: 0 auto;
  padding: 0 ;
  background: url(img/1.jpg) no-repeat;
}

/*-- ヘッダー部分 --*/
#header {
  width: 100%;
  height: 80px;
  margin-bottom: 0em;
  position: relative;
}

/*-- コンテンツ部分 --*/
#contents {
  width: 550px;
  float: right;
  padding: 0 40px 0 10px;/*上右下左*/
}

/*-- サイドバー部分 --*/
#sidebar {
  width: 200px;
  float: left;
}

#right-sidebar {
  width: 200px;
  float:right;
  
}

/*-- フッター部分 --*/
#footer {
  padding: 6em 0 0.5em;/*上右下左*/
  background: url(img/bg-body.jpg) repeat-x 0 30%;
  /*position: relative;
  top: 130px;*/
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */

h1 {
  font-size: 14px;
  font-style:oblique;
  text-align: right;
  position: absolute;
  top: 55px;
  left: 10px;
  background-image:url(img/trans-bk-light.png);
  color: #FFF;
}

/* サイトタイトル */
.logo {
  font-size:22px;
  font-family:"HG正楷書体", "衡山毛筆フォント";
  font-style:oblique;
  color:#FFFFFF;
  height:23px;
  position: absolute;
  top: 70px;
  left: 10px;
  background-image:url(img/trans-br.png);
  
}

.logo a {
  font-weight: bold;
  color: #360;
  text-decoration: none;
}

.logo a:hover {
  color: #f00;
  text-decoration: none;
}

/* 概要 */
.description {
　font-size: 8px;
  position: absolute;
  font-style:oblique;
  bottom: 10px;
  left: 10px;
  color:#ffffff;
  background-image:url(img/trans-bk.png);
}

/* サイトマップ等へのリスト */
.ul-info {
  list-style-type: none;
  position: absolute;
  top:25px;
  right: 10px;
}

.ul-info li {
  display: inline;
  margin-left: 0.5em;
}

.ul-info li a {
  text-decoration:none;
  color: #fff;
}

.ul-info li a:hover {
  text-decoration: underline;
  color: #f00;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* パン屑リスト */
.topicpath { margin-bottom: 1em; }

/* 見出し */
h2 {
  font-size: 100%;
  text-align: left;
  margin:0 0 0 -410px;/*上右下左*/
  position: relative;
  top: 630px;
  color: #FFF;
}

.info {
  font-size:12px;
  line-height:1.5em;
  text-align: left;
  margin: 630px 0 0 -410px;/*上右下左*/
  position: relative;
  color: #FFCCFF;
  /*top:535px;495px;*/
}

h3,h4,h5,h6 {
  font-size: 160%;
  font-weight: normal;
  height: 50px;
  padding: 0 0 0 20px;
  background: #fff url(img/mark.gif) no-repeat 0 0;
  color: #006600
}

/* 文字 */
#contents p {
  line-height: 1.5em;
  /*margin-bottom: 1em;*/
 /* color: #FFFFFF;*/
}



.style1 {
  color: #FFF;
}


/******************演舞のお知らせタイトル部分*************/

.topic1-title-red{
  /*float:right;*/
  width: 200px;
　font-size: 14px;
  line-height:1.2em;
  text-align: center;
  position: absolute;
  font-style:oblique;
  /*right: 10%;*/
  /*top:120px;10周年*/
  color:#ffffff;
  background-image:url(img/trans-red.png);
} 
.topic1-title-lime{
  /*float:right;*/
  width: 200px;
　font-size: 14px;
  line-height:1.2em;
  text-align: center;
  position: absolute;
  font-style:oblique;
  /*right: 10%;*/
  color:#ffffff;
  background-image:url(img/trans-lime.png);
} 
.topic1-title-aqua{
  /*float:right;*/
  width: 200px;
　font-size: 14px;
  line-height:1.2em;
  text-align: center;
  position: absolute;
  font-style:oblique;
  /*right: 10%;*/
  color:#ffffff;
  background-image:url(img/trans-aqua.png);
} 
/********************震災メッセージ***************/
.topic1-title-yellow{
  float:right;
  width: 200px;
　font-size: 14px;
  line-height:1.2em;
  text-align: center;
  font-style:oblique;
  font-weight:bolder;
  color:#000;
  background-image:url(img/trans-yellow.png);
} 
/******************演舞お知らせ内容部分**********************/
.topic1-bk{
 /*float:right;*/
 position: absolute;
 padding: 5px 0px 8px 0px;  /*上左下右*/
 margin-top:16.4px;
 /*right: 10%;*/
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-bk.png);
 color:#ffffff;
 font-size: 14px;
 line-height:1.2em; 
} 
/****薄い黒*****/
.topic1-bk2 {
 position: absolute;
 padding: 0px 0px 5px 0px; /*上左下右*/
 margin-top:16.5px;
 width: 200px;
 background-image:url(img/trans-bk-light.png);
 color:#ffffff;
top:120px;/*10周年*/
 font-size: 14px;
 line-height:1.2em; 
} 
/************************震災メッセージ*****/
 .topic1-bk3 {
 float:right;
 padding: 5px 0px 0px 0px;  /*上左下右*/
 /*margin-top:0px;*/
 /*right: 10%;*/
 width: 400px;
 background-image:url(img/trans-bk.png);
 color:#ffffff;
 font-size: 14px;
 line-height:1.2em; 
} 

/***************更新情報タイトル部分 ******************/
.topic2-title-yellow{
  width: 200px;
　font-size: 14px;
  line-height:1.2em;
  text-align: center;
  position: absolute;
  font-style:oblique;
  font-weight:bolder;
  top:451px;
  color:#000;
  background-image:url(img/trans-yellow.png);
}

.topic2-title-blue{
  width: 200px;
　font-size: 24px;
  line-height:2.2em;
  text-align: center;
  position: absolute;
  /*font-style:oblique;*/
  font-weight:bolder;
  top:438px;
  color:#fff;
  background-image:url(img/trans-blue.png);
}
/************** 更新情報内容部分************/
.topic2-bk{
 position: absolute;
 margin-top:16.5px;
 padding: 5px 0px 13px 0px;  /*上左下右*/
 top:450px;
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-bk.png);
 color:#ffffff;
 font-size: 14px;
/*font-weight : bold ;
font-style : italic ; */
 line-height:1.2em; 
} 
/*薄い黒*/
.topic2-bk2{
 position: absolute;
 margin-top:16.5px;
 padding: 0px 0px 5px 0px;  /*上左下右*/
/* top:410px;*/
 top:380px; /*10周年位置*/
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-bk-light.png);
 color:#ffffff;
 font-size: 14px;
 line-height:1.2em; 
} 
/*茶色*/
.topic2-br{
 position: absolute;
 margin-top:16.5px;
 padding: 0px 0px 5px 0px;  /*上左下右*/
 /*right: 10%;*/
 /*top:410px;*/
 top: 390px; /*10周年位置*/ 
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-br.png);
 color:#ffffff;
 font-size: 14px;
 line-height:1.2em; 
} 

.topic2-gray{
 position: absolute;
 margin-top:16.5px;
 padding: 0px 0px 5px 0px;  /*上左下右*/
 top:500px;
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-gray.png);
 color:#000;
 font-size: 14px;
 line-height:1.2em; 
} 
/*薄いグレー*/
.topic2-gray-light{
 position: absolute;
 margin-top:16.5px;
 padding: 0px 0px 5px 0px;  /*上左下右*/
 /*top:410px;*/
 top:390px; /*10周年位置*/
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-gray-light.png);
 color:#fff;
 font-size: 14px;
 line-height:1.2em; 
} 
.topic2-silver{
 position: absolute;
 margin-top:16.5px;
 padding: 0px 0px 5px 0px;  /*上左下右*/
/*top:410px;*/
 top:380px; /*10周年位置*/
 width: 200px;
 /*height: 100px;*/
 background-image:url(img/trans-silver.png);
 color:#000;
 font-size: 14px;
 line-height:1.2em; 
} 



/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */

/* サイドバータイトル *************************************************/
.side-title {
　font-weight: 900;
  text-align: center;
  margin: 70px 0px 0px 0px; /*上左下右*/
  padding: 5px 0;
  /*background-image:url(img/trans-lightgrn.png);*/
  background-image:url(img/trans-green.png);

  color: #FFF;
  
  
}

ul.localnavi {
  font-size: 95%;
  list-style-type: none;
  margin-bottom: 20px;
}

.localnavi li { display: inline; }

.localnavi a {
  text-align: center;
  text-decoration: none;
  width: 190px;
  display: block;
  padding: 5px 5px 3px 5px;/*上左下右*/
  /*background-image:url(img/trans-bk.png);*/
  background-image:url(img/trans-bk.png);
  color: #fff;
}

.localnavi a:hover {
  text-decoration: none;
  
  background-color: #9c0;
  color: #fff;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

#footer p { 
  text-align: center;
  position: relative;
}



/* -------------------------------------------------------------
   [6] CSSデザインサンプルリンク指定 */

/*#cds {
  font-size: 80%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0;
  padding-right: 20px;
  clear: both;
}

#cds,
#cds a,
#cds a:hover {
  text-decoration: none;
  color: #ccc;
}
*/