@charset "utf-8";


#wrap{
	position: relative;
	width: 800px;
	margin: 0px auto;
	text-align: left;
}


a img{ opacity: 1.0; filter: alpha(opacity=100); }
a:hover img{ opacity: 0.7; filter: alpha(opacity=70); }





/*		ヘッダー
 -------------------------------------------------- */

#header{
	position: absolute;
	width: 800px;
	height: 160px;
	top: 0px;
	margin: 0px;
}


#header p.logo{
	margin: 0px 0px 0px 0px;
	padding: 60px 30px 0px 70px;
	color: #666;
	font-size: 180%;
	background: url(../img/logo.gif) left 40px no-repeat;
}

#header h1{
	margin: 0px 0px 0px 0px;
	padding: 60px 30px 0px 70px;
	color: #666;
	font-size: 180%;
	background: url(../img/logo.gif) left 40px no-repeat;
}


#header p.txt{
	position: absolute;
	top: 50px;
	width: 350px;
	margin: 0px 20px 0px 450px;
	color: #666;
	font-size: 90%;
}


#header ul.sitemenu{
	position: absolute;
	top: 0px;
	right: 0px;
	border-right: 1px #fff solid;
}


#header ul.sitemenu li{
	float: left;
	height: 30px;
	padding: 0px 20px;
	font-size: 0.85em;
	line-height: 30px;
	border-left: 1px #fff solid;
}

#header ul.sitemenu li a{ color: #fff; }
#header ul.sitemenu li a:hover{ color: #ffff00; }


/*　グローバルメニュー　*/

#g-menu{
	position: absolute;
	top: 120px;
	height: 40px;
	margin: 0px 0px 0px 10px;
}


#g-menu ul li{
	float: left;
	display: inline;
	padding: 0px 25px 0px 0px;
	font-size: 0.9em;
	line-height: 40px;
}


#g-menu ul li a{ color: #fff; }
#g-menu ul li a:hover{ color: #ffff00; }



/*
		メインコンテンツ枠
 -------------------------------------------------- */

#c-wrap{
	position: absolute;
	top: 160px;
	width: 800px;
	margin: 0px;
	background: url(../img/bg2.gif) left top repeat-y;
}




/*		メインコンテンツ
 -------------------------------------------------- */

#contents{
	float: right;
	width: 580px;
	padding: 20px 0px 0px 0px;
}



/*　パンくずナビ　*/
#contents ul#breadcrumbs{
	margin: -10px 10px 10px;
	z-index: 1;
}

#contents ul#breadcrumbs li{
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	color: #454545;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 30px;
	text-align: right;
	border-bottom: none;
	background-image: none;
}

#contents ul#breadcrumbs li a{
	padding: 0px 20px 0px 0px;
	background: url(../img/breadcrumbs.gif) right center no-repeat;
}


#contents h1.top{
	margin: -10px 10px 10px;
	color: #454545;
	font-size: 100%;
	text-indent: 0px;
	line-height: 30px;
	background-image: none;
}


#contents h1,
#contents h2{
	clear: both;
	color: #fff;
	font-size: 150%;
	text-indent: 25px;
	line-height: 40px;
	background: url(../img/h2.gif) left top no-repeat;
}


#contents h3{
	clear: both;
	margin: 30px 10px 0px;
	color: #015198;
	font-size: 140%;
	text-indent: 25px;
	line-height: 40px;
	background: url(../img/h3.gif) left top no-repeat;
}


#contents p{
	margin: 30px;
	padding: 0px 0px 10px;
}


#contents img.l{
	float: left;
	display: inline;
	margin: 0px 15px 25px 0px;
}


#contents img.r{
	float: right;
	display: inline;
	margin: 0px 0px 25px 15px;
}


#contents ul{
	margin: 30px 40px;
}


#contents ul li{
	margin: 7px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	color: #015198;
	list-style: none none outside;
	border-bottom: 1px #015198 dotted;
	background: url(../img/listmark.gif) left 2px no-repeat;
}


#contents dl{
	margin: 30px;
	padding: 10px;
	border: 1px #aaa solid;
}


#contents dl dt{
	margin: 0px 0px 10px;
	color: #666;
	font-size: 110%;
	font-weight: bold;
	text-indent: 20px;
	border-bottom: 1px #015198 dotted;
}

