/*--------------------------------
CSS Base: Skin for basic_ad
FileName:   common.css
$Revision: 1.12 $
----------------------------------

uȂfމƌĂ΂ĂAv
wi摜߁{C摜i摜肪AώGj
wi摜{Fo[WiJX^}CYȒPȕj

gp
CSS̑AvOC̐ݒ肪KvłB̃XLgĂԂ́AvOCOۂւ̃N폜ȂƁB

֎~
ȉ̃uOł̎gp֎~܂B
쌠NQ/ёNQuO
@~|\lEf̎ʐ^\ꂽuO
@~Aj/}K/Q[/mxCXǧ摜\ꂽuO
@@E҂Ă̂
@~쌠NQ̉y𗬂ĂuO
@@ECDVbvŔĂ鉹y͂قڊYi{[JChiȂǈꕔOj
KᔽuO
@~sAmebatLisAmebatKᔽj
@~ A_guOisAmebatKᔽj
@~ puOisAmebatKᔽj
@~sYouTubet̉yisYoutubetKᔽj

ȉ̃uOɂ́AT|[g͂܂BȐӔCł肢܂B
@~Aj/}K/Q[/mx񎟑n
@@E҂Ă̂B
@~sAmebatLړ

gp@
http://adan.noor.jp/ameba/

script by amenti
http://amenti.usamimi.info/treemenu2.html

----------------------------------
 䗬A񂽂CSSҏW 
----------------------------------
*/

/*wi摜ʒu*/
/*1) y[Wwi*/
body{
background:url(./img/main_for1.jpg) #ccc top left no-repeat;
}


/*2) wb_*/
#header{
height:100px;
width:500px;
}

#header h1{
height:45px;
width:500px;
padding-top:7px;
}

#header h1 a{
display:block;
float:left;
padding:3px 0 0 130px;
width:350px;
}

#header h2{
padding-left:130px;
width:350px;
}

/*3) [j[{L]ʒuƃTCY*/
*html div#firstContentsArea { /*IE6p̃nbN*/
margin-left:105px;
}

#firstContentsArea{
float:left;
width:370px;
height:350px;
margin-left:210px;
overflow:auto;
}

#sub_a .mainMenu{
position:absolute;
left:190px;
top:104px;
width:370px;
height:350px;
overflow:auto;
background:url(./img/main_for1.jpg) -210px -125px no-repeat;
display:none;
}

#subFirstContentsArea{
width:350px;
overflow:hidden;
}

#message{
height:320px;
overflow:visible;
}

/*4) j[N*/
.mlink, .mlink2{display:block;
position:absolute;
width:85px;
text-align:center;}

/*Fݒ*/
.mlink:link{
background:#555;color:#fff;
}
.mlink:visited{
background:#555;color:#fff;
}
.mlink:hover{
background:#ff005c;color:#fff;
text-decoration:none;
}
.mlink:active{
background:#ff005c;color:#fff;
text-decoration:none;
}

/*Fݒ*/
.mlink2:link{
background:#555;color:#fff;
}
.mlink2:visited{
background:#555;color:#fff;
}
.mlink2:hover{
background:#ff005c;color:#fff;
text-decoration:none;
}
.mlink2:active{
background:#ff005c;color:#fff;
text-decoration:none;
}

/*ʒuzu*/
/*ŋ߂̋L*/
#m_re{
left:117px;
top:135px;
}

/*ŋ߂̃Rg*/
#m_rc{
left:117px;
top:155px;
}

/**/
#m_se{
left:117px;
top:175px;
}

/*e[}*/

#m_th{
left:117px;
top:195px;
}

/*Lꗗ*/
#m_el{
left:117px;
top:215px;
}

/*vtB[*/
#m_pf{
left:505px;
top:35px;
}

/*bZ[W*/
#m_ms{
left:505px;
top:55px;
}
/*Ao[*/
#m_am{
left:505px;
top:75px;
}
/*Ȃ*/
#m_no{
left:505px;
top:95px;
}


/*5jF,tHg*/
body{
color: #000; /*--  --*/
font-family:'Trebuchet MS',sans-serif;
}

