@charset "utf-8"; 

/*base.css
サイト全体共通 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
 2-5 中央(メイン)		.main 
 2-6 サイド				.side
  2-7 サイド1			#side1
  2-8 サイド2			#side2
2-9 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 アンカーナビ		.jump

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 タグライン			#tagline
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー		#fmenu
8-2 コピーライト		#copy


【9】コンテンツ内
◆9-1　記事部分
◆9-2　記事日付
◆9-3　記事タイトル
◆9-4　記事本文
◆9-5　記事追記
◆9-6　記事下部
◆9-7　ページメニュー
◆9-8　ページトップ

*/




/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
}
body {
	margin:0;
	padding:0;
	background:url(http://blog.osakazine.net/_img/aread/bg_body.gif) repeat-x 0 0;
	text-align: center;
	color:#000;
}
p , ul , ol , li , dl , dt , dd , address ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color: #F3981D;
	text-decoration: underline;
}
a:hover , a:active {
	color: #F3981D;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

blockquote{ 
	background-color:#efefef; 
	line-height:140%; 
	padding:5px;
	margin:10px; 
	border-bottom:1px solid #DDDCD6; 
	border-right:1px solid #DDDCD6;
}

/*1-1 汎用セレクタ*/
.clear { clear:both;}


/*1-2 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;
  }
/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}
.box {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .box {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .box {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .box {display: inline-table;}
    /**/
  .box:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.title {
	height: 24px;
	font-weight: bold;
	/*BIR*/
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-10;
	/*hide\*/	overflow:hidden;/*MacIE*/
}
.bnr {
	margin:0 0 5px;
}


/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	width:800px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: left;
	font-size: 62.5%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	padding:0 0 20px;
}

/*2-2 ヘッダ*/
#top {
	width:800px;
	height:80px;
	position:relative;
	font-size:120%;
	overflow:hidden;
}

/*2-3 本文*/
#contents {
	background:url(http://blog.osakazine.net/_img/aread/bg_screen.gif) no-repeat 0 0;
	font-size:120%;
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #contents {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #contents {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #contents {display: inline-table;}
    /**/
  #contents:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*2-4 補助枠(3カラム)*/
.wrap {}

/*2-5 中央(メイン)*/
.main {
	width: 590px;
	float: left;
}
.wrap .main {}

/*2-6 サイド*/
.sidecolumn {
	float:right;
	width:200px;
	overflow:hidden;
}
/*2-7 サイド1*/
#side1 {}

/*2-8 サイド2*/
#side2 {}

/*2-9 フッタ*/
#foot {
	text-align: center;
	font-size: 75%;
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 メインビジュアル*/
.pagetitle {
	height:200px;
	font-weight: bold;
	/*BIR*/
	position:relative;
	margin:0 0 10px;
	top:0;
	left:0;
	display:block;
	z-index:-1;
	/*hide\*/overflow:hidden;/*MacIE*/
}


/*3-2 パン屑*/
#pan {	font-size: 1.2em;}
#pan ul {	display: inline;}
#pan li {
	display:inline;
	padding:0 0 0 15px;
	white-space:normal;
}
#pan li li {	margin:0 0 0 10px;}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-4 アンカーナビ*/
.jump {
	text-align:right;
}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
	clear:both;
}
#siteid a {
	display:block;
	width:244px;
	height:46px;
}
#siteid a img {
	display:block;
	width:244px;
	height:46px;
	position:absolute;
	bottom:0;
	left:0;
}
/*4-2 タグライン*/
#tagline {
	float:left;
	margin:5px 0 10px 0;
}

/*4-3 トップメニュー*/
#tmenu {
	float:right;
	margin:5px 0 0 0;
}
#tmenu li {
	display:inline;
}
#tmenu a {
	background:url(http://blog.osakazine.net/_img/aread/bg_icon_tmenu.gif) no-repeat 0 50%;
	padding:0 0 0 6px;
	margin:0 0 0 4px;
}
#tmenu .first-child a {
	background:none;
}
/*4-4 グローバルナビ*/
#gnavi {
	width:554px;
	height:25px;
	position:absolute;
	bottom:0;
	right:0;
}

#gnavi li {
	float:left;
}
#gnavi li a {
	display:block;
	width:100px;
	height:25px;
	background-image:url(http://blog.osakazine.net/_img/aread/bg_gnavi.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 2px 0 0; 
}
#gnavi li .bir {
	height:25px;
}

#gnavi .li1 a { width:114px;}
#gnavi .li2 a { width:103px;}
#gnavi .li3 a { width:150px;}
#gnavi .li4 a { width:90px;}
#gnavi .li5 a { width:89px; margin:0;}

