/*
-----------------------------------------------------
womanblog CSS Skin Settings
FileName:common.css
$Version$
$Date: 2007/10/01 03:57:26 $
Skin for:womanblog_55
----------------------------------------------------
*/

/* --------------------------------- common --------------------------------- */

h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
li,
dt,
dd,
form,
input{
margin:0;
padding:0;
}

img{
border:0;
}

ul,
ol{
list-style-type:none; 
}

#frame:after,
#wrap:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

/* Hides from IE-mac \*/
#frame,
#wrap{>height:1%;}
#frame,
#wrap{display:block;}
/* End hide from IE-mac */

/* --------------------------------- header --------------------------------- */

#header{
height:224px;
background:url(/p_skin/womanblog_55/img/head.jpg) no-repeat;
padding:77px 90px 0 416px;
color:#666;
}

#header a{
color:#666;
}

#header h1{
margin-bottom:8px;
font-size:110%;
line-height:1.2;
font-weight:bold;
}

#header h2{
font-size:85%;
font-weight:normal;
}

/* ----------------------------- font_information -------------------------- */
html{
font-size:16px;
>font-size:100%;/*for winIE*/
}

body{ 
color:#666;
font-size:75%;
line-height:1.3;
}

a{
text-decoration:none;
color:#ff0066;
}

a:visited{
color:#ff0066;
}

a:hover{
text-decoration:underline;
color:#ff0066;
}
/* --------------------- font_information each_menu --------------------------- */

#sub_a,
#sub_b{
font-size:95%;
}

#sub_a a,
#sub_b a,
#sub_a a:hover,
#sub_b a:hover,
#sub_a a:visited,
#sub_b a:visited{
color:#ff0066;
}

h3.title{
font-size:115%;
}

.menu_title{
}

.label{
font-weight:bold;
}

#trackback{
line-height:1.5;
}

#trackback ul{
line-height:1.2;
}

/* --------------------- font_information calendar_style --------------------- */

#calendar td a{
text-decoration:underline;
}

#calendar .sun{
color:#e60012;
}

#calendar .sat{
color:#0000cc;
}

#comment_module,{
line-height:1.5;
}

#comment_module .error{
margin-top:20px;
padding-bottom:10px;
}

/* --------------------- font_information entry_style --------------------- */

.entry{
}

.entry a{
}

.entry .contents{
line-height:1.5;
}

.entry .title{
color:#ff0066;
font-size:115%;
font-weight:bold;
}

.entry .theme{
color:#cc9a03;
font-size:80%;
}

.entry .date{
color:#cc9a03;
font-size:90%;
}

.foot a{
color:#ff0066;
font-size:80%;
}

.foot{
color:#cc9a03;
}

/* ------------------------- background_control ------------------------ */

body{
background-color:#fff;
}

#gg_head{
background-color:#ecfbff;
width:800px;
margin:0 auto;
padding:25px 0;
}

#frame{
background-color:#ecfbff;
}

#wrap{
}

.menu_frame{
}

/* ------------------ background_control h4menu_title_style ------------------- */

#adbanner{
background:url(/p_skin/womanblog_55/img/adspace.gif) no-repeat;
padding-top:30px;
}

#archives .menu_title{
background:url(/p_skin/womanblog_55/img/archive.gif) no-repeat;
}

#bookmark .menu_title{
background:url(/p_skin/womanblog_55/img/bookmark.gif) no-repeat;
}

#calendar .menu_title{
background:url(/p_skin/womanblog_55/img/calendar.gif) no-repeat
}

#favorite .menu_title{
background:url(/p_skin/womanblog_55/img/favorite.gif) no-repeat;
}

#profile .menu_title{
background:url(/p_skin/womanblog_55/img/profile.gif) no-repeat;
}

#reader .menu_title{
background:url(/p_skin/womanblog_55/img/reader.gif) no-repeat;
}

#recent_entries .menu_title{
background:url(/p_skin/womanblog_55/img/entries.gif) no-repeat;
}

#ranking .menu_title{
background:url(/p_skin/womanblog_55/img/ranking.gif) no-repeat;
}

#recent_trackback .menu_title{
background:url(/p_skin/womanblog_55/img/trackback.gif) no-repeat;
}

#recent_comment .menu_title{
background:url(/p_skin/womanblog_55/img/comment.gif) no-repeat;
}

#search .menu_title{
background:url(/p_skin/womanblog_55/img/search.gif) no-repeat;
}

