@charset "shift_jis";

@import "reset.css";

/*-------------------------
_____Layout
-------------------------*/

#container{
	width:852px;
	margin:0 auto;
}

#contents{
	width:603px;
	padding:0 0 0 9px;
	float:left;
	background:url(../../images/left_bg.gif) left top repeat-y;
	
	font-size:100%;/*12px*/
}


.thumbnail{
	/*float: right;*/
        margin-right: 1em;
}

#right_menu{
	width:187px;
	padding:20px 25px 20px 28px;
	float:right;
	background:url(../../images/right_bg.gif) left top repeat-y;
}

#footer{
	clear:both;
	background:url(../../images/footer_bg.gif) top no-repeat;
	padding:25px 0 0 0;
	text-align:center;
}

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

#contents_wrap {
	min-height: 1px;
	background:url(../../images/wrap_bg.gif) left top repeat-y;
}

* html #contents_wrap {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*-------------------------
_____HypertextLink
-------------------------*/

a:link,a:visited{
	color:#333333;
	text-decoration:underline;
}


/*-------------------------
_____Sidebar
-------------------------*/
#right_menu{
	font-size:91%;/*11px*/
	letter-spacing:0.1em;
}

.square{
	color:#fd269f;
}

.menubox{
	margin:34px 0 0 0;
	font-size:91%;/*11px*/

}

.menubox#info{
	margin-top:0px;
}


.menubox#blog{
	margin-top:0px;
}

.menubox#info dt{
	margin:0 0 7px 0;
}

.menubox#info dd{
	margin:13px 0 0 0;
	padding:0 24px 0 11px;
}

.menubox#guest dd, .menubox#weeklytopics dd{
	margin:8px 0 0 0;
	padding:0 14px 0 7px;
}


/*-------------------------
_____Contents
-------------------------*/
.contents_head{
	background:url(../../images/contents_head_bg.gif) repeat-x;
	height:48px;
	padding:0 19px 0 26px;
}

.contents_head h2{
	float:left;
}

.contents_head p{
	float:right;
}

.caption p{
	width:520px;
	padding:0px 0px 0px 25px;
}

.oubo p{
	padding:20px;
	text-align:center;
}

.orange {color: #ff7341}

.rank_text{
	width:530px;
	background:url(../../images/bg_line.gif) left top;
	font-size:100%;/*12px*/
	line-height:27px;
	text-align:left;
	padding:0px 0px 0px 25px;

}



#ranking_area{
	width:577px;
	margin:0 auto;
	color:#635f5e;
}

#form_area{
	width:577px;
	margin:0 auto;
	color:#635f5e;
}

#ranking_area h3{
	font-size:123%;/*16px*/
	color:#fd6028;
	font-weight:bold;
	margin:15px 0 14px 25px;
}

#ranking_area .top10{
	width:205px;
	height:122px;
	padding:22px 5px 12px 78px;
	float:left;
	border-top:1px dashed #c8c5c4;
}

#ranking_area .top10 dt{
	float:left;
	clear:both;
	margin:0 15px 0 0;
}

#ranking_area .top10 dd{
	float:left;
	margin:5px 0 0 0;
	width:100px;
}

#ranking_area .top10 dl > dd {
	float:left;
	width:100px;
}
*+html #ranking_area .top10 dl > dd {
	float:none;
}


#ranking_main{
	width:575px;
	margin:0 auto;
	padding:0 0 0 0;
	clear:both;
}


#ranking_bottom{
	width:548px;
	margin:0 auto;
	padding:20px 0 0 0;
	clear:both;
}

#ranking_bottom ul{
	list-style-type:none;
	list-style-position:outside;
}

#ranking_bottom ul li{
	width:493px;
	height:23px;
	padding:5px 0 0 55px;
	display:block;
	text-align:left;
	color:#403f3f;
	border-top:1px dashed #c8c5c4;
}

/*-------------------------
ブログ設定
-------------------------*/


.contenttitle{
	padding:25px 0 25px 0;
	color:#fd632c;
	font-size:14px;
	background:url(../../images/title_bg.gif) left bottom no-repeat;
}

