/* --------------------------------------------------
Koushiki : Overall Layout and Settings
Last Updated: March 16, 2007 PM
-------------------------------------------------- */

*{
padding:0;
margin:0;
}
body{
font-size: 10px;
font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
color: #333333;
background: #FFFFFF url(./img/body_bg_3col1koushiki.gif);
}
.base{
width:740px; 
margin:0px auto; 
margin-top:10px; 
margin-bottom:10px;
font-size:10px;
}
.header{
width:740px; 
height:150px;
margin-bottom:30px;
background: url(./img/hdr_3col1koushiki.jpg) no-repeat; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
color: #FFFFFF;
}
.contents{
clear:both; 
width:740px; 
padding-bottom:30px; 
background:transparent url(./img/contents_lrbdr_3col1koushiki.gif) top left repeat-y;
}
.column_a{
background:#FFFFFF; 
display:inline; 
float:left; width:160px; 
margin:30px 0px 0px 10px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}
.column_b{
display:inline;
float:left; 
width:380px;
margin: 15px 10px 0 10px;
/* overflow:visible !important; */
word-wrap: break-word;
overflow:hidden;
}
.column_c{
display:inline /*Fix IE floating margin bug*/; 
float:right;
margin:30px 10px 0 0px;
width:160px; 
overflow:visible !important; 
overflow:hidden;
}
.footer{
clear:both; 
width:740px; 
height:45px;
padding: 10px 0 10px 0; 
background: url(./img/ftr_bg_3col1koushiki.gif) no-repeat; 
overflow:visible !important; 
overflow:hidden;
}
img{
margin 0px;
}

/* --------------------------------------------------
Header
-------------------------------------------------- */

.header h1{
height:50px;
width:250px;
font-size:20px;
position:absolute; z-index:1; 
margin:80px 20px 50px 20px; 
color:#FFFFFF;
overflow:visible !important; 
/* overflow:hidden; */
text-align:left;
}
.icons{
height:20px;
width:140px;
position:absolute;
z-index:10;
margin: 5px 10px 10px 15px;
}


/* --------------------------------------------------
Horizontal Navigation
-------------------------------------------------- */

.header_menu{ 
width:740px;
height:30px;
background:#FFFFFF url(./img/hmenu_lrbdr_3col1koushiki.gif) repeat-y;
position:relative;
top:150px;
left:0px;
}

.globalnavi_a {
float:left;
width:740px;
border:none;
background:#DCDCDC url(./img/hmenu_bg_3col1koushiki.jpg) no-repeat;
color:#4B4B4B;
font-size:12px;
} 
.globalnavi_a ul {
list-style-type:none;
}
.globalnavi_a ul li {
float:left;
position:relative;
width:110px;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;
border-right:solid 1px #AFAFAF;
}
.globalnavi_a ul li a {
float:none !important /*Non-IE6*/;
float:left /*IE-6*/;
display:block;
width:110px;
height:3.1em;
line-height:3.1em;
/* padding:0 16px 0 16px; */
text-align:center;
text-decoration:none;
font-weight:bold;
color: #646464;
}
/*Non-IE6 */
.globalnavi_a ul li:hover a {
background-color:#D2D2D2;
text-decoration:none;
} 
.globalnavi_a ul li a:hover {
background-color:#D2D2D2;
text-decoration:none;
}

/* --------------------------------------------------
Column A Box Specifics - Colours / Margins / Padding
-------------------------------------------------- */

.c_all{
font-size: 9px;
font-weight: normal !important;
text-align: right !important;
margin: 5px 5px 5px 0;
}
.column_a h2{ 
margin:0px;
height:27px;
width:160px;
background:url(./img/lttl_3col1koushiki.gif) no-repeat;
}
.l_subttl{
color:#333333; 
font-weight:bold; 
font-size:12px;
padding:8px 5px 8px 35px;
}
.column_a ul{ 
list-style:none;
margin:3px;
padding:3px;
}
.column_a li{
margin:5px 0 2px 2px; 
padding:0 0 0 11px;
background:url(./img/dot_3col1koushiki_left.gif) no-repeat 0 0.4em;
line-height:12px; 
font-size:10px;
font-weight: normal;
color: #333333;
}
.b_diarylist,
.b_commentlist{
width:160px; 
margin:0px 0 20px 0; 
padding:0 0 10px 0;
background:#EEEEEE;
}
.b_profile{
width:160px;
background:#EEEEEE;
margin: 2px 0 20px 0;
padding:0px;
}
.b_profile img{
margin: 5px 0px 5px 0px;
}
.b_banner{
width:160px; 
margin:0px 0 20px 0; 
padding:0 0 10px 0;
background:#FFFFFF;
}
.b_banner img{
margin: 20px 20px 20px 20px;
}


/* --------------------------------------------------
Column B DIARY Box Specifics  - Colours / Margins / Padding
-------------------------------------------------- */

