@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------------------

Common Setting

---------------------------------------------------------------------*/

body {
	background: url(../images/common/bg.jpg) repeat-x top left;
	color: #6c6c6c;
	line-height: 150%;
}
a {
	color: #3557A6;
}
a:visited {
	color: #933;
}
a:hover {
	color: #393;
}
body div#container {
	width: 920px;
	margin: 0 auto;
}
	body div#container div#wrapper_top {
		background: url(../images/common/wrapper_top.png) no-repeat 0 0;
		width: 908px;
		height: 9px;
		margin: 0 auto;
		font-size: 1px;
	}
	body div#container div#wrapper {
		background: url(../images/common/wrapper_bg.png) repeat-y center;
		width: 880px;
		margin: 0 auto;
		padding: 2px 14px 10px;
		font-size: 1.2em;
	}
.hide {
	display: none;
}


/*---------------------------------------------------------------------

HEADER

---------------------------------------------------------------------*/

	body div#container div#header {
		width: 900px;
		height: 66px;
		margin: 0 auto;
		position: relative;
	}
		body div#container div#header h1 {
			position: absolute;
			top: 9px;
			left: 0;
			color: #090;
		}
		body div#container div#header div#logo {
			position: absolute;
			top: 29px;
			left: 0;
		}

/* tnavi */
		body div#container div#header ul#tnavi {
			position: absolute;
			top: 0;
			right: 0;
			width: 238px;
			height: 29px;
			background: url(../images/common/tnavi_bg.gif) no-repeat 0 0;
		}
			body div#container div#header ul#tnavi li {
				float: left;
				height: 29px;
				text-indent: -9999px;
			}
				body div#container div#header ul#tnavi li a {
					display: block;
					height: 27px;
					overflow: hidden;
				}
			body div#container div#header ul#tnavi li.sitemap {
				width: 120px;
			}
				body div#container div#header ul#tnavi li.sitemap a {
					width: 120px;
				}
				body div#container div#header ul#tnavi li.sitemap a:hover {
					background: url(../images/common/tnavi_bg_on.gif) no-repeat 0 0;
				}
			body div#container div#header ul#tnavi li.sitemap {
				width: 120px;
			}
				body div#container div#header ul#tnavi li.sitemap a {
					width: 120px;
				}
				body div#container div#header ul#tnavi li.sitemap a:hover,body.sitemap div#container div#header ul#tnavi li.sitemap a {
					background: url(../images/common/tnavi_bg_on.gif) no-repeat 0 0;
				}
			body div#container div#header ul#tnavi li.bookmark {
				width: 118px;
			}
				body div#container div#header ul#tnavi li.bookmark a {
					width: 118px;
				}
				body div#container div#header ul#tnavi li.bookmark a:hover {
					background: url(../images/common/tnavi_bg_on.gif) no-repeat -120px 0;
				}

/* font_size */
		body div#container div#header ul#font_size {
			position: absolute;
			top: 32px;
			right: 10px;
			width: 86px;
			height: 26px;
			background: url(../images/common/font_bg.gif) no-repeat 0 0;
			padding: 4px 0 0 68px;
		}
			body div#container div#header ul#font_size li {
				float: left;
				width: 25px;
				height: 24px;
				text-indent: -9999px;
			}
				body div#container div#header ul#font_size li a {
					display: block;
					width: 24px;
					height: 24px;
					overflow: hidden;
				}
				body div#container div#header ul#font_size li.small a:hover {
					background: url(../images/common/font_bg_on.gif) no-repeat -68px -4px;
				}
				body div#container div#header ul#font_size li.medium a:hover {
					background: url(../images/common/font_bg_on.gif) no-repeat -93px -4px;
				}
				body div#container div#header ul#font_size li.big a:hover {
					background: url(../images/common/font_bg_on.gif) no-repeat -118px -4px;
				}



