/*
Theme Name: serano-active
Description: アクティブ用テーマ
Version: 2.0
Description-Note: WP 7 / PHP 8.4 向け移植（見た目は旧テーマのまま）
Author: Yu Akiyama
*/


@charset "utf-8";
/* CSS Document */

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
color: #666666; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
background: url("images/top-bg.gif") repeat-x scroll 0 0 #EDEDED;
font-family: Helvetica,sans-serif;
letter-spacing: normal;
line-height: 1.4em;
}

li {list-style: none outside none;}
ol li {list-style: decimal;}

/* --- 全体のリンクテキスト --- */
a:link { color: #808080; text-decoration: none;}
a:visited { color: #386992; }
a:hover { color: #666666; text-decoration: underline;}
a:active { color: #666666; text-decoration: underline;}
a img {border: medium none;}

/* 画像の透明度を変化させる（※これ便利～） */
a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

.clear{
	clear: both;
}


/* --- ◆ヘッダ◆ --- */
#header { 
width:900px; 
height:90px; 
margin: 0 auto;
}

#header h1.title { width:420px; float:left;}
#header .header-menu { width:480px; float:right;}
#header .header-menu p { text-align:right; margin:10px 0 0;}

#header .top-navi {
    float: right;
    margin: 0;
    padding: 15px 0 10px;
    width: 240px;
}

#header .top-navi li {
float: left;
padding-left:10px;
}

/* --- ◆メイン◆ --- */
#main { 
width:900px; 
clear:both; 
margin: 0 auto;
}


/* --- ◆サイドバー◆ --- */
#sidebar { 
width:160px; 
float:left;
margin: 0 0 10px;
}

#sidebar ul.side-navi{
    margin: 0;
    padding: 10px 0;
    width: 160px;
}

#sidebar .side-navi li {
	height: 45px;
}

#sidebar p {
	padding-top: 10px;
	padding-bottom: 5px;
	margin:0;
}

/* --- ナビゲーションバー --- */
div.nav {
width: 160px; /* ナビゲーションの幅 */
font-size: 90%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
padding: 5px 1px; /* 項目のパディング（上下、左右） */
background-color: #EDEDED; /* 項目の背景色 */
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 0px 5px; /* リンクエリアのパディング（上下、左右） */
border-left: 4px #29ABE2 solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
border-left-color: #82D6F4; /* ポイント時の左境界線色 */
}

/* --- ◆wrapper◆ --- */
#main #wrapper {
	float: right;
	width: 720px;
	padding: 10px 0px 0 20px;
	margin: 0 0 10px;
}

#main #wrapper #banner-right {
	float: right;
	width: 200px;
}

/* --- ◆contents◆ --- */
#main #wrapper #contents {
	float: left;
	width: 500px;
}

#contents p {
    margin: 10px 0 ;
}

#contents .bloginfo {
    background-color: #C6E6EF;
    color: #333333;
    margin-top: 10px;
    padding: 3px;
}

#contents table td {padding: 8px 10px;}
#contents table th {padding: 8px 10px;}


/* --- 見出し --- */
h2.pagetitle{
background: #c6e6ef url("images/heading-bg.gif") repeat-x top; /* 見出しの背景 */
font-size: 140%; /* 見出しの文字サイズ */
line-height: 100%;
margin: 10px 0 5px;
padding: 5px 5px 15px;
width: 490px;
color:#29ABE2;
}

h3.heading {
background: #c6e6ef url("images/heading-bg.gif") repeat-x top; /* 見出しの背景 */
font-size: 140%; /* 見出しの文字サイズ */
line-height: 100%;
margin: 10px 0 5px;
padding: 5px 5px 15px;
width: 490px;
color:#29ABE2;
}

#topicslist {
    width: 500px;
}

#topicslist dl {
    margin: 0;
    padding-top: 0;
    width: 500px;
}
#topicslist dl dt {
    color: #999999;
    float: left;
    padding: 4px 0 6px;
}

#topicslist dl dd {
    padding: 4px 0 6px 90px;
	margin: 0;
}


#tsuikalist {
    width: 500px;
}

#tsuikalist ul{
    margin:0;
	padding:0;
}

#tsuikalist li{
    float: left;
    text-align: center;
    width: 118px;
	padding-right:4px;
	list-style: none outside; 
	margin: 0px;
}

#tsuikalist li.last{
	padding-right:0px;
}

#tsuikalist li a{
    display: block;
	width:122px;
	height:122px;
}

#tsuikalist dl{
    float: left;
    width: 122px;
	padding:0 4px 0 0;
	list-style: none outside; 
	margin: 0px;
}

#tsuikalist dl.last{
	padding:0px;
}

#tsuikalist dt{
	margin: 0px;
	padding:0;
}

#tsuikalist dd{
    text-align: center;
	padding:0px;
	margin: 0px;
}


div.box {
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
}



/* --- ◆banner-right◆ --- */
#main #wrapper #banner-right {
	float: right;
	width: 200px;
}


#banner-right img {
	padding-bottom: 10px;
}


/* --- ◆フッター◆ --- */
#footer{
	clear:both;
	background-color:#29ABE2;
	color:#FFFFFF;
	width:880px;
	margin: 10px auto 0;
	padding:10px;
	
}