@charset "UTF-8";
/* CSS Document */

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */

body{
width:830px;
margin:46px auto;
text-align:center;
background:#f2f2f2 url(../images/body_bg.png) repeat-x;
}

p{
color:#6a6a6a;
margin-bottom:10px;
line-height:140%;
}

h3{
color:#008cc8;
border-bottom:1px dotted #cacaca;
padding-bottom:3px;
margin-bottom:5px;
font-size:110%;
}

strong{
color:#008cc8;
}

a{
color:#008cc8;
}

a:hover{
color:#00c2f4;
}

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

#header{
width:830px;
height:102px;
text-align:left;
position:relative;
background:url(../images/header_bg.png) no-repeat;
}

h1{
text-indent:-10000px;
overflow:hidden;
}

h1.title{
background:url(../images/title_head.png) no-repeat;
width:278px;
height:148px;
top:-46px;
left:60px;
position:absolute;
}

a.title{
height:148px;
position:absolute;
width:278px;
top:-46px;
left:60px;
text-indent:-10000px;
overflow:hidden;
}


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

#menu{
width:370px;
height:26px;
margin-top:46px;
float:right;
position:relative;
text-align:left;
background:url(../images/menu.png) no-repeat 0 0;
right:46px;
display:inline;
}


#menu li{
		height:26px;
		position:absolute;
		overflow:none;
		list-style:none;
}
	
#menu a{
		height:26px;
		display:block;
		text-indent:-10000px;
		overflow:hidden;
}
	

#menu a:hover{
	background:url(../images/menu.png) no-repeat 0 0;
}

#menu a.selected{
	background:url(../images/menu.png) no-repeat 0 0;
}

#m_home{
	left:36px;
}
	
	#m_home a{
	width:35px;
	background-position:-36px 0px;
	}
	
	#m_home a:hover{
	width:35px;
	background-position:-36px -26px;
	}
	
	#m_home a.selected{
	width:35px;
	background-position:-36px -26px;
	}

#m_about{
	left:98px;
}
	
	#m_about a{
	width:42px;
	background-position:-98px 0px;
	}
	
	#m_about a:hover{
	width:42px;
	background-position:-98px -26px;
	}
	
	#m_about a.selected{
	width:42px;
	background-position:-98px -26px;
	}


#m_profile{
	left:166px;
}

	#m_profile a{
	width:48px;
	background-position:-166px 0px;
	}
	
	#m_profile a:hover{
	width:48px;
	background-position:-166px -26px;
	}

	#m_profile a.selected{
	width:48px;
	background-position:-166px -26px;
	}

#m_music{
	left:241px;
}

	#m_music a{
	width:38px;
	background-position:-241px 0px;
	}
	
	#m_music a:hover{
	width:38px;
	background-position:-241px -26px;
	}

	#m_music a.selected{
	width:38px;
	background-position:-241px -26px;
	}

#m_link{
	left:306px;
}

	#m_link a{
	width:27px;
	background-position:-306px 0px;
	}
	
	#m_link a:hover{
	width:27px;
	background-position:-306px -26px;
	}

	#m_link a.selected{
	width:27px;
	background-position:-306px -26px;
	}


/* ------------------------------
ヘッダーコンテンツ
------------------------------ */

#header_content{
width:830px;
height:300px;
background:url(../images/home/top_image.png) no-repeat;
position:relative;
text-align:left;
}

#header_content a{
text-indent:-10000px;
overflow:hidden;
position:absolute;
width:830px;
height:300px;
}



/* ------------------------------
SPコンテンツ
------------------------------ */

#sp_content{
width:830px;
height:58px;
background:url(../images/home/sp_content_bg.png) no-repeat;
position:relative;
}

#sp_content ul{
padding:7px 60px;
}

#sp_content li{
height:40px;
width:200px;
float:left;
margin-left:24px;
}

#sp_content img{
border:solid 1px #cacaca;
}

/* ------------------------------
コンテンツヘッド
------------------------------ */

#contents_head{
width:830px;
height:34px;
background:url(../images/content_head_bg.png) no-repeat;
}

#contents_head2{
width:830px;
height:75px;
background:url(../images/content_head2_bg.png) no-repeat;
}

/* ------------------------------
コンテンツ
------------------------------ */

#contents{
width:830px;
text-align:left;
background:url(../images/content_bg.png) repeat-y;
}

#contents_inside{
padding:0 38px;
background:url(../images/content_inside_bg.png) repeat-y;
margin-bottom:30px;
}