#contents dl dd{
	margin: 3px 25px;
	color: #666;
}


#contents blockquote{
	margin: 30px;
	border: 1px #999 dotted;
	border-left: 5px #015198 solid;
	background-color: #fafafa;
}

#contents blockquote p{
	margin: 15px 10px 5px 30px;
	font-size: 0.9em;
}


#contents table{
	margin: 30px;
    font-size: 1.0em;
    empty-cells: show;
    border-spacing: 0px;
    border-collapse: collapse;
	border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff;
}

#contents table tr th{
	margin: 1px;
	padding: 7px;
	font-weight: bold;
    text-align: center;
    color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #015198;
}

#contents table tr td{
	padding: 7px;
	text-align: left;
	border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}




#contents .ranking{
	margin: 30px;
}


#contents .ranking dl{
	margin: 10px 0px;
	padding: 5px 10px 5px 0px;
}

#contents .ranking dl dt{
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-indent: 0px;
	border: none;
}

#contents .ranking dl.ranking-1 dt{ background: url(../img/ranking-1.jpg) left top no-repeat; }
#contents .ranking dl.ranking-2 dt{ background: url(../img/ranking-2.jpg) left top no-repeat; }
#contents .ranking dl.ranking-3 dt{ background: url(../img/ranking-3.jpg) left top no-repeat; }


#contents .ranking dl dt.img{
	float: right;
	display: inline;
	margin: 5px 10px 5px 20px;
	padding: 0px;
	background: none;
}

#contents .ranking dl dt.text{
	margin: 10px 0px 0px 20px;
	text-indent: 60px;
}

#contents .ranking dl dd{
	margin: 10px 10px 10px 30px;
	font-size: 0.9em;
}



#contents .review{
	margin: 30px;
	min-height: 250px;
	border: 3px #015198 double;
}

/*　人物左側　*/
#contents .person-l{ padding: 20px 30px 20px 120px; }

#contents .person-l-01{ background: url(../img/person-l-01.gif) 20px 20px no-repeat; }
#contents .person-l-02{ background: url(../img/person-l-02.gif) 20px 20px no-repeat; }
#contents .person-l-03{ background: url(../img/person-l-03.gif) 20px 20px no-repeat; }
#contents .person-l-04{ background: url(../img/person-l-04.gif) 20px 20px no-repeat; }
#contents .person-l-05{ background: url(../img/person-l-05.gif) 20px 20px no-repeat; }

/*　人物右側　*/
#contents .person-r{ padding: 20px 120px 20px 30px; text-align: right; }

#contents .person-r-01{ background: url(../img/person-r-01.gif) right 10px no-repeat; }
#contents .person-r-02{ background: url(../img/person-r-02.gif) right 10px no-repeat; }
#contents .person-r-03{ background: url(../img/person-r-03.gif) right 10px no-repeat; }
#contents .person-r-04{ background: url(../img/person-r-04.gif) right 10px no-repeat; }
#contents .person-r-05{ background: url(../img/person-r-05.gif) right 10px no-repeat; }

#contents .review p{
	display: inline;
	margin: 0px;
	font-size: 0.9em;
	line-height: 200%;
}

#contents .review .person-2 p{ margin: 0px 100px 0px 0px; }






/*		サイドメニュー
 -------------------------------------------------- */

#sidemenu{
	float: left;
	width: 200px;
	margin: 0px 0px 50px;
	padding: 10px 0px 0px;
	text-align: center;
}



/*		フッター
 -------------------------------------------------- */

#footer{
	clear: both;
	padding: 0px 0px 0px;
	border-top: 1px #015198 solid;
	border-bottom: 5px #015198 solid;
	background-color: #fff;
}



#footer ul li a{ color: #999;}
#footer ul li a:hover{ color: #ff6600; }


#footer address{
	margin: 5px 0px 0px;
	color: #454545;
	font-size: 0.9em;
	text-align: center;
}


#footer p{
	color: #454545;
	padding: 0px 20px 10px;
	font-size: 0.9em;
	text-align: center;
}


#footer ul{
	margin: 0px;
	text-align: center;
	background-color: #015198;
}


