@charset "UTF-8";
/*-----------------------------------------------------
redmecca.com

FileName:   top.css
$Revision: 1.0 $
-----------------------------------------------------*/

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

/*■■■基本設定 - メインビジュアル*/

header h1{
width:800px;
height:450px;
display:block;
position:relative;
z-index:0;
}
header h1 a{
background-color:#000000;
}
header h1 a:hover{
background:#000000;
}
header h1 img{
vertical-align:top;
}
nav{
position:relative;
z-index:5;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■ メインカラム ■■■■■■■■■■■*/

/*■■■トップ設定 - メインカラム*/

section{
margin-top:10px;
padding-top:20px;
position:relative;
z-index:5;
}
section h1{
display:none;
}
article{
margin:0;
padding:0 0 0 2px;
}
article h2{
height:30px;
padding-bottom:8px;
font-size:120%;
text-align:center;
}
article h2 a:hover{
background:none;
}

#artInformation{
width:300px;
height:160px;
margin:0 20px 0 10px;
padding:0;
float:left;
overflow:hidden;
border:1px solid #2b2b2b;
background:#000000;
}
#artInformation #feed{
width:280px;
margin:0;
padding:0 10px 0 10px;
text-align:left;
}
#artInformation #feed li{
padding-bottom:2px;
border-bottom:1px #2b2b2b dotted;
}
/*2010/11/22■twitterよりデータ同期設定 - twitter-api*/
#artInformation #twitter-api{
width:280px;
margin:0;
padding:0 10px 0 10px;
text-align:left;
}
.twtr-hd,
.twtr-ft {
display:none;
}
/*ここまで2010/11/22■twitterよりデータ同期設定 - twitter-api*/
#artVideo{
margin:0;
padding:0;
float:left;
border:1px solid #2b2b2b;
background:#000000;
}
#artVideo #videoBar-bar{
margin:0;
padding:7px 10px 5px 10px;
}
#artProfile, #artMember, #artPhoto{
width:243px;
height:190px;
margin:0 10px 0 10px;
padding:0 0 5px 0;
float:left;
border:1px solid #2b2b2b;
background:#000000;
}
#artProfile p{
padding:8px 10px 0 10px;
}
#artMember dl{
margin:0;
padding:0;
overflow:hidden;
zoom:1;
}
#artMember dt{
width:60px;
margin:0 0 0.3em 0;
padding:5px;
float:left;
clear:both;
vertical-align:top;
}
#artMember dd{
margin:0 0 0.3em 0;
padding:1px 0 3px 75px;
line-height:1.5em;
text-align:left;
}
#artMember dd.line{
padding-bottom:20px;
border-bottom:1px dotted #2b2b2b;
}
p.icon a{
margin:0 5px 0 0;
}
#artPhoto{
text-align:center;
}
#artPhoto #photos_here{
margin:0 auto 0 auto;
}
#photos_here img{
width:72px;
height:72px;
padding:4px 2px 0 2px;
}
#photos_here a:hover{
background:none;
}
/*2011/04/03■バナーエリア追加*/
section#banner{
width:750px;
margin-left:10px;
margin-top:30px;
padding:12px;
border:1px solid #2b2b2b;
background:#000000;
}
section#banner ul li{
width:234px;
height:60px;
margin:0 8px;
float:left;
line-height:60px;
text-align:center;
background:#ffffff;
}
section#banner ul li a img{
vertical-align: middle;
}
/*ここまで2011/04/03■バナーエリア追加*/


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