#theme_list .menu_title{
background:url(/p_skin/womanblog_55/img/theme.gif) no-repeat;
}

#woman_pr_text h4{
margin-left:20px;
text-indent:-9999px;
background:url(/p_skin/womanblog_55/img/recommend.gif) no-repeat;
border:none;
}
/* ------------------- background_control list-style -------------------- */

/* ------------------- background_control entry-style -------------------- */

.entry{
}

.sub_entry{
}

.entry .contents{
background-color:#fff;
}

.entry .title{
background:url(/p_skin/womanblog_55/img/title.gif) top left no-repeat;
}

.entry .date{
}

.entry .theme{
}

.foot{
background:url(/p_skin/womanblog_55/img/footer.gif) no-repeat;
}

.foot a{
}

/* ------------------ background_control  message-style ------------------- */

#message{
}

#message .contents{
background:none;
}

/* ------------------------- common_layout ----------------------------- */

body{
margin:0;
padding:0;
text-align:center;
}

#wrap{
width:100%;
}

#frame,
#wrap{
width:800px;
margin:0 auto;
display:inline-table;
text-align:left;
}

#subFrame{
width:100%;
overflow:hidden;
}

#firstContentsArea{
}

#subFirstContentsArea{
}

/* ---------------------- common_layout h4.menu_title_style ----------------------- */

h4.menu_title{
margin:13px 13px 17px 17px;
text-indent:-9999px;
}

#profile h4.menu_title,
#archives h4.menu_title,
#bookmark h4.menu_title,
#favorite h4.menu_title,
#reader h4.menu_title,
#theme_list h4.menu_title,
#woman_pr_text h4,
#search h4.menu_title,
#calendar h4.menu_title{
height:28px;
}

#recent_entries h4.menu_title,
#recent_comment h4.menu_title,
#ranking h4.menu_title,
#ameblo h4.menu_title{
height:34px;
}

/* ----------------------- common_layout menu_frame ------------------------ */

.menu_frame{
padding:0 40px 0 20px;
margin-bottom:30px;
}

#ameblo .menu_frame{
background-image:none;
padding:0 16px;
}

#adbanner .menu_frame{
text-align:center;
}

#archives .menu_frame,
#bookmark .menu_frame,
#favorite .menu_frame,
#recent_entries .menu_frame,
#reader .menu_frame,
#recent_entries .menu_frame,
#recent_comment .menu_frame,
#theme_list .menu_frame,
#recent_trackback .menu_frame{
}

#calendar .menu_frame{

}

#profile .menu_frame{

}

#ranking .menu_frame{

}

#reader .menu_frame{

}

#rss_woman .menu_frame{
}

#search .menu_frame{

}

#woman_pr_text .menu_frame{

}

/* ----------------------------- mainColumn_setting --------------------------- */

#message{
}

#message .contents{
margin:0 28px 10px;
}

.entry{
/*position:relative;*/
margin:0 0 30px;
}

.sub_entry{
}

/* floating box clear */
.entry_head:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.entry_head { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .entry_head { height: 1%; }
.entry_head { display:block; }
/* End Hide from mac IE5 */

.entry_head{
width:490px;
margin:0 0 0 28px;
background:#fff;
}
.entry_head:after{
display:block;
content:"";
clear:both;
height:0%;
visibility:hidden;
}
.entry .contents{
clear:both;
margin:0 30px 0 28px;
padding:33px 28px 26px 28px;
width:433px;
overflow:hidden;
}

.entry h3.title{
padding:77px 57px 18px;
}

span.theme{
/*position:absolute;
top:120px;
left:90px;*/
display:block;
/*margin:0 0 0 38px;*/
float:right;
padding-right:28px;
width:130px;
text-align:right;
}

.entry .date{
/*position:absolute;
top:120px;
left:0px;*/
float:left;
padding-left:28px;
width:250px;
}

.foot{
text-align:right;
padding:23px 64px 0 0;
margin:0 0 0 12px;
height:72px;
}

.entry .contents img{
margin:0 5px;
}

.entry .name{
padding:0 0 0 28px;
text-align:left;
display:block;
background:#fff;
margin:0 0 0 28px;
}

#comment_module{
width:80%;
padding-top:5px;
margin-left:55px;
}

#comment_module h3.title{
}

#comment_module p.list{
margin:0px 0px 10px 0px;
padding:0px;
}

#comment_module .each_comment{
margin:0 0 5px 0px;
}

#comment_module .comment_footer{
margin-top:5px;
padding-top:5px;
border-top:1px dashed;
}

