@charset "utf-8";

/*
各ページ共通
フォトラバボックス 及び フォトフレーム 関連CSS

【1】 フォトラバ関連各ボックス
◆1-1 フォトラバボックス共通
◆1-2 カテゴリ
◆1-3 新着フォトラバ
◆1-4 フォトラバランキング
◆1-5 新着テーマ
◆1-6 テーマ一覧
◆1-7 フォトラバテーマ詳細
◆1-8 フォトラバプラグイン
◆1-9　フォトラバテーマ検索

【2】 サードナビゲーション
◆2-1　サブナビゲーション
◆2-2　フォトラバナビ

【3】　フォトフレーム
◆3-1　→box.css　3-1-1　フォトフレーム（新着フォト3カム5列用）
◆3-2　→box.css　3-1-2　フォトフレーム2（新着フォト＆テキスト）
◆3-3　フォトフレーム4　（ランキング・検索結果・新着ブログ）
*/


/*【1】 フォトラバ関連各ボックス*/
/*◆1-1 フォトラバボックス共通*/
.photo_case{
	float: left;
	display: block;
}
.photo_case a div a:link {
	color:#33f;
}


/*◆1-2 カテゴリ*/
#box-tbcat {}
#box-tbcat .box-title {
	background-image:url(../img/txt_tcat.jpg);
	height: 27px;
}
#box-tbcat .content {
	border: 1px solid #000033;
	border-top:none;
}
.category_frame	{
	position:relative;
	top:0;
	left:0;
	width: 576px;
}
#box-tbcat dl {
	width: 16em;
	height:3.6em;
	margin: 2px 0 0;
	padding:0;
	float: left;
	line-height: 1.2em;
}
#box-tbcat dt {
	width: 11.7em;
	position:relative;
	top:0;
	left:0;
	padding: 0 0 0 51px;
	font-weight: bold;
	height: 1.2em;
}
#box-tbcat dt img {
	position:absolute;
	top:4px;
	left:0;
	width: 47px;
	height: 37px;
}
#box-tbcat dd {
	width: 11.7em;
	margin: 0 0 0 51px;
	height: 2.8em;
}

#box-tbcat2 {} /*フォトラバカテゴリサイド*/
#box-tbcat2 .box-title {
	background:url(../img/txt_category_box-tbcat2.jpg);
	text-indent: 0px;
}
#box-tbcat2 .content {
	border: 1px solid #000000;
	background-color:#000033;
	border-top:none;
}

/*◆1-3 新着フォトラバ*/
#box-tbnew {}
#box-tbnew .box-title{
	background-image:url(../img/txt_tbnew.jpg);
}
#box-tbnew .content {
	border: 1px solid #000033;
	border-top:none;
}
#box-tbnew div.view_switch{ /*表示切替SW*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	right:0px;
}
#box-tbnew .photo_frame2 li {
	width: 576px;
	
}
/*◆1-4 フォトラバランキング*/
#box-tbrank {}
#box-tbrank .box-title {
	background-image:url(../img/txt_tbrank.jpg);
}
#box-tbrank .content {
	border: 1px solid #000000;
	border-top:none;
	border-bottom:none;
	background-color:#000033;
	margin:0;
}
/*◆1-5 新着テーマ*/
#box-tbnewtheme {}
#box-tbnewtheme .box-title {
	background-image:url(../img/txt_tbnewtheme.jpg);
}
#box-tbnewtheme .content {
	border: 1px solid #000000;
	border-top:none;
	border-bottom:none;
	background-color:#000033;
	margin:0;
}
/*◆1-6 テーマ一覧*/
#box-tbtheme {}
#box-tbtheme .box-title {
	background-image:url(../img/txt_tbtheme.jpg);
}
#box-tbtheme .content {
	border: 1px solid #000033;
	border-top:none;
}
#box-tbtheme div.view_switch{ /*表示切替SW*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	right:0px;
}
#box-tbtheme .photo_frame ul {
	margin:0 3px;
}
#box-tbtheme .photo_frame a {
	padding: 0 6px;
	margin: 0;
	width:102px;
}
/*◆1-7 フォトラバテーマ詳細*/
#box-tbtheme2 { }
#box-tbtheme2 .box-title {
	text-indent:0px;
	font-weight: bold;
	margin: 0px;
	width:378px;
	float:right;
	display: block;
	text-align: left;
	color: #333;
}
#box-tbtheme2 ul {
	margin: 0 0px 0 0;
	width: 378px;
	float: right;
}
#box-tbtheme2 li {
	border-bottom:1px #ccc dashed;
}
#box-tbtheme2 dl {
	margin: 0 0px 0 0;
	width: 378px;
	float: right;
}
#box-tbtheme2 dt {}
#box-tbtheme2 dd {
}
/*◆1-8 フォトラバプラグイン*/
#box-tbplug {}
#box-tbplug .box-title {
	background:url(../img/txt_tbplugin.jpg);
	text-indent: 0px;
}
#box-tbplug .content {
	border:1px solid #000033;
	border-top:none;
}
#box-tbplug .photo_case {
	width:100px;
}
/*◆1-9　フォトラバテーマ検索*/
#box-tbsearch {
	background-color:#003300;
	text-align:left;
}
#box-tbsearch .box-title {
	background-image:url(../img/txt_tbsearch.jpg);
}
#box-tbsearch .content {
	border: 1px solid #000000;
	border-top:none;
	border-bottom:none;
	margin-bottom:0;
}
#box-tbsearch .pr {
	text-align:center;
	margin:5px auto 5px auto;
}
#box-tbsearch .tbsearch .text {
	float:left;
	margin-right:5px;
}
#box-tbsearch .tbsearch .button {
	float:left;
}


