body{
background:#ffffff;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:top;
font-size:12px;
color:#808080;
line-height:170%;
font-family:'MS P ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProW3',Osaka,Arial,Helvetica,sans-serif;
}

a:link{color:#F08F67;text-decoration:none;}
a:visited{color:#F08F67;text-decoration:none;}
a:hover{color:#53AB7D;text-decoration:none;}

img { border:none;}

span { color:deeppink; }
span.span01 { font-size:90%; color:gray; font-weight:normal; }


#box{
width:900px;
margin:0 auto;
padding:0;
text-align:center;
}

#main{
width:900px;
margin:50px 0;
padding:0;
text-align:center;
}

/* ===メニュー border-bottom:solid 1px #808080;=== */
#menu_box{
height:100px;
width:900px;
margin:0 0 50px 0;
padding:0;
text-align:center;
font-family:Arial Black;
font-size:12px;
background:url(img/menu_logo.gif) no-repeat top left;
}
/* ===メニューリスト=== */
#menu{
width:600px;
height:50px;
padding-top:20px;
font-family:Arial Black;
font-size:12px;
text-align :right;
float:right;
border-bottom:1px solid #808080;
}
#menu ul {
height:30px;
}
#menu li {
margin-left:2px;
padding:0 3px;
list-style: none;
float: left;
vertical-align:bottom;
text-align:center;
}
#menu a:link{color:#808080;text-decoration:none;}
#menu a:visited{color:#808080;text-decoration:none;}
#menu a:hover{ color:#ffffff;background:#000000;}
#menu a:active{ color:#ffffff;background:#000000;}

/* ===メニューリンク・プロフ=== */
a.btn01{width:70px;display:block;}
#btn01{ width:70px;display:block;color:#ffffff;background:salmon;}

/* ===メニューリンク・ワークス=== */
a.btn02{width:60px;display:block;}
#btn02{ width:60px;display:block;color:#ffffff;background:pink;}

/* ===メニューリンク・ギャラリー=== */
a.btn03{width:80px;display:block;}
#btn03{width:80px;display:block;color:#ffffff;background:gold;}

/* ===メニューリンク・ヘルプ=== */
a.btn04{width:140px;display:block;}
#btn04{width:140px;display:block;color:#ffffff;background:aquamarine;}

/* ===メニューリンク・リンク=== */
a.btn05{width:50px;display:block;}
#btn05{width:50px;display:block;color:#ffffff;background:#afeeee;}

/* ===メニューリンク・メール=== */
a.btn06{width:50px;display:block;}
#btn06{width:50px;display:block;color:#ffffff;background:thistle;}

/* ===メニューリンク・とっぷ=== */
a.btn08{width:50px;display:block;}
#btn08{width:50px;display:block;color:#ffffff;background:#dcdcdc;}

/* ===メニューリンク・サブタイトル=== */
#gen{
width:900px;
height:30px;
margin:0;
padding:0;
text-align:right;
vertical-align:top;}


/* ===TOPイメージ=== */
#topimg{
background:url(img/top.jpg) no-repeat top;
width:900px;
height:300px;
text-align:center;
}

/* ===TOPのお知らせBOX=== */
#info{
background:url(img/bg_info.gif) top left no-repeat;
width:900px;
margin:60px 0 30px 0;
text-align:left;
}
#info p{
margin:10px 2px 10px 170px; 
font-size:12px;
color:#808080;
line-height:180%;
border-bottom:1px dotted #dcdcdc;}

/* ===プロフなどタイトル＆テキスト部分=== */
#pbox{
width:900px; 
margin:0;
text-align:center;
vertical-align:top;
}
#pbox p{
margin:0 0 20px 500px; 
vertical-align:top;
font-size:12px;
color:#303030;
line-height:200%;
text-align:left;
}
.prof{background:url(img/bg_prof.jpg) no-repeat scroll top left;}
.bg_w{background:url(img/bg_works.jpg) no-repeat scroll top left;}
.bg_h{background:url(img/bg_help.jpg) no-repeat scroll top left;}


/* ===ワークス=== */
#wbox{
width:900px;
margin:60px 0;
padding:0;
text-align:center;
vertical-align:top;
line-height:180%;
font-size:12px;
color:#505050;
}
.work{
width:400px;
margin:25px;
padding:0;
float:left;}

.work p{
margin:10px 10px 30px 10px;
color:#505050;
font-size:12px;
color:#505050;
line-height:150%;
text-align:left;
vertical-align:top;
}

/* ===ヘルプページ=== */
.help{
width:800px;
margin:50px auto;
padding:0;
font-size:12px;
text-align:left;
color:#303030;
line-height:170%;
clear:both;
 }
.help p{margin-bottom:10px;}
.help p.kako{height:200px;overflow:auto;margin-bottom:50px;}
.help h1{font-size:12px;color:#000000;border-bottom:solid 1px #000000;margin-top:20px;}

/* ===ヘルプページギャラリー部分=== */
 img.illust{background:#ffffff;width:100px;height:30px;padding:1px;margin-right:1px;border:solid 1px #dcdcdc;}

/* ===フォーム=== */
#f{
width:900px;
margin:0;
padding:0;
text-align:center;
vertical-align:top;
line-height:180%;
font-size:12px;
color:#808080;
}
.form{width:400px;margin:25px;padding:0;;text-align:left;float:left;}
.form p{font-size:12px;line-height:180%;color:#505050;}

/* ===フォームスタイル=== */
input{background-color:#dcdcdc;border:solid 1px #dcdcdc}
p#button input{background-color:#dcdcdc;}
textarea{background-color:#dcdcdc;border:solid 1px #dcdcdc}


/* ===リンク=== */
#t_surf{
background:url(img/bg_link.gif) no-repeat top center;
width:900px;
height:200px;
margin:0;
padding:0;
}
/* ===リンクバナー=== */
#bn{
margin:0 auto;
text-align:center;
vertical-align:top;
}
#bn img{width:200px;height:40px;margin-right:10px;}
#bn p{
margin:0 0 10px 0;
padding:0;
vertical-align:top;
font-size:12px;
color:#505050;
line-height:150%;
text-align:center;
}
/* ===リンク=== */
#surf{
background:url(img/bg_link.gif)no-repeat top center;
width:900px; 
margin:0 auto;
text-align:center;
vertical-align:top;
}


#foot{
width:900px;
margin:0;
padding:30px 0;
text-align:center;
font-size:10px;
color:#505050;
line-height:150%;
clear:both;
border-top:1px solid #808080;
}