/*
Theme Name: CoolWeb03_25
Theme URI: http://www.af-joho.com/03/
Description: WordPress テーマサンプル03（Ver.2.5用）
Version: 1.0
Author: Tsunehisa Hazama
Author URI: http://www.af-joho.com/
*/

* {
 margin: 0;
 padding: 0;
}

html{height: 100%;}

/* BODY */
body {
 background: #FFF url("img/back.gif") repeat-y top center;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 text-align: center;
 margin : 0;
 padding: 0;
 color: #303030;
 font-size: 80%;
 line-height: 150%;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
 margin: 0;
 padding: 0;
 border: 0;
}

/* strong */
strong {font-weight: bold;}

/* 画像の属性 */
img {border: none; margin: 0 5px;}

/* 強調文の属性*/
h1,h2,h3,h4,p{font-size: 12px;font-weight: normal;}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #000;text-decoration: none;}
a:hover {color: #CC0000;text-decoration: underline;}

/* 基本設定*/
#wrapper{
 width: 761px;
 margin: 0 auto;
 padding: 0;
 text-align: center;
}

/*ヘッダー*/
#header	{
 margin : 0;
 padding: 0;
 background: url("img/header.jpg") no-repeat top center;
 height : 180px;
 text-align: left;	
}

#header h1{
 margin-top : 0;
 margin-bottom: 0;
 text-indent: -1000px;
}
		
#header h1 a {
 width:500px;
 height:150px;
 background: url("img/header.jpg") no-repeat;
 display: block;
 overflow: hidden;
}

#header h1 a:hover {
 background: url("img/header.jpg") no-repeat;
}

/*-----パンくずリスト-----*/
.navi{
 margin: 0;
 height: 20px;
 font-size: 100%;
 color: #FFF;
 text-align: left;
 font-weight:bold;
 text-indent: 10px;
 background: #144300;
}

/*-----(共通）-----*/
#container{
 margin: 0 auto;
 width: 730px;
 text-align: left;
}

.ads_bigbanner{
 margin: 10px 0 0 0;
 text-align: center; 
}

/*-----エントリー部分(共通）-----*/
#content{
 float: right;
 width: 520px;
 margin: 0;
 overflow: hidden;
}

#content h2{
 margin: 5px 0 10px 0;
 font-size: 130%;
 color: #CC3366;
 font-weight: bold;
 text-align: left;
 text-indent: 25px;
 line-height: 180%;
 background: url("img/h_back.gif") no-repeat top left;
}

/* リンクの属性（カテゴリ名等） */
#content h2.cat a:link, #content h2.cat a:visited, #content h2.cat a:active {color: #CC3366;text-decoration: none;}
#content h2.cat a:hover {color: #F00;text-decoration: underline;}

#content h3{
 margin: 10px 0 5px 0;
 height: 22px;
 font-size: 130%;
 font-weight: bold;
 color: #CC3366;
 text-indent: 15px;
 line-height: 150%;
 border: 1px solid #CCC;
 background: url("img/h3_back.gif") no-repeat top right;
}

#content h3.com{
 margin: 15px 0 5px 0;
 height: 20px;
 font-size: 117%;
 font-weight: bold;
 color: #CC3366;
 text-indent: 10px;
 line-height: 130%;
 border-left: 5px solid #CCC;
 border-bottom: 1px dotted #CCC;
 background: #FFF;
}


#content h4{
 margin: 10px 0 5px 0;
 height: 20px;
 font-size: 100%;
 font-weight: noemal;
 text-indent: 25px;
 line-height: 180%;
 background: url("img/h4_back.gif") no-repeat top left;
}

#content h4.h4s{
 margin: 10px 0 5px 0;
 height: 24px;
 font-size: 130%;
 font-weight: bold;
 color:#cc0000;
 text-indent: 25px;
 line-height: 180%;
 background: url("img/h4_back.gif") no-repeat top left;
}


#content h5{

}

#content .entry{
 padding: 5px 5px 5px 15px;
 text-align: left;
 font-size: 100%;
 line-height: 150%;
}

#content p{
 margin: 5px 0;
}

#content p.postmetadata{
 margin: 5px 0;
 text-align: right;
 font-size: 84%; 
}

/* ---- 関連記事リスト属性----- */
.relate ul{
 margin: 5px 0 10px 20px;
 list-style-type: upper-alpha;
 font-size: 100%;
 line-height: 150%;
}
.relate li{
 margin-left: 10px;
}

