/*--汎用設定------------------*/

*{
margin:0;
padding:0;
}

html {
overflow-y:scroll;
height:100%;
}

body{
color:#000000;
line-height:1.4;
font-size:83.3%;
font-family: sans-serif, Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック", "Osaka", Helvetica;
height:100%;
}

/* Except IE */
html>body {
    font-size: 10pt;
}

p{
margin:0;
padding:0;
}

div{
margin:0;
padding:0;
}

a{
color:#777777;
font-weight:bold;
text-decoration:none;
}

a:visited{
color:#777777;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#FF6699;
font-weight:bold;
text-decoration:none;
}

h1{
font-size:2em;
font-weight:bold;
}

h3{
font-size:1em;
color:#0066FF;
letter-spacing: 0.3em;
}

h4{
font-size:1em;
color:#0066FF;
}

img{
border:0;
}

ul li{
display:inline;
list-style-type:none;
margin-right:10px;
}

hr{ 
border-style:solid none none none; 
border-top-width:1px; 
border-top-color:#cccccc; 
height:1px; 
margin:5px 0;
} 

.clear{
clear:both;
}

/*--大枠------------------*/

#container{
width:700px;
margin:0 auto;
padding:10px;
background-color:#FFFFFF;
height:100%;
min-height:100%;
}

body > #container{
height:auto;
}
}

#header{
}

#menu{
padding:10px 0;
}

#photo{
}

#main{
}

#main_waku{
padding:10px;
}

#topics{
width:640px;
}

#info{
width:430px;
padding:10px;
}

#disc{
height:200px;
}

#disc h3{
color:#000000;
}

#discphoto{
float:right;
}

#blog{
float:right;
width:200px;
height:100px;
padding:10px;
background-color:#FFf;
}

#blog img {
margin-bottom:5px;
border:1px #999999 solid;
}

#bloglink{
background:url(images/blog_bt.gif)no-repeat right center;
background-color:#FFFFFF;
width:200px;
height:60px;
}

#listen{
float:left;
}

#footer{
text-align:center;
padding:10px;
}

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

#kojin{
width:680px;
}

#kojin div{
float:left;
width:200px;
padding:10px;
margin-right:10px;
}

#kojin div a{
color:#ffff00;
}

#kojin div.masa{
color:#ffffff;
background-color:#0066FF;
}

#kojin div.norico{
color:#ffffff;
background-color:#FF6699;
}

#kojin div.su3{
color:#ffffff;
margin-right:0;
background-color:#ff0000;
}