@charset "utf-8";

/*
フォトラバページ内
ボックスCSS


【1】メイン
1-m0 フォトラバ共通
1-m1 フォトラバのカテゴリ						#ptbcategory
1-m2 トラックバック一覧							#ptblist
 1-m3 新着トラックバック一覧(トップ)			.indexptb #ptblist
 1-m4 新着トラックバック一覧(カテゴリ)			.ptbcategory #ptblist
 1-m5 トラックバック一覧(テーマ画像順＋記事順)	#ptblist
 1-m6 トラックバック一覧(テーマ記事順)			.ptbtopic0 #ptblist
1-m7 フォトラバテーマ一覧						#ptbtheme
 1-m8 フォトラバテーマ一覧(本文と画像)			.category0 #ptbtheme
 1-m9 フォトラバテーマ一覧(タイトルと画像)		.category1 #ptbtheme
 1-m10 フォトラバテーマ一覧(タイトルのみ)		.category2 #ptbtheme
1-m11 フォトラバテーマ詳細説明					#ptbtopic
1-m12 フォトラバプラグイン						#ptbplugin

【2】サイド
2-s1 フォトラバテーマ検索					#ptbsearch
2-s2 フォトラバランキング					#ptbrank
2-s3 新着フォトラバテーマ					#ptbnewtheme
2-s4 フォトラバカテゴリ						#ptbcatlist

 ※ 数字の前の略語
　m ･･ メイン枠内(2･3カラム共通)
　c ･･ センター枠内(3カラムのメイン枠)
　s ･･ サイド内(2･3カラム共通)
　l ･･ 左サイド内(2･3カラム共通)
　r ･･ 右サイド内(3カラムのみ)

各ボックス内に主に以下のセレクタを追加でほぼ対応可能
.title {}
.content {}
.unit {}
.comment {}
.more {}
.sw {}
.bt {}
.photoframe {}


【各ページ固有クラス名】
※ body又はページ全体を囲むdiv要素に命名

フォトラバトップ	.indexptb
フォトラバカテゴリ	.ptbcategory
├本文と画像		.category0
├タイトルと画像	.category1
└タイトルのみ		.category2
フォトラバテーマ	.ptbtopic
├記事順			.ptbtopic0
└画像順			.ptbtopic1

*/



/*【1】メイン*/

/* 1-m0 フォトラバ共通*/
/*パンくず関連*/
#pan h1 a {
	padding:0;
	background:none;
}
#pan .ico {
	margin:0 6px 0 2px;
}

/*ボックス内共通*/

/*フォトラバ共通フォトフレーム*/
.photoframe {}
.photoframe li {
	width: 104px;
	margin: 0 2px 5px 0;
	border: 1px solid #ccc;
	padding: 0 0 3px;
}
.photoframe img {
	border: 1px solid #ccc;
	margin: 2px auto 0;
	width: 96px;
	height: 96px;
}
.photoframe span {
	background-color: #efefef;
	margin: 2px 3px 0;
	padding: 2px 0;
}




/*1-m1 フォトラバのカテゴリ*/
#ptbcategory {
	background:url(../img/bg/bg_round653.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbcategory .title {}
#ptbcategory .content {
	padding: 5px 0 5px 5px;
}
#ptbcategory ul {}
#ptbcategory li {
	width: 316px;
	display: inline;
	float: left;
	border: 1px solid #ccc;
	margin: 0 5px 2px 0;
}
#ptbcategory h3 {
	text-align: center;
	padding: 0 0 0;
	margin: 1px 1px 1px 1px;
}
#ptbcategory h3 img {
	width: 51px;
	height: 38px;
	float: left;
	display: block;
	border: 1px solid #ccc;
	margin: 0 0 1px;
}
#ptbcategory h3 span {
	display: block;
	background-color: #efefef;
	margin: 0 0 0 54px;
}
#ptbcategory li ul {
	height: 1.5em;
	overflow: hidden;
	text-indent: 5px;
}
#ptbcategory li li {
	float: none;
	border: none;
	width: auto;
}

#ptbcategory .unit {}
#ptbcategory .comment {}
#ptbcategory .more {}

/*1-m2 トラックバック一覧*/
#ptblist {
	background:url(../img/bg/bg_round653.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptblist .title {}
#ptblist .content {}
#ptblist .unit {}
#ptblist .comment {}
#ptblist .more {}
#ptblist .sw {}
#ptblist .bt {}
#ptblist .photoframe {}

/* 1-m3 新着トラックバック一覧(トップ)*/
.indexptb #ptblist {
	clear: both;
}
.indexptb #ptblist .title {}
.indexptb #ptblist .content {
	padding: 5px 0 5px 3px;
}
.indexptb #ptblist .unit {}
.indexptb #ptblist .comment {}
.indexptb #ptblist .more {}
.indexptb #ptblist .sw {}
.indexptb #ptblist .bt {}
.indexptb #ptblist .photoframe {}
.indexptb #ptblist .photoframe li {
}
.indexptb #ptblist .photoframe img {
}
.indexptb #ptblist .photoframe span {
}
.indexptb #ptblist .photoframe {}
.indexptb #ptblist .photoframe {}

