@charset "utf-8"; 

/*フォトログPH_3スクエア画像用テンプレート

【1】共通設定
◆1-1　要素初期化
◆1-2　共通クラス
◆2-1　ヘッダ
◆2-2　フッタ

【3】レイアウト(2カラム固定)
◆3-1　全体枠
◆3-2　コンテンツ
◆3-3　中段
◆3-4　サイド1(2カラム)
◆3-5　サイド左(3カラム)
◆3-6　サイド右(3カラム)
◆3-5　補助枠(3カラム)

【4】コンテンツ内
◆4-0　ブログ本体
◆4-1　記事部分
◆4-2　記事日付
◆4-3　記事タイトル
◆4-4　記事本文
◆4-5　記事追記
◆4-6　記事下部
◆4-7　ページメニュー
◆4-8　ページトップ

【5】 フォトログ関連

【6】コメント･TB関連
◆6-1　コメント投稿フォーム
◆6-2　トラックバック一覧
◆6-3　コメント一覧

【7】プラグイン設定
◆7-0　プラグイン共通
◆7-1　カレンダー
◆7-2　RSS
◆7-3　最近の記事
◆7-4　過去記事
◆7-5　カウンター
◆7-6　最近のコメント
◆7-7　最近のトラバ
◆7-8　お気に入り
◆7-9　ブログ内検索
◆7-10　QRコード
◆7-11　読者登録
◆7-12　プロフィール
◆7-13　オーナーメール
◆7-14　インフォメーション
◆7-15　カテゴリ
◆7-16　新規投稿
◆7-17　カスタム1
◆7-18　カスタム2
◆7-19　カスタム3
*/

/*【1】共通設定*/
/*◆1-1　要素初期化*/
* {
	font-family:Verdana, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
textarea , select , input {
}
body{
	margin:0px;
	padding:0px;
	color:#999;
	background:#E9E9E9 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;
	font-size: 62.5%;/*フォントサイズ初期化16px×62.5％＝10px */
	text-align: center;
}
img{
	border:none;
}
a:link , 
a:visited{color:#000;text-decoration:underline;}
a:active , 
a:hover{color:#000;text-decoration:none;}
h1 , h2 , h3 , p , ul , ol , li , dl , dt , dd , div , address , form {
	margin:0px;
	padding:0px;
	font-size:100%;
}
hr {display:none;}

/*◆1-2　共通クラス*/
.clear {
	clear:both;
	display:block;
	height:0;
	margin:0;
}

/*◆2-1　ヘッダ*/
#banner {}
.blogtitle{
	width:710px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	letter-spacing:2px;
	color:#000;
	padding:20px 0 0 20px;
	float:left;
}
.blogtitle a , 
.blogtitle a:link , 
.blogtitle a:visited{color:#000;text-decoration:none;}
.blogtitle a:hover , 
.blogtitle a:active {color:#000;text-decoration:underline;}

.description{
	width:710px;
	color:#999;
	font-size:12px;
	width:700px;
	text-align:left;
	letter-spacing:2px;
	padding:10px 0 0 20px;
	float:left;
}
/*カラーチェンジジャー*/
#style{
	width:170px;
	float:right;
	background:url(http://blog.osakazine.net/_img/ph/bg_btindex.gif) 0 0 no-repeat;
	padding:20px 0 0 0;
	margin:5px 0 0 0;
}
.btn img{
	margin:0 5px 0 0;
	cursor: pointer;
}
.ccblack{ background:#000 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccskyblue{ background:#BFEAEA url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccred{ background:#FF0000 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccyellow { background:#FFF200 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccblue{ background:#00AFD5 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccgreen{ background:#AFDF20 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccpink{ background:#FF2BCA url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccwhite{ background:#FFF url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}
.ccgray{ background:#E9E9E9 url(http://blog.osakazine.net/_img/ph/bg_body.gif) 0 0 repeat-y;}

/*◆2-2　フッタ*/
#footer{
	clear:both;
	padding:0 0 0 10px;
}
#copyright{
	height:1.5em;
	font-size:83.4%;
	font-weight:normal;
	color:#999;
	line-height:1.5em;
	text-align:left;
	font-style: normal;
}
/*【3】レイアウト(2カラム固定)*/
/*◆3-1　全体枠*/
#container{
	width:910px;
	margin:0;
	text-align:left;
	font-size:120%;
}
/*◆3-2　コンテンツ*/
#content{
	width:730px;
	float:left;
	line-height: 150%;
}
/*◆3-3　中段*/
#middle {
	margin:20px 0 0 0;
	padding: 0;
	height:1%;/*for IE6+7 ボックス関連バグ*/
}
html>/**/#middle {
	height:auto;/*for FF*/
}

/*◆3-4　サイド1*/
#links{
	width:170px;
	float:right;
	text-align:left;
	padding:0;
	overflow:hidden;
}
#links form{
	text-align:center;
}
#links .text{
	width:130px;
}

