@charset "utf-8";

html {
	margin: 0;
	padding: 0;
}

body {
	line-height: 100%;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	color: #333333;
	background: #F2FFFF url(../img/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited {
	text-decoration: underline;
	color: #0026E5;
}
a:hover, a:active {
	text-decoration: none;
	color: #FFAA00;
}
a img { border: 0; }

h1, h2, h3, h4, h5, h6, p {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

strong { font-weight: bold; }
em { font-style: oblique; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.red { color: #DD0000; }
.blue { color: #003399; }
.black { color: #000000; }
.gray { color: #999999; }

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size18 { font-size: 18px; }
.size24 { font-size: 24px; }
.size30 { font-size: 30px; }

.bgyellow {
	background: #FFFF00;
}
.bgblack {
	color: #FFFFFF;
	background: #000000;
}
.bgblue {
	color: #FFFFFF;
	background: #0099CC;
}
.bgred {
	color: #FFFFFF;
	background: #CC0000;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.imgl {
	float: left;
	padding: 0;
	margin: 0 15px 15px 0;
}
.imgr {
	float: right;
	padding: 0;
	margin: 0 0 15px 15px;
}

.clear { clear: both; }

#contain {
	overflow: hidden;
	text-align: left;
	background: #FFFFFF url(../img/contain.gif) repeat-y;
	width: 854px;
	margin: 0 auto;
	padding: 0;
}
#contain:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html #contain {
	height: 1%;
	overflow: visible;
}
#contain { display: block; }
/**/
#contain2 {
	overflow: hidden;
	text-align: left;
	background: #FFFFFF url(../img/contain2.gif) repeat-y;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}
#contain2:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html #contain2 {
	height: 1%;
	overflow: visible;
}
#contain2 { display: block; }
/**/

#head {
	position: relative;
	background: url(../img/head.gif) no-repeat left top;
	width: 854px;
	height: 70px;
	padding: 0;
	margin: 0;
}
#head h1 {
	line-height: 10px;
	text-indent: -10000px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background: #00AACC;
	height: 10px;
	padding: 0;
	margin: 0 2px;
}
#head p {
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	height: 5px;
}
#head .sitelogo a {
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	position: absolute;
	top: 22px;
	left: 12px;
	width: 220px;
	height: 30px;
	padding: 0;
	margin: 0;
}
#head .sitelogo a:hover, #head .sitelogo a:active { background: transparent; }
#head .sitelogo a:focus { outline: none; }
#head2 {
	position: relative;
	background: url(../img/head2.gif) no-repeat left top;
	width: 700px;
	height: 70px;
	padding: 0;
	margin: 0;
}
#head2 h1 {
	line-height: 10px;
	text-indent: -10000px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background: #00AACC;
	height: 10px;
	padding: 0;
	margin: 0 2px;
}
#head2 p {
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	height: 5px;
}
#head2 .sitelogo a {
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	position: absolute;
	top: 22px;
	left: 12px;
	width: 220px;
	height: 30px;
	padding: 0;
	margin: 0;
}
#head2 .sitelogo a:hover, #head2 .sitelogo a:active { background: transparent; }
#head2 .sitelogo a:focus { outline: none; }

#breadlist {
	background: #FFFFFF url(../img/breadlist.gif) no-repeat left top;
	width: 854px;
	height: 25px;
	padding: 0;
	margin: 0;
}
#breadlist p {
	line-height: 25px;
/*	text-align: right;	*/
	font-size: 10px;
	color: #666666;
	padding: 0;
	margin: 0 15px;
}
#breadlist p a, #breadlist p a:link, #breadlist p a:visited {
	text-decoration: none;
	color: #666666;
}
#breadlist p a:hover, #breadlist p a:active {
	text-decoration: underline;
	color: #666666;
}
#breadlist2 {
	background: #FFFFFF url(../img/breadlist2.gif) no-repeat left top;
	width: 700px;
	height: 25px;
	padding: 0;
	margin: 0;
}
#breadlist2 p {
	line-height: 25px;
/*	text-align: right;	*/
	font-size: 10px;
	color: #666666;
	padding: 0;
	margin: 0 15px;
}
#breadlist2 p a, #breadlist2 p a:link, #breadlist2 p a:visited {
	text-decoration: none;
	color: #666666;
}
#breadlist2 p a:hover, #breadlist2 p a:active {
	text-decoration: underline;
	color: #666666;
}

