@charset "utf-8"; 

/*オオサカジン
staffblog

【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　ページトップ

【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:#666;
	background:#FFF;
	text-align:center;
	font-size: 62.5%;/*フォントサイズ初期化16px×62.5％＝10px */
}
img{
	border:none;
}
a:link , 
a:visited{color:#666;text-decoration:underline;}
a:active , 
a:hover{color:#666;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;}
li {list-style:none;}
/*◆1-2　共通クラス*/
.clear {
	clear:both;
	display:block;
	height:0;
	margin:0;
}

/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}

/*1-3 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }

/*◆2-0　top*/
#top {}
#logo {
	width:200px;
	float:left;
	height:35px;
	background:url(http://blog.osakazine.net/_img/staffosakazine/im_logo.gif) no-repeat 0 0;
	margin:0;
	padding:0;
}

.tmenu {
	float:right;
}

.tmenu #staffnavi {
	float:left;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_staffbloglink.gif) no-repeat 0 0;
	padding:0 0 0 40px;
}

.tmenu #staffnavi li {
	width:35px;
	float:left;
}
/*.tmenu #staffnavi li a {
	display:block;
	width:35px;
	height:35px;
	background-repeat:no-repeat;
	background-position:0 0;
}*/
.tmenu #staffnavi li img {
	vertical-align:bottom;
}
.tmenu #official {
	width:120px;
	float:left;
	margin:0;
}
.tmenu #official a {
	display:block;
	width:120px;
	height:35px;
	background-image:url(http://blog.osakazine.net/_img/staffosakazine/btn_jline_official.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.tmenu #official a:link,.tmenu #official a:visited {background-position:0 0;}
.tmenu #official a:hover,.tmenu #official a:active {background-position:0 -35px;}
/*◆2-1　ヘッダ*/
#banner {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_banner.jpg) no-repeat 0 0;
	height:230px;
	padding:0 0 0 17px;
	margin:0 0 10px;
}
.blogtitle {
	font-size:150%;
	padding:20px 0;
}
.blogtitle a {} 
.blogtitle a:link , 
.blogtitle a:visited{text-decoration:none;}
.blogtitle a:hover , 
.blogtitle a:active {text-decoration:underline;}
.description{
	font-size:83.4%;
}

/*◆2-2　フッタ*/
#footer{
	clear:both;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_middle.gif) repeat-y 0 0;
	padding:0 0 0.5em;
}
#copyright{
	width:610px;
	border-top:#3C4039 solid 1px;
	color:#3C4039;
	font-size:83.4%;
	line-height:150%;
	text-align:right;
	font-style: normal;
	margin:0 0 0 210px;
}
/*【3】レイアウト(2カラム固定)*/
/*◆3-1　全体枠*/
#container{
	width:820px;
	background-color:#ffffff;
	margin:0px auto;
	text-align:left;
	font-size:120%;
}
/*◆3-2　コンテンツ*/
#content{
	width:610px;
	float:right;
	line-height: 150%;
}
/*◆3-3　中段*/
#middle {
	padding:0;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_middle.gif) repeat-y 0 0;
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #middle {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #middle {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #middle {display: inline-table;}
    /**/
  #middle:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }


/*◆3-4　サイド1*/
#links{
	width:200px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px; 
	overflow:hidden;
}
/*◆3-5　サイド2*/

/*【4】コンテンツ内*/
/*◆4-0　ブログ本体*/
.blog{
	width:610px;
}
/*◆4-1　記事部分*/
.blogbody{
	width: 610px;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_blogbody.gif) no-repeat 0 0;
	padding:3px 0 0 0;
	margin:0px 0px 35px 0px;
	
}
/*◆4-2　記事日付*/
.date{
	background:#bbc0b8 url(http://blog.osakazine.net/_img/staffosakazine/bg_date.gif) no-repeat 0 50%;
	border-bottom:#fff solid 1px;
	padding:0.5em 0 0.5em 86px;
	color:#fff;
	letter-spacing:0px;
	font-weight:normal;
	line-height: 100%;
	font-size:92%;
}


