@charset "UTF-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* 自動処理タグ対策
=================================*/
div#ad_rs {
	display: none;
}


/* body
=================================*/
body {
	text-align: center;
	background: #fff url(../img/bg01.jpg) repeat-x 0 0;
	color: #555;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", verdana, sans-serif;
}


/* link
=================================*/
a {
	color: #2B94C0;
}
a:hover {
	text-decoration: none;
	color: #CA2A1A;
}


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


/* header
=================================*/
div#header {
	width: 900px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg02.jpg) no-repeat 0 0;
}

#logo {
	position: absolute;
	top: 51px;
	left: 0;
	width: 275px;
	height: 55px;
}

#tagline {
	position: absolute;
	top: 86px;
	left: 275px;
}

#gnavi {
	width: 900px;
	height: 36px;
	position: absolute;
	top: 114px;
	left: 0;
}
#gnavi li {
	float: left;
}
#gnavi li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#bird {
	width: 102px;
	height: 75px;
	position: absolute;
	top: 39px;
	right: 0;
}

#addclips {
	position: absolute;
	top: 13px;
	right: 0;
}

#hbm {
	position: absolute;
	top: 15px;
	right: 148px;
}

#request-form {
	position: absolute;
	top: 85px;
	left: 640px;
	font-size: 13px;
	background: url(../img/ic05.gif) no-repeat 0 50%;
	padding-left: 20px;
}


/* layout
=================================*/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 900px;
}

#content {
	width: 900px;
	background: url(../img/bg04.jpg) no-repeat 0 0;
}

#ms {
	width: 840px;
	margin: 0 auto;
	background: url(../img/bg05.gif) repeat-y 0 0;
}

#m {
	width: 615px;
	float: left;
	padding-bottom: 80px;
}

#s {
	width: 200px;
	float: right;
	padding-bottom: 15px;
}
#s a:hover,
#s a:active {
	color: #1C607D;
}
#s .section {
	padding: 15px 15px 0 15px;
}



/* top-area
=================================*/
#top-area {
	width: 900px;
	height: 280px;
	position: relative;
	background: url(../img/bg03.jpg) no-repeat 0 0;
	margin-bottom: 20px;
}

#ad1 {
	position: absolute;
	bottom: 0;
	right: 0;
}
#ad1 img {
	vertical-align: text-bottom;
}

#banner1 {
	position: absolute;
	bottom: 130px;
	left: 0;
}
#banner2 {
	position: absolute;
	bottom: 0;
	left: 0;
}
#banner1 img,
#banner2 img {
	vertical-align: text-bottom;
}


/* topic-path
=================================*/
#topic-path {
	font-size: 85%;
	color: #888;
	padding: 2px 20px;
	margin: 15px 19px;
	background: url(../img/ic02.gif) no-repeat 0 50%;
}
#topic-path a {
	color: #888;
}


/* form1
=================================*/
#form1 {
	width: 900px;
	height: 130px;
	position: relative;
}
#form1 input {
	font-size: 138.5%;
}
#form1 #q {
	width: 480px;
	height: 30px;
	position: absolute;
	top: 45px;
	left: 165px;
	border: 2px solid #ccc;
}
#form1 #q:focus {
	border: 2px solid #999;
	background: #FFFFCE;
}
#form1 #submit {
	position: absolute;
	top: 45px;
	left: 655px;
}


/* site-list
=================================*/
#col1 #site-list {
	padding-left: 30px;
}

.site {
	width: 410px;
	float: left;
	border-right: 20px solid #fff;
	margin-bottom: 30px;
}
#col2 .site {
	width: 615px;
	border: 0;
	float: none;
}
.individual .site {
	margin-bottom: 20px;
}
.site-title {
	padding-bottom: 8px;
	margin-bottom: 10px;
	background: url(../img/dot01.gif) repeat-x left bottom;
}
.individual .site-title {
	padding-bottom: 12px;
	margin-bottom: 18px;
}
.individual .site-title span.title {
	font-weight: bold;
	color: #669900;
	font-size: 153.9%;
}
.site-title a {
	font-weight: bold;
	font-size: 108%;
	background: url(../img/ic01.gif) no-repeat 0 50%;
	padding-left: 19px;
}
.site-title span {
	padding-left: 8px;
}
.site-title span a {
	font-weight: normal;
	background: none;
	padding-left: 0;
}
.site-title span a img {
	vertical-align: middle;
}
.site dl {
	height: 160px;
}
.site dl dt {
	width: 160px;
	float: left;
}
.site dl dt a {
	display: block;
	width: 160px;
	border: 2px solid #ccc;
}
.site dl dt a:hover {
	border: 2px solid #CA2A1A;
}
.site dl dt img {
	vertical-align: text-bottom;
}
.site dl dd {
	margin-left: 173px;
	line-height: 1.5;
}
.site dl dd.text {
	margin-bottom: 8px;
}
.individual .site dl dd.text {
	font-size: 123.1%;
}
.site dl dd.detail {
	margin-top: 8px;
	background: url(../img/ic04.gif) no-repeat 0 50%;
	padding-left: 16px;
	font-weight: bold;
}
.site dl dd.category {
	margin-top: 4px;
	background: url(../img/ic04.gif) no-repeat 0 50%;
	padding-left: 16px;
}


