/*--------------------------------------------------------------------
 �� General ��
--------------------------------------------------------------------*/
*{
margin:0px;
padding:0px;
}

a{
overflow:hidden;
}

a.normal{
font-weight:normal;
}

a{
font-weight:bold;
}

a:link{color:#555555;text-decoration:none;}
a:hover{color:#aaaabb;text-decoration:none;}
a:active{color:#aaaaff;text-decoration:none;}
a:visited{text-decoration:none;}

html{
height:100%;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#666666;
scrollbar-arrow-color:#666666;
scrollbar-face-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I','Meiryo','Osaka','�l�r �o�S�V�b�N','MS P Gothic';
color:#666666;
background:#ffffff;
}

body{
width:100%;
}

div.section{
width:800px;
padding:6px 0px 6px 0px;
border-bottom:1px solid #666666;
}

div.head{
width:800px;
margin:0px 0px 5px 0px;
font-size:15px;
line-height:17px;
}

p.text{
width:790px;
margin:0px 0px 0px 10px;
font-size:13px;
line-height:15px;
}

img{
border:0px;
}

/*--- Character ---*/

.dark{
color:#666666;
}

.kaede{
color:#33aa33;
}

.liza{
color:#999922;
}

.all{
color:#6677cc;
}

/*--- Copyright ---*/

div.copyright{
padding:3px 8px 3px 3px;
color:#ffffff;
font-size:12px;
text-align:right;
line-height:14px;
}

/*--- Contents ---*/

div#contents{
width:800px;
margin:10px 0px 10px 20px;
color:#666666;
background:#ffffff;
}

div.menu_bar{
width:800px;
padding:5px 0px 5px 0px;
border-bottom:1px solid #666666;
font-size:13px;
line-height:14px;
text-align:right;
}

div#contents_head{
width:800px;
padding:6px 0px 3px 0px;
text-align:right;
font-size:15px;
border-bottom:1px solid #666666;
}

div#contents_foot{
width:800px;
padding:4px 0px 20px 0px;
text-align:right;
font-size:13px;
font-weight:bold;
}

img.CG{
display:block;
margin:auto;
}


/*--- ClearFix ---*/

.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* hides from IE-mac \*/
*html.clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */


/*--------------------------------------------------------------------
 �� Entrance ��
--------------------------------------------------------------------*/

div#introduction{
height:540px;
width:800px;
margin:30px auto;
}

div#count{
width:800px;
padding-bottom:4px;
font-size:12px;
text-align:right;
line-height:14px;
border-bottom:1px solid #666666;
}

p#caution{
width:790px;
height:150px;
margin:0px 0px 0px 10px;
font-size:13px;
line-height:15px;
}

p#reccomended{
display:inline;
width:590px;
height:120px;
margin:0px 0px 0px 10px;
text-align:left;
font-size:13px;
line-height:15px;
float:left;
}

p#icon_spacer{
display:inline;
width:200px;
height:68px;
float:right;
}

p#icon{
display:inline;
width:200px;
height:52px;
text-align:right;
float:right;
}

img.icon{
padding:2px;
}

p#signboard{
width:400px;
height:140px;
background-image:url("./img/entrance01.jpg");
background-repeat:no-repeat;
background-position:left bottom;
float:left;
}

p#entrance_spacer{
width:400px;
height:120px;
float:right;
}

p#entrance{
width:395px;
*width:390px;
height:20px;
margin:0px 5px 0px 0px;
font-size:18px;
font-weight:bold;
text-align:right;
float:right;
}

div#cgsearch{
display:inline;
width:352px;
height:31px;
margin:4px 0px 0px 0px;
font-size:12px;
text-align:left;
float:left;
}

div#copyright{
display:inline;
width:448px;
height:31px;
margin:4px 0px 0px 0px;
font-size:12px;
line-height:14px;
text-align:right;
float:right;
}

/*--------------------------------------------------------------------
 �� Frame ��
--------------------------------------------------------------------*/

/*--- Menu ---*/

html#menu{
height:100%;
background:#666666;
}

body#menu{
height:100%;
background:#666666;
}

/*--- Menu Box ---*/

