@charset "Shift_JIS";

/* 全称セレクタ--------------------------------------------- */

* {
margin:0;padding:0;
font:normal normal normal 12px/1.6 "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;
border:none;
}

/* 全体指定------------------------------------------------- */

body {
color:#333333;
text-align:center;
margin-bottom:50px;/* ページ下部余白 */
}

html {
scrollbar-arrow-color:#333333;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}

/* リンク--------------------------------------------------- */

a{text-decoration:none;font-size:100%}
a:link,a:visited {color:#333333;}
a:active {color:#333333;}
a:hover {color:#D7322E;position:relative;top:1px;left:1px;}

/* 文字----------------------------------------------------- */

em {color:red;font-weight:bold;;font-size:110%;}/* 強調 赤*/
strong {color:#333333;font-weight:bold;font-size:130%;border-bottom:2px solid #f26b7a;}/* より強い強調 赤下線付き*/
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
/* 文字を大きく */
.large {
  font-size: 110%;
  font-weight: bold;
}

/*small {font-size:80%;}/* 文字を小さく */
/* 文字を小さく */
.small1 {
font-size:11px;
line-height:150%;/* 行間 */
}
.small2  {
font-size:13px;
line-height:180%;/* 行間 */
}

/* 他指定--------------------------------------------------- */
.icon{/*アイコンサイズ指定*/
  align: top;
  width: 25px;
  height: 25px;
}

.flex {/* 画像の横の文字 */
  display: flex;
  justify-content: space-between;
}
.flex>p{
    width: 49%;
}

ul li {list-style:none;}/* リストマーク(非表示) */

img.frame_img {/* 画像にフレームをつける */
width: 150px;
height: 150px;
border:1px solid #bfbfbf;/* 外枠の色 */
padding:5px;/* 余白 */
background-color:#ffffff;/* 余白部分の色 */
}
#wrapper br.clear {clear:both;}/* float解除用 */

/* ********************************************************* */
/* レイアウト */
/* ********************************************************* */

/* 横幅指定 */
#wrapper {width:1000px;}
#header,#footer,ul#menu {width:980px;}
#contents,#wrapper hr {width:980px;}

/* 全体 */
#wrapper {
margin:0px auto 8px auto;
padding:0px 10px;
/*position: relative;*/
/* ↓全体のライン指定 */
border-left:3px solid #333333;
border-right:3px solid #333333;
border-bottom:3px solid #333333;

/* ↓角を丸くする指定 */
border-radius:0px 0px 20px 20px;
-webkit-border-radius:0px 0px 20px 20px;
-moz-border-radius:0px 0px 20px 20px;
}

/* ヘッダー */
#header {
height:400px;
position:relative;
margin:0px auto;
padding:0px 0px;
text-align:center;
background:url(img/noda1.jpg) no-repeat bottom;/* トップ画像 */
background-size: cover;
/* ↓画像の角を丸くする指定 */
border-radius:0px 0px 20px 20px;
-webkit-border-radius:0px 0px 20px 20px;
-moz-border-radius:0px 0px 20px 20px;
}

/* メイン ーースペシャルお知らせ欄を広げる時heightも変更しないと下のイラストがバナーに被る*/
#contents {
margin:10px auto 0px auto;
height: 1400px;
text-align:left;
}

/* フッター */
#footer {
height: 70px;
margin:30px auto 0px auto;
padding:5px 0px 10px 0px;
border-top:1px solid #333333;/* ライン指定 */
}

/* #contents内の左右BOX指定---------------------- */
/* 特別ニュース */
#news_sp {
  width: 600px;
  /* height: 260px; */
  font-size: 10pt;
  margin-left: 20px;
  margin-bottom: 15px;
}
#news_sp p a:link,ul#menu li a:active,ul#menu li a:visited{
  font-size: 110%;
  color: red;
  font-weight: bold;
}

#news_sp .title {
  font-size: 11pt;
  font-weight: bold;
}
#news_sp img{
  margin: 10px auto 10px 10px;
  width: 165px;
  height: 180px;
}

#news_sp img.icon{
vertical-align: middle;
  height: 18px;
  width: 25px;

}

/* メインカラム */
#main_m {
float:left;/* 左寄せ */
width:620px;/* 横幅 */
margin:0px 0px;
padding:0px 0px;
}

/* サブカラム */
#main_s {
float:right;/* 右寄せ */
width:280px;/* 横幅 */
margin:10px 0px 0px 0px;
padding:0px 0px;
}


/* ********************************************************* */
/* ヘッダー */
/* ********************************************************* */


