@charset "utf-8";

/*--------------------
INITIALIZE:
--------------------*/
h1,h2,h3,h4,h5,h6,
body,div,p,form,
dl,dt,dd,ul,ol,li,
table,tr,th,td,hr {
margin: 0;
padding: 0;
}

html { height: 100%; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: none; }
ul { list-style: none; }
/*strong { font-weight: normal; }*/
address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { font-family: "ＭＳ Ｐゴシック","MS PGothic", Osaka,sans-serif; }

/* clear */
.clear { clear: both; }
.clear hr { display: none; }
.separator hr { display: none; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */


/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

/*--------------------
BODY
--------------------*/
html[xmlns]>/**/body {
font-size:16px;
}

body {
width:100%;
color: #000000;
font-family:"ＭＳ Ｐゴシック","MS PGothic", Osaka, sans-serif;
}

#container {
line-height: 180%;
font-size: 75%;
}

/*--------------------
HEADER
--------------------*/
#headerWrapper {
width: 100%;
background: url(../image/bg_header_row.gif) repeat-x;
height: 250px;
}

#headerWrapper .header {
text-align: center;
margin: auto;
}

/*--------------------
CONTENTS
--------------------*/
#main {
width: 800px;
margin: auto;
}



#main .columnA {
width: 600px;
float: left;
}

#main .columnA .entryArea {
width: 560px;
margin-right: 40px;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 30px;
}

.entryBlock h2 a:link { color: #000000; text-decoration: none; padding-bottom:2px;}
.entryBlock h2 a:visited { color: #000000; text-decoration: none; padding-bottom:2px;}
.entryBlock h2 a:hover { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}
.entryBlock h2 a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}

#main .columnA .entryBlock {
text-align: left;
width: 425px;
background:#FFFFFF;
margin: 45px 0 0 60px;
}

#main .columnA .entryBlock h2 {
font-size: 142%;
line-height: 140%;
}

#main .columnA .entryBlock .date {
font-size: 92%;
background:url(../image/icon_entry.gif) no-repeat 0 1px;
padding-left: 20px;
margin-top: 13px;
}

#main .columnA .entryBlock ul {
margin-top: 17px;
}

#main .columnA .entryBlock li {
float:left;
color: #999999;
font-size: 92%;
}

#main .columnA .entryBlock .more {
background:url(../image/icon_more.gif) no-repeat 0 1px;
padding:0 10px 0 20px;
}

.entryBlock li a:link { color: #999999; text-decoration: none; padding-bottom:2px;}
.entryBlock li a:visited { color: #999999; text-decoration: none; padding-bottom:2px;}
.entryBlock li a:hover { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}
.entryBlock li a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;} 

#main .columnA .entryBlock .entry {
margin-top: 20px;
}

.entryBlock .entry  a:link { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
.entryBlock .entry  a:visited { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
.entryBlock .entry  a:hover { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}
.entryBlock .entry  a:active { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}



#main .columnA .entryBlock .comment {
background:url(../image/icon_comment.gif) no-repeat 0 1px;
padding:0 10px 0 20px;
margin-left:10px;
}


#main .columnA .entryBlock .track {
background:url(../image/icon_trackback.gif) no-repeat 0 1px;
padding:0 10px 0 20px;
margin-left:10px;
}


#main .columnA .entryBlock .top {
background:url(../image/icon_top.gif) no-repeat 0 1px;
padding:0 10px 0 20px;
margin-left:10px;
}

#main .columnA .commentArea {
width: 560px;
margin-right: 40px;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 30px;
}

#main .columnA .commentBlock {
text-align: left;
width: 425px;
background:#FFFFFF;
margin: 45px 0 0 60px;
}

#main .columnA h3 {
font-size: 125%;
font-weight: bold;
margin-bottom: 30px;
margin: 45px 0 0 60px;
}

#main .columnA .commentArea .comment {
margin: 10px 0 10px 0;
padding-bottom: 5px;
}


