@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #333;
}


/* =Font
---------------------------------------- */
body {
	font-family: Arial,Helvetica,sans-serif;
}

textarea, input {
	font-family: sans-serif;
}

body, form {
	font-size: small;
}

.container,
textarea, input {
	font-size: 105%;
}


/* =Links
---------------------------------------- */
a:link {
	color: #038;
}

a:visited {
	color:#069;
}

a:hover, a:active {
	color: #F60;
}

a img {
	border: none;
}


/* =Content
---------------------------------------- */
#content p, #content li, #content dt, #content dd {
	line-height: 1.5;
}

#content .nav li {
	line-height: 1em;
}

/* =Structure
---------------------------------------- */
.container {
	position: relative;
	min-width: 820px;
}

#content {
	padding: 0 20px 10px 3%;
}

.homePage #content {
	padding-left: 20px;
}

#footer {
	clear: both;
	padding: 10px;
	border-top: 1px solid #094;
	margin: 10px;
	text-align: center;
	font-size: 80%;
}

#colMypage {
	padding-left: 180px;
}

#colContent {
	float: right;
	width: 100%;
}

#colNavigation {
	margin-left: -180px;
	width: 160px;
}

.colAB {
	clear: both;
	padding-right: 270px;
}

.colAB .colA {
	float: left;
	width: 100%;
}

.colAB .colB {
	float: left;
	padding-left: 20px;
	margin-right: -270px;
	width: 250px;
}

.colBA {
	clear: both;
	padding-left: 270px;
}

.colBA .colA {
	float: right;
	width: 100%;
}

.colBA .colB {
	float: left;
	margin-left: -270px;
	width: 250px;
}

.colsBAC .colAWrap {
	float: left;
	width: 100%;
}

.colsBAC .colA {
	margin: 0 270px 0 180px;
}

.colsBAC .colB {
	float: left;
	margin-left: -100%;
	width: 170px;
}

.colsBAC .colC {
	float: left;
	padding-left: 20px;
	margin-left: -270px;
	width: 250px;
}


/* =Header
---------------------------------------- */
#header {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	height: 95px;
	background: url(/images/bg_header.png) 0 46px repeat-x;
}

#logo {
	padding: 8px 0 0 20px;
}

.topPage #logo {
	background: none;
}

/* =Navigation
---------------------------------------- */
#navMain {
	overflow: hidden;
	position: absolute;
	left: 28px;
	top: 46px;
	height: 50px;
	width: 80%;
}

#navMain li {
	float: left;
	margin-right: 15px;
	height: 29px;
}

#navMain li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

#navMain .current ul {
	position: absolute;
	left: 0;
	top: 28px;
	width: 600px;
	color: #094;
}

#navMain .current li {
	height: 20px;
	line-height: 20px;
	font-size: 90%;
}

#navMain .current li li,
#navMain .current li a {
	display: inline;
}

#navMain .current li a {
	padding: 0;
	color: #666;
	background: none;
}

#navMain .current .navMy {
	color: #f90;
}

#navSub {
	position: absolute;
	left: 150px;
	/*left: 190px;*/
	top: 25px;
	font-size: 95%;
}

#navSub li {
	display: inline;
	margin-right: 5px;
}

#navSub li a {
	color: #094;
	text-decoration: none;
}

#navSub li a:hover,
#navSub li a:active {
	text-decoration: underline;
}

#navSub .presents {
	
}

.topPage #navSub .presents {
	margin-left: 0;
}

#hSearch {
	position: absolute;
	right: 290px;
	top: 6px;
}

#hSearch .txt {
	width: 150px;
	color: #999;
}

/* =Remote
---------------------------------------- */
#remote {
	position: absolute;
	z-index: 1000;
	right: 18px;
	top: 0;
	width: 260px;
	border: solid #FFF;
	border-width: 0 1px 1px;
}

#remote .body {
	padding: 10px;
	background: #fff6a8 url(/images/remote/bg_remote.png) repeat-x;
	border: solid #ccc;
	border-width: 0 1px 1px;
}

#remote h2,
#remote h2 a {
	color: #094 !important;
}

#remote h2 {
	text-decoration: none;
	margin: 0 2.5em 5px 0;
}

#remote h2 img {
	vertical-align: top;
}

#remote h2 a, #remote .nav a {
	font-size: 90%;
	text-decoration: none;
}

#remote p.nav {
	position: absolute;
	right: 10px;
	top: 10px;
}

#remote ul.nav {
	clear: both;
	margin-bottom: 5px;
	width: 100%;
}

#remote ul.nav li {
	display: inline;
}

/* =Tab
---------------------------------------- */
.contentTab {
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.contentTab li {
	float: left;
	padding-left: 6px;
	margin-right: 5px;
	background: url(/images/bg_tab.png) no-repeat;
	font-size: 80%;
}

.contentTab li a {
	display: block;
	padding-right: 6px;
	text-decoration: none;
	background: url(/images/bg_tab.png) right top no-repeat;
}

.contentTab .current {
	background-image: url(/images/bg_tab_current.png);
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.contentTab .current strong {
	display: block;
	padding-right: 6px;
	background: url(/images/bg_tab_current.png) right top no-repeat;
}

/* =Keyword
---------------------------------------- */
#keyword {
	padding: 10px 10px 0;
	border: 2px solid #8b2;
	margin-bottom: 10px;
}

#keyword h1 {
	margin-bottom: 5px;
	color: #370;
	font-size: 130%;
}