div#menu_header_upper{
width:100%;
height:30px;
background:#666666;
}

div#menu_header_lower{
width:140px;
height:10px;
font-size:1px;
background-color:#ffffff;
background-image:url("img/corner04.png");
background-repeat:no-repeat;
background-position:right top;
}

div#menu{
display:block;
height:100%;
margin:0px 20px 0px 0px;
color:#666666;
background:#ffffff;
background-image:url("img/logo04.png");
background-repeat:no-repeat;
background-position:center bottom;
}

div#menu_footer_upper{
width:140px;
height:10px;
font-size:1px;
background-color:#ffffff;
background-image:url("img/corner03.png");
background-repeat:no-repeat;
background-position:right bottom;
}

div#menu_footer_lower{
width:100%;
height:20px;
background:#666666;
}

/*--- Menu Icons ---*/

div#menu00{
width:120px;
height:20px;
margin:0px 10px 3px 10px;
}

div#menu01{
margin:3px 10px 3px 10px;
}

a.menu01{
background:#ffffff url(./img/menu01h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu01:hover{
background-color:#fff;
color: #fff;
}
a.menu01 img{
background-color:#fff;
}
a.menu01:hover img{
position: relative;
top: -20px;
}

div#menu02{
margin:3px 10px 3px 10px;
}

a.menu02{
background:#ffffff url(./img/menu02h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu02:hover{
background-color:#fff;
color: #fff;
}
a.menu02 img{
background-color:#fff;
}
a.menu02:hover img{
position: relative;
top: -20px;
}

div#menu03{
margin:3px 10px 3px 10px;
}

a.menu03{
background:#ffffff url(./img/menu03h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu03:hover{
background-color:#fff;
color: #fff;
}
a.menu03 img{
background-color:#fff;
}
a.menu03:hover img{
position: relative;
top: -20px;
}

div#menu04{
margin:3px 10px 3px 10px;
}

a.menu04{
background:#ffffff url(./img/menu04h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu04:hover{
background-color:#fff;
color: #fff;
}
a.menu04 img{
background-color:#fff;
}
a.menu04:hover img{
position: relative;
top: -20px;
}

div#menu05{
margin:3px 10px 3px 10px;
}

a.menu05{
background:#ffffff url(./img/menu05h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu05:hover{
background-color:#fff;
color: #fff;
}
a.menu05 img{
background-color:#fff;
}
a.menu05:hover img{
position: relative;
top: -20px;
}

div#menu06{
margin:3px 10px 3px 10px;
}

a.menu06{
background:#ffffff url(./img/menu06h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu06:hover{
background-color:#fff;
color: #fff;
}
a.menu06 img{
background-color:#fff;
}
a.menu06:hover img{
position: relative;
top: -20px;
}

div#menu07{
margin:3px 10px 3px 10px;
}

a.menu07{
background:#ffffff url(./img/menu07h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu07:hover{
background-color:#fff;
color: #fff;
}
a.menu07 img{
background-color:#fff;
}
a.menu07:hover img{
position: relative;
top: -20px;
}

div#menu08{
margin:3px 10px 3px 10px;
}

a.menu08{
background:#ffffff url(./img/menu08h.png) left top no-repeat;
color:#ffffff;
display: block;
overflow: hidden;
text-align: center;
position: relative;
width:120px;
height:20px;
}
a.menu08:hover{
background-color:#fff;
color: #fff;
}
a.menu08 img{
background-color:#fff;
}
a.menu08:hover img{
position: relative;
top: -20px;
}


/*--- Header ---*/

div#header_upper{
width:100%;
height:30px;
background:#666666;
}

div#header_lower{
width:100%;
height:10px;
font-size:1px;
background-color:#ffffff;
background-image:url("img/corner01.png");
background-repeat:no-repeat;
background-position:left top;
}

/*--- Footer ---*/

div#footer_upper{
width:100%;
height:10px;
font-size:1px;
background-color:#ffffff;
background-image:url("img/corner02.png");
background-repeat:no-repeat;
background-position:left bottom;
}

div#footer_lower{
width:100%;
height:20px;
background:#666666;
}

/*--------------------------------------------------------------------
 �� Top ��
--------------------------------------------------------------------*/

