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

背景設定

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

* html body,body {
	background: url(/friend/img/01100/bg.jpg) fixed;
	background-repeat: repeat-y;
	background-position: center 0px;
	background-color: #FFF;
	color: #333333;
}

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

コンテナー

-----------------------------*/
#container {
	background-color: #FFFFFF;
	border-left: 1px solid #99D6FF;
	border-right: 1px solid #99D6FF;
}
/*-----------------------------

バー

-----------------------------*/
#bar-body{
	background-color: #FFF;
	border-left: 1px solid #99D6FF;
	border-right: 1px solid #99D6FF;
	border-bottom: 1px solid #99D6FF;
	color: #666;
}

div#bar a{
    color: #5BBDFF;
    text-decoration: underline;
}
div#bar a:hover{
    color: #0099FF;
    text-decoration: underline;
}

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

ヘッダー

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

#header {
	height: 74px;
	border-bottom: 5px solid #99D6FF;
	background-image: url(/friend/img/01100/header-bg.jpg);
	background-repeat: no-repeat;
}
#header p {
	padding:25px 0 0 50px;
	font-weight: bold;
	font-size:30px;
	line-height: 100%;

}
#header p a {
	color:#0099CC;

}
#header p a:hover {
	color:#99D6FF;

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

5件表示

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

/*-　矢印の高さ（画像によって変わる）　-*/
.tab-before{
   padding-top:60px;
   padding-left:3px;
}
.tab-after{
   padding-top:60px;
   padding-right:3px;
}


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

タブメニュー

-----------------------------*/
.tab-menu{
	background-image: url(/friend/img/01100/tab/tab-bg.gif);
	background-repeat: repeat-x;
	width:100%;
}


.tab-new-s {
	background-image: url(/friend/img/01100/tab/new_tab.gif);

}
.tab-new {
	background-image: url(/friend/img/01100/tab/new_tab_o.gif);

}
.tab-new a{
	background-image: url(/friend/img/01100/tab/new_tab_o.gif);
	height: 19px;
	width: 118px;
	display:block;
}
.tab-point-s {
	background-image: url(/friend/img/01100/tab/point_tab.gif);

}
.tab-point {
	background-image: url(/friend/img/01100/tab/point_tab_o.gif);

}
.tab-point a{
	background-image: url(/friend/img/01100/tab/point_tab_o.gif);
	height: 19px;
	width: 118px;
	display:block;
}
.tab-tag-s {
	background-image: url(/friend/img/01100/tab/tag_tab.gif);

}
.tab-tag {
	background-image: url(/friend/img/01100/tab/tag_tab_o.gif);

}
.tab-tag a{
	background-image: url(/friend/img/01100/tab/tag_tab_o.gif);
	height: 19px;
	width: 118px;
	display:block;
}
.tab-gomi-s {
	background-image: url(/friend/img/01100/tab/gomi_tab.gif);

}
.tab-gomi {
	background-image: url(/friend/img/01100/tab/gomi_tab_o.gif);

}
.tab-gomi a{
	background-image: url(/friend/img/01100/tab/gomi_tab_o.gif);
	height: 19px;
	width: 118px;
	display:block;
}
.tab-category-s {
	background-image: url(/friend/img/01100/tab/category_tab.gif);

}
.tab-category {
	background-image: url(/friend/img/01100/tab/category_tab_o.gif);

}
.tab-category a{
	background-image: url(/friend/img/01100/tab/category_tab_o.gif);
	height: 19px;
	width: 118px;
	display:block;
}
#tab_contents{
	background-color: #EBF7FF;
	border-right: 1px solid #99D6FF;
	border-bottom: 1px solid #99D6FF;
	border-left: 1px solid #99D6FF;
}
.tab-contents{
	margin: 0px 0 10px;
	padding:3px 0;
	clear: both;
}
.tab-menulist{
	width:420px;
	float:left;
	padding:3px 0px 0px 10px;
}
.tab-page{
	text-align:right;
	padding:3px 10px;
}

.list a{
	color: #0099FF;
	text-decoration: underline;
}
.list a:hover {
	color: #99D6FF;
	text-decoration: none;
}
.list {
	color: #003300;
}

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

左コンテンツ

-----------------------------*/
/*--メイン--*/

#main {
	background-color: #EBF7FF;
	border: 1px solid #99D6FF;
}

.main02 {
	background-color: #EBF7FF;
	border: 1px solid #99D6FF;
	clear: both;
}

div.c-head{
	background-color: #CAEAFF;
	padding:5px;
}