#keyword h1 ruby {
	display: inline-table;
}

#keyword h1 ruby>rb {
	display: table-row-group;
}

#keyword h1 ruby>rt {
	display: table-header-group;
}

#keyword #titleYomi {
	color: #999;
	font-weight: normal;
	font-size: 65%;
}

#keyword h1 ruby rp {
	display: none;
}

#keyword .colMain,
#keyword .colSub {
	padding-bottom: 10px;
}

#keyword .colMain {
	float: left;
	width: 69%;
}

#keyword .colMain h1,
#keyword .colMain p,
#keyword .colMain ul {
	margin-right: 10px;
}

#keyword .colMain .keywordImages {
	float: right;
	margin-bottom: 5px;
}

#keyword .colMain .keywordImages li {
	margin-bottom: 5px;
	line-height: 1;
}

#keyword .colSub {
	float: right;
	width: 31%;
}

#keyword .kwSub {
	padding: 5px;
	margin-bottom: 5px;
	font-size: 90%;
	background: #EEE;
	overflow: hidden;
}

#keyword .kwSub a {
	text-decoration: none;
}

#keyword .kwSub ul {
	margin-bottom: 5px;
}

#keyword .kwSub img{
	vertical-align: middle;
}

#keyword .kwSub dd {
	margin: 0 0 5px 5px;
}

#keyword .colSub .nav {
	text-align: right;
}

#keyword .colSub .nav li {
	margin-bottom: 5px;
}

#keyword .footer {
	clear: both;
	padding: 5px 10px 0;
	border-top: 1px solid #8b2;
	margin: 0 -10px 5px;
	line-height: 1em;
	font-size: 80%;
}


/* MISC: =Keyword Components
---------------------------------------- */
#comment,
#connect,
#trackback {
	border-bottom: 1px dotted #999;
	width: 100%;
}

#comment h2,
#connect h2,
#trackback h2 {
	margin-bottom: 0;
}


/* =Comment
---------------------------------------- */
#comment {
	border-bottom: none;
}

#comment .body,
#commentForm {
	border: 1px dotted #999;
	background-color: #FAFAE0;
}

#comment .body {
	padding: 10px 10px 0;
}

#comment h3,
#comment p {
	margin-left: 13px;
}

#comment h3 {
	font-size: 90%;
}

#comment p {
	margin-bottom: 7px;
	text-indent: -14px;
}

#comment .listNav {
	margin: 0;
}

#comment .commentNotice {
	margin-left: 27px;
	color: #666;
	font-size: 90%;
}

#comment .commentBye {
	color: #999;
}

#commentForm {
	padding: 10px;
	border-top: none;
	text-align: center;
}

#commentForm form {
	width: 100%;
}

#commentForm textarea {
	margin-bottom: 5px;
	width: 90%;
	height: 10em;
}


/* =Connect
---------------------------------------- */
#connect .connectReason {
	padding: 0 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
	background-color: #EAEFF3;
}

#connect .connectReason img {
	vertical-align: middle;
}

#connect .connectReasonOut {
	float: left;
}

#connect .connectReasonIn {
	text-align: right;
}

#connect .connectReasonOut a, 
#connect .connectReasonIn a {
	font-size:90%;
}

#connect .connectReasonOut a:link, #connect .connectReasonOut a:visited, 
#connect .connectReasonIn a:link, #connect .connectReasonIn a:visited {
	color:#366;
}

#connect .connectReasonOut a:hover, #connect .connectReasonOut a:active, 
#connect .connectReasonIn a:hover, #connect .connectReasonIn a:active {
	color: #F60;
}

#connect .connectReasonOut img {
	margin-right: 3px;
}

#connect .connectReasonIn img {
	margin-left: 3px;
}

#connect h3,
#connect p {
	margin: 0 10px;
}

#connect p {
	margin-bottom: 10px;
}

#connect p img {
	float: right;
	margin: 0 0 5px 5px;
}


/* =Trackback
---------------------------------------- */
#trackback .tbKanshin,
#trackback .tbOthers {
	padding: 0 10px;
}

#trackback li {
	display: inline;
}

#trackback p,
#trackback dl {
	margin: 0 0 10px 10px;
}

#trackback dd {
	padding: 0 2px;
	border: 1px solid #999;
}


/* =Profile
---------------------------------------- */
#profile {
	margin-bottom: 20px;
}

#profile .head,
#profile .head h1 {
	background: url(/images/bg_profile_top.png) no-repeat;
}

#profile .foot,
#profile .foot p {
	background: url(/images/bg_profile_bottom.png) no-repeat;
}

#profile .head {
	padding-left: 10px;
	background-position: left top;
}

#profile .head h1 {
	padding: 10px 10px 10px 0;
	color: #008837;
	font-size: 130%;
	background-position: right top;
}

#profile .head h1 span {
	font-size: 150%;
}

#profile .body {
	padding: 0 10px;
	border: solid #8b2;
	border-width: 0 3px;
	background: #ffc;
}

#profile h2 {
	margin-bottom: 10px;
	color: #C60;
}