.con{
	width:530px;
	padding:0 0 0 25px;
}



/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(../../images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}

.contentitemposttime {
	background: url(../../images/bgclock.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
	}

.contentitempostedby
{
	background: url(../../images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(../../images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(../../images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 18px 0;
	background: url(../../images/dot.gif) left bottom repeat-x;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(../../images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(../../images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(../../images/dotv.gif) left repeat-y;
}


/*-------------------------
____calendar
-------------------------*/
.side-center {

    text-align: center;
}

.side-center2 {
    padding-top: 5px;
    text-align: center;
}
.calendarhead {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #ff6633;
	letter-spacing: .3em;
}

.calendar {
	font-family: Verdana, Arial, sans-serif;
	color: #ff6633;
	font-weight: normal;
	letter-spacing: normal;
	text-decoration: none;
	background: none;
}
.calendarhead a{
    color: #ff6633;
    text-decoration: none;
}
.calendarhead a:link{
    color: #ff6633;
    text-decoration: none;
}
.calendarhead a:visited {
    color: #ff6633;
    text-decoration: none;
}
.calendarhead a:hover {
    color: #ff6633;
    text-decoration: underline;
}

.calendar th {
        font-family: Verdana, Arial, sans-serif;
	font-size:8px;
	width : 20px ;
}

.calendar td {
        color: #000000;
        font-family: Verdana, Arial, sans-serif;
	font-size:9px;
}

.calendar table {
	padding: 0px;
	border-collapse: collapse;
}
.days {
    color: #000000;
    text-decoration: none;
}
.days a{
    color: #cc0000;
    text-decoration: underline;
}
.days a:link{
    color: #cc0000;
    text-decoration: underline;
}
.days a:visited{
    color: #cc0000;
    text-decoration: underline;
}
.days a:hover {
    color: #ffcc00;
    text-decoration: underline;
}
.today {
    color: #ffcc00;
    background: #f6dba8;
}
.today td{
    color: #ffcc00;
}
.today a{
    color: #FF033E;
    text-decoration: underline;
}
.today a:visited{
    color: #FF033E;
    text-decoration: underline;
}
.today a:hover {
    color: #FF3333;
    text-decoration: underline;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: right;
	width: 180px;
	padding: 0;
	padding-top: 15px;
}
.sidebar
{
	color: #FFFFFF;
	margin: 0;
	padding: 0px;
	padding: 20px 0 20px 0;

.sideber li{
padding-top: 6px;
}
}

/* Menu lists */
.sidebardl{
	padding: 0;
	margin: 0;
}

.sidebardl h2{
	font:800 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	text-align: center;
}

.sidebardl dt{
	background-color: #FFFFFF;
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
    	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 0;
}

.sidebardl dd{
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}

.sidebardl dd:hover{
	background: #FFFFFF;
	padding: 0;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	padding: 0 0 0 10px;
}


.ark{
font: 11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
width: 180px;
}
.ark h2{
font:800 11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
text-align: center;
}
.ark dd{
margin: 0px;
padding:8px 0 0 0;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
    margin: 3px;
    padding: 0;
    padding-left: 10px;
    background: none;
    font-size: 12px;
    color: #333333;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 11px;
	background: white;
        padding-left: 10px;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform{
      color: #333333;
      padding-left: 10px;
}
.formfield {
	width: 150px;
        font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding-bottom: 5px;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 150px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 150px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 250px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}

.commentname{
    padding:5px 0px 5px 0px;
    font-weight: bold;
    font-size:123%;/*16px*/
}
.commentinfo{
    padding:2px 0 15px 0;
}
/*-------------------------
_____Logo
-------------------------*/
.bnr_r{
  padding:0 0 20px 0;

}

.bnr_r2{
  padding:0 0 20px 5px;

}
#logo{
	list-style-type:none;
	list-style-position:outside;
	display:block;
}

#logo li{
	display:inline;
	margin:0px 7px;
	height:43px;
}

#logo li img{
	vertical-align:middle;
}

#footer p{
	margin:70px 0 20px 0;
	display:block;
}


.contentbody:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.contentbody { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.contentbody {display:block;}
/* end MacIE5 */