@charset "utf-8";
/*-----------------------------

背景設定

-----------------------------*/
* html body,body {
	background: url(../../img/top/containerbg.gif) fixed;
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #E5F7FF;
	color: #333333;
}

/*-----------------------------

バー

-----------------------------*/
#bar-body{
    background-color: #FFF;
    border-bottom: 1px solid #999;
    color: #0000FF;
}
div#bar a{
    color: #0000FF;
    text-decoration: underline;
}
div#bar a:hover{
    color: #0099FF;
    text-decoration: underline;
}
/*-----------------------------

トップのみ背景色

-----------------------------*/
.pink-bg {
	background-color: #fee5ec;
}
.yellow-bg {
	background-color: #feefcd;
}
.green-bg {
	background-color: #DEFAE6;
}
.green-bg02{
	background-color: #ECFBE3;
}
.blue-bg {
	background-color: #D9F1FF;
}
.yellow02-bg {
	background-color: #FFF4C8;
}
.entry-comment,.entry-day{
	width:110px;
	white-space:normal;
	word-break:break-all;
}

/*-----------------------------

ヘッダー

-----------------------------*/
#top-header {
	height: 117px;
	width: 900px;
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
}

#headerlogin{
	height: 71px;
	width: 900px;
	margin:0px auto;
	border-bottom: 3px solid #66CCFF;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: 323px;
}
/*-----------------------------

コンテンツ

-----------------------------*/

/*--上部のバナー(banner)--*/
.top-bnr p{
	width:680px;
	margin-bottom:7px;
}
/*--上部のバナー2つ(banner)--*/
.top-bnr2parts {
	width:680px;
	margin-bottom:7px;
}
.top-bnr2parts p{
	width:337px;
	height:82px;
	float:left;
}
.mrightbnr2{
	margin-right:6px;
}


/*-----------------------------

トップページ見出し

-----------------------------*/
.top-sub01, .top-sub04, .top-sub05, .top-sub06, .top-sub07, .top-sub08, .top-sub09{
	background-repeat: no-repeat;
	height: 31px;
	width: 680px;
	text-indent: -9999px
}
.top-sub01{
	background-image: url(../../img/top/subtitle011.gif);
}

.top-sub04{
	background-image: url(../../img/top/subtitle04.gif);
}

.top-sub05{
	background-image: url(../../img/top/subtitle051.gif);
}

.top-sub06{
	background-image: url(../../img/top/subtitle061.gif);
}

.top-sub07{
	background-image: url(../../img/top/subtitle07.gif);
}

.top-sub08{
	background-image: url(../../img/top/subtitle08.gif);
}
.top-sub09{
	background-image: url(../../img/top/subtitle09.gif);
}

/*-----------------------------

お知らせ

-----------------------------*/
.top-com{
	width: 672px;
	border: 1px solid #99CCFF;
	height:200px;
	padding: 3px 3px 15px 3px;
	line-height: 160%;
	margin-bottom: 10px;
	font-size:11px;
	overflow: auto;
}

.top-com dl{
	border-bottom: 1px solid #99CCFF;
}
.top-com dt{
	float:left;
	width:200px;
	padding:5px 0 5px 10px;
	clear:both;
	font-weight:bold;
}
.top-com dd{
	width:425px;
	margin-left:200px;
	padding:5px 5px 5px 10px;
}

/*----*/
.top-com2{
	width: 672px;
	border: 1px solid #99CCFF;
	padding: 3px 3px 15px 3px;
	line-height: 160%;
	margin-bottom: 10px;
	font-size:11px;
	overflow: auto;
}
.top-com2 ul{
	list-style-type: none;
}
.top-com2 li{
	float:left;
}
.top-com-li01{
 	width:420px
}
.top-com-li02{
 	padding-left:3px;
 	width:228px
}
/*--ピックアップペンフレンド--*/
.top-penfriend{
	width: 680px;
	font-size:10px;
	margin-bottom:10px;
}

.top-penfriend02{
	border-left: 1px solid #FF9900;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	width: 678px;
	font-size:10px;
	margin-bottom:10px;
}
.top-cre {
	border: 1px solid #99CCFF;
	width: 672px;
	padding: 3px;
	line-height: 160%;
	font-size: 10px;
	margin-bottom:10px;
}

/*-----------------------------

ピックアップペンフレンド

-----------------------------*/
.list a {
	color: #cccccc;
	text-decoration: underline;
}
.list a:hover {
	color: #ff6699;
	text-decoration: none;
}
.list {
	color: #ff6699;
	text-align:right;
}

.tab-tcontents {
	clear: both;
	padding:0px 0px 6px 14px;
	margin: 0px 2px 10px 0px;
	width: 652px;
	_width: 668px;
	_padding: 0 0px 6px 4px;
}
.tab-tphoto{
	line-height:140%;
}
.tab-tcontents div {
	float: left;
}
.tab-tphoto {
	padding:0px;
	margin: 10px;
}
.tab-tphoto02 {
	padding:0px;
	margin: 10px 10px 0 10px;
}
.tab-tmenulist {
	padding: 3px 0p 0px 10px;
	float: left;
	width: 420px;
}
.tab-tpage {
	padding: 3px 10px 2px 0px;
	margin-right: 2px;
	text-align: right;
}
.top-view{
	width:640px;
	text-align:right;
}
/*-----------------------------

サイド

-----------------------------*/
/*--------右メニュー１------*/
.side-menu{
	width:178px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #60CBFF;
	margin-bottom: 15px;
}
.side-menu dt{
	background-color: #C8EDFF;
	border-bottom: 1px solid #60CBFF;
}
.side-menu dd{
	padding: 1px 10px 1px 10px;
}