#profile .colMain {
	float: left;
	width: 68%;
}

#profile .colMain h2,
#profile .colMain p {
	margin-right: 10px;
}

#profile .colSub {
	float: right;
	width: 32%;
	text-align:right;
}

#profile .colSub .nav li {
	margin-bottom: 5px;
}

#profile .foot {
	clear: both;
	padding-left: 10px;
	line-height: 1em;
	font-size: 80%;
	background-position: left bottom;
}

#profile .foot p {
	background-position: right bottom;
}

.sponsorLabel {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 2px;
	font-size: 80%;
}


/* MISC: =User
---------------------------------------- */
.userPage .topicpath {
	margin-bottom: 0;
}

.userPage .topicpath .count,
.userPage .topicpath .count a {
	color: #f60 !important;
}

.userPage .topicpath .count {
	margin-right: 5px;
	font-size: 140%;
	font-weight: bold;
}

.userPage .topicpath .count span {
	font-size: 70%;
}

#sideUserNav {
	color: #094;
	font-size: 120%;
}

#userKeywords,
#userDiaries,
#userCollections {
	margin-bottom: 40px;
}

.userPage #userKeywords h2,
.userPage #userDiaries h2 {
	padding: 0 0 8px 5px;
	background: url(/images/border_green.png) left bottom repeat-x;
}

#userKeywords .body,
#userCollections .body {
	margin-left: 10px;
}

#userKeywords table,
#userCollections table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-bottom: 1px solid #FFF;
}

#userKeywords td,
#userCollections td {
	padding: 5px 10px;
	border: dotted #999;
	border-width: 0 0 1px 1px;
	vertical-align: top;
}

#userKeywords td p,
#userCollections td p {
	line-height:1.3em;
	font-size:95%;
}

#userKeywords .col1,
#userCollections .col1 {
	padding-left: 0;
	border-left: none;
}

#userKeywords .cols2 .col2, #userKeywords .cols3 .col3,
#userCollections .col2 {
	padding-right: 0;
}

#userKeywords p img,
#userCollections p img {
	float: right;
	margin: 0 0 5px 5px;
}

#userKeywords .keyword .sub li,
#userCollections .collection .sub li {
	display: inline;
	margin-right: 3px;
	font-size: 90%;
}

#userKeywords .keyword .sub .count,
#userCollections .collection .sub .count {
	color: #094;
}

#userCollections .collectionKeywords li {
	display: inline;
}

#userDiaries h2 {
	margin-bottom: 0;
}

#userDiaries .entry {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	margin: 0 0 10px 10px;
}

#userDiaries .entry p img {
	float: right;
	margin: 0 0 5px 5px;
}
#userDiaries .entry p {
	margin-bottom: 5px;
	line-height:1.3em;
	font-size:95%;
}

#userDiaries .nav {
	text-align: right;
}

#userDiaries .nav li {
	display: inline;
	font-size:95%;
}

.bannerBeginnerSide {
	margin-bottom: 15px;
}


/* =Index
---------------------------------------- */
.indexList p img {
	float: right;
	margin: 0 0 5px 5px;
}

.indexList h2,
.indexList ul, .indexList li {
	display: inline;
}

.indexList h2 {
	margin-right: 10px;
}

.indexList li {
	margin-right: 5px;
}

.indexList h2 img,
.indexList ul img {
	vertical-align: middle;
}

.indexList h2 img {
	margin-right: 3px;
}

.indexList li a {
	text-decoration: none;
}

.indexList li.count,
.indexList li.count a {
	color: #094 !important;
}

#indexKeyword .keyword,
#indexDiary .entry,
#indexUser .user {
	margin-bottom: 10px;
}

#indexKeyword .keyword h2 img,
#indexDiary .entry h2 img,
#indexUser .user h2 img {
	margin-right: 3px;
}

#indexKeyword .keyword p {
	margin-left: 21px;
}

#indexDiary .entry p {
	margin-left: 18px;
}

#indexUser .user p,
#indexUser .user .listUserKeyword {
	margin-left: 13px;
}

#indexUser .user .listUserKeyword li a {
	text-decoration: underline;
}

#indexConnect a {
	text-decoration: none;
}

#indexConnect .tag0 {
	font-size: 50%;
}

#indexConnect .tag10 {
	font-size: 60%;
}

#indexConnect .tag20 {
	font-size: 80%;
}

#indexConnect .tag30 {
	font-size: 100%;
}

#indexConnect .tag40 {
	font-size: 120%;
}

#indexConnect .tag50 {
	font-size: 150%;
}

#indexConnect .tag60 {
	font-size: 170%;
}

#indexConnect .tag70 {
	font-size: 200%;
}

#indexConnect .tag80 {
	font-size: 230%;
}

#indexConnect .tag90 {
	font-size: 250%;
}

#indexConnect .tag100 {
	font-size: 300%;
}

#indexBbs {
	padding-top: 10px;
	border-top: 1px dotted #999;
	margin-left: 20px;
}

#indexBbs .bbs {
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}

#indexBbs h2 {
	line-height: 2em;
}

#indexBbs h2 span {
	color: #094;
}

#indexBbs p {
	margin: 0 0 10px 20px;
}