/*通常時*/
#gnavi .li1 a:link,#gnavi .li1 a:visited {
	background-position:0 0;
}
#gnavi .li2 a:link,#gnavi .li2 a:visited {
	background-position:-116px 0;
}
#gnavi .li3 a:link,#gnavi .li3 a:visited {
	background-position:-221px 0;
}
#gnavi .li4 a:link,#gnavi .li4 a:visited {
	background-position:-373px 0;
}
#gnavi .li5 a:link,#gnavi .li5 a:visited {
	background-position:-465px 0;
}
/*ホバー時*/
#gnavi .li1 a:hover,#gnavi .li1 a:active {
	background-position:0 -25px;
}
#gnavi .li2 a:hover,#gnavi .li2 a:active {
	background-position:-116px -25px;
}
#gnavi .li3 a:hover,#gnavi .li3 a:active {
	background-position:-221px -25px;
}
#gnavi .li4 a:hover,#gnavi .li4 a:active {
	background-position:-373px -25px;
}
#gnavi .li5 a:hover,#gnavi .li5 a:active {
	background-position:-465px -25px;
}

#gnavi li a:link,#gnavi li a:visited {
	text-decoration:none;
}
/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}

/*【7】サイド内*/
/*7-0 共通*/
.sidecolumn a {color:#FF9900;}
.sidecolumn a:link , .sidecolumn a:visited {color:#FF9900;}
.sidecolumn a:hover , .sidecolumn a:active {color:#FF9900;}

.sidetitle {
	color:#F60;
	font-size:83.4%;
}
.sidebody {
	line-height:140%;
}

/*7-1 新規お申し込み*/
#apply {
	margin:0 0 5px;
}
#apply a {
	display:block;
	width:200px;
	height:50px;
	background:url(http://blog.osakazine.net/_img/aread/btn_apply.jpg) no-repeat 0 0;
}
#apply .bir {height:50px;}
#apply a:link,#apply a:visited { text-decoration:none;}

/*7-2 Aread 管理画面ログイン*/
#login {
	margin:0 0 20px;
}
#login .bt {
	margin:0;
}
#login .bt a {
	display:block;
	width:200px;
	height:30px;
	background:url(http://blog.osakazine.net/_img/aread/btn_login.jpg) no-repeat 0 0;
}
#login .bt .bir {height:30px;}
#login .bt a:link,#login .bt a:visited { text-decoration:none;}
#login .comment {
	text-align:center;
	font-size:83.4%;
	margin:0;
}
#login .comment a:link,#login .comment a:visited { color:#F90;}
#login .comment a:hover,#login .comment a:active { color:#F90;}


/*7-3　カテゴリ*/
.category {
	margin:0 0 20px;
}
.category .sidetitle {
	display:none;
}
.category .sidebody {
	border-top:#FFDBA6 solid 1px;
	border-left:#FFDBA6 solid 1px;
	border-bottom:#FF9900 solid 1px;
	border-right:#FF9900 solid 1px;
	font-weight:nomal;
	margin:0 0 1px;
	padding:0 0 12px;
	height:1.2em;
	overflow:hidden;
	line-height:250%;
}
.category .sidebody a {
	background:url(http://blog.osakazine.net/_img/aread/bg_icon_list.gif) no-repeat 5px 1.0em;
	padding:0 5px 0 12px;
	font-weight:bold;
	display:block;	
	color:#F60;
}
.category .sidebody a:link,.category .sidebody a:visited { text-decoration:none;color:#F60;}
.category .sidebody a:hover,.category .sidebody a:active { text-decoration:underline;color:#F60;}

/*7-3　新着情報*/
.recententry {margin:0 0 20px;}
.recententry .sidetitle {
	background:url(http://blog.osakazine.net/_img/aread/bg_sidetitle_recententry.gif) no-repeat 0 0;
	padding:22px 0 0 0;
}
.recententry .side {
	padding:5px;
}
.recententry .sidebody a {
	background:url(http://blog.osakazine.net/_img/aread/bg_icon_list.gif) no-repeat 0 0.5em;
	padding:0 0 0 6px;
}
/*7-4　キーワード*/
.tag_cloud {margin:0 0 20px;}
.tag_cloud .sidetitle {
	background:url(http://blog.osakazine.net/_img/aread/bg_sidetitle_tag_cloud.gif) no-repeat 0 0;
	padding:22px 0 0 0;
}
.tag_cloud .side {
	padding:5px;
}

/*7-5　お問い合せ*/
.inquiry {margin:0 0 20px;}
.inquiry .sidetitle {
	background:url(http://blog.osakazine.net/_img/aread/bg_sidetitle_inquiry.gif) no-repeat 0 0;
	padding:22px 0 0 0;
}
.inquiry .side {
	padding:10px 5px 5px 5px;
	text-align:center;
}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	border-bottom:#F60 solid 2px;
	padding:0 0 0.5em;
	margin:0 0 0.5em;
}
#fmenu li {
	display:inline;
}
#fmenu li a {
	background:url(http://blog.osakazine.net/_img/aread/bg_icon_tmenu.gif) no-repeat 0 50%;
	padding:0 0 0 8px;
	margin:0 0 0 6px;
}
#fmenu .first-child a {
	background:none;
}
/*8-2 コピーライト*/
#copy {
	font-style:normal;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	padding:0 0 0.5em;
}
	
	
/*-----------------------------blogtopのコンテンツ------------------------------*/
/*【9】トップページ*/
/*9-1 about*/
#about {
	background:#FFE6C1 url(http://blog.osakazine.net/_img/aread/bg_about_top.gif) no-repeat 0 0;
	padding:15px 0 0 0;
	margin:0 0 10px;
}
#about .content {
	background:url(http://blog.osakazine.net/_img/aread/bg_about_bottom.gif) no-repeat 0 100%;
	padding:0 15px 15px;
}
#about .unit {
	width:560px;
	background: url(http://blog.osakazine.net/_img/aread/bg_about_unit.gif) no-repeat 0 100%;
	font-size:83.4%;
	padding:0 0 10px;
	margin:0 0 10px;
}
#about .unit .title {
	height:67px;
}
#about .unit p {
	margin:0 10px;
}
#about li {
	display:inline;
	width:180px;
	margin:0 0 0 10px;
	float:left;
}
#about .li1 {
	background:url(http://blog.osakazine.net/_img/aread/bg_about_li1.gif) no-repeat 0 0;
	margin:0;
}
#about .li2 {
	background:url(http://blog.osakazine.net/_img/aread/bg_about_li2.gif) no-repeat 0 0;
}
#about .li3 {
	background:url(http://blog.osakazine.net/_img/aread/bg_about_li3.gif) no-repeat 0 0;
}
#about .pr {
	background:url(http://blog.osakazine.net/_img/aread/bg_about_pr.gif) no-repeat 0 0;
	height:30px;
	margin:0 0 18px;	
}
#about .pr .bir {height:30px;}
#about .comment {
	background:url(http://blog.osakazine.net/_img/aread/bg_about_comment.gif) no-repeat 0 0;
	height:51px;
	margin:0 0 10px;	
}
#about .pr .bir {height:51px;}
#about .bt{ margin:0;}
#about .bt a {
	display:block;
	width:560px;
	height:25px;
	background:url(http://blog.osakazine.net/_img/aread/bg_about_bt.gif) no-repeat 0 0;
}
#about .bir {height:25px;}

