@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
/*** リンク設定 ***/

a:link,
a:visited,
a:active{
color: #CCCCCC;
}

a:hover{
color: #00BCFB;
text-decoration: none;
}

em{
font-style:normal;
}

#contents .entry-title a:link,
#contents .entry-title a:visited{
padding: 0px 0px 0px 20px;
color: #CCCCCC;
text-decoration: none;
background: url("images/h2_entry-title_back.gif") no-repeat left top;
background-position: 0;
}

#contents .entry-title a:hover{
padding: 0px 0px 0px 20px;
color: #00BCFB;
text-decoration: none;
background: url("images/h1_entry-title_back.gif") no-repeat left top;
background-position: 0;
}

div.entry-body a:link,
div.entry-body a:visited
{
color: #999999;
text-decoration:underline ;
}

div.entry-body a:hover
{
color: #00BCFB;
text-decoration: none;
}


/*************** body ***************/

body{
margin: 0;
padding: 0;
font-size: small;
font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', verdana, Arial, 'trebuchet ms', sans-serif, 'ＭＳ Ｐゴシック';
color: #999999;
word-wrap: break-word;
}

img{
border: 0;
}

body.wrapper div#main-container
{
margin: 0 auto;
padding: 0px;
width: 800px;
}

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

body.wrapper div#banner
{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/banner_back.jpg") no-repeat top;
height: 130px;
}

/*** h1 ---- ヘッダー内サイトタイトル ***/

div#banner h1,
div#banner h2
{
margin: 0px 0px 0px 0px;
padding: 35px 10px 0px 30px;
font-size: medium;
}

/*** ヘッダー内サブタイトル ***/

div#banner-description h2{
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 65px;
font-size: x-small;
color: #aaa;
}

/*** ヘッダー内リンク ***/

div#banner h1 a{
padding: 10px 0px 5px 35px;
color: #00BCFB;
text-decoration: none;
background: url("images/banner-header_back.gif") no-repeat left top;
background-position: 0;
}

div#banner h1 a:hover{
padding: 10px 0px 5px 35px;
color: #999;
background: url("images/banner-header_back_ov.gif") no-repeat left top;
background-position: 0;
}

/*** パンくず ***/

div#banner .pankz{
padding: 25px 0 0 10px;
font-size: x-small;
text-align: left;
}

div#banner .pankz a{
color: #999;
text-decoration:underline;
}

div#banner .pankz a:hover{
color: #00BCFB;
text-decoration: none;
}

#headerFlash {
	margin: 0px 0 0 0px;
	padding: 0px 0px 5px 0px;
	overflow: auto;
	text-align:center;
	color:#999;
}


/*************** メイン（左中右カラム） ***************/

body.wrapper div#main
{
margin:0px;
background: url("images/main-container_back.jpg") repeat-y;
height: 1%;
}

/*************** コンテンツ（中央カラム） ***************/

/****** 中央カラムレイアウト ******/

body.wrapper #contents{
width:600px;
float: left;
}

/****** コンテンツ内定義 ******/

div.contents-main{
padding: 0px 10px 5px 10px;
}

/*** エントリー内 h2 h3 h4 p ul li ***/

.entry h2{
margin: 3px 0px 5px 0px;
padding: 0px 5px 5px 18px;
font-size: small;
background: url("images/h2_entry-body_back.gif") no-repeat left top;
color: #007297;
height:1%;
}

.entry h2 a{
color: #007297;
}

.entry h2 a:hover{
color: #00BCFB;
}


.entry-body h3{
margin: 3px 0px 5px 0px;
padding: 0px 5px 0px 18px;
font-size: small;
background: url("images/h3_entry-body_back.gif") no-repeat left top;
font-weight: normal;
color: #007297;
height: 1%;
}

.entry-body h4{
margin: 3px 0px 5px 0px;
padding: 0px 5px 0px 18px;
font-size: small;
background: url("images/h3_entry-body_back.gif") no-repeat left top;
font-weight: normal;
color: #007297;
height: 1%;
}


.entry-body h4 a{
color: #CCCCCC;
height: 1%;
}

.entry-body h4 a:hover{
color: #00BCFB;
}


.entry-body p{
height: 1%;
}

.entry-body ul
{
margin-left: 0;
padding-left: 0;
}

.entry-body li
{
margin-left: 30px;
}



/****** エントリー ******/

div.entry{
margin: 5px 5px 20px 5px;
}


/****** エントリーヘッダー ******/
/*** h2 ---- コンテンツ内の見出し ***/

#contents h2.entry-title{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
color: #00BCFB;
font-size: small;
height: 1%;
letter-spacing: .1em;
}

#contents h1.entry-title{
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 20px;
color: #00BCFB;
font-size: small;
background: url("images/h1_entry-title_back.gif") no-repeat left top;
height: 1%;
letter-spacing: .1em;
}


