body {
	margin: 0px;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
}
#wrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

img {
	border: 0;
}

/*---------------------------------------------------------------
Header
---------------------------------------------------------------*/

#header {
	background-image: url(images/kyokuyo-sha-logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 66px;
	width: 750px;
	margin: 5px auto;
}
#header h1 {
	text-indent: -9999px;
	/*display: inline;*/
	font-size: 1px;
	line-height: 0px;
}

#header ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header li {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
}

#header li a {
	text-decoration: none;
	/*width: 98px;*/
	height: 27px;
	display: block;
	text-decoration: none;
}

#header li#tel {
	display: block;
	position: absolute;
	width: 223px;
	height: 27px;
	margin-left: 527px;
	margin-top: 0px;
	padding-bottom: 5px;
	background: url(images/top-header03.gif) no-repeat center top;
	border-bottom: solid 1px #999999;
	text-indent: -9999px;
}

#header li#company {
	display: block;
	position: absolute;
	width: 98px;
	height: 28px;
	margin-left: 527px;
	margin-top: 20px;
	background: url(images/top-header01.gif) no-repeat left;
}
#header li#toiawase {
	display: block;
	position: absolute;
	width: 125px;
	height: 28px;
	margin-left: 625px;
	margin-top: 20px;
	background: url(images/top-header02.gif) no-repeat left;
}


/*---------------------------------------------------------------
Grobal Menu
---------------------------------------------------------------*/

#gmenu {
	width: 750px;
	height: 40px;
	margin: 10px auto;
}

#gmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#gmenu li {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
}

#gmenu li a {
	text-decoration: none;
	/*width: 98px;*/
	height: 40px;
	display: block;
}

#gmenu li#home {
	background: url(images/gmenu-all.gif) no-repeat 0px 0px;
	width: 90px;
	height: 40px;
}
#gmenu li#service {
	background: url(images/gmenu-all.gif) no-repeat -90px 0px;
	width: 220px;
	height: 40px;
}
#gmenu li#company-g {
	background: url(images/gmenu-all.gif) no-repeat -310px 0px;
	width: 220px;
	height: 40px;
}
#gmenu li#toiawase-g {
	background: url(images/gmenu-all.gif) no-repeat -530px 0px;
	width: 220px;
	height: 40px;
}

#gmenu li#home a:hover {
	background: url(images/gmenu-all.gif) no-repeat 0px -40px;
	width: 90px;
	height: 40px;
}
#gmenu li#service a:hover {
	background: url(images/gmenu-all.gif) no-repeat -90px -40px;
	width: 220px;
	height: 40px;
}
#gmenu li#company-g a:hover {
	background: url(images/gmenu-all.gif) no-repeat -310px -40px;
	width: 220px;
	height: 40px;
}
#gmenu li#toiawase-g a:hover {
	background: url(images/gmenu-all.gif) no-repeat -530px -40px;
	width: 220px;
	height: 40px;
}


/*---------------------------------------------------------------
 Sidebar
---------------------------------------------------------------*/

#sidebar {
	width: 180px;
	float: right;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar li {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#sidebar li a {
	text-decoration: none;
	width: 180px;
	height: 35px;
	display: block;
}

#sidebar li#s-company {
	background: url(images/sidebar-all.gif) no-repeat 0px 0px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-toiawase {
	background: url(images/sidebar-all.gif) no-repeat 0px -35px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-blog {
	background: url(images/sidebar-all.gif) no-repeat 0px -70px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-privacy {
	background: url(images/sidebar-all.gif) no-repeat 0px -105px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-recruit {
	background: url(images/sidebar-all.gif) no-repeat 0px -140px;
	width: 180px;
	height: 35px;
}

#sidebar li#s-company a:hover {
	background: url(images/sidebar-all.gif) no-repeat -180px 0px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-toiawase a:hover {
	background: url(images/sidebar-all.gif) no-repeat -180px -35px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-blog a:hover {
	background: url(images/sidebar-all.gif) no-repeat -180px -70px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-privacy a:hover {
	background: url(images/sidebar-all.gif) no-repeat -180px -105px;
	width: 180px;
	height: 35px;
}
#sidebar li#s-recruit a:hover {
	background: url(images/sidebar-all.gif) no-repeat -180px -140px;
	width: 180px;
	height: 35px;
}


/*---------------------------------------------------------------
 Sidebar Banners
---------------------------------------------------------------*/


#sidebanner {
	width: 180px;
	margin: 12px 0 20px 0;
	padding-top: 30px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;*/
	float: right;
	background: url(images/sidebar-link-title.gif) no-repeat top;
}

#sidebanner ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebanner li {
	margin: 0 0 2px 0;
	padding: 0px;
	text-indent: -9999px;
}

#sidebanner li a {
	text-decoration: none;
	width: 180px;
	height: 60px;
	display: block;
}

#sidebanner li#graphics {
	background: url(images/graphics.gif) no-repeat;
	width: 180px;
	height: 60px;
}