.side-f01{
	background-image: url(../../img/top/sidemenu/side-f06.gif);
	height: 25px;
	width: 178px;

}

/*base.cssと違う設定*/
#side li {
	margin:0px 0px 3px 0px;
	padding:0px;
	line-height:100%;
}
.t-side-comment{
	font-size:10px;
	padding:0 0 0 5px;
}


.b-sidebnr03{
	margin-bottom:3px;
}
/*---ブログパーツ----*/
.t-sideb-parts{
	width:168px;
	border: 1px solid red;
	padding:5px;
	background-color: #FFF4CA;
	margin-bottom:5px;
}
/*-----------------------------

ログイン

-----------------------------*/
#login-contents{
	width: 800px;
	margin:0px auto 120px auto;
}

#login {
	width: 302px;
	margin:0px auto;
}
#login dl{
	border: 1px solid #CCCCCC;
}
#login dd{
	padding: 5px;
	margin-right:10px;
}

.login-f01{
	background-image: url(../../img/top/popup/login-f01.gif);
	height: 25px;
	width: 300px;
}
.login-f01 span{
	display:none;
}

#login-container {
	width: 900px;
	margin: 0px auto;
}
.login-table{
	margin-top:25px;
}
/*-----------------------------

ボタン

-----------------------------*/
.button01{
	background-image: url(../../img/top/com-button-bg.png);
	height: 35px;
	width: 120px;
}
.button02 {
	background-image: url(../../img/top/com-button02-bg.png);
	height: 25px;
	width: 70px;
}
.button03 {
	background-image: url(../../img/top/com-button02-bg.png);
	height: 25px;
	width: 70px;
}
.button04 {
	background-image: url(../../img/top/com-button04-bg.png);
	height: 25px;
	width: 85px;
}
.button01,.button02,.button03,.button04,{
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: none 0px;
	cursor: pointer
}
.btn{
	margin: 5px 0 10px 0;
}

/*-----------------------------

お勧めブログ

-----------------------------*/
.tab-tosusume {
	clear: both;
	padding:5px 4px 5px 4px;
	margin: 0px 2px 10px 0px;
	width: 672px;
	_width: 668px;
	_padding: 5px 6px 5px 6px;
}

.green-box {
	background-color: #9DEEB3;
	padding: 5px;
	width: 320px;
}
/*
.green-box {
	background-color: #12C829;
	padding: 5px;
	width: 320px;
}*/
.green-box td{
	vertical-align: top;
}
.green-blogbox {
	width:116px;
	margin-right: 4px;
	color:#003300;
	text-align:center;
	font-size:12px;
}

.green-blogbox img {
	border: 1px solid #006600;
}

.green-photobox{
	width:59px;
}
.green-namebox{
	background-image: url(../../img/top/osusume/top-osusume.gif);
	background-repeat: no-repeat;
	text-align:right;
	padding-top:28px;
	width:130px;
}
.green-name {
	font-size:11px;
	vertical-align: bottom;
}
.white-bg{
	background-color: #FFF;
	border: 1px solid #12C829;
}
.white-box{
	width:190px;
}

.osusume-comment{
	padding:0px 3px 0px 3px;
	font-size:12px;
	line-height:130%;

}
/*-----------------------------

フッター

-----------------------------*/
#footer{
	padding: 5px;
	clear:both;
	border-top: 3px solid #66CCFF;
	font-size: 80%;
	color: #666666;
}

/*-----------------------------

不明

-----------------------------*/
.partname{
	border-bottom: 1px dashed #339933;
	padding-bottom:7px;
	margin-bottom:5px;
}
.t-side-comment2{
	font-size:10px;
	border: 1px solid #CCC;
	padding:0 0 0 5px;
	background-color: #FFF;
}
.partimg{
	line-height:120%;
}
.partimg img{
	margin:0px;
}
/*-----------------------------

ランキング 現在未使用

-----------------------------*/
.rank01,.rank02,.rank03,.rank04,.rank05{
	background-repeat: no-repeat;
	width:193px;
	text-indent:-9999px;
	height:20px;
	margin-bottom:5px;
}
.rank01{
	background-image: url(../../img/top/rank/rank01.gif);
}
.rank02{
	background-image: url(../../img/top/rank/rank02.gif);
}
.rank03{
	background-image: url(../../img/top/rank/rank03.gif);
}
.rank04{
	background-image: url(../../img/top/rank/rank04.gif);
}
.rank05{
	background-image: url(../../img/top/rank/rank05.gif);
}
.ranking{
	width:69px;margin-left:13px;
}
.rankblog{
	width:70px;
	height:60px;
}
.ranktitle{
	width:144px;
	margin:0 auto;
	text-align:center;
}

/*-----------------------------
twitter
-----------------------------*/
.twitter-box01{
 margin:0px 0px 3px 0px;
}

p.p01 {
padding:5px;
color: #777777;
font-size:80%;
line-height:1.2;
text-align:center;
}

/*-----------------------------
削除予定
-----------------------------*/
.top-img{
	padding-bottom:5px;
}
.top-img p{
	margin-bottom:5px;
}
.box02{
	margin-right:6px;
	_margin-right:4px;
}