/* サイトタイトル */
#badge{
  position: absolute;
  top: 3px;
  left: 260px;
  width: 150px;
  height: 150px;
}
#logo1 {
  position:absolute;
top:10px;/* 位置指定 */
left:280px;/* 位置指定 */
width: 85px;
height: 80px;
}

#logo2 {
  position:absolute;
top:20px;/* 位置指定 */
left:15px;/* 位置指定 */
width: 270px;
height: 80px;
}



/* ********************************************************* */
/* メニュー */
/* ********************************************************* */

ul#menu {
margin:15px auto 0px auto;
padding:5px 0px;
text-align:center;
background:#333333;/* 背景色指定 */
border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
}

ul#menu li {
color:#555555;
padding:0px 5px 0px 5px;
display:inline;/* 横並び指定 */
}

/* メニュー用リンク */
ul#menu li a:link,ul#menu li a:active,ul#menu li a:visited{
color:#f0f2dc;
font-size:110%;
font-family:"Century Gothic",sans-serif;
letter-spacing:2px;
}

/* マウスが乗ったとき↓ */
ul#menu li a:hover {
color:#d9eb52;
font-size:110%;
font-family:"Century Gothic",sans-serif;
letter-spacing:2px;
}

/* メニュー下のライン指定 */
#wrapper hr {
height:8px;
margin:7px auto;
background:url(img/back.gif) repeat;
}


/* ********************************************************* */
/* カラム内指定 */
/* ********************************************************* */


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

#contents h2,#contents h3 {
color:#333333;
font-size:120%;
font-weight:bold;
letter-spacing:1px;
margin:12px 0px 12px 0px;
padding:0px 0px 1px 10px;
border-left:10px solid #333333;
}
#contents h4{
  color: #8b0000;
  font-size: 15px;
  font-weight: bold;
}

/* サブカラムタイトル */
#main_s div.title {
color:#ffffff;
font-size:120%;
font-family:"Century Gothic",sans-serif;
font-weight: bold;
margin:10px 0px 10px 0px;
padding:2px 10px;
background:#8ac7de;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
#main_s div.title img{
margin-left: 10px;
vertical-align: middle;
}


/* P段落(左)メインカラム------------------------------------ */
.thumbnail{

}
#news{
  height: 400px;
  overflow: scroll;

}
#news .panel-body ul {
	list-style-type: none;
	padding-left: 10px;
}
#news .panel-body ul li {
	font-size:13px; line-height:1.4; border-bottom:1px dotted #000;
}
#news .panel-body ul li a {
	display:block;
	padding:10px 25px 10px 0; zoom:100%;
	text-decoration:none;
	background: url(../img/common/icon_arrow_01.png) right 50% no-repeat;
}
#news .panel-body ul li a .tag { display:block; float:left; width: 60px;
  margin-right:10px; margin-bottom:5px; font-size:10px; font-weight: bold; text-align:center; }
#news .panel-body ul li a .news { background-color:#B22D00; color:#FFF; }
#news .panel-body ul li a .live { background-color:#0085B2; color:#FFF; }
#news .panel-body ul li a .media { background-color:#00B386; color:#FFF; }
#news .panel-body ul li a .CD { background-color:#D96D00; color:#FFF; }

#news .panel-body ul li a .date { display:block; float:left; width: 90px; font-size:11px; font-weight:normal; }
#news .panel-body ul li a .text { display:block; clear:left; font-size: 13px;font-weight: bold;}
#news .panel-body ul li a .text-small { font-size: 11px; display:block; clear:left; font-weight: normal;}
#news .panel-body ul li a .thumbnail img { display:block; float:right; width: 50px; height: 70px;}


/*youtube*/
#youtube_sp iframe{
  width:480px;
  height:300px;
}

#youtube1 iframe{
	margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
#youtube2 iframe{
  margin-bottom: 10px;
  float: left;
  border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}


/* 余白調節 */
#contents p.blank1 {margin:0px 1px 10px 1px;}
#contents p.blank2 {margin:0px 1px 30px 1px;}

/* 段落下部にライン付き */
#contents p.line1 {
margin:0px 1px 12px 1px;
padding:0px 0px 12px 0px;
background:url(img/w-line.gif) repeat-x bottom;/* ドット画像 */
}

/* P段落(右)サブカラム------------------------------------ */