/*---------------------------------------------------------------------

GLOBAL NAVIGATION

---------------------------------------------------------------------*/

	body div#container ul#gnavi {
		background: url(../images/common/gnavi_bg.png) no-repeat 0 0;
		width: 900px;
		height: 44px;
		margin: 0 auto;
		padding: 4px 4px 0;
		font-size: 1px;
	}
		body div#container ul#gnavi li {
			float: left;
			height: 43px;
			text-indent: -9999px;
			margin: 0 0 1px;
		}
			body div#container ul#gnavi li a {
				display: block;
				height: 40px;
				overflow: hidden;
				margin: 0 0 1px;
			}
		body div#container ul#gnavi li.home {
			width: 85px;
		}
			body div#container ul#gnavi li.home a {
				width: 85px;
			}
			body div#container ul#gnavi li.home a:hover,body.home div#container ul#gnavi li.home a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -4px -4px;
			}
		body div#container ul#gnavi li.knowledge {
			width: 95px;
		}
			body div#container ul#gnavi li.knowledge a {
				width: 95px;
			}
			body div#container ul#gnavi li.knowledge a:hover,body.knowledge div#container ul#gnavi li.knowledge a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -89px -4px;
			}
		body div#container ul#gnavi li.future {
			width: 143px;
		}
			body div#container ul#gnavi li.future a {
				width: 143px;
			}
			body div#container ul#gnavi li.future a:hover,body.future div#container ul#gnavi li.future a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -184px -4px;
			}
		body div#container ul#gnavi li.policy {
			width: 116px;
		}
			body div#container ul#gnavi li.policy a {
				width: 116px;
			}
			body div#container ul#gnavi li.policy a:hover,body.policy div#container ul#gnavi li.policy a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -327px -4px;
			}
		body div#container ul#gnavi li.system {
			width: 129px;
		}
			body div#container ul#gnavi li.system a {
				width: 129px;
			}
			body div#container ul#gnavi li.system a:hover,body.system div#container ul#gnavi li.system a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -443px -4px;
			}
		body div#container ul#gnavi li.knowhow {
			width: 113px;
		}
			body div#container ul#gnavi li.knowhow a {
				width: 113px;
			}
			body div#container ul#gnavi li.knowhow a:hover,body.knowhow div#container ul#gnavi li.knowhow a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -572px -4px;
			}
		body div#container ul#gnavi li.public {
			width: 119px;
		}
			body div#container ul#gnavi li.public a {
				width: 119px;
			}
			body div#container ul#gnavi li.public a:hover,body.public div#container ul#gnavi li.public a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -685px -4px;
			}
		body div#container ul#gnavi li.athome {
			width: 100px;
		}
			body div#container ul#gnavi li.athome a {
				width: 100px;
			}
			body div#container ul#gnavi li.athome a:hover,body.athome div#container ul#gnavi li.athome a {
				background: url(../images/common/gnavi_bg_on.png) no-repeat -804px -4px;
			}



/*---------------------------------------------------------------------

MAIN_CONTENTS

---------------------------------------------------------------------*/

		body div#container div#wrapper div#main_contents {
			width: 620px;
			float: right;
		}
			body div#container div#wrapper div#main_contents div.main_image {
				margin: 0 auto 15px;
			}
			body div#container div#wrapper div#main_contents div.bnr {
				margin: 0 auto 24px;
			}
			body div#container div#wrapper div#main_contents div.content {
				background: url(../images/common/content_bg.gif) repeat-y left;
				margin: 0 auto 10px;
			}
				body div#container div#wrapper div#main_contents div.content h2 {
					width: 570px;
					height: 24px;
					background: url(../images/common/content_top.gif) no-repeat 0 0;
					color: #fff;
					font-weight: bold;
					padding: 14px 10px 0 40px;
					font-size: 1.2em;
				}
				body div#container div#wrapper div#main_contents div.content.cat h2 {
					height: 27px;
					background: url(../images/common/content_top2.gif) no-repeat 0 0;
				}
				body div#container div#wrapper div#main_contents div.content span.btm {
					display: block;
					width: 620px;
					height: 5px;
					background: url(../images/common/content_btm.gif) no-repeat 0 0;
					font-size: 1px;
				}