/* 1-m4 新着トラックバック一覧(カテゴリ)*/
.ptbcategory #ptblist {}
.ptbcategory #ptblist .title {}
.ptbcategory #ptblist .content {
	padding: 5px 0 5px 3px;
}
.ptbcategory #ptblist .unit {}
.ptbcategory #ptblist .comment {}
.ptbcategory #ptblist .more {}
.ptbcategory #ptblist .sw {}
.ptbcategory #ptblist .bt {}
.ptbcategory #ptblist .photoframe {}

/* 1-m5 トラックバック一覧(テーマ 記事順＋画像順)*/
.ptbtopic #ptblist {}
.ptbtopic #ptblist .title {}
.ptbtopic #ptblist .content {
	background:url(../img/bg/bg_ptbcontent.jpg) no-repeat 0 0;
	padding: 5px 0 5px 3px;
}
.ptbtopic #ptblist .unit {}
.ptbtopic #ptblist .comment {}
.ptbtopic #ptblist .more {
	clear: both;
	margin: 17px 5px 0 0;
}
.ptbtopic #ptblist .sw {
	margin: 5px 5px 0 0;
	text-align: right;
	font-size:10px;
}
.ptbtopic #ptblist .bt {
	float: left;
	margin: 0;
}
.ptbtopic #ptblist .photoframe {}


/* 1-m6 トラックバック一覧(テーマ記事順)*/
.ptbtopic0 #ptblist {}
.ptbtopic0 #ptblist .title {}
.ptbtopic0 #ptblist .content {
	padding: 5px 0 5px 3px;
}
.ptbtopic0 #ptblist .unit {}
.ptbtopic0 #ptblist .comment {}
.ptbtopic0 #ptblist .more {
}
.ptbtopic0 #ptblist .sw {
	margin: 0;
}
.ptbtopic0 #ptblist .bt {}
.ptbtopic0 #ptblist .photoframe {}
.ptbtopic0 #ptblist li {
	padding: 2px;
	border: 1px solid #ccc;
	margin: 0 0 3px;
}
.ptbtopic0 #ptblist h3 {
	font-weight: bold;
}
.ptbtopic0 #ptblist h3 img {
	float: left;
	border: 1px solid #ccc;
}
.ptbtopic0 #ptblist h3 span {
	margin: 0 0 0 100px;
	display: block;
	background-color: #efefef;
	padding: 1px 10px;
}
.ptbtopic0 #ptblist li p {
	margin: 0 0 0 110px;
}

/*1-m7 フォトラバテーマ一覧*/
#ptbtheme {
	background:url(../img/bg/bg_round653.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbtheme .title {}
#ptbtheme .content {}
#ptbtheme .unit {}
#ptbtheme .comment {
	text-align: right;
}
#ptbtheme .more {
	padding:0 5px 0 0;
}
#ptbtheme .sw {
	text-align: right;
	font-size: 0.84em;
	padding:0 5px 0 0;
}
#ptbtheme .bt {
	text-align: left;
	margin-bottom:10px;
}
#ptbtheme .bt p {
	display:inline;
	font-size: 10px;
}
#ptbtheme li {}
#ptbtheme h3 {
	font-weight: bold;
}
#ptbtheme h3 a {}
#ptbtheme h3 img {}
#ptbtheme li p {}

/* 1-m8 フォトラバテーマ一覧(本文と画像)*/
.category0 #ptbtheme {}
.category0 #ptbtheme .title {}
.category0 #ptbtheme .content {
	padding: 5px 0 5px 3px;
	background:url(../img/bg/bg_ptbcontent.jpg) no-repeat 0 0;
}
.category0 #ptbtheme .unit {}
.category0 #ptbtheme .comment {}
.category0 #ptbtheme .more {}
.category0 #ptbtheme .sw {}
.category0 #ptbtheme .bt {}
.category0 #ptbtheme .photoframe {}
.category0 #ptbtheme li {
	border: 1px solid #ccc;
	margin: 0 0 5px;
	padding: 3px;
}
.category0 #ptbtheme h3 {}
.category0 #ptbtheme h3 a {}
.category0 #ptbtheme h3 span {
	display: block;
	background-color: #efefef;
	margin: 0 0 0 102px;
	padding: 0 0 0 5px;
}
.category0 #ptbtheme h3 img {
	float: left;
	border: 1px solid #ccc;
}
.category0 #ptbtheme li p {
	margin: 0 0 0 107px;
}

