@charset "utf-8";



/*

フォトラバページ内

ボックスCSS

div {

	border:1px solid red;

}



【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;
}



/*ボックス内共通*/

.content {
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 3px;
}



/*フォトラバ共通フォトフレーム*/

.photoframe {}

/*clearfix*/

.photoframe {
    zoom:1;/*for IE 5.5-7*/
}

.photoframe:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.photoframe li {
/*ワイドサイズ(S)*/
	width: 106px;
	margin: 0 2px 5px 0;
/*ワイドサイズ(E)*/
	float: left;
	border: 1px solid #ccc;
	padding: 0 0 2px;
	text-align: center;
	line-height: 1em;
}

.photoframe h3 {
	margin: 0;
	font-size: 1em;
}
.photoframe img {
	border: 1px solid #ccc;
/*ワイドサイズ(S)*/
	width: 100px;
	height: 100px;
	margin: 2px auto 0px;
/*ワイドサイズ(E)*/
}

.photoframe span {
	display: block;
	background-color: #efefef;
	margin: 0 2px 0;
	padding: 4px 0;
}


/*1-m1 フォトラバのカテゴリ*/

#ptbcategory {}

#ptbkuchikomi {}

#ptbkuchikomi .title {
	background: url(../img/title/center_title773_1.jpg) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 14px;
	height: 35px;
	color: #FFF;
	margin: 0;
}

#ptbkuchikomi h3 {
	font-weight: bold;
	padding-top: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#ptbkuchikomi p {
	vertical-align: top;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
}



#ptbcategory .title {
	background: url(../img/title/center_title773_1.jpg) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 14px;
	height: 35px;
	color: #FFF;
	margin: 0;
}

#ptbbest .content {
	padding: 5px 0 5px 4px;
}


#ptbcategory .content {
	padding: 5px 0 5px 4px;
}



#ptbcategory ul {}



#ptbcategory li {
	/*ワイドサイズ(S)*/
	width: 378px;
	/*ワイドサイズ(E)*/
	display: inline;
	float: left;
	border: 1px solid #ccc;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 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 {}

#ptblist .title {
	background: url("../img/title/center_title773_2.jpg") no-repeat left top;
	height: 35px;
	padding-top: 10px;
	padding-bottom: 0;
}

#ptblist .content {}

#ptblist .unit {}

#ptblist .comment {}

#ptblist .more {
	clear: both;
	text-align: right;
}

#ptblist .sw {
	float: right;
}
#ptblist .sw a {
	border-right: 2px solid #ccc;
	padding-right:5px;
}

#ptblist .bt {	float: left;}

#ptblist .photoframe {}
}



/* 1-m3 新着トラックバック一覧(トップ)*/

.indexptb #ptblist {}

.indexptb #ptblist .title {
	font-size: 14px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indexptb #ptblist .content {
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-top: 5px;
}

.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 {}



/* 1-m4 新着トラックバック一覧(カテゴリ)*/

.ptbcategory #ptblist {}

.ptbcategory #ptblist .title {
	padding-top: 10px;
	font-size: 14px;
	background: url("../img/title/center_title773_2.jpg") no-repeat left top;
	margin-top: 5px;
	margin-bottom: 0px;
}

.ptbcategory #ptblist .content {}

.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 {
	font-size: 14px;
}

.ptbtopic #ptblist .content {}

.ptbtopic #ptblist .unit {}

.ptbtopic #ptblist .comment {}

.ptbtopic #ptblist .more {
	clear: both;
	margin: 0 5px 0 0;
}

.ptbtopic #ptblist .sw {
	margin: 0 5px 0 0;
	text-align: right;
}

.ptbtopic #ptblist .bt {
	float: left;
	margin: 0;
}

.ptbtopic #ptblist .photoframe {}


/* 1-m6 トラックバック一覧(テーマ記事順)*/

.ptbtopic0 #ptblist {}

.ptbtopic0 #ptblist .title {}

.ptbtopic0 #ptblist .content {
	padding: 1px 5px 5px 5px;
}

.ptbtopic0 #ptblist .unit {}

.ptbtopic0 #ptblist .comment {}

.ptbtopic0 #ptblist .more {
	margin: 0;
}

.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;
	margin: 0;
}

.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: 5px 0 0 110px;
}



/*1-m7 フォトラバテーマ一覧*/

#ptbtheme {}

#ptbtheme .title {
	background: url(../img/title/center_title773_1.jpg) no-repeat left top;
	height: 35px;
	margin: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #FFF;
}

#ptbtheme .content {}

#ptbtheme .unit {}

#ptbtheme .comment {

	text-align: right;

}

#ptbtheme .more {
	text-align: right;
}

#ptbtheme .sw {
	text-align: right;
	font-size: 0.84em;
}
#ptbtheme .sw a {
	border-right: 1px solid #ccc;
	padding-right: 5px;
}

#ptbtheme .bt {
	text-align: left;
}

#ptbtheme .bt p {
	display:inline;
}
#ptbtheme .bt p a {
	border-right: 1px solid #ccc;
	padding-right: 5px;
}