/*◆3-5　サイド2*/

/*【4】コンテンツ内*/
/*◆4-0　ブログ本体*/
.title_s { padding:0; margin:20px 0;}
#entry .title_s{ padding:0; margin:20px 0 20px 100px;}
.blog{
	margin:0 0 10px 10px;
	width: 720px;
}
#oz2p-740 .blog { /*フォトラバサムネイル時*/
	margin:0 0 10px 10px;
	width: 720px;

}
/*◆4-1　記事部分*/
.blogbody{
	margin:10px 0 50px 100px;
	padding:0;
	width: 600px;
}
/*◆4-2　記事日付*/
.date{
	width:600px;
	font-size:10px;
	letter-spacing:1px;
	padding:0 0 5px 0;
	margin:0 0 0 100px;
	line-height: 120%;
	font-weight:normal;
	border-bottom:#E9E9E9 solid 1px;
}


/*◆4-3　記事タイトル*/
.title{
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	padding: 0 0 0 10px;
	border-left:#000 solid 2px;
}
.title a:link , .title a:visited { text-decoration:none;}
.title a:hover , .title a:active { text-decoration:underline;}


/*◆4-4　記事本文*/
.main{
	font-size:12px;
	width:600px;
	overflow:auto;
	line-height:160%;
	margin:20px 0 0 0;
	padding:0;
}
.main img{
	margin:20px 0;

}
.main-continues{
}
/*記事本文リンク色*/
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}
/*「続きを読む」リンク色*/
a.acontinues {
	display:block;
}
a.acontinues:link , a.acontinues:visited {
	color: #000;
}
a.acontinues:active , a.acontinues:hover {
	color: #000;
}
/*◆4-5　記事追記*/
#more {}

/*◆4-6　記事下部*/
.tag_list{
	font-size:10px;
	padding:5px 0 0 0;
}
.posted{
	font-size:10px;
	text-align:right;
	margin:10px 0;
	padding:3px 0 0 0;
	border-top:#E9E9E9 solid 1px;
}
a.aposted{}
a.aposted:link , a.aposted:visited {}
a.aposted:hover , a.aposted:active {}
#archive .menu{
	color:#000;
	font-size:10px;
	text-align:right;
	margin:0 20px 0 0;
}
#top .menu{
	color:#000;
	font-size:10px;
	text-align:right;
	margin:0 20px 0 0;
}
#entry .menu{
	color:#000;
	font-size:10px;
	text-align:right;
	margin:0 ;
}
/*◆4-7　ページメニュー*/
a.amenu:link , a.amenu:visited {}
a.amenu:hover , a.amenu:active {}
/*◆4-8　ページトップ*/
.pagetop{
	font-size:10px;
	text-align:right;
	margin:10px 20px 25px 0;
}

/*【5】 フォトログ関連*/
#content div.photo{
	float:left;
	width: 148px;
	text-align: left;
	margin: 0 10px 10px 0;
	padding:9px 9px 19px 9px;
	border:#E9E9E9 solid 1px;
}
#content .photo img{
	display:block;
	height:150px;
	width:150px;
	margin: 0;
	background: #fff url(http://blog.osakazine.net/_img/ph/noimg.gif) 50% 50% no-repeat;
}
#content .photo h2.date{
	width:150px;
	font-size:10px;
	line-height:150%;
	height:1.5em;
	overflow:hidden;
	padding: 5px 0 0;
	border: 0;
	margin: 0;
}
#content .photo h3.title{
	width:150px;
	display:block;
	overflow:hidden;
	font-size:10px;
	margin: 0;
	padding: 0;
	border:none;
}
#content .photo .acontinues span {
	display:block;
	line-height:150%;
	height:1.5em;
	overflow:hidden;
	width: 150px;
	margin: 0;
	padding:0;
}

/*【6】コメント･TB関連*/
/*◆6-1　コメント投稿フォーム*/
table.form {
	margin:30px 0 0 0;
}
.form th {
	vertical-align:top;
	text-align: right;
	font-weight: normal;
}
label{
	font-size:12px;
}
#author{
	width:200px;
	border:1px solid #484848;
}
#email{
	width:200px;
	border:1px solid #484848;
}
#url{
	width:200px;
	border:1px solid #484848;
}
#text{ font-size:12px;
	width:400px;
	height:200px;
	border:1px solid #484848;
}
.form .button {
	margin:0 auto;
	display: block;
}

