﻿html, body { font:11.5px/1.7  Verdana, sans-serif, Osaka; color:#666;
margin: 0px;
background-image:url(./img/bg.gif);
scrollbar-3dlight-color: #E7E7D6; 
scrollbar-arrow-color: #D2B595; 
scrollbar-darkshadow-color: #E7E7D6; 
scrollbar-face-color: #D2B595; 
scrollbar-highlight-color: #E7E7D6; 
scrollbar-shadow-color: #E7E7D6; 
scrollbar-track-color: #E7E7D6; }
input{ border:1px solid #e2e2e2; color:#666;font-family: "Tahoma";font-size:11.5px;margin:0px;vertical-align:middle;}
select{font-size:10px;margin:0px;font-family: "Tahoma";vertical-align:middle;}
textarea{ border:1px solid #e2e2e2; color:#666; overflow:visible; height:100px; padding:6px;font-family: "Tahoma";font-size:11.5px;vertical-align:middle;word-wrap: break-word; word-break: break-all;}
button{width:150px; height:25px;background-image:url(./img/submit_s.gif);vertical-align:middle;}
hr{ width:100%;border:solid 1px #e3dfde;height:1px;}
img { border: 0; }
a {text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#AD2A30;}
a:visited{ color:#000;}
a:active { color:#666;}
fieldset {padding:3px 16px 10px 16px; width:90%; color: #888; border:double #D2B595;border-width: 3px 0px 3px 0px;} 
legend {padding-left:7px;padding-right:7px;color:#B02C39; font-weight:800; } 

/*?*/
#body{width:880px;border:1px solid #777;background-color:#FCFAF3;clear: both;margin:0px auto;}
.line{background-image:url(./img/line.gif);height:10px;}
.line1{background-image:url(./img/line1.gif);height:1px;}
.comment{padding:8px;}
.comment1{padding:8px 10px 0px;}
.tb1{padding-left:8px;}
.contant{padding:20px;word-wrap: break-word; word-break: normal;}
.small{font-size:9px;color:#DB8484;font-family:  Tahoma;}
.small2{font-size:11px;color:#DB8484;font-family:  Verdana, sans-serif, Osaka;}
.small3{font-size:9px;color:#658EA0;font-family: Tahoma; text-align:center;}
.small4{font-size:10px;color:#C8A47B;font-family:  Verdana, sans-serif, Osaka;}
.small5{ font-size:9px; background:url(./img/clip_reply.gif) 10px no-repeat; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#F7F4EA; padding:3px 10px 3px 110px; }
.right_box{float:right;}
.small6{font-size:10px;color:#DB8484;font-family: Verdana, sans-serif, Osaka;}
.left_box{float:left;}
.ubb_box{margin:5px 0 0 0;}
.clear{clear:both;}
.i_img{vertical-align:middle;}

/*title*/
#title{height:180px;vertical-align:bottom;padding:10px;background-image:url(./img/hana.jpg)}
.title_line{height:5px;background-image:url(./img/title_line.gif);}
.menu{float: right;padding:5px;font-size:11px;font-family: Tahoma;text-align:right;}
.menu1{float: center;padding:5px;font-size:10px;font-family: Verdana, sans-serif;text-align:center;}
.player{float: left; padding-top:7px; font-size:10px;font-family: Tahoma;}
.player2{padding-top:8px; padding-left:8px; font-size:10px;font-family: Tahoma;}


/*sidebar*/
#sidebar{width:198px;float:right;border-right:0px dotted #999;font: 10px/1.7 Verdana, sans-serif, Osaka, "ヒラギノ逞ゴ Pro W3";}
#sidebar ul,ol,li {margin: 0px 0px 0px -10px;*margin: 0px 0px 0px 10px;list-style-image:url(img/li.gif);}
.s_title{margin-top:10px; padding-left: 5px; padding-bottom: 3px; font-size:10px;font-family: Tahoma,"MS UI Gothic";font-weight:bold;color:#DB8484;background-image:url(./img/menu_ltitle.gif); background-repeat:no-repeat}
.blog_calendar { text-align: center; font:10px/1.7 Verdana, Tahoma, Sans-serif, Arial; }
.blog_calendar caption a { margin: 0 6px; }
.blog_calendar th { font-weight: normal; color:#7B7B56; }
.blog_calendar td.cal_today { background-color: #FCFAF3;background-image:url(./img/1.gif); }
.blog_calendar td a:link { font-weight: bold; color:#AD2A30; }

/*link*/
#recentLinks .links_title { cursor:pointer; }
.link_list{float:left;}
.link_view{float:right;width:460px; padding-left:10px;}
.link_menu{float:left;width:150px;word-break: break-all;}

/*main*/
#main{width:679px;float:left; border-right:1px dotted #999;}
.album_box{float:left;width:50px;height:70px;border:1px solid #eaeaea;padding:5px;}
.weather{float:left;width:70px;height:64px;}
.title{float:right:width:650px;}

/*foot*/
#pagebar{text-align:center; font-size:10px;}

/*disc*/
.imageframe,
.imageframe td{ margin: 0; padding: 0; border-collapse: collapse; }
.imageframe { margin: 5px 0; width: auto; border: 2px solid #e0e0e0; }
.imageframe td.content { padding: 2px; text-align: center; }
.imageframe td.content img{ border: 1px solid #aaa; margin:2px; }
.imageframe td.intro{ font-size: 11.5px; color: #888; padding: 4px 5px; padding-left: 30px; border: 0px; border-top: 1px dashed #bbb; background:url("./img/albumlogo.gif") left 4px no-repeat; }

.popbox { border: 1px solid #BAC2C2; padding: 2px 5px; background-color: #FCFAF3;}
.popbox .closebutton { text-align: right; font-size: 10px; font-weight: bold; }
.popbox .content { padding: 10px; }

.pagebox { border: 2px solid #DDE3E2; margin: 10px 0; }
.pagebox td.title { text-align:left; font-weight: bold; padding: 3px 10px; }
.pagebox td.content { width: 80%; padding: 5px; }
.pagebox td.index { text-align: center; padding: 3px; }
.pagebox td.index a { margin: 3px 5px; }
.pagebox td.large { font: 20px auto Tahoma; }

.webclap{background-image:url(img/webclap.gif);width:80px;height:16px;text-align:left;padding:3px 20px 3px 63px;font-size:8px;color:#523e35;font-family: "Tahoma";font-weight:bold;background-repeat : no-repeat;}
.webclap a:hover{text-decoration: none;cursor:hand;}
.webclap a { display: block; }

.section { }
.section .title h3 { border-left: 2px solid #DDE3E2; padding-left: 4px; font-size: 11.5px; font-weight: normal; }
.section .content {}

.reply{margin:5px 0px 5px 25px;background-color:#F7F4EA;padding:10px;}

/* elfblog code */
.eb_moreless { padding-top: 5px;}
.eb_more { padding-left: 22px; padding-bottom: 3px; background-image:url(./img/iconMore.gif); background-repeat:no-repeat;}
.eb_less { padding-left: 22px; padding-bottom: 3px; background-image:url(./img/iconLess.gif); background-repeat:no-repeat;}

/* freetalk*/
#freetalk {width:92%; padding-left: 0px; }
.ft_time {font-size:8px; color:#888; text-align:right; line-height:1; padding-bottom:3px}
.ft_1 {width:7px; height:7px; background:url(img/ft_1.gif) top left no-repeat;}
.ft_m {width:auto; height:auto;background:#F7EFE8;}
.ft_2 {width:7px; height:7px; background:url(img/ft_2.gif) top right no-repeat;}
.ft_3 {width:7px; height:20px; background:url(img/ft_3.gif) top left no-repeat;}
.ft_b {width:auto; height:auto; background:url(img/ft_bg.gif) repeat-x top; line-height:1; font-size:1px;}
.ft_4 {width:7px; height:20px; background:url(img/ft_4.gif) top right no-repeat;}