/*9-2 campaign*/
#campaign {
	margin:0 0 20px;
}
#campaign h3 {
	margin:0;
}
#campaign h3 a {
	display:block;
	width:590px;
	height:160px;
	background:url(http://blog.osakazine.net/_img/aread/bg_campaign_bnr.jpg) no-repeat 0 0;
}
#campaign h3 .bir {
	height:160px;
}
#campaign .comment {
	color:#83468D;
	font-size:83.4%;
	margin:0;
}

/*9-3 NEWS*/
#news {
	background:url(http://blog.osakazine.net/_img/aread/bg_news_title.gif) no-repeat 0 0;
	border-bottom:#FF6600 solid 1px;
}
#news .title {
	height:28px;
}
#news .content {
	background:url(http://blog.osakazine.net/_img/aread/bg_news_body.gif) repeat-y 0 0;
	padding:10px;
}
#news .rss_list {
	background:url(http://blog.osakazine.net/_img/aread/bg_icon_list.gif) no-repeat 0 50%;
	padding:0 0 0 6px;
	line-height:200%;
}


/*【4】ブログコンテンツ内*/
/*◆9-1　記事部分*/
.blogbody{
	margin:0px 0px 20px 0px;
	width: 590px;
}
/*◆9-2　記事日付*/
.date{
	border-top:#F90 solid 1px;
	line-height: 120%;
	text-align:right;
	color:#F3981d;
	padding:3px 0 0 0;
	margin:0 0 25px;
}

/*◆9-3　記事タイトル*/
.subject{
	color:#F60;
	font-size:134%;
	font-weight:bold;
	line-height:120%;
	border-bottom:#F60 solid  2px;
	padding:0 0 4px 10px;
	margin:0 0 18px;
}
.subject a:link , .subject a:visited {color:#F60; text-decoration:none;}
.subject a:hover , .subject a:active {color:#F60; text-decoration:underline;}


/*◆9-4　記事本文*/
.article{
	width:560px;
	margin:0 15px 10px;
	overflow:auto;
	line-height:200%;
}
.article img{
	margin:0px 5px 5px 5px;
}
.article-continues{}
.tag_list a:link,.tag_list a:visited {
	color:#000;
}
.tag_list a:hover,.tag_list a:active {
	color:#000;
}
/*記事本文リンク色*/
.article a:link , .articlea:visited {}
.article a:hover , .article a:active {}
/*「続きを読む」リンク色*/
a.acontinues:link , a.acontinues:visited {}
a.acontinues:hover , a.acontinues:active {}
/*◆9-5　記事追記*/
#more {}

/*◆9-6　記事下部*/
.posted{
}
/*◆9-7　ページメニュー*/
.menu {
	font-size:89.3%;
	color:#F3981d;
	margin:0 0 20px;
}
a.amenu:link , a.amenu:visited {}
a.amenu:hover , a.amenu:active {}

/*◆9-8　ページトップ*/
.pagetop{
	text-align:left;
	font-size:89.3%;
	margin:0px 0px 25px 0px;
}