/* news_list */
				body div#container div#wrapper div#main_contents div.content ul {
					width: 600px;
					margin: 0 auto;
				}
					body div#container div#wrapper div#main_contents div.content ul li {
						border-bottom: 1px dotted #ccc;
					}
						body div#container div#wrapper div#main_contents div.content ul li span {
							display: block;
						}
						body div#container div#wrapper div#main_contents div.content ul li span.date {
							font-weight: bold;
							color: #338c00;
						}
						body div#container div#wrapper div#main_contents div.content ul li span.date {
							width: 110px;
							font-weight: bold;
							color: #338c00;
							float: left;
							padding: 7px 10px;
						}
						body div#container div#wrapper div#main_contents div.content ul li span.title {
							width: 450px;
							float: left;
							padding: 7px 10px;
							background: url(../images/common/news_list_arrow.gif) no-repeat 0 12px;
						}
					body div#container div#wrapper div#main_contents div.content ul li.shoplist {
						padding:10px 5px 5px;margin-bottom:20px;
					}
						body div#container div#wrapper div#main_contents div.content ul li.shoplist span {
							display: inline-block;
						}
						body div#container div#wrapper div#main_contents div.content ul li.shoplist span.shoptitle {
							font-size:1.4em;font-weight:bold;color:#338c00;width:100%;padding-bottom:8px;border-bottom:1px dotted #ccc;
							margin-bottom:8px;
						}
						body div#container div#wrapper div#main_contents div.content ul li.shoplist span.shopaddress {
							width:100%;padding-bottom:2px;
						}
						body div#container div#wrapper div#main_contents div.content ul li.shoplist span.shoptel {
							padding-right:10px;
						}
						body div#container div#wrapper div#main_contents div.content ul li.shoplist span.st {
							font-weight: bold;color:#5CA602;
						}

/* cat_list */
				body div#container div#wrapper div#main_contents div.content.cat div.box {
					width: 594px;
					margin: 10px auto;
					background: url(../images/common/cat_bg.gif) repeat-y left;
				}
						body div#container div#wrapper div#main_contents div.content.cat div.box div h3 {
							font-weight: bold;
							color: #338c00;
							width: 158px;
							border-bottom: 1px dotted #ccc;
							background: url(../images/common/cat_h3_arrow.gif) no-repeat 0 5px;
							padding: 5px 0 5px 20px;
							margin: 0 auto 6px;
						}
							body div#container div#wrapper div#main_contents div.content.cat div.box div h3 a {
								font-weight: bold;
								color: #338c00;
								text-decoration: none;
							}
							body div#container div#wrapper div#main_contents div.content.cat div.box div h3 a:hover {
								color: #06c;
								text-decoration: underline;
							}
						body div#container div#wrapper div#main_contents div.content.cat div.box div div.img {
							padding: 0 0 5px 7px;
							width: 56px;
							float: left;
						}
						body div#container div#wrapper div#main_contents div.content.cat div.box div p {
							padding: 2px 7px 5px 0;
							width: 114px;
							float: right;
						}
					body div#container div#wrapper div#main_contents div.content.cat div.box span.top {
						display: block;
						width: 594px;
						height: 5px;
						background: url(../images/common/cat_top.gif) no-repeat 0 0;
						font-size: 1px;
					}
					body div#container div#wrapper div#main_contents div.content.cat div.box span.bottom {
						display: block;
						width: 594px;
						height: 4px;
						background: url(../images/common/cat_btm.gif) no-repeat 0 0;
						clear: both;
						font-size: 1px;
					}
				body div#container div#wrapper div#main_contents div.content.cat span.line {
					display: block;
					width: 594px;
					height: 1px;
					margin: 10px auto;
					border-bottom: 1px dotted #ccc;
					font-size: 1px;
				}
div.box div.b01,div.box div.b02,div.box div.b03 {
	width: 192px;
	float: left;
}
div.box div.b01 {
	padding: 0 0 0 2px;
}
div.box div.b02,div.box div.b03 {
	padding: 0 0 0 8px;
}

/* adverse */
			body div#container div#wrapper div#main_contents div.adverse {
				width: 620px;
				margin: 10px auto 0;
				padding: 25px 0 20px;
				background: url(../images/common/ad_line.gif) no-repeat 0 0;
			}
				body div#container div#wrapper div#main_contents div.adverse div.banner {
					text-align: center;
					margin: 0 auto 15px;
				}

/* search */
			body div#container div#wrapper div#main_contents div.search {
				width: 580px;
				margin: 10px auto 0;
				padding: 0 0 10px;
				text-align: center;
			}
				body div#container div#wrapper div#main_contents div.search input.text {
					width: 440px;
					font-size: 1em;
				}
				body div#container div#wrapper div#main_contents div.search input.submit {
					width: 7em;
					padding: 0;
					margin: 0;
					font-size: 1em;
				}