#sidebanner li#jagrabb {
	background: url(images/jagrabb.gif) no-repeat;
	width: 180px;
	height: 60px;
}

#sidebanner li#bunkyo {
	background: url(images/bunkyo.gif) no-repeat;
	width: 180px;
	height: 60px;
}



/*---------------------------------------------------------------
Cover
---------------------------------------------------------------*/
#cover {
	width: 750px;
	height: 211px;
	background: url(images/cover.gif) no-repeat center;
}


/*---------------------------------------------------------------
 General
---------------------------------------------------------------*/

#pagebody {
	width: 750px;
	height: 1%;
	margin-top: 10px;
}

#leftarea {
	width: 560px;
	margin: 0 10px 20px 0;
	float: left;
}


#contentsarea {
	width: 750px;
	float: left;
	margin-bottom: 10px;
}


#topics {
	width: 550px;
	margin: 18px 0 8px 0;
	padding: 43px 0 0 0;
	background: url(images/topics-title.gif) no-repeat left top;
}

.topicstitle {
	font-size: 12px;
	background: url(images/arrow01.gif) no-repeat left;
	padding: 3px 0 0 18px;
}

.topicstitle a {
	text-decoration: none;
	color: #333333;
}

.topicsbody {
	background: url(images/border01.gif) no-repeat left bottom;
	padding: 5px 0 8px 18px;
	margin: 0 0 5px 0;
}

.separate {
	background: url(images/border01.gif) no-repeat left;
	font-size: 6px;
	line-height: 6px;
}

.item {
	clear: left;
	display: block;
	padding-top: 2px;
	padding-left: 30px;
	float: left;
	width: 100px;
	line-height: 1.5em;
}
.substance {
	display: block;
	padding-top: 2px;
	line-height: 1.5em;
	margin-left: 100px;
	padding-left: 3px;
}




/*---------------------------------------------------------------
 Bottommenu
---------------------------------------------------------------*/

#bottommenu {
	clear: both;
	width: 750px;
	height: 25px;
	padding: 3px 0 0 0;
	margin: 5px 0 0 0;
	background: #CCCCCC url(images/footer-bak.gif) no-repeat left bottom;
	border-top: solid 1px #CCCCCC;
}

#bottommenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#bottommenu li {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
}

#bottommenu li a {
	text-decoration: none;
	height: 24px;
	display: block;
}

#bottommenu li#b-company {
	background: url(images/bottommenu.gif) no-repeat 0px 0px;
	width: 81px;
	height: 24px;
}
#bottommenu li#b-toiawase {
	background: url(images/bottommenu.gif) no-repeat -81px 0px;
	width: 99px;
	height: 24px;
}
#bottommenu li#b-blog {
	background: url(images/bottommenu.gif) no-repeat -180px 0px;
	width: 90px;
	height: 24px;
}
#bottommenu li#b-privacy {
	background: url(images/bottommenu.gif) no-repeat -270px 0px;
	width: 122px;
	height: 24px;
}
#bottommenu li#b-recruit {
	background: url(images/bottommenu.gif) no-repeat -392px 0px;
	width: 80px;
	height: 24px;
}
#bottommenu li#b-commerce {
	background: url(images/bottommenu.gif) no-repeat -472px 0px;
	width: 166px;
	height: 24px;
}


/*---------------------------------------------------------------
 Footer
---------------------------------------------------------------*/

#footer {
	clear: both;
	width: 730px;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #CCCCCC;
}