/* ---- お知らせ枠----- */
.new{
	width: 360px;
	height: 110px;
	overflow: auto;
	border: 1px solid #cc3366;
	scrollbar-face-color: #cc3366;
	margin: 0 0 0 10px;
	text-align: justify;
	text-justify: distribute;
}

.new ul{
	margin: 0;
	padding: 5px;
	font-style: 100%;
	list-style-type: square;
}
.new li{
	margin-left:15px;
}

/* ---- トラックバックURL----- */
.t_back{
 margin-right: 70px;
 padding: 5px;
 border: 1px solid #CCC;
}

/* ---- コメント----- */
.comments ol{
 margin-left: 25px;
 color:#666;
 font-size: 100%;
}

.comments li{
 margin: 5px 0;
}


/* ---- インフォメーション属性----- */
#content .info{
 margin: 0;
 text-align: left;
 font-size: 100%;
 line-height: 150%
}

#content .info img{
 margin: 15px 5px 5px 0;
 float: left;
}

/* ---- ボックス属性----- */
#content .box1{
 margin: 15px 5px 5px 5px;
 width: 200px;
 height: 400px;
 float: right;
 background: url("img/mt01.gif") no-repeat;
}

#content .box1_inner{
 padding: 70px 8px;
 text-align: left;
 font-size: 100%;
 line-height: 150%;
}

/* ---- サイトマップ属性----- */
.ddsg-wrapper h2{
 margin: 10px 0 5px 0;
 font-size: 100%;
 font-weight: noemal;
 text-indent: 25px;
 line-height: 120%;
 background: url("img/h4_back.gif") no-repeat top left;
}

.ddsg-wrapper ul{
 margin: 5px 0 10px 20px;
 list-style-type: square;
 font-size: 100%;
 line-height: 150%;
}
.ddsg-wrapper li{
 margin-left: 10px;
}


/* ---- サイドバー属性（右）----- */
#sidebar{
 float: left;
 width: 150px;
 margin: 0;
 overflow: hidden;
}

#sidebar h2{
 margin: 10px 0 5px 0;
 height: 22px;
 color: #FFF;
 font-weight: bold;
 line-height: 180%;
 text-indent: 10px;
 text-align: left;
 background: #144300;
 border: 1px solid #000;
 display: block;
}

#sidebar p{
 margin: 5px 0;
}

/* ---- メニュー等----- */

#sidebar ul{
 list-style: none;
 padding: 0;
 text-align: left;
}


#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
 height: 20px;
 list-style: none;
 padding: 0;
 text-indent: 15px;
 text-decoration: none;
 font-size: 12px;
 line-height: 150%;
 display: block;
 overflow:hidden;
 background: url("img/menu_01.gif") no-repeat;
}

#sidebar ul li a:hover {
 background: url("img/menu_02.gif") no-repeat;
 text-decoration: none;
}

#sidebar ul.children li a:link, #sidebar ul.children li a:visited, #sidebar ul.children li a:active {
 height: 20px;
 list-style: none;
 padding: 0;
 text-indent: 25px;
 text-decoration: none;
 font-size: 12px;
 line-height: 150%;
 display: block;
 background: url("img/menu_03.gif") no-repeat;
}

#sidebar ul.children li a:hover {
 background: url("img/menu_04.gif") no-repeat;
 text-decoration: none;
}

/* ---- 最新記事用----- */
#sidebar ol{
 margin: 0;
 padding-left: 30px;
}

#sidebar li {
 margin: 0;
 font-size: 10px;
}

#sidebar .s_tag{
 margin: 5px 0;
 text-align: left;
 font-size: 75%;
}

/*フッター*/
#footer{
 clear: both;
 width: 760px;
 margin: 0;
 height: 60px;
 color: #FFF;
 padding: 0;
 background: #36B2E6 url("img/footer.gif") no-repeat left bottom;
}

#footer p{
 padding: 10px;
 text-align: right;
 line-height: 120%;
 font-size: 100%;
}

#footer img{border-style: none;	vertical-align: middle;	}

/* フッターリンクの属性 */
#footer a:link, #footer a:visited, #footer a:active {color: #D4F8F8;text-decoration: none;}
#footer a:hover {color: #FF7733;text-decoration: underline;}

.clear{
 clear: both;
}
.clear hr{
 display: none;
}