/* paginate */
			body div#container div#wrapper div#main_contents div.paginate {
				width: 580px;
				margin: 0 auto;
				padding: 0 0 10px;
			}
			body div#container div#wrapper div#main_contents div.paginate span.current_page {
				display: inline-block;
				border: 1px solid #ccc;
				background: #eee;
				text-align: center;
				padding: 3px 4px 2px 5px;
				margin: 0 5px;
			}
			body div#container div#wrapper div#main_contents div.paginate a.link_page {
				display: inline-block;
				border: 1px solid #c8e374;
				background: #fff;
				text-align: center;
				padding: 3px 4px 2px 5px;
				margin: 0 5px;
			}
			body div#container div#wrapper div#main_contents div.paginate a.link_next {
				display: inline-block;
				text-align: center;
				padding: 4px 5px 3px 6px;
				margin: 0;
			}
			body div#container div#wrapper div#main_contents div.paginate a.link_before {
				display: inline-block;
				text-align: center;
				padding: 4px 5px 3px 6px;
				margin: 0;
			}

/* article */
					body div#container div#wrapper div#main_contents div.content h2 span.back {
						display: block;
						width: 567px;
						text-align: right;
						font-size: 0.84em;
						font-weight: normal;
						margin: -1.2em 3px 0 0;
					}
						body div#container div#wrapper div#main_contents div.content h2 span.back a {
							color: #ff6;
						}
						body div#container div#wrapper div#main_contents div.content h2 span.back a:hover {
							color: #69f;
						}
				body div#container div#wrapper div#main_contents div.content.article span.date {
					display: block;
					width: 600px;
					margin: auto;
					border-bottom: 1px dotted #ccc;
					text-align: right;
					padding: 8px 0 2px;
				}
				body div#container div#wrapper div#main_contents div.content.article h3 {
					font-size: 1.5em;
					line-height: 110%;
					font-weight: bold;
					color: #693;
					width: 574px;
					margin: 0 auto;
					padding: 10px;
					border-bottom: 4px solid #c8e374;
				}
				body div#container div#wrapper div#main_contents div.content div.text {
					width: 570px;
					margin: 10px auto 20px;
					line-height: 1.5;
				}
				body div#container div#wrapper div#main_contents div.content.article h4.tags {
					font-weight:bold;
					width: 570px;
					margin: 45px auto 0px;
					color: #693;
				}
				body div#container div#wrapper div#main_contents div.content div.tagsbox {
					width: 560px;
					margin: 4px auto 8px;
					line-height: 1.5;
					border:1px solid #C8E374;
					padding: 5px;
				}
				body div#container div#wrapper div#main_contents div.content.article div.twitter_pr {
					width: 570px;
					margin: 0 auto 20px;
					text-align:right;
				}
				body div#container div#wrapper div#main_contents div.content div.b_n {
					width: 600px;
					margin: 0 auto;
					padding: 0 0 15px;
					text-align: center;
				}
					body div#container div#wrapper div#main_contents div.content div.b_n span.b_n {
						display: inline-block;
						background: #c8e374;
						padding: 0;
					}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.bntr {
							display: block;
							background: url(../images/common/bntr.gif) no-repeat top right;
						}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.bntl {
							display: block;
							background: url(../images/common/bntl.gif) no-repeat top left;
						}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.bnbr {
							display: block;
							background: url(../images/common/bnbr.gif) no-repeat bottom right;
						}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.bnbl {
							display: block;
							background: url(../images/common/bnbl.gif) no-repeat bottom left;
							padding: 2px
						}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.before {
							display: inline-block;
							border-right: 1px solid #fff;
							margin: 0 0 0 0.5em;
							padding: 0 1em 0 1.2em;
							background: url(../images/common/bn_b.gif) no-repeat left center;
						}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.index {
							display: inline-block;
							margin: 0 1em;
						}
						body div#container div#wrapper div#main_contents div.content div.b_n span.b_n span.next {
							display: inline-block;
							border-left: 1px solid #fff;
							margin: 0 0.5em 0 0;
							padding: 0 1.2em 0 1em;
							background: url(../images/common/bn_n.gif) no-repeat right center;
						}


/* concept */

			body div#container div#wrapper div#main_contents div.concept {
			}
				body div#container div#wrapper div#main_contents div.concept p {
					margin: 10px;
					line-height: 1.5;
				}

/*---------------------------------------------------------------------

SIDE_MENU

---------------------------------------------------------------------*/

		body div#container div#wrapper div#side {
			width: 240px;
			float: left;
		}