#maincontent {
	float: right;
	width: 599px;
}
#siteface {
	background: url(../img/note.gif);
	padding: 0;
	margin: 7px 7px 0 6px;
}
#siteface h2 {
	text-indent: -10000px;
	background: url(../img/siteface.jpg) no-repeat left top;
	width: 586px;
	height: 210px;
	padding: 0;
	margin: 0;
}
#siteface p {
	line-height: 30px;
	margin: 30px 15px;
	padding: 0;
}
#recommend {
	padding: 0;
	margin: 0 17px 0 16px;
}
#recommend h3 {
	line-height: 50px;
	text-align: center;
	font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
	font-weight: normal;
	font-size: 30px;
	color: #333333;
	background: #FFFFFF url(../img/h3recommend.gif) no-repeat left top;
	width: 566px;
	height: 50px;
	padding: 0;
	margin: 0 0 15px 0;
}
.ranking1 {
	line-height: 60px;
	font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
	font-weight: normal;
	font-size: 24px;
	color: #333333;
	background: url(../img/ranking1.gif) no-repeat left center;
	height: 60px;
	padding: 0 0 0 70px;
	margin: 0 15px;
}
.ranking2 {
	line-height: 60px;
	font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
	font-weight: normal;
	font-size: 24px;
	color: #333333;
	background: url(../img/ranking2.gif) no-repeat left center;
	height: 60px;
	padding: 0 0 0 70px;
	margin: 0 15px;
}
.ranking3 {
	line-height: 60px;
	font-family: "HGP明朝E","HGP創英角ｺﾞｼｯｸUB","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6";
	font-weight: normal;
	font-size: 24px;
	color: #333333;
	background: url(../img/ranking3.gif) no-repeat left center;
	height: 60px;
	padding: 0 0 0 70px;
	margin: 0 15px;
}
.rankingcontent {
	overflow: hidden;
	border: 1px dotted #FFD580;
	background: #FFFFE5;
	padding: 30px 15px;
	margin: 0 15px 15px 15px;
}
.rankingcontent:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html .rankingcontent {
	height: 1%;
	overflow: visible;
}
.rankingcontent { display: block; }
/**/
.rankingcontent p {
	line-height: 24px;
	margin: 0 0 15px 0;
	padding: 0;
}
.rankingcontent ul {
	list-style: none;
	margin: 0 15px 15px 15px;
	padding: 0;
}
.rankingcontent ul li {
	line-height: 30px;
	font-weight: bold;
	color: #CC0000;
	background: url(../img/rankinglist.gif) no-repeat left center;
	margin: 0;
	padding: 0 0 0 21px;
}
.rankinglink {
	text-indent: -10000px;
	text-align: center;
	width: 500px;
	margin: 0 auto;
}
.rankinglink a, .rankinglink a:link, .rankinglink a:visited {
	display: block;
	text-decoration: none;
	background: url(../img/rankinglink.jpg) no-repeat left top;
	width: 500px;
	height: 60px;
}
.rankinglink a:hover, .rankinglink a:active { background-position: left bottom; }
.rankinglink a:focus { outline: none; }

#entry {
	padding: 0;
	margin: 15px 17px 0 16px;
}
#entry h2 {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h2.gif) repeat-x;
	height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
}
#entry h3 {
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h3.gif) no-repeat left top;
	height: 30px;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}
#entry p {
	line-height: 20px;
	margin: 0 10px 15px 10px;
	padding: 0;
}
.navigation {
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 0 0 20px 0;
}
.navigation p {
	line-height: 150%;
	padding: 0;
	margin: 0 0 5px 0;
}
.navigation p a, .navigation p a:link, .navigation p a:visited {
	text-decoration: none;
	color: #666666;
}
.navigation p a:hover, .navigation p a:active {
	text-decoration: underline;
	color: #666666;
}

#category {
	padding: 0;
	margin: 15px 17px 0 16px;
}
#category h2 {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h2.gif) repeat-x;
	height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
}
#category h3 {
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h3.gif) no-repeat left top;
	height: 30px;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}
#category dl {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 15px;
}
#category dl dt {
	font-weight: bold;
	background: url(../img/sidecontentlia.gif) no-repeat left center;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0;
}
#category dl dd {
	line-height: 150%;
	padding: 0;
	margin: 0 0 15px 11px;
}

#other {
	padding: 0;
	margin: 15px 17px 0 16px;
}
#other h2 {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h2.gif) repeat-x;
	height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
}
#other h3 {
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h3.gif) no-repeat left top;
	height: 30px;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}