/* category-title
=================================*/
#category-title {
	padding: 0 0 30px 0;
	font-weight: bold;
	color: #669900;
	font-size: 153.9%;
	background: #fff;
}


/* list-title
=================================*/
#list-title {
	margin: 0 30px;
	padding: 0 0 30px 0;
	font-weight: bold;
	color: #669900;
	font-size: 153.9%;
	background: #fff;
}


/* related-articles
=================================*/
.related-articles {
	margin-top: 25px;
}
.related-articles h3 {
	background: url(../img/dot01.gif) repeat-x left bottom;
	padding-bottom: 8px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #666;
	font-size: 116%;
}
.related-articles ul {
	margin-left: 15px;
}
.related-articles ul li {
	margin-bottom: 5px;
	background: url(../img/ic04.gif) no-repeat 0 50%;
	padding-left: 16px;
}


/* tweet
=================================*/
.tweet {
	border-top: 15px solid #fff;
	border-bottom: 15px solid #fff;
	width: 610px;
	background: url(../img/bg06.gif) no-repeat top right;
}
.tweet dl {
	padding-bottom: 15px;
	background: url(../img/bg07.gif) no-repeat bottom right;
}
.tweet dl dt {
	width: 50px;
	height: 50px;
	float: left;
}
.tweet dl dd {
	width: 535px;
	float: right;
}
.tweet dl dd p {
	padding: 15px 15px 0 15px;
	line-height: 1.5;
}


/* ad
=================================*/
.ad200 {
	width: 200px;
	border-bottom: 15px solid #fff;
	background: #fff;
}
.ad468 {
	padding: 15px 0 15px 20px;
	background: #FFFF95;
}


/* side plugin
=================================*/
.sidetitlebody {
	padding: 0 5px;
	margin-bottom: 12px;
	border-bottom: 2px dotted #fff;
}
.sidetitle {
	font-weight: bold;
	font-size: 123.1%;
	padding-bottom: 3px;
	color: #fff;
}
.sidebody {
	padding: 0 0 5px 5px;
}


/* tablesorter
=================================*/
table.tablesorter {
	background-color: #CDCDCD;
	width: 840px;
	margin: 0 0 0 30px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#f5f5f5;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


/* kachibito
=================================*/
#kachibito {
	padding: 10px;
	background: #FFFF95;
	text-align: center;
}

/* footer
=================================*/
#footer {
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding: 15px 0 40px;
}
#footer img {
	vertical-align: text-bottom;
}

address {
	padding: 0 10px 0 85px;
	font-size: 85%;
	color: #999;
	font-family: Verdana, arial, sans-serif;
	font-style: normal;
	line-height: 1.7;
	background: url(../img/k.gif) no-repeat 15px 50%;
}
address a,
address a:visited,
address a:hover {
	color: #999;
}

#pagetop {
	height: 24px;
	border-bottom: 4px solid #777;
}
#pagetop p {
	text-align: right;
	margin: 0 auto;
	width: 900px;
}


/* clearfix
=================================*/
.clearfix:after,
.site:after,
.tweet dl:after,
#site-list:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
.site,
.tweet dl,
#site-list {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix,
* html .site,
* html .tweet dl,
* html #site-list {
	height:1px;
}
.clearfix,
.site,
.tweet dl,
#site-list {
	display:block;
}
/* End hide from IE-mac */


/* ads
=================================*/
div.ad200 {

}
div.ad768 {
	margin-top: 30px;
	padding-left: 66px;
}