#indexBbs .nav {
	display: block;
	margin: -5px 0 20px 20px;
	text-align: right;
}

/* MISC: =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1em;
}

/* MISC: =List
---------------------------------------- */
.list {
	margin-bottom: 20px;
}

.list h2, .list h2 a {
	color: #094 !important;
}

.list h2 {
	margin-bottom: 10px;
}

.list h2 a {
	text-decoration: none;
}

.list h2 img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

.listNav {
	margin: 0 10px;
	padding-bottom: 10px;
	height: 1.2em;
}

.listNav .listNavAll,
.listNav .listNone {
	float: left;
}

.listNav .listNavAll {
	color: #094;
}

.listNav .listNavBtn {
	text-align: right;
}

/* MISC: =Topicpath
---------------------------------------- */
.topicpath {
	margin-bottom: 10px;
	font-size: 90%;
}

.topicpath h1,
.topicpath ul, .topicpath li {
	display: inline;
}

.topicpath h1,
.topicpath h1 a {
	color: #094 !important;
}

.topicpath h1 {
	margin-right: 5px;
	font-size: 140%;
}

.topicpath a {
	text-decoration: none;
}

.topicpath img {
	vertical-align: baseline;
}

.topicpath h1 img {
	margin-right: 5px;
}

.topicpath li img {
	margin-right: 3px;
}

.keywordPage .topicpath,
.keywordCommentPage .topicpath,
.keywordConnectPage .topicpath,
.keywordTrackbackPage .topicpath {
	margin-bottom: 0;
}

/* MISC: =Ads
---------------------------------------- */
.ad468x60 {
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
	text-align: center;
}

.ad250,
.ad120x600x2xA, .ad120x600x2xB {
	margin-bottom: 10px;
}

.ad250 object {
	z-index: 1;
}

.ad120x600x2xA {
	float: left;
}

.ad120x600x2xB {
	float: right;
}

.adListing {
	padding: 0 5px 5px 10px;
	margin-bottom: 20px;
	background: #eee;
}

.adListing .title {
	margin-bottom: -1em;
	text-align: right;
	font-size: 90%;
	color: #999;
}

.adListing dd dd {
	margin-bottom: 5px;
	font-size: 90%;
}

.adListing a {
	display: block;
}

.adListing dd dd a {
	text-decoration: none;
	color: #000 !important;
}

.adListing dd dd span {
	color: #094;
}

.adBeacon {
	width: 0;
	height: 0;
}

/* MISC: =Side
---------------------------------------- */
.sideList {
	margin-bottom: 10px;
}

.sideList h2, .sideList h2 a {
	color: #C60 !important;
}

.sideList h2 {
	margin-bottom: 5px;
}

.sideList h2 a {
	text-decoration: none;
}

#sideProfile {
	padding: 5px;
	border: 1px solid #094;
	margin-bottom: 15px;
}

#sideProfile p img {
	float: right;
	margin: 0 0 5px 5px;
}

#sideProfile .nav {
	text-align: right;
}

#sideProfile .nav li {
	margin-bottom: 5px;
}

#sideProfile form {
	margin-bottom: 5px;
}

#sideProfile textarea {
	height: 8em;
	width: 99%
}

#sideOwnerKeywords {
	margin-bottom: 5px;
}

#sideOwnerKeywords h2 img {
	margin: 0 5px 5px 0;
	vertical-align: middle;
}

.sideKeywordsImage li {
	float: left;
	margin-bottom: 5px;
	height: 60px;
	width: 33%;
}

.sideKeywordsImage li a {
	display: block;
	margin: 0 auto;
	height: 100%;
	width: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 80%;
	line-height: 1em !important;
}

.sideKeywordsImage li a img {
	margin-bottom: 2px;
}

.sideKeywordsImage li .text {
	padding: 5px;
	width: 50px;
	height: 50px;
	background: #EAEFF3;
}

.sideKeywordsText li {
	display: inline;
	margin-right: 5px;
}

.sideSearch {
	padding-left: 11px;
	margin: 0 0 10px -11px;
	background: url(/images/bg_search_box.png) no-repeat;
}

.sideSearch .body {
	background: #eee;
	border: solid #ccc;
	border-width: 1px 1px 1px 0;
}

.sideSearch h2,
.sideSearch h3 {
	color: #094;
}

.sideSearch form {
	padding: 10px 10px 0;
}

.sideSearch input.txt {
	width: 175px;
}

.sideSearchBox {
	padding-bottom: 10px;
}

.sideSearchNav {
	border-top: 1px dotted #999;
	padding: 10px;
	color: #094;
}

#sideSearchCategory li {
	float: left;
	margin-right: 5px;
	color: #094;
	font-size: 80%;
	white-space: nowrap;
}

#sideSearchCategory li a {
	text-decoration: none;
}

#sideSearchCategory li img {
	vertical-align: middle;
}

#sideSearchCategory .current {
	color: #c60;
}

#sideListHotword li,
#sideConnects li {
	display: inline;
	margin-right: 5px;
}

#sideListHotword li a,
#sideConnects li a {
	text-decoration: none;
}

#sideConnects .tag0 {
	font-size: 45%;
}

#sideConnects .tag10 {
	font-size: 50%;
}

#sideConnects .tag20 {
	font-size: 55%;
}

