@charset "UTF-8";

/***************************
reset.css
***************************/

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding:0;
	margin:0;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,th,var{
	font-weight:normal;
	font-style:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

body{
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt
{font-family:monospace;
*font-size:108%;
line-height:100%;
}


/***************************
style.css
***************************/

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

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{
	font-weight:bolder;
	font-style:normal;
	color:#0033cc;
}

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;
}

#header_content .twtr-timeline{
height:60px !important;
}

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

#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(/sp/cd19/img/top_image.png) no-repeat;　/*/sp/フォルダ名/img/top_image.pngに変更*/
position:relative;
text-align:left;
}

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

#header_content .twtr-timeline{
height:60px !important;
}


/* ------------------------------
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.gallery{
margin-bottom:10px;
}

#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 .twtr-hd h3{
border:none;
visibility:visible;
}

#sub_contents .twtr-hd h4{
background:#ffffff;
}

#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{
padding-bottom:1em;
margin-bottom:1em;
}

#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:1em;
}

#PROFILE div.article{
margin-bottom:2em;
}




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

#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;
}