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

uȂfމƌĂ΂ĂAv
wi摜߁{C摜i摜肪AώGj

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(~l߉摜)*/
body{
background:url(./img/back_for2.gif) #dcd6c5 top left ;/*-- wi摜i~l߁j --*/
}

/*1)-1 C摜*/
#frame{
width:100%;
}

/*1)-2 C摜URL*/
#subFrame{
width:100%;
min-width:800px;
float:left;
background:url(./img/main_for2.gif) left top no-repeat;/*-- C摜 --*/
}

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

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

#header h1 a{
background:url(./img/gray-alpha80.png);/*-- wb_wi摜iwi摜ύX̏ꍇ͍폜j --*/
display:block;
float:left;
padding:3px 12px;
}

#header h2{
padding-left:87px;
width:300px;
}

/*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_for2.gif) -210px -100px no-repeat;/*-- C摜 --*/
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:#895648;color:#fff;
}
.mlink:visited{
background:#895648;color:#fff;
}
.mlink:hover{
background:#ff5c00;color:#fff;
text-decoration:none;
}
.mlink:active{
background:#b55d2b;color:#fff;
text-decoration:none;
}

/*Fݒ*/
.mlink2:link{
background:#895648;color:#fff;
}
.mlink2:visited{
background:#895648;color:#fff;
}
.mlink2:hover{
background:#ff5c00;color:#fff;
text-decoration:none;
}
.mlink2:active{
background:#b55d2b;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: #111111; /*-- قڍ --*/
font-family:'Trebuchet MS',sans-serif;
}

/*6jNF*/
a{
text-decoration:none;
}
a:link {
color:#444444;/*-- O[ --*/
} 
a:visited {
color:#444444;/*-- O[ --*/
} 
a:hover{
color:#ff5c00;/*-- I}EXEIW --*/
text-decoration: underline;
} 
a:acitive {
color:#ff5c00;/*-- I}EXEIW --*/
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: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #e9d9d4;
    scrollbar-darkshadow-color: #895648;
    scrollbar-highlight-color: #e9d9d4;
    scrollbar-3dlight-color: #895648;
    scrollbar-arrow-color: #895648;
}
/*----------------------------------
 񂽂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;
}