#sideConnects .tag30 {
	font-size: 60%;
}

#sideConnects .tag40 {
	font-size: 65%;
}

#sideConnects .tag50 {
	font-size: 70%;
}

#sideConnects .tag60 {
	font-size: 85%;
}

#sideConnects .tag70 {
	font-size: 100%;
}

#sideConnects .tag80 {
	font-size: 110%;
}

#sideConnects .tag90 {
	font-size: 130%;
}

#sideConnects .tag100 {
	font-size: 150%;
}

#sideConnectsLatest p {
	margin: 0 0 10px 15px;;
	text-indent: -15px;
}

#sideNavDiary {
	font-size: 90%;
}

#sideNavDiary li {
	display: inline;
}

#sideNavDiary dd {
	margin-bottom: 5px;
}

.sideTips {
	margin: 20px 0 10px;
}

.sideTips h2 {
	color: #c60;
}

.sideTips li {
	list-style: circle;
	margin-left: 20px;
}

.sideGuide {
	padding: 10px 10px 0;
	margin-bottom: 10px;
	background: #eee;
}

.sideGuide h2 {
	color: #f60;
}

.sideGuide p,
.sideGuide ul {
	padding-bottom: 10px;
	font-size: 90%;
}

.sideGuide ul {
	padding-left: 20px;
}

.sideGuide li {
	margin-bottom: 5px;
	list-style: disc;
}

#sideListHotword p {
	margin: -2px 0 5px;
	font-size: 80%;
	color: #777;
}

.sideListCollection h2, .sideListCollection h2 a {
	color: #094 !important;
}

.sideListCollection .collection {
	margin-bottom: 20px;
}

.sideListCollection .collection h3 img {
	vertical-align: middle;
	margin-right: 3px;
}

.sideListCollection .collection .footer ul {
	text-align: right;
	font-size: 90%;
}

.sideListCollection .collection .body p img {
	float: right;
	margin: 0 0 5px 5px;
}

.collectionKeywords {
	font-size: 90%;
}

.collectionKeywords * {
	display: inline;
}

.collectionKeywords li {
	margin-right: 5px;
}

.collectionKeywords a {
	text-decoration: none;
}

.listCollection .collectionKeywords {
	clear: both;
	padding: 3px;
	border: 1px dotted #9cc;
}

#areaMapNavMain {
	position: absolute;
	width: 175px;
	height: 212px;
	top: 67px;
	left: 30px;
	z-index: 100;
}

#areaMapNavMain .background {
	position: absolute;
	width: 175px;
	height: 212px;
	top: 0;
	left: 0;
	background-image: url(/images/bg_area_map_nav_main.png);

}

* html div#areaMapNavMain .background {
	behavior: expression(
		this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
	);
}



.topPage #areaMapNavMain {
	top: 98px;
}

#areaMapNavMain .map {
	position: absolute;
	top: 8px;
	left: 35px;
}

#areaMapNavMain .area {
	display: block;
	width: 124px;
	height: 166px;
	position: relative;
	
}

#areaMapNavMain li,
#areaMapNavMain li a {
	display: block;
	position: absolute;
	width: 36px;
	height: 16px;
	cursor: pointer;
	border: 0;
	color: #0066CC;
	font-size: 0.1%;
}

/*刈谷市*/
#areaMapNavMain .area1 a { top: 41px; left: 7px; }
#areaMapNavMain .area1 a:hover { background: url(/images/on_maparea_1.png) top left; }

/*安城市*/
#areaMapNavMain .area2 a { top: 61px; left: 52px; }
#areaMapNavMain .area2 a:hover { background: url(/images/on_maparea_2.png) top left; }

/*高浜市*/
#areaMapNavMain .area3 a { top: 68px; left: 3px; }
#areaMapNavMain .area3 a:hover { background: url(/images/on_maparea_3.png) top left; }

/*知立市*/
#areaMapNavMain .area4 a { top: 29px; left: 47px; }
#areaMapNavMain .area4 a:hover { background: url(/images/on_maparea_4.png) top left; }

/*碧南市*/
#areaMapNavMain .area5 a { top: 96px; left: 0px; }
#areaMapNavMain .area5 a:hover { background: url(/images/on_maparea_5.png) top left; }

/*西尾市*/
#areaMapNavMain .area6 a { top: 101px; left: 56px; }
#areaMapNavMain .area6 a:hover { background: url(/images/on_maparea_6.png) top left; }

/*一色町*/
#areaMapNavMain .area7 a { top: 141px; left: 25px; }
#areaMapNavMain .area7 a:hover { background: url(/images/on_maparea_7.png) top left; }

/*吉良町*/
#areaMapNavMain .area8 a { top: 128px; left: 63px; }
#areaMapNavMain .area8 a:hover { background: url(/images/on_maparea_8.png) top left; }

/*幡豆町*/
#areaMapNavMain .area9 a { top: 145px; left: 88px; }
#areaMapNavMain .area9 a:hover { background: url(/images/on_maparea_9.png) top left; }