#footer ul li{
	display: inline;
	margin: 0px 20px;
	font-size: 0.9em;
	line-height: 30px;
}


#footer ul li a{ color: #fff; text-decoration: none; }
#footer ul li a:hover{ color: #ffff00; text-decoration: underline; }



















/* 
		Movable Type用に追加
 ------------------------------------------------------------ */

#header p.logo a{ color: #666; text-decoration: none; }
#header p.logo a:hover{ color: #ff6600; text-decoration: underline; }


#contents h2 a{ color: #fff; text-decoration: none; }
#contents h2 a:hover{ color: #ffff00; text-decoration: underline; }


#contents ul#breadcrumbs li h1{
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	color: #454545;
	font-size: 1.0em;
	text-indent: 0px;
	line-height: 1.0em;
	background: none;
}



/* 続きを読む */
#contents p.more{ margin-bottom: 100px; text-align: right; }
#contents p.more a{	text-decoration: underline; }


/* 日付/カテゴリデータ */
#contents p.date{
	margin: 7px 10px -30px 0px;
	font-size: 0.9em;
	text-align: right;
}


/* ------------------------------ カテゴリーページ用 */

#contents ul.subcatlist li{
	border-bottom: none;
}

#contents ul.subcatlist ul{ margin: 0px; }
#contents ul.subcatlist ul li{ margin-left: 30px; }



/* ------------------------------ タグ */


#contents .tag{
	margin: -15px 30px 70px;
	border-top: 1px #999 dotted;
}


#contents .tag dl{
	margin: 15px 15px 0px;
	padding: 0px;
	border: none;
	text-align: right;
}

#contents .tag dl dt{
	display: inline;
	margin: 0px;
	color: #000;
	font-weight: normal;
	font-size: 100%;
	text-indent: 0px;
	border-bottom: none;
}

#contents .tag dl dd{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #666;
}


/* ------------------------------ trackback */

#contents p.tb{
	margin: 20px 0px 0px;
	text-align: center;
}

#contents #trackback{
	margin-top: 70px;
}


#contents p.tb{
	margin: 20px 0px 0px;
	font-size: 0.9em;
	text-align: center;
}


/* 送られてきたトラックバック表示 */
#contents .ping{
	margin: 10px 50px 0px;
	border-top: 1px #ccc dotted;
}


#contents .ping p{ margin: 0px; }

#contents .ping p.tb-ttl{
	margin: 25px 0px 5px;
	font-weight: bold;
}

#contents .ping p.tb-more,
#contents .ping p.tb-ref,
#contents .ping p.tb-time{
	padding-left: 15px;
	font-size: 0.9em;
}

#contents .ping p.tb-time{
	color: #999;
	text-align: right;
}


/* ------------------------------ コメント */

#contents #comments{
	margin-top: 70px;
}


#contents .comment{
	margin: 0px 50px 30px;
	border-bottom: 1px #ccc dotted;
}


#contents .comment p{
	margin: 15px 0px;
	font-size: 0.9em;
}


#contents p.author{
	font-size: 0.8em;
	text-align: right;
}


/* ------------------------------ コメント投稿 */

#contents .comment-form{
	margin-top: 70px;
}


#contents .comment-form input{
	padding: 5px;
}


#contents .comment-form .button{
	clear: both;
}


#contents .comment-form .button input{
	padding: 5px 25px;
}


/* ------------------------------ コメント投稿（captcha使用時） */

#contents .comment-form .label{
	margin: 0px 10px 0px 50px;
	float: left;
	display: inline;
}

#contents .comment-form .field input{
	float: left;
	margin: 15px 10px 15px 50px;
	padding: 3px;
}

#contents .comment-form .field p{
	margin: 15px 0px 0px;
	font-size: 0.9em;
}

/* ------------------------------ サイトマップ用 */

#contents .sitemap ul{
	margin: 30px;
	padding: 0px;
}

#contents .sitemap ul li{
	margin: 0px;
	padding-bottom: 5px;
	border: none;
}

#contents .sitemap ul li{ background-image: url(../img/tree.gif); }
#contents .sitemap ul li.home{ background-image: none; }
#contents .sitemap ul li.tree_last{ background-image: url(../img/tree-last.gif); }

#contents .sitemap ul li ul{ margin: 0px 0px 0px 20px; }