#main_contents{
float:left;
width:470px;
}

#sub_contents{
float:right;
width:240px;
padding-left:20px;
text-align:center;
}

#sub_contents img.blog{
margin-bottom:10px;
}

#sub_contents img.radio{
margin-bottom:25px;
}

#sub_contents h4{
background:#f0f0f0 url(../images/sub_contents/sub_title_bg.png) repeat-x;
text-align:center;
padding:5px 0px;
color:#6a6a6a;
font-size:90%;
margin-bottom:20px;
}

#sub_contents ul{
margin-bottom:30px;
text-align:left;
}

#sub_contents li{
color:#6a6a6a;
font-size:90%;
margin-bottom:5px;
}

#sub_contents ul.banner{
text-align:center;
}

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

#footer{
background:url(../images/footer_bg.png) repeat-y;
width:830px;
color:#FFFFFF;
text-align:left;
padding:10px 0;
}

#footer span.copyright{
font-size:90%;
float:left;
margin-left:60px;
}

#footer span.links{
width:230px;
height:16px;
float:right;
background:url(../images/mail.png) no-repeat;
margin-right:60px;
}

#footer span.links a{
text-indent:-10000px;
overflow:hidden;
position:absolute;
width:230px;
height:16px;
}

#footer a{
color:#FFFFFF;
}

/* ------------------------------
コンテントボトム
------------------------------ */
#contents_bottom{
background:url(../images/content_bottom_bg.png) no-repeat;
width:830px;
height:30px;
}

/* ------------------------------
ホーム
------------------------------ */

#home h2{
width:470px;
height:37px;
background:url(../images/home/information_title.png) no-repeat;
margin-bottom:20px;
text-indent:-10000px;
overflow:hidden
}

#home p.date{
padding-left:20px;
background:url(../images/date_icn.png) no-repeat center left;
font-size:90%;
min-height:16px;
color:#4a4a4a;
}

#home div.article{
margin-bottom:40px;
}

#home div.article img.article_image{
padding:1px;
border:3px #cacaca solid;
float:right;
margin:0 0 5px 10px;
}

#home div.article a:hover img.article_image{
border:3px #00c2f4 solid;
}

/* ------------------------------
アバウト
------------------------------ */

#about h2{
width:470px;
height:36px;
background:url(../images/about/about_title.png) no-repeat;
margin-bottom:20px;
text-indent:-10000px;
overflow:hidden
}

#about h3{
margin-bottom:10px;
}

#about img.logo{
margin:0 auto 30px;
display:block;
}

#about p{
margin-bottom:40px;
}

#about p.inside{
margin-bottom:10px;
}


/* ------------------------------
プロフィール
------------------------------ */

#profile h2{
width:470px;
height:37px;
background:url(../images/profile/profile_title.png) no-repeat;
margin-bottom:40px;
text-indent:-10000px;
overflow:hidden
}

#profile h3{
margin-bottom:10px;
}

#profile h5{
width:470px;
height:37px;
background:url(../images/profile/profile_guest.png) no-repeat;
margin-bottom:40px;
text-indent:-10000px;
overflow:hidden
}

#profile p{
margin-bottom:40px;
}


/* ------------------------------
ミュージック
------------------------------ */

#music h2{
width:470px;
height:37px;
background:url(../images/music/music_title.png) no-repeat;
margin-bottom:30px;
text-indent:-10000px;
overflow:hidden
}

#music #main_contents ul{
padding:0px 18px;
}


#music #main_contents li{
float:left;
margin:0 0 15px 35px;
width:170px;
}

#music #main_contents li img{
border:3px #cacaca solid;
}

#music #main_contents li a:hover img{
border:3px #00c2f4 solid;
}

#music #main_contents li p{
text-align:center;
}

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

#link h2{
width:470px;
height:37px;
background:url(../images/link/link_title.png) no-repeat;
margin-bottom:30px;
text-indent:-10000px;
overflow:hidden
}

#link #main_contents ul{
padding:0px 18px;
margin-bottom:30px;
}


#link #main_contents li{
float:left;
margin:0 0 10px 15px;
width:200px;
height:40px;
text-align:center;
display:block;
}

#link #main_contents li a{
width:200px;
height:40px;
display:block;
}

#link #main_contents li a.no_banner{
border:1px #cacaca solid;
line-height:40px;
}

#link h3{
margin-bottom:10px;
}

#link p{
margin-bottom:40px;
}

#link p.inside{
margin-bottom:10px;
}