.diaryone-even{
background:url(./img/diaryone_3col1koushiki_even.gif) no-repeat;
width:360px;
margin: 15px 0 35px 10px;
padding: 0px;
}
.diaryone-odd{
background:url(./img/diaryone_3col1koushiki_odd.gif) no-repeat;
width:360px;
margin: 15px 0 35px 10px;
padding: 0px;
}
.diary-comment{
width:360px;
margin: 10px 0 20px 10px;
padding: 0px;
}
.diary-trackback{
width:340px;
margin: 10px 10px 30px 10px;
padding: 0px;
}
.column_b h1{
margin:10px 0 10px 0;
padding: 4px;
color: #333333; 
font-weight:bold; 
font-size: 16px;
}
.column_b h3{
margin: -10px 0 10px 0;
color: #666666;
font-weight:normal;
font-size: 10px;
padding: 0 4px 4px 4px;
}
.column_b h4{ /* Used for comments page */
color: #666666;
font-weight:normal;
font-size: 10px;
padding: 0 4px 4px 4px;
border-bottom: solid 2px #E1E1E1;
}
.column_b h5{ /* Used for trackback URL section */
color: #666666;
font-weight:normal;
font-size: 12px;
margin:-5px 0 0px 5px;
padding: 0;
}
textarea.tblink{
color:#333333;
}
.entry{
padding: 0 5px 0 5px;
}
.column_b p{
margin: 8px 0 10px 0;
font-size:12px;
color: #333333;
}
.column_b p.more{
font-size:12px;
color: #333333;
text-align:right;
}
.column_b img{
clear:both; 
float:left; 
margin:3px 10px 4px 0; 
padding:1px; 
border:1px solid #969696;
}
.column_b p.diary_ftr
{
font-size: 10px;
line-height: 20px;
padding-top: 5px;
border-top: dashed 1px #666666;
}


/* --------------------------------------------------
Column C Box Specifics  - Colours / Margins / Padding
-------------------------------------------------- */
.column_c h2{ 
margin: 0px;
height:27px;
width:160px;
background:url(./img/rttl_3col1koushiki.gif) no-repeat;
}
.r_subttl{
color:#333333; 
font-weight:bold; 
font-size:12px;
padding:8px 25px 8px 15px;
}
.column_c h5{ 
color:#000000;
line-height:12px; 
font-size:10px;
font-weight:bold;
margin: 5px 0 5px 2px;
}
.column_c ul{
list-style:none;
margin:3px;
padding:3px;
}
.column_c li{
margin:5px 0 2px 2px; 
padding:0px 0px 0 11px; 
background:url(./img/dot_3col1koushiki_right.gif) no-repeat 0 0.4em; 
line-height:12px; 
font-size:10px;
font-weight: normal;
color: #333333;
}
.b_communitylist,
.b_monthlydiarylist,
.b_categorylist{
background:#EEEEEE;
font-weight: normal !important;
text-align: left !important;
margin: 0 0 20px 0;
padding:0px;
}
.b_calendar{
margin: 5px 10px 20px 10px;
padding:0px;
}

/* --------------------------------------------------
Calendar Style
-------------------------------------------------- */
#calendar{
width: 141px;
padding: 0;
margin: 0;
border-left: 1px solid #A2ADBC;
font: normal 10px/20px "Arial", "Helvetica", sans-serif;
color: #000000;
text-align: center;
background-color: #ffffff;
}
#calendar .nav, #calendar .nav a{
font: bold 10px;
color: #000000;	
text-align: center;
text-decoration: none;
}	
#calendar caption{
margin: 0;
padding: 0;
width: 141px;
background: #A2ADBC;
color: #FFFFFF;	 
font: bold 12px;
text-align: center;
}
#calendar th {
font: bold 10px/20px;
color: #616B76;
background: #D9E2E1;
border-right: 1px solid #A2ADBC;
border-bottom: 1px solid #A2ADBC;
border-top: 1px solid #A2ADBC;
}
#calendar td {
border-right: 1px solid #A2ADBC;
border-bottom: 1px solid #A2ADBC;
width: 20px;
height: 20px;
text-align: center;
background: url(./img/calendar_bg_3col1koushiki.gif) no-repeat right bottom;
}
#calendar a {
color: #000000;
}
#calendar td a {
text-decoration: none;
font-weight: bold;
display: block;
}
#calendar td a:link,#calendar td a:visited {	
color: #000000;
background: url(./img/calendar_bg_3col1koushiki.gif) no-repeat;
}
#calendar td a:hover,#calendar td a:active {
color: #000000;
background: url(./img/calendar_bg_3col1koushiki.gif) no-repeat right top;
}


/* --------------------------------------------------
Footer
-------------------------------------------------- */

.footer {
margin: 10 0 10 10px;
line-height:14px; 
text-align:center; 
color: #333333;
font-size:8px;
}


/* --------------------------------------------------
Link Styles
-------------------------------------------------- */

.header a:link,
.header a:visited { 
color: #333333; 
text-decoration:none;
}
.header a:hover{
color: #333333;
text-decoration:underline;
}

.globalnavi_a a:link { font-size: 10px !important; color: #333333;}
.globalnavi_a a:visited { font-size: 10px !important; color: #333333;}
.globalnavi_a a:hover { font-size: 10px !important; color: #333333;}

a:link{ color: #009999; text-decoration:underline;}
a:visited{ color: #005555; text-decoration:underline;}
a:hover{ color: #009999; text-decoration:none;}

/*
.column_a a:link{ }
.column_a a:visited{ }
.column_a a:hover{ }

.column_b a:link{ }
.column_b a:visited{ }
.column_b a:hover{ }

.column_c a:link{ }
.column_c a:visited{ }
.column_c a:hover{ }

.column_diary_wide a:link{ }
.column_diary_wide a:visited{ }
.column_diary_wide a:hover{ }

.diary_ftr a:link{}
.diary_ftr a:visited{}
.diary_ftr a:hover{}
*/

a img {border:solid 1px #969696;}
a:hover img {border:solid 1px #DCDCDC;}

a .hdr_icon  {border:none;}
a:hover .hdr_icon {border:none]