.commentBlock .comment a:link { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
.commentBlock .comment a:visited { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
.commentBlock .comment a:hover { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}
.commentBlock .comment a:active { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}


#main .columnA .formArea {
text-align: left;
width: 500px;
background:#FFFFFF;
margin: 45px 0 0 60px;
}

#main .columnA .formArea table {
width: 100%;
}

#main .columnA .formArea th {
width: 130px;
font-weight: normal;
text-align: left;
vertical-align: top;
}

#main .columnA .formArea .length355 {
width: 355px;
margin-bottom: 10px;
}

#main .separator {
background: url(../image/bg_separator.gif) repeat-x 0 top;
width: 560px;
height: 1px;
margin-top: 20px;
}


#main .columnA .top2 {
text-align: right;
background:url(../image/icon_top.gif) no-repeat 500px 1px;
margin-right: 55px;
margin-top: 75px;
}

#main .columnA .top2 a:link { color: #000000; text-decoration: none; padding-bottom:2px;}
#main .columnA .top2 a:visited { color: #000000; text-decoration: none; padding-bottom:2px;}
#main .columnA .top2 a:hover { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}
#main .columnA .top2 a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}

#main .columnA .commentArea .commentName {
background:url(../image/icon_commentname.gif) no-repeat 0 1px;
padding:0 10px 0 20px;
}

#main .columnA .commentArea .commentDate {
background:url(../image/icon_date.gif) no-repeat 0 1px;
padding:0 10px 0 20px;
margin:0 0 35px;
}

#main .columnA .listTtl {
font-size: 133%;
line-height: 100%;
font-weight: bold;
margin-bottom: 30px;
margin: 45px 0 0 60px;
}

#main .columnB {
width: 200px;
float: left;
}


.columnB a:link { color: #000000; text-decoration: none; padding-bottom:2px;}
.columnB a:visited { color: #000000; text-decoration: none; padding-bottom:2px;}
.columnB a:hover { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}
.columnB a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}




#main .columnB .searchArea {
text-align: center;
background: #F2F2F2;
padding:15px 0 15px 0;
margin-top: 45px;
}

#main .columnB .searchArea h3 {
text-align: left;
font-weight: normal;
margin-left: 27px;
}


#main .columnB .length100 {
width: 100px;
vertical-align: bottom;
}

#main .columnB .btn {
vertical-align: bottom;
margin-left: 20px;
}

#main .columnB .profileArea {
margin-top: 40px;
}

.profile a:link { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
.profile a:visited { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
.profile a:hover { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}
.profile a:active { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}

#main .columnB .profileArea .profilettl {
font-size: 125%;
font-weight: bold;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 5px;
margin-bottom: 10px; 
}

#main .columnB .profileArea .profileimg {
text-align: center;
margin-bottom: 5px;
}

/*#main .columnB .profileArea .profile {
margin-left: 5px;
}*/

#main .columnB .labelsArea {
margin-top: 40px;
}

#main .columnB .labelsArea .labelsttl {
font-size: 125%;
font-weight: bold;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 5px;
margin-bottom: 10px;
}

#main .columnB .labelsArea .bgDot {
background: url(../image/bg_li_dot.gif) no-repeat 0 8px;
padding-left: 10px;
}

#main .columnB .labelsArea {
margin-top: 40px;
}

#main .columnB .labelsArea .sub li {
margin-left: 30px;
font-size: 92%;
color:#7F7F7F;
}

#main .columnB .labelsArea .sub li a:link { color: #7F7F7F; text-decoration: none; padding-bottom:2px;}
#main .columnB .labelsArea .sub li a:visited { color: #7F7F7F; text-decoration: none; padding-bottom:2px;}
#main .columnB .labelsArea .sub li a:hover { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}
#main .columnB .labelsArea .sub li a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}

#main .columnB .linkArea {
margin-top: 40px;
}


#main .columnB .linkArea .linkttl {
font-size: 125%;
font-weight: bold;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 5px;
margin-bottom: 10px;
}