/****** エントリーボディ ******/

.entry-body
{
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
line-height: 1.5;
letter-spacing: .1em;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

.entry-sub{
margin: 0px 40px 0px 280px;
padding: 5px 0px 5px 30px;
line-height: 1.5;
letter-spacing: 0.1em;
color: #007297;
background: url("images/menu-title_back.jpg") no-repeat;
border-top: 1px solid #006282;
border-left: 1px solid #006282;
border-right: 1px solid #009ED2;
border-bottom: 1px solid #009ED2;
}

.entry-song{
margin: 0px 40px 0px 150px;
padding: 5px 0px 15px 30px;
line-height: 1.5;
letter-spacing: 0.1em;
color: #007297;
background: url("images/menu-title_back.jpg") no-repeat;
border-top: 1px solid #006282;
border-left: 1px solid #006282;
border-right: 1px solid #009ED2;
border-bottom: 1px solid #009ED2;
}
.entry-song2{
margin: 0px 10px 0px 50px;
padding: 5px 0px 15px 30px;
line-height: 1.5;
letter-spacing: 0.1em;
color: #007297;
background: url("images/menu-title_back.jpg") no-repeat;
border-top: 1px solid #006282;
border-left: 1px solid #006282;
border-right: 1px solid #009ED2;
border-bottom: 1px solid #009ED2;
}

.entry-body-ci
{
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
line-height: 1.5;
letter-spacing: .1em;
text-align:center;
}

.entry-body-c
{
margin: 10px 0px 0px 0px;
padding: 15px 10px 10px 10px;
line-height: 1.5;
letter-spacing: .1em;
text-align:center;
}
.entry-body-l
{
margin: 5px 0px 15px 0px;
padding: 15px 10px 10px 30px;
line-height: 1.5;
letter-spacing: .1em;
text-align:justify;
}


.entry-bottom{
margin: 0px 0px 0px 0px;
padding: 20px 0px 10px 0px;
line-height: 1.5;
letter-spacing: .1em;
}

.entry-bottom a:hover{
position:relative;top:2px;left:1px;
}

/*.entry-body a img {
border: 3px solid #999;
}*/

.entry-body a:hover img {
position:relative;top:2px;left:1px;
}

/*************** サイドレイアウト ***************/
body.wrapper div#side
{
float: right;
font-size: small;
}

body.wrapper div#right-side,
body.wrapper div#left-side
{
width: 200px;
}

/************ WP用 ************/

body.wrapper ul#left-side,
body.wrapper ul#right-side
{
margin: 0;
padding: 0;
list-style: none;
width: 200px;
}


/*************** サイドバー ***************/

div.menu *
{
margin: 0;
padding: 0;
}

div.menu
{
margin: 10px 0px;
width: 180px;
padding: 0px 10px;
font-size: small;
background: transparent;
list-style: none;
}

/*** サイドバー内見出し ***/

div.menu-title
{
padding: 8px 5px 0px 30px;
font-size: small;
background: url("images/menu-title_back.jpg") no-repeat top;
height: 22px;
color: #0085B0;
}


/*** サイドバーリスト ***/

div.menu ul
{
font-size: small;
margin: 10px 10px 5px 10px;
padding: 2px 0px;

}

div.menu ul li
{
padding: 2px 0px;
}

div.menu ul li a{
color: #0085B0;
}
div.menu ul li a:hover{
color: #00BCFB;
}


div.menu ul li ul
{
margin: 0px 0px 0px 10px;
}

/*************** Feeds ***************/

div.feeds{
margin-bottom: 20px;
}

img.feedicon{
vertical-align: middle;
}


div.feedlink{
margin: 5px 0px 0px 10px;
font-size: x-small;
}

/*************** フッター ***************/

body.wrapper div#footer
{
clear: both;
}

body.wrapper div#footer
{
margin: 0 auto;
width: 800px;
padding: 0px 0px 0px 0px;
background: url("images/footer_back.gif") no-repeat top;
height: 90px;
}

/*** COPYRIGHT ***/

div#copyright{
float: left;
margin: 0px 0px 0px 0px;
padding: 5px 5px 0px 210px;
font-size: small;
width: 335px;
}

div#copyright a{
color: #00BCFB;
text-decoration:underline;
}
div#copyright a:hover{
color: #00BCFB;
text-decoration:none;
}


/*** clearfix ***/

.clearfix:after{
content: "";
display: block;
clear: both;
overflow: hidden;
}

/******************************/
/*\*/
* html .clearfix {
height: 1em;
}

/*** Table ***/

table.songs {
   border-collapse: collapse;
   /*border: 2px solid green; /* 外側の枠線 */*/
}
table.songs td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: green; /* 線色：緑 */
   border-style: solid; /* 線種：実線 */
   padding: 0.3em; /* セル内側の余白 */
}