#comment_module .error{
margin-top:20px;
padding-bottom:10px;
}

#comment_module label{
display:block;
float:left;
width:70px;
text-align:right;
}

#comment_module form ul{
width:340px;
margin-left:auto;
margin-right:auto;
}

#comment_module form li{
display:block;
width:340px;
margin-bottom:5px;
}

#comment_module li.lastItem{
display:block;
width:330px;
margin-bottom:5px;
text-align:right;
}

#comment_module .button{
margin-left:5px;
font-size:11px;
width:80px;
}

#footer_ad{
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top:20px;
margin-bottom:10px;
}

#f_name,
#f_url,
#f_title,
#f_com{
display:inline;
width:250px;
margin-bottom:3px;
margin-left:6px;
}

#invest{
margin-bottom:10px
}

#invest li{
display:block;
margin-bottom:5px;
margin-left:-4px;
margin-right:7px;
}

.page{
margin-right:auto;
margin-left:auto;
padding:4px 0 8px;
text-align:center;
}

.page a{
text-align:center;
padding:5px;
}

.page .now{
padding:5px;
font-weight:bold;
}

#trackback{
margin:25px 0 10px;
padding-top:5px;
border-top:1px solid;
}

#trackback p.tr_URL{
margin-bottom:10px;
}

#trackback ul{
margin-bottom:10px;
}
/* ------------------ more_list Contents_Setting -------------------- */
#favorite_list,
#bookmark_list,
#recent_entries_list,
#reader_list{
width:90%;
}
#favorite_list ul,
#bookmark_list ul,
#recent_entries_list ul,
#reader_list ul{
width:100%;
}

#favorite_list h3.title,
#bookmark_list h3.title,
#recent_entries_list h3.title,
#reader_list h3.title{
margin:10px 0;
}

#favorite_list li,
#bookmark_list li,
#recent_entries_list li,
#reader_list li{
padding-bottom:2px;
margin-bottom:8px;
border-bottom:1px solid #eee;
}

#recent_entries_list h3{
display:block;
}

/* ---------------------------- sideColumn_setting ---------------------------- */

.mainMenu{
overflow:hidden;
}

p.list{
margin:12px 5px 0 0;
text-align:right;
}

#archives form{
margin-left:10px;
}

#calendar table{
width:158px;
}

#calendar caption{
padding:5px 0px;
}

#calendar caption a{
padding:0px 5px;
}

#calendar td,
#calendar th{
text-align:center;
}

#joinbook{
margin:0 40px 30px 20px;
}

#profile p{
display:block;
}

#profile p.link_profile{
}

#profile p.link_blog{
}

#profile p.link_info{
}

#profile p#btnMsg{
}

#reader img{
text-align:center;
}

#reader dl{
}

#reader dl dt{
}

#reader ul{
margin-top:5px;
}

#recent_comment ul{
}

#ranking .menu_frame dl,
#ranking .menu_frame p{
padding-left:0px;
padding-top:4px;
}

#ranking{
}

#ranking .rank{
}

#ranking .rank_all{
}

#ranking .rank_genre{
}

#rss{
margin-bottom:5px;
border:none;
background-image:none;
}

#search form{
}

#search .searchbox{
width:100px;
}

#search .searchbtn{
width:40px;
}

#theme_list form{
margin-left:10px;
}

/* ---------------------------- advertising_setting ------------------------------ */

#ameblo #btn_blog img{
margin:3px 0;
}


#advertising{
text-align:center;
}

#advertising .menu_title{
}

#adbanner{
padding:0 30px 30px 0;
margin:0 0 20px 19px;
text-align:center;
}

#adbanner img{
}

#adJavaScript .HBgColor{background-color:#FFFFFF;}
#adJavaScript .HTitleColor{color:#000000;}
#adJavaScript .HTextColor{color:#000000;}
#adJavaScript .HUrlColor{color:#000000;}
#adJavaScript2 .HBgColor{background-color:#FFFFFF;}
#adJavaScript2 .HTitleColor{color:#000000;}
#adJavaScript2 .HTextColor{color:#000000;}
#adJavaScript2 .HUrlColor{color:#000000;}

.plugin{
text-align:center;
}


/*
* promotion•”•ª
*-----------------------------------------------*/
div#promotion h4.menu_title{height: 0px;margin: 0;}
div#promotion{margin:0 0 10px 0 !important;padding:0 !important;}
div#promotion .menu_frame{padding:0;margin:0;}