/* --------------------------------------------------
2COL1 LEFT : 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_2col1lft.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_2col1lft.gif) no-repeat; 
overflow:visible !important; 
overflow:hidden;
color: #FFFFFF;
}
.contents{
clear:both; 
width:740px; 
padding-bottom:30px; 
background:transparent url(./img/contents_lrbdr_2col1lft.gif) top left repeat-y;
}
.column_a{
background:#FFFFFF; 
display:inline; 
float:left; width:160px; 
margin:30px 0px 0px 20px; 
overflow:visible !important; 
overflow:hidden;
}
.column_diary_wide,
.column_status_wide{
display:inline;
float:left; 
width:520px;
margin: 15px 15px 0 10px;
/* overflow:visible !important; */
word-wrap: break-word;
overflow:hidden;
}
.footer{
clear:both; 
width:740px; 
height:45px;
padding: 10px 0 10px 0; 
background: url(./img/ftr_bg_2col1lft.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_2col1lft.gif) repeat-y;
position:relative;
top:150px;
left:0px;
}

.globalnavi_a {
float:left;
width:740px;
border:none;
background:#DCDCDC url(./img/hmenu_bg_2col1lft.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_2col1lft.gif) no-repeat;
}
.column_a h2.premium { 
margin:0px;
height:27px;
width:160px;
background:url(./img/lttl_2col1lft_premium.gif) no-repeat;
}
.l_subttl{
color:#FFFFFF; 
font-weight:bold; 
font-size:12px;
padding:8px 5px 8px 35px;
}
h2.premium .l_subttl{
color:#0066FF; 
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_2col1lft_left.gif) no-repeat 0 0.4em;
line-height:12px; 
font-size:10px;
font-weight: normal;
color: #333333;
}
.b_friendlist,
.b_communitylist,
.b_diarylist,
.b_calendar,
.b_monthlydiarylist,
.b_categorylist,
.b_commentlist{
width:160px; 
margin:0px 0 20px 0; 
padding:0 0 10px 0;
background:#EEEEEE;
}
.b_profile{
width:160px; 
margin:2px 0 20px 0; 
padding:0 0 10px 0;
background:#EEEEEE;
}
.b_profile_premium{
width:160px; 
margin:2px 0 20px 0; 
padding:0 0 10px 0;
background:#CCFFFF;
}
.b_profile img{
margin: 5px 0px 5px 0px;
}
.b_calendar p{
font-weight: bold;
}
.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 DIARY Wide Box Specifics  - Colours / Margins / Padding
-------------------------------------------------- */

.diaryone-odd{
background:url(./img/diaryone_wide_2col1lft_odd.gif) no-repeat;
width:510px;
margin: 15px 0 35px 10px;
padding: 4px;
}
.diaryone-even{
background:url(./img/diaryone_wide_2col1lft_even.gif) no-repeat;
width:510px;
margin: 15px 0 35px 10px;
padding: 4px;
}
.diary-comment{
width:510px;
margin: 10px 0 20px 10px;
padding: 0px;
}
.diary-trackback{
width:490px;
margin: 10px 10px 30px 10px;
padding: 0px;
}
.column_diary_wide h1{
margin:10px 4px 10px 4px;
padding: 4px;
color: #333333; 
font-weight:bold; 
font-size: 16px;
}
.column_diary_wide h3{
margin: -10px 0 10px 0;
color: #666666;
font-weight:normal;
font-size: 10px;
padding: 0 4px 4px 4px;
}
.column_diary_wide h4{ /* Used for comments page */
color: #666666;
font-weight:normal;
font-size: 10px;
padding: 0 4px 4px 4px;
border-bottom: solid 2px #E1E1E1;
}
.column_diary_wide 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;
width:480px;
}
.entry{
padding: 0 5px 0 5px;
}
.column_diary_wide p{
margin: 8px 0 10px 0;
font-size:12px;
color: #333333;
}
.column_diary_wide p.more{
font-size:12px;
color: #333333;
text-align:right;
}
.column_diary_wide img{
clear:both; 
float:left; 
margin:3px 10px 4px 0; 
padding:1px; 
border:1px solid #969696;
}
.column_diary_wide p.diary_ftr
{
font-size: 10px;
line-height: 20px;
padding-top: 5px;
border-top: dashed 1px #666666;
}


/* --------------------------------------------------
Column Game Status Wide Box Specifics  - Colours / Margins / Padding
-------------------------------------------------- */

table#user_info,
table#character_info,
table#guild_info,
table#decky_info,
table#skill_info,
table#familiar_info,
table#item_info {
  margin: 10px;
  border: 1px dashed #666666;
  width: 500px;
}
#user_info tr.odd,
#character_info tr.odd,
#guild_info tr.odd,
#decky_info tr.odd,
#skill_info tr.odd,
#familiar_info tr.odd,
#item_info tr.odd {
  background: #EEEEEE;
  color: #333333;
}
#user_info td,
#character_info td,
#guild_info td,
#decky_info td,
#skill_info td,
#familiar_info td,
#item_info td {
  padding: 3px;
}
#user_info td.spx,
#character_info td.spx,
#guild_info td.spx,
#decky_info td.spx,
#skill_info td.spx,
#familiar_info td.spx,
#item_info td.spx {
  padding: 0px;
}
#user_info th.tab,
#character_info th.tab,
#guild_info th.tab,
#decky_info th.tab,
#skill_info th.tab,
#familiar_info th.tab,
#item_info th.tab {
color: #000000;
text-align: left;
padding: 6px 6px 6px 4px;
background: #66CCFF;
}

#item_info th.hdr {
color: #000000;
text-align: left;
padding: 6px 6px 6px 4px;
background: none;
}

/* --------------------------------------------------
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: #0099FF; text-decoration:underline;}
a:visited{ color: #CC6699; text-decoration:underline;}
a:hover{ color: #0099FF; text-decoration:none;}

/*
.column_a a:link{ }
.column_a a:visited{ }
.column_a 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]