div#top_cg{
width:540px;
height:360px;
float:left;
}

img#top_cg{
margin:0px 10px 0px 0px;
}

div#top_title{
width:250px;
height:110px;
padding:70px 0px 0px 0px;
text-align:center;
font-size:16px;
float:right;
}

div#top_whatsnew{
width:232px;
height:162px;
padding:8px;
border:1px solid #666666;
font-size:13px;
float:right;
}

div#whatsnew{
text-align:center;
margin-bottom:8px;
font-size:13px;
}

div#whatsnew_history{
width:224px;
margin-left:8px;
font-size:13px;
}

p#top_spacer{
width:800px;
height:8px;
line-height:8px;
border-bottom:1px solid #666666;
clear:both;
}

div#top_copyright{
padding:3px 0px 3px 3px;
font-size:12px;
text-align:right;
line-height:14px;
}

/*--------------------------------------------------------------------
 �� Information ��
--------------------------------------------------------------------*/

div.infobanner{
font-size:13px;
text-align:right;
}

img.infobanner{
vertical-align:text-bottom;
}

object#history{
width:787px;
height:300px;
margin-left:10px;
border:1px solid #666666;
}

div#history{
width:755px;
margin:5px;
padding:0px 0px 2px 0px;
color:#666666;
background:#ffffff;
}

div.history_year{
width:735px;
margin:0px 0px 5px 5px;
padding:5px 0px 2px 0px;
font-size:13px;
line-height:15px;
font-weight:bold;
border-bottom:1px solid #666666;
}

div.history_date{
width:730px;
margin:0px 0px 0px 15px;
font-size:13px;
line-height:15px;
font-weight:bold;
}

p.history{
width:730px;
margin:0px 0px 8px 25px;
font-size:13px;
line-height:15px;
}

/*--------------------------------------------------------------------
 �� Profile ��
--------------------------------------------------------------------*/

div#prof_img{
font-size:13px;
margin-top:4px;
float:right;
}

div.prof_head{
margin:0px 0px 3px 0px;
font-size:13px;
font-weight:bold;
line-height:13px;
}

p.prof_text{
margin:0px 0px 0px 10px;
font-size:13px;
line-height:13px;
}

table.prof_list{
width:790px;
margin:0px 0px 0px 10px;
}

td.prof_list_head{
width:100px;
padding:2px 2px 2px 4px;
border:1px solid #666666;
border-collapse:collapse;
background:#666666;
color:#ffffff;
font-size:13px;
vertical-align:middle;
}

td.prof_list_factor{
padding:2px 2px 2px 4px;
font-size:13px;
}

/*--------------------------------------------------------------------
 �� CG / Guests ��
--------------------------------------------------------------------*/

div.CG_new{
width:796px;
height:15px;
font-size:13px;
line-height:15px;
text-align:left;
padding:2px 0px 2px 4px;
}

div.CG_old{
width:796px;
height:15px;
font-size:13px;
line-height:15px;
text-align:right;
padding:2px 4px 2px 0px;
}

div.thumbnail{
width:800px;
text-align:center;
font-size:13px;
}

img.thumbnail{
padding:4px;
}

p.comment{
width:790px;
margin:0px 0px 0px 10px;
font-size:14px;
line-height:20px;
clear:both;
}

div.date{
width:800px;
font-size:13px;
text-align:right;
}

div#CG_title{
width:800px;
font-size:15px;
text-align:center;
line-height:17px;
}

span#guest{
font-size:15px;
font-weight:bold;
line-height:20px;
}

span#guest_site{
font-size:13px;
line-height:20px;
}

/*--------------------------------------------------------------------
 �� Links ��
--------------------------------------------------------------------*/

p.link{
width:790px;
margin:10px 0px 10px 10px;
font-size:13px;
line-height:15px;
}

img.linkbanner{
float:left;
}

span.link_sitename{
margin:0px 0px 0px 8px;
font-size:13px;
font-weight:bold;
line-height:20px;
}

span.link_siteowner{
margin:0px 0px 0px 8px;
font-size:13px;
line-height:20px;
}

div.fifty{
width:800px;
font-size:13px;
text-align:right;
}