#other p {
	line-height: 20px;
	margin: 0 10px 15px 10px;
	padding: 0;
}
#other ul {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 15px;
}
#other ul li {
	background: url(../img/otherli.gif) no-repeat left center;
	padding: 0 0 0 11px;
	margin: 0 0 10px 0;
}
#other ul ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 15px;
}
#other ul ul li {
	background: url(../img/otherli2.gif) no-repeat left center;
	padding: 0 0 0 11px;
	margin: 0 0 10px 0;
}
#other dl {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 15px;
}
#other dl dt {
	font-weight: bold;
	background: url(../img/otherli.gif) no-repeat left center;
	padding: 0 0 0 11px;
	margin: 0 0 5px 0;
}
#other dl dd {
	line-height: 150%;
	padding: 0;
	margin: 0 0 15px 11px;
}
#other ul.float {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0 0 30px 15px;
}
#other ul.float:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html #other ul.float {
	height: 1%;
	overflow: visible;
}
#other ul.float { display: block; }
/**/
#other ul.float li {
	float: left;
	white-space: nowrap;
	background: url(../img/otherli2.gif) no-repeat left center;
	width: auto;
	padding: 0 0 0 11px;
	margin: 0 30px 30px 0;
}
#other table {
	background: #666666;
	width: 546px;
	margin: 15px 10px;
}
#other table th {
	line-height: 150%;
	font-weight: bold;
	background: #F2F2F2;
	padding: 10px;
}
#other table td {
	line-height: 150%;
	font-size: 12px;
	color: #444444;
	background: #FFFFFF;
	padding: 10px;
}
.nw { white-space: nowrap; }

#formbox {
	padding: 0;
	margin: 15px;
}
#formbox h2 {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #00AACC;
	background: url(../img/h2.gif) repeat-x;
	height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
}
#formbox p {
	line-height: 20px;
	margin: 0 10px 15px 10px;
	padding: 0;
}
#formbox table {
	background: #666666;
	width: 650px;
	margin: 15px 10px;
}
#formbox table th {
	line-height: 150%;
	font-weight: bold;
	background: #F2F2F2;
	padding: 10px;
}
#formbox table td {
	line-height: 150%;
	font-size: 12px;
	color: #444444;
	background: #FFFFFF;
	padding: 10px;
}

.quote {
	line-height: 30px;
	color: #000000;
	background: #F2F2F2;
	margin: 0 10px 15px 10px;
	padding: 0 15px;
}

.pagetop {
	overflow: hidden;
	line-height: 100%;
	font-size: 11px;
	padding: 20px 0;
	margin: 0;
}
.pagetop:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html .pagetop {
	height: 1%;
	overflow: visible;
}
.pagetop { display: block; }
/**/
.pagetop a {
	float: right;
	background: url(../img/pagetop.gif) no-repeat left center;
	padding: 0 0 0 14px;
	margin: 0;
}
.pagetop a:link, .pagetop a:visited {
	text-decoration: underline;
	color: #666666;
}
.pagetop a:hover, .pagetop a:active {
	text-decoration: none;
	color: #666666;
	padding: 0 0 0 14px;
	margin: 0;
}