/*【2】 ナビゲーション*/
/*◆2-1　サブナビゲーション*/
#snavi {
	width:785px;
	background-color:#000000;
	padding: 0 0 4px;
}
#snavi .box-title {
	position:absolute;
	left:-9999px;
}
#snavi ul {
	line-height: 1.1em;
}
#snavi li {
	display:inline;
}
#snavi li a {
	display:block;
	padding:0 10px;
	float:left;
	line-height: 145%;
}
#snavi li a:link , 
#snavi li a:visited {
	white-space: nowrap;
	color: #C5E6F9;
}
#snavi li a:hover , 
#snavi li a:active {
	white-space: nowrap;
	color: #FFFFFF;
}
#snavi li a strong {
	color: #1A8CFF;
	font-weight: normal;
	margin:0 0;
	padding:1px 0;
}
#snavi li a span {
}
#snavi li a .snavi1 {
	background:url(../img/snavi1.gif) no-repeat left top;
	background-color:#FFFFFF;
	margin-left:-8px;
	margin-right:-8px;
}
#snavi li a .snavi2 {
	background:url(../img/snavi2.gif) no-repeat right top;
}
#snavi li a .snavi3 {
	background:url(../img/snavi3.gif) no-repeat right bottom;
}
#snavi li a .snavi4 {
	background:url(../img/snavi4.gif) no-repeat left bottom;
	padding-left:8px;
	padding-right:8px;
}

/*◆2-2　フォトラバナビ*/
#tbnavi {
	padding: 2px 0;
	background-color: #000000;
	width: 785px;
}
#tbnavi .box-title {
	position:absolute;
	left:-9999px;
}
#tbnavi ul { 
	width: 785px;
	margin: 0;
}
#tbnavi li {
	display: inline;
}
#tbnavi li a {
	display:block;
	padding:0 10px;
	float:left;
	line-height: 145%;
	white-space:nowrap;
}
#tbnavi li a:link ,
#tbnavi li a:visited {
	color: #0066FF;
}
#tbnavi li a:hover ,
#tbnavi li a:active {
	color: #FFFFFF;
}
#tbnavi li a .snavi1 {
	background:url(../img/tnavi1.gif) no-repeat left top;
	background-color:#FFFFFF;
	margin-left:-8px;
	margin-right:-8px;
}
#tbnavi li a .snavi2 {
	background:url(../img/tnavi2.gif) no-repeat right top;
}
#tbnavi li a .snavi3 {
	background:url(../img/tnavi3.gif) no-repeat right bottom;
}
#tbnavi li a .snavi4 {
	background:url(../img/tnavi4.gif) no-repeat left bottom;
	padding-left:8px;
	padding-right:8px;
}
#tbnavi li a span strong {
	color: #1A8CFF;
	font-weight: normal;
	margin:0 0;
	padding:1px 0;
}


/*
【3】　フォトフレーム

◆3-1　→box.css　3-1-1　フォトフレーム（新着フォト3カム5列用）

◆3-2　→box.css　3-1-2　フォトフレーム2（新着フォト＆テキスト）

◆3-3　フォトフレーム4　（ランキング・検索結果・新着ブログ）*/
.photo_frame4 {
	text-align : left;
}
.photo_frame4 .name_txt {
	width: 290px;
	float: right;
	font-weight: bold;
}
.photo_frame4 .name_txt h3 , 
.photo_frame4 .name_txt p {
	display:inline;
}
.photo_frame4 .comment_box2 {
	clear:both;
	width: 325px;
}
.photo_frame4 ol {
}
.photo_frame4 ol li {
	border: 1px solid #ccc;
	margin: 3px 1px 3px 1px;
	padding: 2px;
	display: block;
	width: 380px;
}
.photo_frame4 ol li img {
	border: 1px solid #ccc;
	display: block;
}
.photo_frame4 dl {
	float:right;
	width: 325px;
	min-height: 50px;
}
.ranking_number		{
	float : left;
	background : #333;
	width : 30px;
	height : 1.2em;
	color : #fff;
	font-weight : bold;
	text-align : center;
	line-height: 1.2em;
}

.photo_frame4 ul {
}
.photo_frame4 ul li {
	display:block;
	width: 564px;
	margin: 0 0 5px;
	border: 1px solid #ccc;
	padding: 5px;
}
.blog_title_search {
	height: 1.5em;
	font-weight: bold;
	text-align: left;
	float: left;
}
p.user_title {
	text-align: right;
	float:right;
}
.user_name{
	height: 1.5em;
	text-align: right;
	color: #333;
}
.colum_center2 .search-text {
	clear:both;
	width: 564px;
	overflow: hidden;
}
.photo_frame4 ul li.search-word {
	float:left;
	border: none;
	padding: 0 0 5px;
	margin: 0;
	width: 290px;
}
.photo_frame4 ul .search-word a {
	display:block;
	width:283px;
	margin:0px;
	border: 1px solid #ccc;
}