#main .columnB .linkArea li {
background: url(../image/bg_li_dot.gif) no-repeat 0 8px;
padding-left: 10px;
}

#main .columnB .tagcraudArea {
margin-top: 40px;
}

#main .columnB .tagcraudArea .tagcraudttl {
font-size: 125%;
font-weight: bold;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 5px;
margin-bottom: 10px;
}

#main .columnB .tagcraudArea li {
display: inline;
margin: 0 3px 0 0;
letter-spacing: 10%;
font-weight: bold;
text-transform: uppercase;
}


#main .columnB .tagcraudArea .rank5 {
font-size: 100%;
line-height:100%;
width:200px;
word-break: break-all;
}

#main .columnB .tagcraudArea .rank4 {
font-size: 150%;
line-height:100%;
width:200px;
word-break: break-all;
}

#main .columnB .tagcraudArea .rank3 {
font-size: 200%;
line-height:100%;
width:200px;
word-break: break-all;
}

#main .columnB .tagcraudArea .rank2 {
font-size: 250%;
line-height:100%;
width:200px;
word-break: break-all;
}

#main .columnB .tagcraudArea .rank1 {
font-size: 300%;
line-height:100%;
width:200px;
word-break: break-all;
}

#main .columnB .commentsArea {
margin-top: 40px;
}

#main .columnB .commentsArea .commentsttl {
font-size: 125%;
font-weight: bold;
background: url(../image/bg_separator.gif) repeat-x 0 bottom;
padding-bottom: 5px;
}

#main .columnB .commentsArea .bgDot {
background: url(../image/bg_li_dot.gif) no-repeat 0 8px;
padding-left: 10px;
margin-top: 10px;
}

#main .columnB .bnrArea {
margin-top: 35px;
}

#main .columnB .bnrArea li {
margin-bottom: 25px;
}

#main .columnB .bnrArea a:link { color: #7F7F7F; text-decoration: none;}
#main .columnB .bnrArea a:visited { color: #7F7F7F; text-decoration: none;}
#main .columnB .bnrArea a:hover { color: #FFFFFF; text-decoration: none;}
#main .columnB .bnrArea a:active { color: #FFFFFF; text-decoration: none;}

/*--------------------
FOOTER
--------------------*/
#footerWrapper {
width: 100%;
background: url(../image/bg_footer_row.gif) repeat-x;
height: 202px;
margin-top: 20px;
}

#footerWrapper .footer {
background:url(../image/bg_footer.gif) no-repeat;
width: 800px;
height: 202px;
text-align: center;
margin: auto;
}

#footerWrapper .footer .footernavi {
text-align: right;
padding-top: 150px;
}

#footerWrapper .footer .footernavi ul{
background:url(../image/bg_separator2.gif) no-repeat right 2px;
}

#footerWrapper .footer .footernavi li{
display: inline;
background:url(../image/bg_separator2.gif) no-repeat 0 left;
padding-left: 10px;
padding-right: 3px;
}


#footerWrapper .footer .footernavi li a:link { color: #000000; text-decoration: none; padding-bottom:2px;}
#footerWrapper .footer .footernavi li a:visited { color: #000000; text-decoration: none; padding-bottom:2px;}
#footerWrapper .footer .footernavi li a:hover { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}
#footerWrapper .footer .footernavi li a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}



#footerWrapper .footer .footernavi p a:link { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom;}
#footerWrapper .footer .footernavi p a:visited { color: #000000; text-decoration: none; background:url(../image/bg_separator3.gif) repeat-x 0 bottom; padding-bottom:2px;}
#footerWrapper .footer .footernavi p a:hover { color: #FFFFFF; text-decoration: none; background:#000000 url(../image/bg_separator4.gif) repeat-x 0 bottom; padding-bottom:2px;}
#footerWrapper .footer .footernavi p a:active { color: #FFFFFF; text-decoration: none; background:#000000; padding-bottom:2px;}