#areaMapNavMain .map1 #areaMap .area1 a,
#areaMapNavMain .map1 #areaMap .area1 a:hover,
#areaMapNavMain .map2 #areaMap .area2 a,
#areaMapNavMain .map2 #areaMap .area2 a:hover,
#areaMapNavMain .map3 #areaMap .area3 a,
#areaMapNavMain .map3 #areaMap .area3 a:hover,
#areaMapNavMain .map4 #areaMap .area4 a,
#areaMapNavMain .map4 #areaMap .area4 a:hover,
#areaMapNavMain .map5 #areaMap .area5 a,
#areaMapNavMain .map5 #areaMap .area5 a:hover,
#areaMapNavMain .map6 #areaMap .area6 a,
#areaMapNavMain .map6 #areaMap .area6 a:hover,
#areaMapNavMain .map7 #areaMap .area7 a,
#areaMapNavMain .map7 #areaMap .area7 a:hover,
#areaMapNavMain .map8 #areaMap .area8 a,
#areaMapNavMain .map8 #areaMap .area8 a:hover,
#areaMapNavMain .map9 #areaMap .area9 a,
#areaMapNavMain .map9 #areaMap .area9 a:hover {
	cursor: default;
	background: none;
}







.enqueteSide {
	width: 100%;
	position: relative;
	padding-top: 36px;
}

.enqueteSide h2 {
	position: absolute;
	top: 0;
	left: 3px;
	z-index: 2;
}

.enqueteSide .body {
	padding: 30px 10px 10px 10px;
	/*background: #FFC;*/
	border: 1px solid #CCC;
}

.enqueteSide .body .detail {
	font-size: 85%;
	text-align: right;
}

.enqueteSide .body table {
	margin-bottom: 5px;
}

.enqueteSide .body dd {
	margin-bottom: 5px;
}

.enqueteSide .field3 {
	width: 145px;
	height: 3em;
}

.enqueteSide .field4 {
	width: 145px;
}

.enqueteSide .body .submit {
	text-align: center;
}

.enqueteSide .body .archive {
	font-size: 85%;
	text-align: right;
}

.quizRecruitment {
	margin-bottom: 20px;
	text-align: center;
}

.sidePhotoList {
	background: #666 url(/images/foot_side_photo_list.png) no-repeat bottom;
}

.sidePhotoList h2 {
	position: relative;
	height: 26px;
	padding: 0 auto;
	color: #FFF !important;
	background: #8C8C8C url(/images/title_side_photo_list.png) no-repeat;
	text-align: center;
}

.sidePhotoList h2 span {
	display: block;
	width: 100%;
	padding: 3px 0 0 0;
	font-size: 15px;
	text-align: center;
	line-height: 1;
}

.sidePhotoList h2 img {
	margin-right: 5px;
	vertical-align: bottom;
}

.sidePhotoList table {
	width: 100%;
	table-layout: fixed;
}

.sidePhotoList td {
	text-align: center;
	color: #FFF;
	font-size: 80%;
}

.sidePhotoList .entryImage {
	border: 3px solid #FFF;
}



/* =MISC
---------------------------------------- */
input {
	vertical-align: middle;
}

li {
	list-style: none;
}

.navPage,
.navDiary {
	display: block !important;
	margin-bottom: 10px;
	text-align: center;
	font-size: 90%;
}

.navPage li,
.navDiary li {
	display: inline;
	padding: 0 3px;
}

.navPage strong {
	font-size: 130%;
}

.navDiary,
.navPagePrev,
.navPageNext {
	color: #094;
}

.navDiary {
/*	text-align: right;*/
	margin-bottom: 5px;
}

.date {
	color: #555;
}

.btn {
	float: none !important;
	margin: 0 !important;
	vertical-align: middle;
}

a.btnHelp {
	padding: 0 3px;
	border: 1px solid #999;
	background: #AAA;
	line-height: 1em;
	color: #FFF !important;
	font-size: 85%;
	text-decoration: none;
}

a.btnHelp:hover, a.btnHelp:active {
	border-color: #F60;
}

a.btnEdit {
	color: #777 !important;
	text-decoration: none;
}

a.btnEdit:hover, a.btnEdit:active {
	color: #222 !important;
}

.icon,
img.iconCategory,
.iconCategory img,
.iconUser img {
	margin-right: 3px;
	vertical-align: middle;
}

.searchMsg {
	padding: 5px 0;
	border: dotted #999;
	border-width: 1px 0;
	margin-bottom: 10px;
	height: 55px;
}

.noneMsg {
	color: #999;
}

.explanation {
	margin-bottom: 20px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* =archivePage
---------------------------------------- */
.ArchiveHead {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
}
.ArchiveHead h3 {
	color:#399;
	font-size:130%;
}
.ArchiveBody .Title{
	color:#399;
}
.ArchiveBody .Image {
	float:right;
}
.ArchiveBody {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
}
.ArchiveBody .Text, .ArchiveBody h5{
	margin-left:10px;
}
.ArchiveBody .Footer {
	text-align:right;
}


/* =weekly_archivePage
---------------------------------------- */
.weekly_archivePage .Head h2 {
	color:#f60;
	font-size:120%;
}
.weekly_archivePage .colB {
	margin-top:40px;
}
.weekly_archivePage .colB h3 {
	color:#c60;
}
.weekly_archivePage .R p {
	text-align:right;
}
.weekly_archivePage .PageNav li {
	display:inline;
}
.weekly_archivePage .PageNav {
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.weekly_archivePage .colB dd li {
	list-style-type: circle;
	list-style-position: inside; 
}


/* =message
---------------------------------------- */
#message {
	margin: -10px 20px 10px 3%;
	background-color: #ffe;
	color:#f60;
}

#message .body {
	padding: 5px 10px;
	border: solid #f90;
	border-width: 0 1px 1px;
	overflow: hidden;
}