#sidecontent {
	float: left;
	width: 252px;
}
.sidetopic {
	padding: 7px 0 8px 0;
	margin: 0 5px 0 7px;
}
.sidetopic .bannerimg {
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
}
.sidetopic p {
	line-height: 100%;
	font-size: 11px;
	padding: 0;
	margin: 0 3px 5px 3px;
}
#sidecontent dl {
	list-style: none;
	background: url(../img/sidecontentli.gif) no-repeat left top;
	padding: 2px 0 8px 0;
	margin: 7px 5px 0 7px;
}
#sidecontent dl dt {
	display: block;
	line-height: 40px;
	font-weight: bold;
	font-size: 12px;
	background: url(../img/sidecontentli.gif) no-repeat left bottom;
	width: 240px;
	padding: 0;
	margin: 0;
}
#sidecontent dl dt a, #sidecontent dl dt a:link, #sidecontent dl dt a:visited {
	display: block;
	line-height: 150%;
	text-decoration: none;
	font-size: 12px;
	color: #00AACC;
	border-bottom: 1px solid #FFFFFF;
	width: auto;
	_width: 100%;
	padding: 11px 0 11px 5px;
	margin: 0;
}
#sidecontent dl dt a:hover, #sidecontent dl dt a:active {
	color: #00AACC;
	background: #EBEBEB;
	border-bottom: 1px solid #D9D9D9;
}
#sidecontent dl dd {
	display: block;
	line-height: 30px;
	font-size: 12px;
	background: url(../img/sidecontentli.gif) no-repeat left bottom;
	width: 240px;
	padding: 0;
	margin: 0;
}
#sidecontent dl dd a, #sidecontent dl dd a:link, #sidecontent dl dd a:visited {
	display: block;
	line-height: 150%;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	background: url(../img/sidecontentlia.gif) no-repeat 5px 50%;
	border-bottom: 1px solid #FFFFFF;
	width: auto;
	_width: 100%;
	padding: 7px 0 7px 20px;
	margin: 0;
}
#sidecontent dl dd a:hover, #sidecontent dl dd a:active {
	color: #666666;
	background: #EBEBEB url(../img/sidecontentlia.gif) no-repeat 5px 50%;
	border-bottom: 1px solid #D9D9D9;
}
#sidecontent ul {
	list-style: none;
	background: url(../img/sidecontentli.gif) no-repeat left top;
	padding: 2px 0 8px 0;
	margin: 7px 5px 0 7px;
}
#sidecontent ul li {
	display: block;
	line-height: 30px;
	font-size: 12px;
	background: url(../img/sidecontentli.gif) no-repeat left bottom;
	width: 240px;
	padding: 0;
	margin: 0;
}
#sidecontent ul li a, #sidecontent ul li a:link, #sidecontent ul li a:visited {
	display: block;
	line-height: 150%;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	background: url(../img/sidecontentlia.gif) no-repeat 5px 50%;
	border-bottom: 1px solid #FFFFFF;
	width: auto;
	_width: 100%;
	padding: 7px 0 7px 20px;
	margin: 0;
}
#sidecontent ul li a:hover, #sidecontent ul li a:active {
	color: #666666;
	background: #EBEBEB url(../img/sidecontentlia.gif) no-repeat 5px 50%;
	border-bottom: 1px solid #D9D9D9;
}
.sougo {
	text-indent: -10000px;
	padding: 0 0 8px 0;
	margin: 7px 5px 0 7px;
}
.sougo a, .sougo a:link, .sougo a:visited {
	display: block;
	text-decoration: none;
	background: url(../img/sougoa.gif) no-repeat left top;
	width: 240px;
	height: 60px;
}
.sougo a:hover, .sougo a:active { background: url(../img/sougoah.gif) no-repeat left top; }
.sougo a:focus { outline: none; }

#info {
	clear: both;
	overflow: hidden;
	color: #666666;
	background: #FFFFFF;
	border-top: 5px solid #00AACC;
	padding: 0;
	margin: 0 2px;
}
#info:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html #info {
	height: 1%;
	overflow: visible;
}
#info { display: block; }
/**/
#info ul {
	float: right;
	list-style: none;
	padding: 20px 0;
	margin: 0;
}
#info ul li {
	float: left;
	font-size: 11px;
	padding: 0;
	margin: 0 15px 0 0;
}
#info ul li a, #info ul li a:link, #info ul li a:visited {
	text-decoration: underline;
	color: #666666;
}
#info ul li a:hover, #info ul li a:active {
	text-decoration: none;
	color: #666666;
}

#footer {
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	background: #FFFFFF;
	border-top: 3px solid #E5E5E5;
	padding: 0 0 15px 0;
	margin: 0 2px;
}
#footer:after {
	content: "";
	display: block;
	clear: both;
	height: 1%;
	overflow: hidden;
}
/*\*/
* html #footer {
	height: 1%;
	overflow: visible;
}
#footer { display: block; }
/**/
#footer dl {
	float: right;
	list-style: none;
	padding: 15px 0 0 0;
	margin: 0;
}
#footer dl dt {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding: 0;
	margin: 0 15px 0 0;
}
#footer dl dd {
	float: left;
	font-size: 11px;
	padding: 0;
	margin: 0 15px 0 0;
}
#footer dl dd a, #footer dl dd a:link, #footer dl dd a:visited, #footer dl dd a:hover, #footer dl dd a:active {
	text-decoration: none;
	color: #666666;
	background: transparent;
}
#footer p {
	clear: both;
	color: #666666;
	margin: 0;
	padding: 15px 0 0 0;
}
#footer p a, #footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {
	text-decoration: none;
	color: #666666;
	background: transparent;
}