#main_s p {
font-size:100%;
margin:0px 10px 10px 10px;
line-height:150%;
text-align: center;
}
#newcd{
width: 220px;
height: 220px;
}
#cdname{
  font-size: 15Px;
  font-weight: bold;
  font-family: "Century Gothic",sans-serif;
}
img#event{
  width: 250px;
  height: 50px;
  border: 1px solid gray;
}
#event_desc{
  font-size: 12px;
  letter-spacing: -1px;
}
#adspace img{
  border:1px solid gray;
  width: 200px;
  height: 50px;
}
#ad {
  display: inline-block;
}


/* 段落下部にライン付き */
#main_s p.line1 {
margin:0px 10px 12px 10px;
padding:0px 0px 12px 0px;
background:url(img/w-line.gif) repeat-x bottom;/* ドット画像 */
}
#main_s p.line2 {
margin:0px 10px 12px 10px;
padding:0px 0px 12px 0px;
border-bottom:1px solid #333333;/* ライン指定 */
}

/* P段落カラム共通------------------------------------ */

/* ノート線付き */
#contents p.note {
font-size:100%;
line-height:22px;/* 行間(ノート線の画像の高さに合わせてます) */
background:url(img/note.gif);
}

/* 文字を小さく */
#contents p.small {
font-size:80%;
line-height:180%;/* 行間 */
}

/* 真ん中寄せにする */
#contents p.center {text-align:center;}

/* 枠付きBOX1 */
#contents p.box1 {
font-size:100%;
line-height:160%;/* 行間 */
padding:10px 10px;
border:1px solid #e4e6d0;
background:#f0f2dc;
}

/* ボタン--------------------------------------------------- */
.button_black a{
  display: block;
  width: 90px;
  margin:15px auto 0px auto;
  padding:5px 0px;
  text-align:center;
  background:#333333;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;

  color:#f0f2dc;
  font-size:110%;
  font-family:"Century Gothic",sans-serif;
  letter-spacing:1px;
}
.button_black a:hover{
  color:#d9eb52;
  font-size:110%;
  font-family:"Century Gothic",sans-serif;
  letter-spacing:1px;
  }


/* リスト--------------------------------------------------- */

#contents ul.list01,#contents ul.list02 {margin:0px 1px 10px 1px;}
#contents li {padding:0px 0px 1px 0px;}

/* リストマーク(白丸) */
#contents ul.list01 li {
font-size:100%;
list-style:circle inside;
}

/* リストマーク(画像) */
#contents ul.list02 li {
font-size:100%;
padding-left:15px;
background:url(img/ci-b44.gif) no-repeat left center;
}

/* テーブル------------------------------------------------- */

#contents table.table1 {
margin:0px 2px 20px 2px;
background:#333333;/* テーブル線の色指定 */
}

#contents table.table1 td {
padding:8px 10px;
background:#ffffff;
}

/* td色付き */
#contents table.table1 td.td1 {
background:#d9eb52;
}
#contents table.table1 td.td2 {
background:#8ac7de;
}

/* 戻りリンク----------------------------------------------- */

#contents ul.pagetop  {
margin:0px 0px 5px 0px;
text-align:right;
}

#contents ul.pagetop li {
padding:0px 0px 0px 3px;
display:inline;/* 横並び */
}


/* ********************************************************* */
/* フッター */
/* ********************************************************* */
#footer{
  position: relative;
}
/*イラスト*/
#footer img#noda_cray{
  width: 300px;
  height: 230px;
  position:absolute;
  top: -145px;
  left: 80px;
}
#footer img#flowers{
  position: absolute;
  top:-40px;
  left:420px;
}
#footer img#life_sun{
  width: 120px;
  height: 110px;
  position: absolute;
  top:-158px;
  left:30px;
}

#footer ul {
  padding:0px 0px 4px 0px;
text-align: right;
}

#footer ul li {
color:#333333;
font-size:100%;
display:inline;/* 横並び指定 */
}

#footer ul li a {
font-family:"Century Gothic",sans-serif;
letter-spacing:1px;
}

#footer p {
color:#333333;
font-size:90%;
text-align: right;
margin:10px 0px 3px 0px;
}


/* ********************************************************* */
/* 著作権表示部分 */
/* ********************************************************* */

small {
color:#333333;
font-size:80%;
margin-left: auto;
margin-right: auto;
}

/* ********************************************************* */


/* ヘッダー */
#header2 {
height:40px;/* 適時変更 */
margin:0px auto;
padding:0px 0px;
text-align:right;
}

/* サイトタイトル */
#header2 h1 {
color:#333333;
font-size:130%;
font-family:"Century Gothic",sans-serif;
letter-spacing:1px;
padding:15px 20px 0px 20px;
}


/* ********************************************************* */