/* rating
---------------------------------------- */
#point_form {
	margin-top: 5px;
}

#point_form ul {
	text-align: center;
}

#point_form ul * {
	display: inline;
}

#point_form ul li {
	margin-right: 3px;
}



/* enquete_indexPage
---------------------------------------- */

.enquete_indexPage #indexKeyword {
	margin-top: 10px;
	margin-left: 30px;
}

.enquete_indexPage #indexKeyword .keyword {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #36A031;
}

.enquete_indexPage .link {
	text-align: right;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*かめコレ*/

.quiz_indexPage #content,
.quizPage #content,
.quiz_listPage #content {
	width: 100%;
	padding: 0 0 40px 0;
	text-align: center;
}

.quiz_indexPage .colAB,
.quizPage .colAB {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.quiz_indexPage .header,
.quizPage .header,
.quiz_listPage .header {
	margin-bottom: 15px;
	position: relative;
}

.quiz_indexPage .header .read {
	margin-left: -5000px;
}

.quiz_indexPage .colAB .colA,
.quizPage .colAB .colA {
	width: 570px;
	margin: 0;
}

.quiz_indexPage .colAB .colB,
.quizPage .colAB .colB {
	width: 315px;
	margin: 0;
	padding: 0;
	float: right;
}

.quiz_indexPage .quiz,
.quizPage .quiz {
	padding-bottom: 12px;
	background: url(/images/foot_quiz.png) no-repeat bottom;
}

.quiz_indexPage .quiz .body,
.quizPage .quiz .body {
	padding: 10px 15px;
	background: #FFFF99;
	border-width: 0 3px;
	border-style: solid;
	border-color: #F57A41;
}

.quizPage .answer .quiz .body {
	min-height: 500px;
}

*html .answer .quizPage .quiz .body {
	height: 500px;
}

.quiz_indexPage .question,
.quizPage .question {
	min-height: 72px;
	margin-bottom: 15px;
	padding-left: 100px;
	background: url(/images/fig_quiz.png) no-repeat;
}

*html .quiz_indexPage .question,
*html .quizPage .question {
	height: 72px;
}

.quizPage .question {
	background: url(/images/fig_quiz_gray.png) no-repeat;
}

.quiz_indexPage .question .image,
.quizPage .question .image {
	float: right;
	margin-left: 5px;
}

.quiz_indexPage .volume,
.quizPage .volume {
	color: #F60;
	font-size: 16px;
	font-weight: bold;
}

.quiz_indexPage .question h3,
.quizPage .question h3 {
	margin-bottom: 5px;
	font-size: 20px;
}

.quiz_indexPage .choice,
.quizPage .choice {
	height: 42px;
}

.quiz_indexPage .choice a,
.quiz_indexPage .choice a:hover,
.quizPage .choice a,
.quizPage .choice a:hover {
	display: block;
	width: 528px;
	height: 32px;
	text-decoration: none;
	text-align: center;
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px 0px;
}

.quiz_indexPage .choice2 a,
.quizPage .choice2 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -40px;
}

.quiz_indexPage .choice3 a,
.quizPage .choice3 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -80px;
}

.quiz_indexPage .choice4 a,
.quizPage .choice4 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -120px;
}

.quiz_indexPage .choice5 a,
.quizPage .choice5 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -160px;
}

.quiz_indexPage .choice6 a,
.quizPage .choice6 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -200px;
}

.quiz_indexPage .choice7 a,
.quizPage .choice7 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -240px;
}

.quiz_indexPage .choice8 a,
.quizPage .choice8 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -280px;
}

.quiz_indexPage .choice9 a,
.quizPage .choice9 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -320px;
}

.quiz_indexPage .choice10 a,
.quizPage .choice10 a {
	background: url(/images/bg_quiz_btn_select.png) no-repeat 0px -360px;
}

.quiz_indexPage .choice a:hover,
.quizPage .choice a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px 0px;
}

.quiz_indexPage .choice2 a:hover,
.quizPage .choice2 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -40px;
}

.quiz_indexPage .choice3 a:hover,
.quizPage .choice3 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -80px;
}

.quiz_indexPage .choice4 a:hover,
.quizPage .choice4 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -120px;
}

.quiz_indexPage .choice5 a:hover,
.quizPage .choice5 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -160px;
}

.quiz_indexPage .choice6 a:hover,
.quizPage .choice6 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -200px;
}

.quiz_indexPage .choice7 a:hover,
.quizPage .choice7 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -240px;
}

.quiz_indexPage .choice8 a:hover,
.quizPage .choice8 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -280px;
}

.quiz_indexPage .choice9 a:hover,
.quizPage .choice9 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -320px;
}

.quiz_indexPage .choice10 a:hover,
.quizPage .choice10 a:hover {
	background: url(/images/bg_quiz_btn_select.png) no-repeat -530px -360px;
}