/*6jNF*/
a{
text-decoration:none;
}
a:link {
color:#444;/*-- O[ --*/
} 
a:visited {
color:#444;/*-- O[ --*/
} 
a:hover{
color:#ff005c;/*-- I}EXEsN --*/
text-decoration: underline;
} 
a:acitive {
color:#ff005c;/*-- I}EXEsN --*/
text-decoration: underline;
} 

/*TCY*/
/*7)-1 S*/
body, h1, h2, h3, h4, h5, h6, td, li{
font-size:12px;
line-height:1.4em;
}

/*7)-2 L^Cg*/
.title{
text-align:left;
padding:6px 0 6px 0;
}
/*7)-3 L*/
.subContents{
line-height:1.6em;
padding:6px;
}
/*7)-4 bZ[W{[h*/
#message{
line-height:1.6em;
}

/*7)-5 Rg*/
.each_comment{
line-height:1.4em;
}

/*8) Xg*/
li{
list-style-type: none;
}
#sub_a ul,#message ul{
margin-left:1.3em;
}

#sub_a li{
list-style-type: disc;
color:#777777;
}
#message li{
list-style-type: disc;
color:#777777;

line-height:1.6em;
}

/*9) XN[o[FiIÊ݁j*/
#firstContentsArea, #sub_a .mainMenu{
    scrollbar-base-color: #f9f8f4;
    scrollbar-track-color: #f9f8f4;
    scrollbar-face-color: #f9f8f4;
    scrollbar-shadow-color: #eee;
    scrollbar-darkshadow-color: #555;
    scrollbar-highlight-color: #eee;
    scrollbar-3dlight-color: #555;
    scrollbar-arrow-color: #555;
}

/*----------------------------------
 񂽂CSSҏW͂܂ 
----------------------------------*/

/**/
body, div, h1, h2, h3, h4, h5, h6, ul, li, p {
padding:0;margin:0;
word-break: break-all;
}
img{border:none}

#frame{
width:100%;
}

#subFrame{
width:100%;
min-width:800px;
float:left;
}

/*LJ*/
.entry, .mainMenu, #comment_module, #recent_entries_list{
margin:20px 0 10px 20px;
}

.entry{
text-align:right;
}

.subContents, .menu_frame, .comment_body, #recent_entries_list ul{
text-align:left;
margin-left:10px;
}

.each_comment{
margin:0px 0 0px 10px;
}

.each_comment p.label{
font-weight:bold;
padding-top:30px;
}

#comment_show{
margin-top:40px;
width:300px;
}

#comment_show ul{padding-left:145px;}

.comment_footer{
text-align:right;
}

/*j[J*/
#sub_a{
float: left;
z-index: 1;
overflow:hidden;
}

#sub_a .menu_title{
padding:10px 5px 5px 15px;
}


/*Xgݒ*/
#sub_a ul,
#message ul{
padding-left:1em;
padding-bottom:6px;
}
#sub_a li,
#message ul{
padding-top:6px;
}

#recent_entries_list{
width:90%!important;
}

#recent_entries_list p.newentrytitle {
width:100%!important;
}

#recent_entries_list p.cotb{
width:100%!important;
}

/*OہALAA[oir*/
#sub_b{
float: right;
z-index: 2;
width:180px;
overflow:hidden;
}

#gebax{
display:block;
}
#gebax:link{
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;  
opacity:0.50;
}
#gebax:visited{
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;  
opacity:0.50;
}
#gebax:hover{
filter: alpha(opacity=100);  
-moz-opacity:1.00;  
opacity:1.00;
}
#gebax:active{
filter: alpha(opacity=50);  
-moz-opacity:0.50;  
opacity:0.50;
}
#gebax img{margin:25px 45px;
width:90px;
}
#gebax img:hover{margin:0;
width:180px;
}

.page{text-align:center;}

#userNaviArea{
display:none;
}

div#footerArea{
clear:both;
margin:0;
padding:12px 8px 25px 0;
border-top:1px solid #666666;
text-align:right;
}