/* ------------------------------ calendar */

#sidemenu .calendar{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;
}

#sidemenu .calendar dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}

#sidemenu .calendar dl dd table{
	width: 95%;
	margin: 0px auto 5px;
}

#sidemenu .calendar dl dd table caption{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

#sidemenu .calendar dl dd table th,
#sidemenu .calendar dl dd table td{
    padding: 0;
    font-size: 80%;
    line-height: 180%;
    text-align: center;
}

#sidemenu .calendar dl dd table th{
    font-weight: bold;
    line-height: 2;
    border: 1px #015198 solid;
    background-color: #eee;
}

#sidemenu .calendar dl dd table th.sat{
	color: #3399ff;
    font-weight: bold;
}

#sidemenu .calendar dl dd table th.sun{
	color: #ff3300;
    font-weight: bold;
}

#sidemenu .calendar dl dd table td{
    padding: 0;
    width: 14%;
    color: #999;
    border: 1px #015198 solid;
}

#sidemenu .calendar dl dd table td a{
    display: block;
    color: #0000ff;
    font-weight: bold;
    text-decoration: none;
    background-color: #eee;
}

#sidemenu .calendar dl dd table td a:hover{
    color: #fff;
    background-color: #015198;
}



/* ------------------------------ entry */

#sidemenu .entry dl{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;

}

#sidemenu .entry dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}


#sidemenu .entry dl dd{
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 15px;
	font-size: 0.9em;
	background: url(../img/sidemenu.gif) left 5px no-repeat;
}


/* ------------------------------ コメント一覧用 */

#sidemenu .comment{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;
}

#sidemenu .comment dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}

#sidemenu .comment dl dd{
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 15px;
	font-size: 0.9em;
	background: url(../img/sidemenu.gif) left 5px no-repeat;
}

#sidemenu .comment dl dl dd{
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 1.0em;
}



/* ------------------------------ category */

#sidemenu .category{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;
}

#sidemenu .category dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}


#sidemenu .category dl dd{
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 15px;
	font-size: 0.9em;
	background: url(../img/sidemenu.gif) left 5px no-repeat;
}



#sidemenu .category dl dl dd{
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 1.0em;
}



/* ------------------------------ archive, feed, powerdby */

#sidemenu .archive dl,
#sidemenu .feed dl,
#sidemenu .powered dl{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;

}

#sidemenu .archive dl dt,
#sidemenu .feed dl dt,
#sidemenu .powered dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}


#sidemenu .archive dl dd,
#sidemenu .feed dl dd,
#sidemenu .powered dl dd{
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 15px;
	font-size: 0.9em;
	background: url(../img/sidemenu.gif) left 5px no-repeat;
}



/* ------------------------------ profile, search */

#sidemenu .profile,
#sidemenu .search{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;
}

#sidemenu .profile dl dt,
#sidemenu .search dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}


#sidemenu .profile dl dd,
#sidemenu .search dl dd{
	margin: 15px;
	color: #666;
	font-size: 0.9em;
}





/* ------------------------------ タグクラウド */

#sidemenu .side-tag{
	margin: 10px 10px 30px;
	padding: 0px 0px 10px;
	text-align: left;
	border: 1px #ccc solid;
	background-color: #f9f9f9;
}


#sidemenu .side-tag dl dt{
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
	background: #999 url(../img/side-ttl.gif) left top no-repeat;
}

#sidemenu .side-tag dl dd{
	display: inline;
	padding: 5px;
	word-break: break-all;
}

#sidemenu .side-tag .rank-10{font-size: 80%;}
#sidemenu .side-tag .rank-9{font-size: 85%;}
#sidemenu .side-tag .rank-8{font-size: 90%;}
#sidemenu .side-tag .rank-7{font-size: 100%;}
#sidemenu .side-tag .rank-6{font-size: 108%;}
#sidemenu .side-tag .rank-5{font-size: 115%;}
#sidemenu .side-tag .rank-4{font-size: 125%;}
#sidemenu .side-tag .rank-3{font-size: 130%; font-weight: bold;}
#sidemenu .side-tag .rank-2{font-size: 138%; font-weight: bold;}
#sidemenu .side-tag .rank-1{font-size: 145%; font-weight: bold;}