.quiz_indexPage .choice span,
.quizPage .choice span {
	display: block;
	padding-top: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.quiz_indexPage .quiz img,
.quizPage .quiz img {
	vertical-align: bottom;
}

.quiz_indexPage .quiz .fig,
.quizPage .quiz .fig {
	width: 100%;
	text-align: center;
}

.otherQuizList {
	padding-bottom: 9px;
	background: url(/images/foot_other_quiz.png) no-repeat bottom left;
}

.otherQuizList a {
	text-decoration: none;
}

.otherQuizList ul {
	padding: 5px 15px;
	font-size: ;
	font-weight: bold;
	border-width: 0 3px;
	border-style: solid;
	border-color: #99CCCC;
}

.otherQuizList li {
	margin-bottom: 5px;
}

.quizPage .question h3 img {
	vertical-align: middle;
}

.quizPage .answerSection {
	position: relative;
	margin-top: 30px;
	padding-bottom: 15px;
	background: white;
	border: 1px solid #F60;
}

.quizPage .answerSection {
	position: relative;
}

.quizPage .answerSection .answerBody {
	margin: 25px 0 20px 0;
	padding: 0 15px;
}

.quizPage .answerSection h4 {
	position:absolute;
	top: -11px;
	left: -1px;
	
}

.quizPage .quizKeyword {
	position: relative;
	margin: 20px 20px 0 20px;
	padding: 15px 15px 0 15px;
	background: #FFFFE5;
}

.quizPage .quizKeyword h4 {
	margin-bottom: 10px;
}

.quizPage .quizKeyword .item {
	margin: 0 15px;
}

.quizPage .quizKeyword .item .entryImage {
	float: right;
	margin-left: 5px;
}

.quizPage .quizKeyword .item h5 {
	margin-bottom: 5px;
	line-height: 1.3;
}

.quizPage .quizKeyword .item h5 a {
	font-size: 15px;
	text-decoration: none;
}

.quizPage .quizKeyword .item p {
	font-size: 90%;
}

.quizPage .quizKeyword .item .icon {
	vertical-align: bottom;
}

.quizPage .quizKeyword .more {
	clear: both;
}

.quizPage .ratingSection {
	float: right;
	width: 330px;
	margin-top: 40px;
	background: #FFFFCC url(/images/foot_quiz_rating.png) no-repeat bottom right;
}

.quizPage .rating {
	padding: 20px;
	background: url(/images/head_quiz_rating.png) no-repeat top right;
}

.quizPage .ratingSection .graph {
	padding: 10px 15px;
	background: #FFF;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #F60;
}

.quizPage .ratingSection .graph li {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;

}

.quizPage .ratingSection .graph .num {
	display: block;
	width: 1.5em;
	float: left;
	color: #F60;
	text-align: ;
}

.quizPage .ratingSection .graph .label {
	line-height: 1.2;
}

.quizPage .ratingSection .graph .count {
	clear: both;
	white-space: nowrap;
	padding-left: 1.5em;
	line-height: 1;
}

.quizPage .ratingSection .ribbon {
	height: 15px;
	margin-right: 5px;
	border: 1px solid #E95504;
	background: url(/images/bg_quiz_graph.jpg);
	vertical-align: baseline;
}

.quizPage .ratingSection .graph .count span {
	color: #666;
}

/*
.quizPage .quizKeyword .more {
	position: absolute;
	bottom: -5px;
	right: 10px;
}
*/
.quizPage .bannerQuizlist {
	clear: both;
	text-align: right;
}

.quiz_listPage #content .body {
	margin: 0 auto;
	padding-bottom: 11px;
	width: 470px;
	text-align: left;
	background: url(/images/foot_quiz_list.png) no-repeat bottom;
}

.quiz_listPage #content .body a {
	text-decoration: none;
}

.quiz_listPage #content .body ul.quizList {
	font-weight: bold;
	border-width: 0 3px 1px 3px;
	border-style: solid;
	border-color: #9CC #9CC #999 #9CC;
}

.quiz_listPage #content .body .quizList li {
	display: inline;
}

.quiz_listPage #content .body .quizList li a {
	display: block;
	padding: 8px 25px 8px 15px;
	font-size: 16px;
	border-top: 1px solid #999;
	background: #F8F0D7 url(/images/arrow_quiz_list.png) no-repeat 435px 5px;
}

.quiz_listPage #content .body .navPage {
	margin: 0;
	padding: 10px 0;
	border-width: 0 3px;
	border-style: solid;
	border-color: #9CC #9CC #999 #9CC;
}

.quiz_listPage #content .body .navPage li {
	font-size: 20px;
	border: 1px solid #FFF;
}

.quiz_listPage #content .body .navPage li a {
	padding: 2px 5px;
	border: 1px solid #039;
}

.quiz_listPage #content .body .navPage li a:hover {
	border: 1px solid #F60;
}

.quiz_listPage #content .body .navPage li strong {
	font-size: 20px;
}

.quiz_listPage #content .body .navPage li.navPageNext,
.quiz_listPage #content .body .navPage li.navPagePrev {
	display: none;
}

.quiz_indexPage #content .requestQuiz,
.quizPage #content .requestQuiz,
.quiz_listPage #content .requestQuiz {
	margin: 25px auto 0;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}