body{
margin:0;
padding:0;
font-size:12px;
background-image:url(/images/pc/common/head_background.gif);
background-repeat:repeat-x;
background-position:left top;
}

#content{
width:928px;
margin:0 auto;
padding:0;
}

#header{
position:relative;
width:928px;
height:120px;
overflow:hidden;
background-image:url(/images/pc/common/head.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#header h1 a{
position:absolute;
left:0px;
top:0px;
display:block;
width:480px;
height:120px;
text-indent:-9999px;
overflow:hidden;
}

#header h2.nonDisplay{
display:none;
}

#header h2.subtitle{
height:50px;
margin:50px 0 auto 490px;
padding:0;
color:#ffffff;
font-size:100%;
font-weight:bold;
line-height:16px;
overflow:hidden;
}

.contentsLeftTop,
.contentsBttom{
width:706px;
margin:0;
padding:0;
float:left;
}

.contentsLeftTopModule{
width:706px;
min-height:393px;
height:auto !important;
height:393px;
margin:10px 0 0 0;
padding:0;
border:1px solid #ababab;
float:left;
}

.contentsBottomLeftModule{
width:706px;
margin:0;
padding:0;
border:1px solid #ababab;
float:left;
}

.contentsLeftTopModule h3.title,
.contentsBottomLeftModule h3.title{
height:37px;
background-image:url(/images/pc/top/title.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:65px;
line-height:37px;
font-weight:bold;
font-size:120%;
color:#ffffff;
}

.contentsLeftTopModule .leftContents,
.contentsBottomLeftModule .leftContents{
margin:10px 0 0 12px;
_margin-left:6px;
padding:0;
width:383px;
float:left;
}

.contentsLeftTopModule .leftContents h4.subtitle,
.contentsBottomLeftModule .leftContents h4.subtitle{
margin:0 0 10px 0;
padding:0;
color:#333333;
font-size:120%;
line-height:100%;
}

.contentsLeftTopModule .leftContents table,
.contentsBottomLeftModule .leftContents table{
margin:10px 0 4px 0;
}

.contentsBottomRightModule{
width:215px;
height:299px;
text-indent:-9999px;
overflow:hidden;
background-image:url(/images/pc/top/2012_message.jpg);
background-repeat:no-repeat;
background-position:left top;
float:right;
}

.contentsBottom h2.header2012{
width:928px;
height:125px;
margin:10px 0 5px 0;
padding:0;
text-indent:-9999px;
overflow:hidden;
background-image:url(/images/pc/top/2012_header.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#qrcodeBlock{
width:74px;
height:74px;
padding:0 10px 10px 10px;
float:left;
}

.contentsLeftTopModule .rightContents,
.contentsBottomLeftModule .rightContents{
margin:10px 12px 7px 0;
_margin-right:6px;
padding:0;
width:279px;
overflow:hidden;
float:right;
}

.contentsBottomLeftModule .rightContents a#link_button_2012{
background-image:url(/images/pc/top/2012_link_button.jpg);
}

.contentsBottomLeftModule .rightContents a#link_button_mobile{
background-image:url(/images/pc/top/mobile_link_button.jpg);
}

.contentsRightTop{
background-color:#dddddd;
float:right;
margin-top:10px;
padding:10px 0;
width:210px;
}

.contentsRightTop h3.title{
width:198px;
height:43px;
margin:0 auto 20px auto;
padding:0;
text-indent:-9999px;
overflow:hidden;
background-image:url(/images/pc/top/book_shop_title.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.contentsRightTop .contentsRightTopModule{
margin:0 auto 11px auto;
_margin-bottom:13px;
padding:0;
width:170px;
}

.contentsRightTop .contentsRightTopModule p{
margin-top:4px;
}

.contentsMiddle{
clear:both;
width:928px;
margin:10px 0 0 0;
}

.contentsMiddleModule{
width:452px;
border:1px solid #ababab;
padding-bottom:7px;
}

.contentsMiddleModule h3.title,
.contentsYahooModule h3.title{
height:37px;
background-image:url(/images/pc/top/title.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:65px;
line-height:37px;
font-weight:bold;
font-size:100%;
color:#ffffff;
}

.contentsMiddleModule .leftContents{
margin:10px 0 0 12px;
_margin-left:6px;
padding:0;
width:235px;
float:left;
}

.contentsMiddleModule .rightContents{
margin:10px 12px 7px 0;
_margin-right:6px;
padding:0;
width:183px;
overflow:hidden;
float:right;
}

.contentsMiddleModule ul.disc,
.inviteBlock ul.disc{
margin-left:20px;
}

.inviteBlock{
padding:10px;
}

.inviteBlock p{
line-height:130%;
}

.inviteBlock form{
margin:40px 0;
padding:20px;
border:1px solid #999999;
background-color:#f3f3f3;
color:#565656;
text-align:center;
}

.inviteBlock p.returnToTop{
margin-top:20px;
padding-top:20px;
border-top:1px dashed #666666;
text-align:center;
}

.inviteBlock .w400{
width:400px;
}

.inviteBlock .w200{
width:200px;
}

h4.title,
h3.agreementTitle,
div#blogpartsAgreement h4{
font-size:120%;
margin-bottom:3px;
}

h3.agreementTitle,
div#blogpartsAgreement,
p.blogpartsAgreementCheck{
text-align:left;
}

h3.agreementTitle{
margin:20px 0 0 0;
}

div#blogpartsAgreement{
margin:4px 0;
padding:4px;
height:100px;
border:1px solid #666666;
background-color:#ffffff;
overflow:scroll;
}

div#blogpartsAgreement p{
margin-bottom:10px;
}

.blogpartsMailSubmit{
margin-top:10px;
padding-top:10px;
border-top:1px solid #cccccc;
}


a.link_button{
display:block;
width:279px;
height:28px;
margin:5px auto 0 auto;
text-indent:-9999px;
line-height:28px;
overflow:hideen;
background-image:url(/images/pc/top/common_link_button.jpg);
background-repeat:no-repeat;
background-position:left top;
clear:both;
}

.yahoo{
border:none;
width:454px;
}

.yahoo h3.title{
height:38px;
background-image:url(/images/pc/top/search_title.jpg);
background-position:right top;
font-size:120%;
text-indent:10px;
}

.yahoo dt a{
font-size:120%;
color:blue;
}
.yahoo dd{
margin:10px 0 30px 0;
color:#333333;
}
.yahoo dd span{
display:block;
margin-top:10px;
color:green;
font-suze:10px;
text-align:right;
}

p#footer{
clear:both;
position:relative;
width:928px;
height:64px;
margin:20px 0 40px 0;
background-image:url(/images/pc/common/foot.gif);
background-repeat:no-repeat;
background-position:left top;
color:#000000;
font-size:10px;
line-height:64px;
}

p#footer a{
position:absolute;
top:0px;
left:650px;
width:278px;
height:64px;
text-indent:-9999px;
overflow:hidden;
}

/* blogparts */
.cosmicDiaryBlogParts{
width:160px;
float:left;
}
#blogpartsControl{
width:400px;
margin-top:10px;
text-align:left;
float:right;
}
#blogpartsControl textarea{
width:380px;
height:80px;
font-size:12px;
}

/* property */
a{
color:#0066ff;
text-decoration:underline;
}
p.description{
color:#333333;
line-height:120%;
margin-bottom:8px;
}
p.bottomDescription{
margin:10px;
}
.red{
color:red;
}
.center{
text-align:center;
}
.bold{
font-weight:bold;
}
.error{
font-weight:bold;
color:red;
}
.clear{
clear:both;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px !important;
}
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px !important;
}