@charset "UTF-8";

/* 
--------------------------------------------------------------------------------
- Since: 2006-04-29
- Modified: 2006-06-23
- Guideline: Ver.0.01
- Author: mathatelle
--------------------------------------------------------------------------------
*/

* {
margin: 0;
padding: 0;
/*font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;*/

}

body {
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size:80%;
line-height: 180%;
margin: 0;
padding:0;
background: #fff;
}

a {
/*text-decoration: none;*/
color: #06f;
color: #333;
}

a:hover {
text-decoration: underline;
}

a img {
border:none;
}

h1 {
font-size:100%;
margin: 0;
padding: 0;
}

h2 {
font-size:100%;
margin: 5px 0;
padding: 0px;
}

h3 {
margin: 10px 0;
padding: 0;
}

p{
margin:20px 0;
}
ul{
list-style:none;
}


#container {
width:750px;
margin: 0 auto 20px;
padding: 0px;
background:#fff url("/imgs/bg.png") repeat-y;
}

#banner{
padding-bottom:85px;
}

.about #banner{
background:transparent url("/imgs/bg_headline.png") no-repeat 0 585px;
}
.works #banner{
background:transparent url("/imgs/bg_headline.png") no-repeat 140px 585px;
}
.contact #banner{
background:transparent url("/imgs/bg_headline.png") no-repeat 279px 585px;
}
.blog #banner, .home #banner{
background:transparent url("/imgs/bg_headline.png") no-repeat 418px 585px;
}

#alpha{
width:500px;
float:left;
border-top:1px solid #000;
padding-top:20px;
padding-bottom:40px;
}


#beta{
width:175px;
float:right;
}

.entry-footer{
font-size:80%;
text-align:right;
border-top:1px solid 000;
padding-top:5px;
margin-bottom:40px;
}



#blog-nav{
margin-top:70px;
}

#blog-nav a{
text-decoration:none;
}
#blog-nav a:hover{
color:#999;
}

.module-header{
font-size:120%;
color:#666;
letter-spacing:0.2em;
border-bottom:1px solid #000;
margin-bottom:0;
padding-bottom:5px;
}

.module-list li{
border-bottom:1px solid #000;
padding:5px 0 10px;
color:#999;
}
.module-list li a{
/*display:block;*/
padding:5px 0 10px;
}

#beta h2{
padding-bottom:10px;
border-bottom:1px solid #000;
}

#links{
margin-top:40px;
}

#links ul{
margin-left:20px;
}
#links li{
font-size:80%;
list-style:square;
}

#footer{
clear:both;
background:#fff;
border-top:1px solid #000;
margin-top:40px;
}

#flickr_badge h2{
font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin-top:60px;
padding-bottom:0;
border-bottom:none;
}
#flickr_badge h2 a{
text-decoration:none;
}

#pagebody p{
letter-spacing:0.1em;
}

.about #alpha h3{
margin-top:40px;
margin-bottom:-15px;
}

.about #pagebody p{
font-size:90%;
}

.about p#intro{
font-size:110%;
letter-spacing:0.2em;
line-height:180%;
}

.comments-open label { display: block; }

textarea {
font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}
textarea[id="comment-text"] {
width: 80%;
}

.works #pagebody h1{
padding-bottom:60px;
margin-bottom:40px;
border-bottom:1px solid #000;
}

p.comment-footer{
font-size:80%;
color:#666;
margin-bottom:40px;
}
p.comment-footer a{
color:#666;
text-decoration:none;
}

/* demuカスタマイズ */

div.categories-list ul ul{
list-style: square;
margin-bottom: 30px;
padding-left:1em;
color:#666;
}

div#navi{
text-align:right;
}
div#navi a{
text-decoration:none;
margin-left:10px;
}