#bottom span {
	background-image: url(/friend/img/01100/icon_up.gif);
	background-repeat: no-repeat;
}
/*-----------------------------

コメント

-----------------------------*/
.entry-comment-t{
	width:510px;
	height:5px;
	background-image: url(/friend/img/01100/comment-top.gif);
	background-repeat: no-repeat;
}
.entry-comment-b{
	width:510px;
	height:20px;
	background-image: url(/friend/img/01100/comment-bottom.gif);
	background-repeat: no-repeat;
}

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

ボタン

-----------------------------*/
.button01 {
	background-image: url(/friend/img/01100/com-button-bg.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 120px;
	color: #333;
}
.button02 {
	background-image: url(/friend/img/01100/com-button02-bg.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 70px;
	color: #333;
}
.button03 {
	background-image: url(/friend/img/01100/com-button03-bg.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 70px;
	color: #333;
}
.button04 {
	background-image: url(/friend/img/01100/com-button04-bg.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 85px;
	color: #333;
}
.button05 {
	background-image: url(/friend/img/01100/friends.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 180px;
}

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

左コンテンツ　設定　

-----------------------------*/
.setting-field .h301{
	background-image: url(/friend/img/01100/setting/set-title01.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-field .h302{
	background-image: url(/friend/img/01100/setting/set-title02.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-field .h303{
	background-image: url(/friend/img/01100/setting/set-title03.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-field .h304{
	background-image: url(/friend/img/01100/setting/set-title04.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-field .h305{
	background-image: url(/friend/img/01100/setting/set-title05.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-field .h306{
	background-image: url(/friend/img/01100/setting/set-title06.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-field .h307{
	background-image: url(/friend/img/01100/setting/set-title07.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 660px;
}
.setting-box{
	background-color: #99D6FF;
	width:660px;
}
.t-head{
	background-color: #F6F6F6;
	width: 180px;
	padding:5px;
}
.t-contents{
	background-color: #FFFFFF;
	padding:5px;
}

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

右メニュー１　

-----------------------------*/
.side-menu{
	width:178px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #FFF;
	margin-bottom: 15px;


}
.side-menu dt{
	background-color: #FFF;
}
.side-menu dd{
	padding: 1px 10px 1px 10px;
}
.side-f01{
	background-image: url(/friend/img/01100/sidemenu/side-f01.gif);
	height: 25px;
	width: 178px;

}
.side-f02{
	background-image: url(/friend/img/01100/sidemenu/side-f02.gif);
	height: 25px;
	width: 178px;

}

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

右メニュー２

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

.side2-menu{
	width:178px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #FFF;
	margin-bottom: 15px;
}
.side2-menu dt{
	background-color: #FFF;
}
.side2-menu dd{
	padding: 1px 10px 1px 10px;
}
.side2-f01{
	background-image: url(/friend/img/01100/sidemenu/side2-f01.gif);
	height: 25px;
	width: 178px;
}

.side2-f02{
	background-image: url(/friend/img/01100/sidemenu/side2-f02.gif);
	height: 25px;
	width: 178px;

}
.side2-f03{
	background-image: url(/friend/img/01100/sidemenu/side2-f03.gif);
	height: 25px;
	width: 178px;
}
.side2-f04{
	background-image: url(/friend/img/01100/sidemenu/side2-f04.gif);
	height: 25px;
	width: 178px;
}
.side2-f05{
	background-image: url(/friend/img/01100/sidemenu/side2-f05.gif);
	height: 25px;
	width: 178px;
}
.side2-f06{
	background-image: url(/friend/img/01100/sidemenu/side2-f06.gif);
	height: 25px;
	width: 178px;
}
/*-----------------------------

別ウインドウ　タグ編集

-----------------------------*/
.tag-f01{
	background-image: url(/friend/img/01100/popup/tag-f01.gif);
	height: 25px;
	width: 490px;
}
/*-----------------------------

フッター

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


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

リンク

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

a {
	text-decoration: none;
	color: #1188FF;

}

a:hover {
	color: #4DA6FF;
}

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

フォーム

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

.formtxt{
	border: 1px solid #999;

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

評価

-----------------------------*/
div.rating-star,div.rating-star a{background:url('/friend/img/01100/rating/star.gif') }

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

カレンダ

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

#calendar table td.days{
	text-align:center;
}

#calendar table td.today{
	background-color: #BFE6FF;
	color: #333;
	text-align:center;
	border: 0px;
}

#calendar table td.today a{
	color: #666;
}
#calendar table td.today a:hover{
	color: #666;
}