/* category system */
			body div#container div#wrapper div#side div.cat {
				width: 240px;
				background: url(../images/common/side1_bg.gif) repeat-y left;
				margin: 0 auto 10px;
			}
				body div#container div#wrapper div#side div.cat h3 {
					width: 193px;
					height: 33px;
					background: url(../images/common/side1_top.gif) no-repeat 0 0;
					font-weight: bold;
					color: #fff;
					font-size: 1.2em;
					padding: 14px 10px 0 37px;
					letter-spacing: 1px;
				}
				body div#container div#wrapper div#side div.cat ul {
					width: 220px;
					padding: 0 10px 9px;
					background: url(../images/common/side1_btm.gif) no-repeat bottom;
				}
					body div#container div#wrapper div#side div.cat ul li {
						background: url(../images/common/side_arrow.gif) no-repeat 5px center;
						padding: 5px 5px 5px 23px;
						border-bottom: 1px dotted #bbb;
					}
					body div#container div#wrapper div#side div.cat ul li.last {
						border-bottom: none;
					}

/* tag cloud 
			body div#container div#wrapper div#side div.tag {
				width: 240px;
				background: url(../images/common/side2_bg.gif) repeat-y left;
				margin: 0 auto 10px;
			}
				body div#container div#wrapper div#side div.tag h3 {
					width: 193px;
					height: 33px;
					background: url(../images/common/side2_top.gif) no-repeat 0 0;
					font-weight: bold;
					color: #fff;
					font-size: 1.2em;
					padding: 14px 10px 0 37px;
					letter-spacing: 1px;
				}
				body div#container div#wrapper div#side div.tag span.exp {
					display: block;
					width: 220px;
					padding: 0 0 3px;
					margin: 0 auto 7px;
					border-bottom: 1px dotted #bbb;
					font-size: 0.84em;
				}
				body div#container div#wrapper div#side div.tag ul {
					width: 220px;
					padding: 0 10px 9px;
					background: url(../images/common/side2_btm.gif) no-repeat bottom;
					line-height: 180%;
				}
					body div#container div#wrapper div#side div.tag ul li {
						display: inline;
					}
						body div#container div#wrapper div#side div.tag ul li a {
							text-decoration: none;
						}
						body div#container div#wrapper div#side div.tag ul li a:hover {
							text-decoration: underline;
						}
li.rank-1 {
	font-size: 1.7em;
	font-weight: bold;
}
li.rank-2 {
	font-size: 1.6em;
	font-weight: bold;
}
li.rank-3 {
	font-size: 1.5em;
	font-weight: bold;
}
li.rank-4 {
	font-size: 1.4em;
}
li.rank-5 {
	font-size: 1.3em;
}
li.rank-6 {
	font-size: 1.2em;
}
li.rank-7 {
	font-size: 1.1em;
}
li.rank-8 {
	font-size: 1em;
}
li.rank-9 {
	font-size: 0.9em;
}
li.rank-10 {
	font-size: 0.8em;
}
*/

/* banner */
			body div#container div#wrapper div#side div.banner {
				width: 240px;
				margin: 0 auto 10px;
			}

/* side_navigation */
			body div#container div#wrapper div#side ul#side_navi {
				width: 240px;
				margin: 0 auto 10px;
			}
				body div#container div#wrapper div#side ul#side_navi li {
					background: url(../images/common/side_arrow.gif) no-repeat 5px center;
					padding: 12px 5px 12px 23px;
					border-bottom: 1px dotted #bbb;
				}



/*---------------------------------------------------------------------

FOOTER

---------------------------------------------------------------------*/

body div#footer {
	width: 100%;
	border-top: 3px solid #338c00;
	font-size: 1.2em;
}
body div#footer div.center {
	width: 908px;
	margin: 0 auto;
	background: url(../images/common/wrapper_bg.png) repeat-y center;
}
	body div#footer div#totop {
		width: 900px;
		margin: 0 auto;
		position: relative;
	}
		body div#footer div#totop span {
			display: block;
			width: 86px;
			height: 23px;
			background: url(../images/common/totop.png) no-repeat 0 0;
			position: absolute;
			right: 10px;
			top: -13px;
			padding: 1px 2px;
			text-indent: -9999px;
		}
			body div#footer div#totop span a {
				display: block;
				width: 86px;
				height: 21px;
				overflow: hidden;
			}
			body div#footer div#totop span a:hover {
				background: url(../images/common/totop_on.png) no-repeat -2px -1px;
			}
	body div#footer address {
		color: #338c00;
		text-align: center;
		padding: 10px 0 40px;
	}