#ptbtheme li {}

#ptbtheme h3 {
	font-weight: bold;
	margin:0 ;
}

#ptbtheme h3 a {}

#ptbtheme h3 img {}

#ptbtheme li p {}



/* 1-m8 フォトラバテーマ一覧(本文と画像)*/

.category0 #ptbtheme {}

.category0 #ptbtheme .title {}

.category0 #ptbtheme .content {
	padding: 1px 5px 5px;
}

.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: 5px 0 5px 107px;
}



/* 1-m9 フォトラバテーマ一覧(タイトルと画像)*/

.category1 #ptbtheme {}

.category1 #ptbtheme .title {}

.category1 #ptbtheme .content {}

.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 {}

.category2 #ptbtheme .unit {}

.category2 #ptbtheme .comment {}

.category2 #ptbtheme .more {}

.category2 #ptbtheme .sw {}

.category2 #ptbtheme .bt {}

.category2 #ptbtheme .photoframe {}

.category2 #ptbtheme li {}

.category2 #ptbtheme h3 {
	background: #eee;
	border-left: 5px solid #c00;
	margin: 2px;
	font-size: 1em;
}
.category2 #ptbtheme h3 a {
	display: block;
	padding: 5px;
}
.category2 #ptbtheme h3 a:hover{
	background: #fec;
}


/*1-m11 フォトラバテーマ詳細説明*/

#ptbtopic {

}

#ptbtopic .title {
	background: url(../img/title/center_title773_1.jpg) no-repeat left top;
	height: 35px;
	font-size: 14px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
}

#ptbtopic .content {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 1px;
}

#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 {}

#ptbplugin .title {
	background: url("../img/title/center_title773_2.jpg") no-repeat left top;
	height: 35px;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
}

#ptbplugin .content {
	padding: 1px 5px 5px;
}

#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 {}

#ptbsearch .title {}

#ptbsearch .content {

	background-color: #eef9f7;

	background-image: url(../img/bg/bg_serch.gif);

}

#ptbsearch .unit {}

#ptbsearch .comment {}

#ptbsearch .more {}

#ptbsearch .sw {}

#ptbsearch .bt {

	margin: 0;

}

#ptbsearch p {

	margin:0 0 0;

}



/*2-s2 フォトラバランキング*/

#ptbrank {}

#ptbrank .title {}

#ptbrank .content {

	padding: 5px 0 5px 3px;

}

#ptbrank li {

	padding:0px 0px 3px 0px;

}

#ptbrank .unit {}

#ptbrank .comment {}

#ptbrank .more {}

#ptbrank .sw {

	background		: url(../img/title/aim_green.gif) no-repeat 0 0.4em;

	margin			: 0px;

	padding			: 0px 0px 5px 16px;

}

#ptbrank .bt {}



/*2-s3 新着フォトラバテーマ*/

#ptbnewtheme {}

#ptbnewtheme .title {}

#ptbnewtheme .content {

	padding: 5px 0 5px 3px;

}

#ptbnewtheme li {
	background		: url("../img/title/aim_green.gif") no-repeat 0 0.4em;
	margin			: 0px;
	padding			: 0px 0px 3px 16px;
}

#ptbnewtheme .unit {}

#ptbnewtheme .comment {}

#ptbnewtheme .more {}

#ptbnewtheme .sw {}

#ptbnewtheme .bt {}



/*2-s4 フォトラバカテゴリ*/

#ptbcatlist {}

#ptbcatlist .title {}

#ptbcatlist .content {}

#ptbcatlist .unit {}

#ptbcatlist .comment {}

#ptbcatlist .more {}

#ptbcatlist .sw {}

#ptbcatlist .bt {}

#ptbcatlist ul {}

#ptbcatlist li {
	padding: 0 0 3px;
}

#ptbcatlist .li1 {
	padding: 0;
}
#ptbcatlist .li1 strong {
	padding-left: 16px;
	background: url("../img/title/aim_gray.gif") no-repeat left 0.2em;
}
#ptbcatlist .li1 a {
	padding-left: 16px;
	background: url("../img/title/aim_green.gif") no-repeat left 0.2em;
}

#ptbcatlist .li2 {
	padding-left: 10px;
}
#ptbcatlist .li2 strong {
	padding-left: 16px;
	background: url("../img/title/aim_gray.gif") no-repeat left 0.2em;
}
#ptbcatlist .li2 a {
	padding-left: 16px;
	background: url("../img/title/aim_green.gif") no-repeat left 0.2em;
}

#ptbcatlist .li3 {
	padding-left: 20px;
}
#ptbcatlist .li3 strong {
	padding-left: 16px;
	background: url("../img/title/aim_gray.gif") no-repeat left 0.2em;
}
#ptbcatlist .li3 a {
	padding-left: 16px;
	background: url("../img/title/aim_green.gif") no-repeat left 0.2em;
}

#ptbcatlist .ico {
	margin: 0 2px 0 0;
}

/*2-s5 フォトラバヘルプ*/

#ptbhelp {}

#ptbhelp .content {
	padding:5px 0 5px 3px;
}