/*◆6-2　トラックバック一覧*/
#trackback {
	margin:5px 0 0;
	border-top:#E9E9E9 solid 1px;
	padding:20px 0 0 0;
}
.trackback-url{
	color:#999;
	font-size:14px;
	font-weight:bold;
	margin:0;
	width: 588px;
	border-left:#000 solid 2px;
	padding:0 0 0 10px;
}
.trackback-title{
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	width: 588px;
	border-left:#000 solid 2px;
	padding:0 0 10px 10px;
	margin:30px 0 0 0;
}
.trackback-body{
	line-height:135%;
	font-size:12px;
	margin:0;
	width: 548px;
	border-left:#000 solid 2px;
	padding:0 0 10px 50px;
}
.trackback-post{
	color:#000;
	font-size:10px;
	text-align:right;
	margin:0;
	width: 548px;
	border-left:#000 solid 2px;
	padding:0 0 30px 50px;
}
a.atrackback-post:link , 
a.atrackback-post:visited {text-decoration:underline;font-weight:normal;}
a.atrackback-post:hover , 
a.atrackback-post:active {text-decoration:none;font-weight:normal;}
/*◆6-3　コメント一覧*/
#comments {
	margin:15px 0 0;
}
.comments-head{
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	width: 588px;
	border-left:#000 solid 2px;
	padding:0 0 10px 10px;
	margin:30px 0 0 0;
}
.comments-body{
	line-height:135%;
	font-size:12px;
	margin:0;
	width: 548px;
	border-left:#000 solid 2px;
	padding:0 0 10px 50px;
}
.comments-post{
	color:#000;
	font-size:10px;
	text-align:right;
	margin:0 ;
	width: 548px;
	border-left:#000 solid 2px;
	padding:0 0 30px 50px;
}

/*【7】プラグイン設定*/
/*◆7-0　プラグイン共通*/
.sidetitle{
	color:#000;
	font-weight:bold;
	background: #fff url(http://blog.osakazine.net/_img/ph/bg_sidetitle.gif) 10px 11px no-repeat;
	font-size:12px;
	letter-spacing:2px;
	padding:10px 10px 10px 18px;
}
.side{
	background:#fff;
	font-size:12px;
	line-height:140%;
	margin:0 0 20px 0;
	padding:0 10px 10px ;
}
.sidebody{
	padding:3px 0 0 0;
}
/*サイドリンク色*/
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}
/*◆7-1　カレンダー*/
.calender{
	font-size:10px;
	background:#fff;
	margin:0 0 20px 0;
	padding:5px 0;
}
.calendarhead{
	color:#000;
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
	padding:3px 0px 3px 0px;
}
.calendartable{ /*カレンダーテーブル*/
	margin:auto;
	width:160px;
	text-align:center;
	empty-cells:show;
}
* html .calendartable 
{ /*IE6のボーダー間隔を接着*/
}
*+html .calendartable 
{ /*IE7のボーダー間隔を接着*/
}
.calendarweek{ /*曜日(文字)*/
	font-size:10px;
	font-weight: bold;
}
.calendarwd{ /*曜日(セル)*/
	line-height: 130%;
}
.calendard{ /*日付(セル)*/
	border-bottom:1px solid #E9E9E9;
	border-left:1px solid #E9E9E9;
	line-height: 130%;
}
.calendartable a:link , .calendartable a:visited{}
 .calendartable a:hover , .calendartable a:active {}
/*
sat {}　土曜セル
sun {}　日曜セル
today {}　今日セル
*/

/*◆7-2　RSS*/
.rss{
	padding:10px;
	background:#fff;
	margin:0 0 20px 0;
}
.rss ul {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}
.rss ul li{
	border-right:#000 1px solid;
	display:inline;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.2px;
	margin-right:0.3em;
	padding-right:0.5em;
	padding-left:0.2em;
}
.rss ul a:link , 
.rss ul a:visited{
	color:#000;
	text-decoration:none;
}
.rss ul a:hover ,
.rss ul a:active{
	color:#999;
	text-decoration:none;
}
/*◆7-3　最近の記事*/
.recententry {}
/*◆7-4　過去記事*/
.archives {}
/*◆7-5　カウンター*/
.counter {}
/*◆7-6　最近のコメント*/
.comment {}
/*◆7-7　最近のトラバ*/
.trackback {}
/*◆7-8　お気に入り*/
.link {}
/*◆7-9　ブログ内検索*/
.search {}
/*◆7-10　QRコード*/
.qrcode {}
/*◆7-11　読者登録*/
.subscription {}
.subscription .sidebody{
	font-size:10px;
}
/*◆7-12　プロフィール*/
.profile {}
.profile .photo{
	text-align:center;
	overflow:hidden;
}
.profile .photo img{
	display:block;
	max-width:150px;
	margin:0 auto;
}
.nickname{
	color:#000;
	font-weight:bold;
	text-align:center;
	margin:10px 0px;
}
.message{
	font-size:10px;
}
/*◆7-13　オーナーメール*/
.inquiry {}
/*◆7-14　インフォメーション*/
.ad {}
/*◆7-15　カテゴリ*/
.category {}
/*◆7-16　新規投稿*/
.blog_entry {}
.blog_entry .sidebody{
	font-size:10px;
}
/*◆7-17　カスタム1*/
.custom1 {}
/*◆7-18　カスタム2*/
.custom2 {}
/*◆7-19　カスタム3*/
.custom3 {}