/*◆4-3　記事タイトル*/
.title{
	background:#bbc0b8 url(http://blog.osakazine.net/_img/staffosakazine/bg_title.gif) no-repeat 0 50%;
	padding:0.5em 0 0.5em 86px;
	margin:0 0 25px;
	color:#fff;
	font-weight:normal;
	line-height:120%;
}
.title a:link , .title a:visited {color:#fff;text-decoration:underline;}
.title a:hover , .title a:active {color:#fff;text-decoration:none;}


/*◆4-4　記事本文*/
.main{
	width:520px;
	margin:0 0 0 83px;
	padding:0 0 5px;
	overflow:auto;
	line-height:135%;
}
.main img{
	margin:0px 5px 5px 0px;
}
.main-continues{
}
/*記事本文リンク色*/
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}
/*「続きを読む」リンク色*/
a.acontinues:link , a.acontinues:visited {}
a.acontinues:hover , a.acontinues:active {}
/*◆4-5　記事追記*/
#more {}

/*◆4-6　記事下部*/
.posted{
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_posted.gif) repeat-x 0 0;
	color:#858E80;
	font-size:83.4%;
	padding:8px 0 0 0;
	text-align:right;
	margin:30px 0px 8px 0px;
}
a.aposted{color:#858E80;}
a.aposted:link , a.aposted:visited {color:#858E80;}
a.aposted:hover , a.aposted:active {color:#858E80;}
.menu{
	color:#000;
	text-align:right;
	font-size:83.4%;
	margin:0 0 20px;
}
.menu a.amenu {
	padding:0 0 0 1.0em;
}
/*◆4-7　ページメニュー*/
.menu a.amenu:link ,.menu a.amenu:visited {color:#000;}
.menu a.amenu:hover ,.menu a.amenu:active {color:#000;}
/*◆4-8　ページトップ*/
.pagetop{
	text-align:right;
	margin:0px 0px 25px 0px;
}

/*【6】コメント･TB関連*/
/*◆6-1　コメント投稿フォーム*/
table.form {
	margin:25px 0px 0px 80px;
}
.form th {
	vertical-align:top;
	text-align:right;
	font-weight: normal;
	color:#858E80;
	font-size:10px;
}
label{}
#author{
	width:250px;
	font-size:117%;
	padding:3px 0;
	border:1px solid #BBC0B8;
}
#email{
	width:250px;
	font-size:117%;
	padding:3px 0;
	border:1px solid #BBC0B8;
}
#url{
	width:250px;
	font-size:117%;
	padding:3px 0;
	border:1px solid #BBC0B8;
}
#text{ 
	font-size:14px;
	width:400px;
	height:200px;
	border:1px solid #BBC0B8;
}
.form .button {}

/*◆6-2　トラックバック一覧*/
#trackback {
	margin:15px 0 0;
}
.trackback-url{
	color:#000;
	margin:0;
	background-color:#F3F3F2;
	padding:4px 10px;
	margin:25px 0 50px 30px;
}
.trackback-title{
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_trackback-title.gif) no-repeat 0 0;
	height:17px;
	font-weight:bold;
	line-height:150%;
	text-indent:-9999px;
}
.trackback-head{
	height:17px;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_trackback-head.gif) no-repeat 0 0;
	font-weight:bold;
	line-height:150%;
	text-indent:-9999px;
}
.trackback-body{
	line-height:135%;
	margin:20px 0px 15px 30px;
}
.trackback-post{
	color:#858E80;
	text-align:right;
	margin:0px 0px 25px 30px;
	font-size:83.4%;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_posted.gif) repeat-x 0 0;
	padding:3px 0 0 0;
}
a.atrackback-post:link , 
a.atrackback-post:visited {color:#858E80;text-decoration:underline;}
a.atrackback-post:hover , 
a.atrackback-post:active {color:#858E80;text-decoration:none;}
/*◆6-3　コメント一覧*/
#comments {
	margin:15px 0 0;
}
.comments-head{
	height:17px;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_comments-head.gif) no-repeat 0 0;
	font-weight:bold;
	line-height:150%;
	text-indent:-9999px;
}
.comments-body{
	line-height:135%;
	margin:20px 0px 15px 30px;
}
.comments-post{
	color:#858E80;
	text-align:right;
	font-size:83.4%;
	margin:0px 0px 25px 30px;
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_posted.gif) repeat-x 0 0;
	padding:3px 0 0 0;
}