/* 1-m9 フォトラバテーマ一覧(タイトルと画像)*/
.category1 #ptbtheme {}
.category1 #ptbtheme .title {}
.category1 #ptbtheme .content {
	padding: 5px 0 5px 3px;
	background:url(../img/bg/bg_ptbcontent.jpg) no-repeat 0 0;
}
.category1 #ptbtheme .unit {}
.category1 #ptbtheme .comment {}
.category1 #ptbtheme .more {
}
.category1 #ptbtheme .sw {
}
.category1 #ptbtheme .bt {}
.category1 #ptbtheme .photoframe {}
.category1 #ptbtheme .photoframe h3 { font-weight:normal;}

/* 1-m10 フォトラバテーマ一覧(タイトルのみ)*/
.category2 #ptbtheme {}
.category2 #ptbtheme .title {}
.category2 #ptbtheme .content {
	padding: 1px 5px 5px;
	background:url(../img/bg/bg_ptbcontent.jpg) no-repeat 0 0;
}
.category2 #ptbtheme .unit {}
.category2 #ptbtheme .comment {}
.category2 #ptbtheme .more {}
.category2 #ptbtheme .sw {}
.category2 #ptbtheme .bt {}
.category2 #ptbtheme .photoframe {}
.category2 #ptbtheme li {
	margin: 0 0 3px;
}
.category2 #ptbtheme h3 {
	background-color: #efefef;
	padding: 5px;
}

/*1-m11 フォトラバテーマ詳細説明*/
#ptbtopic {
	background:url(../img/bg/bg_round653.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbtopic .title {}
#ptbtopic .content {
	padding: 1px 5px 5px;
}
#ptbtopic .unit {
	width: 208px;
	float: left;
	background-color: #FFFFFF;
}
#ptbtopic .unit img {
	border:1px solid #ccc;
}
#ptbtopic .comment {
	border-bottom: 1px dashed #999;
	padding: 0 5px;
}
#ptbtopic .more {}
#ptbtopic .sw {
	font-size: 0.84em;
}
#ptbtopic .bt {}

/*1-m12 フォトラバプラグイン*/
#ptbplugin {
	background:url(../img/bg/bg_round653.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbplugin .title {}
#ptbplugin .content {
	padding: 5px 0 5px 3px;
}
#ptbplugin .unit {}
#ptbplugin .comment {}
#ptbplugin .more {}
#ptbplugin .sw {}
#ptbplugin .bt {}
#ptbplugin .photoframe {}
#ptbplugin li {
	margin: 0 0 10px;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 10px;
}
#ptbplugin h3 {}
#ptbplugin h3 .unit {
	text-align:center;
	float: left;
	width: 100px;
	margin: 0;
}
#ptbplugin h3 .unit img { margin:0 auto;}
#ptbplugin h3 span {
	margin: 0 0 0 110px;
	display: block;
}
#ptbplugin li p {	margin: 0 0 0 110px;}


/*【2】サイド*/
/*2-s1 フォトラバテーマ検索*/
#ptbsearch {
	background:url(../img/bg/bg_round200.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbsearch .title {}
#ptbsearch .content {}
#ptbsearch .unit {}
#ptbsearch .comment {}
#ptbsearch .more {}
#ptbsearch .sw {}
#ptbsearch .bt {
	margin: 0;
}
#ptbsearch p {
	margin:0 0 0;
}

/*2-s2 フォトラバランキング*/
#ptbrank {
	background:url(../img/bg/bg_round200.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbrank .title {}
#ptbrank .content {}
#ptbrank .unit {}
#ptbrank .comment {}
#ptbrank .more {}
#ptbrank .sw {}
#ptbrank .bt {}

/*2-s3 新着フォトラバテーマ*/
#ptbnewtheme {
	background:url(../img/bg/bg_round200.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbnewtheme .title {}
#ptbnewtheme .content {}
#ptbnewtheme .unit {}
#ptbnewtheme .comment {}
#ptbnewtheme .more {}
#ptbnewtheme .sw {}
#ptbnewtheme .bt {}

/*2-s4 フォトラバカテゴリ*/
#ptbcatlist {
	background:url(../img/bg/bg_round200.gif) no-repeat 0 bottom;
	padding: 0 0 3px; 0;
}
#ptbcatlist .title {}
#ptbcatlist .content {}
#ptbcatlist .unit {}
#ptbcatlist .comment {}
#ptbcatlist .more {}
#ptbcatlist .sw {}
#ptbcatlist .bt {}
#ptbcatlist ul {}
#ptbcatlist li {}
#ptbcatlist .li1 {}
#ptbcatlist .li2 {
	padding: 0 0 0 10px;
}
#ptbcatlist .li3 {
	padding: 0 0 0 20px;
}
#ptbcatlist .content .content {
	border:none;
}