/*【7】プラグイン設定*/
/*◆7-0　プラグイン共通*/
.sidetitle{
	height:25px;
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}
.side{
	padding:10px 8px 0 10px;
	line-height:140%;
	margin:0px 0px 30px 0px;
}
/*サイドリンク色*/
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}
/*◆7-1　カレンダー*/
.calender{
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_calender.gif) no-repeat 0 0;
	padding:10px 0;
	font-size:10px;
	text-align:center;
}
.calendarhead{
	color:#3C4039;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	padding:3px 0px 3px 0px;
	margin:0 0 10px;
	font-size:12px;
}
.calendarhead a:link,.calendarhead a:visited {color:#3C4039;}
.calendarhead a:hover,.calendarhead a:active {color:#3C4039;}
.calendartable{ /*カレンダーテーブル*/
	margin:0px auto;
	width:180px;
	color:#858E80;
	text-align:center;
	border-spacing:0px;
	empty-cells:show;
	font-size:10px;
}
* html .calendartable 
{ /*IE6のボーダー間隔を接着*/
	border-collapse:collapse;
}
*+html .calendartable 
{ /*IE7のボーダー間隔を接着*/
	border-collapse:collapse;
}
.calendarweek{ /*曜日(文字)*/
	color:#3C4039;
	font-weight: bold;
	font-size:12px;
}
.calendarwd{ /*曜日(セル)*/
	line-height: 130%;
}
.calendard{ /*日付(セル)*/
	line-height: 150%;
}
.calendard a {
	display:block;
	padding:0 0 2px;
}
.calendartable a:link , .calendartable a:visited{
	background:#BBC0B8;
	text-decoration:none;
	color:#fff;
}
 .calendartable a:hover , .calendartable a:active {
 	background:#BBC0B8;
	color:#fff;
	text-decoration:none;
}
/*
sat {}　土曜セル
sun {}　日曜セル
today {}　今日セル
*/

/*◆7-2　RSS*/
.rss{
	text-align:center;
}
.rss ul {
	margin:0;
	background:none;
	margin:0 0 20px;
	width:100%;
}
.rss ul li{
	border-right:#999 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:#666;
	text-decoration:none;
}
.rss ul a:hover ,
.rss ul a:active{
	color:#666;
	text-decoration:none;
}
/*◆7-3　最近の記事*/
.recententry {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_recententry.gif) no-repeat 0 0;
}
.recententry .sidebody a {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_listicon.gif) no-repeat 0 0.4em;
	padding:0 0 0 6px;
}
/*◆7-4　過去記事*/
.archives {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_archive.gif) no-repeat 0 0;
}
.archives .sidebody a {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_listicon.gif) no-repeat 0 0.4em;
	padding:0 0 0 6px;
}
/*◆7-5　カウンター*/
.counter {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_counter.gif) no-repeat 0 0;
}
/*◆7-6　最近のコメント*/
.comment {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_comment.gif) no-repeat 0 0;
}
.comment .sidebody a {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_listicon.gif) no-repeat 0 0.4em;
	padding:0 0 0 6px;
}
/*◆7-7　最近のトラバ*/
.trackback {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_trackback.gif) no-repeat 0 0;
}
.trackback .sidebody a {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_listicon.gif) no-repeat 0 0.4em;
	padding:0 0 0 6px;
}
/*◆7-8　お気に入り*/
.link {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_link.gif) no-repeat 0 0;
}
.link .sidebody a {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_listicon.gif) no-repeat 0 0.4em;
	padding:0 0 0 6px;
}
/*◆7-9　ブログ内検索*/
.search {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_search.gif) no-repeat 0 0;
}
.search .text {
	width:174px !important;
	margin:0;
	padding:0;
	line-height:100%;
}
.search .button {
	display:block;
	width:102px;
	height:22px;
	border:none;
	background: url(http://blog.osakazine.net/_img/staffosakazine/btn_serch.gif) no-repeat 0 0;
	margin:5px 0 0 38px;
	text-indent:-9999px;
}
html:first-child .search .button {/*opera ハック*/
	padding:99px 0 0 0;
}
/*◆7-10　QRコード*/
.qrcode {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_qr.gif) no-repeat 0 0;
}
/*◆7-11　読者登録*/
.subscription {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_rss.gif) no-repeat 0 0;
}
.subscription .text {
	width:178px !important;
	margin:5px 0 0 0;
}
.subscription .button {
	display:block;
	width:124px;
	height:22px;
	border:none;
	margin:5px 0 5px 25px;
	background: url(http://blog.osakazine.net/_img/staffosakazine/btn_register.gif) no-repeat 0 0;
	text-indent:-9999px;
}
html:first-child .subscription .button {/*opera ハック*/
	padding:99px 0 0 0;
}
/*◆7-12　プロフィール*/
.profile {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_profile.gif) no-repeat 0 0;
}
.profile .photo{
	text-align:center;
	overflow:hidden;
}
.profile .photo img{
	display:block;
	max-width:150px;
	margin:0 auto;
}
.nickname{
	color:#2b5695;
	font-weight:bold;
	margin:10px 0px;
}
.message{}
/*◆7-13　オーナーメール*/
.inquiry {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_inquiry.gif) no-repeat 0 0;
}
.inquiry .sidebody {
	text-align:left !important;
}
.inquiry .button {
	display:block;
	width:124px;
	height:22px;
	border:none;
	margin:0 0 0 25px;
	background: url(http://blog.osakazine.net/_img/staffosakazine/btn_transmit.gif) no-repeat 0 0;
	text-indent:-9999px;
}
html:first-child .inquiry .button {/*opera ハック*/
	padding:99px 0 0 0;
}
/*◆7-14　インフォメーション*/
.ad {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_ad.gif) no-repeat 0 0;
}
/*◆7-15　カテゴリ*/
.category {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_category.gif) no-repeat 0 0;
}
.category .sidebody a {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_listicon.gif) no-repeat 0 0.4em;
	padding:0 0 0 6px;
}
/*◆7-16　マイプロフィール*/
.my_profile {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_my_profile.gif) no-repeat 0 0;
}
/*◆7-17　フレンドブログ*/
.friend_blog{
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_friend_blog.gif) no-repeat 0 0;
}
/*◆7-18　マイフレンド*/
.friend {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_friend.gif) no-repeat 0 0;
}
/*◆7-19　サークル*/
.circle {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_circle.gif) no-repeat 0 0;
}
/*◆7-20　J-line Meのプロフィール*/
.me {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_me.gif) no-repeat 0 0;
	border-bottom:#fff solid 1px;
}
.me .side {
	padding:10px;
	background-color:#E7E8E6;
	margin:0;
}
.me .sidebody {
	font-size:83.4%;
	line-height:150%;
	padding:10px 5px 0;
}
/*◆7-21　タグクラウド*/
.tag_cloud {
	background:url(http://blog.osakazine.net/_img/staffosakazine/bg_sidetitle_tag_cloud.gif) no-repeat 0 0;
}

.images {
	background:url(http://blog.osakazine.net/_img/staffosakazine/entry_img.gif) repeat 0 0; 
	padding:5px;
}
/*◆7-22　ナカムログ*/
#omorashi {
	background:#fff url(http://blog.osakazine.net/usr/nakam/bg_sidetitle_nakamura.jpg) no-repeat 0 0;
}
#omorashi .sidetitle {
	height:52px;
}
#omorashi .rss_list {
	color:#5B3E00;
	background:url(http://blog.osakazine.net/usr/nakam/bg_icon_nakamura_rss.gif) no-repeat 0 0.45em;
	padding:0 0 0 6px;
	margin:0 0 0.5em;
}
#omorashi .rss_list a:link,#omorashi .rss_list a:visited {color:#5B3E00;}
#omorashi .rss_list a:hover,#omorashi .rss_list a:active {color:#5B3E00;}
#omorashi .side {
	margin:0;
	padding-top:5px;
	padding-bottom:10px;
	background:url(http://blog.osakazine.net/usr/nakam/bg_omorashi_foot.jpg) no-repeat 100% 100%;
}
