
* { margin: 0; padding: 0; }
body {
	font-size:12px;
	line-height: 16px;
	width: 100%;
	background: #CFCFCF;
}
a:link { color: #242424; text-decoration:underline; }
a:visited { color: #242424; text-decoration:underline; }
a:hover { color: #778899; text-decoration:none; }
a:active { color: #778899; text-decoration:none; }

/* ��{box */
#wrapper	{
	width: 800px;
	background: url(img/bg.gif) repeat-y 0 0;
	margin: 0 auto;
}
#base {
	margin: 0px auto 0px auto;
	width: 760px;
}
#header {
	height: 18px;
	background: #AE0028;
}
#logo {
	width: 324px;
	height: 77px;
	float: left;
	padding-left: 20px;
}
#navi {
	width: 366px;
	height: 77px;
	float: left;
	padding-right: 20px;
}
#global {
	width: 760px;
	height: 36px;
}
#main {
	width: 504px;
	float: left;
	text-align: left;
	padding-left: 20px;
}
#menu {
	width: 190px;
	float: right;
	padding-right: 20px;
	text-align: left;
}
#banner {
	height: 100px;
	background-image: url(img/banner_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin: 8px 0px;
}
div#footer	{
	width: 708px;
	margin: 0 auto;
	padding: 15px 6px;
	background: url(img/banner_bg.gif) no-repeat 0 0;
}
div#footer ul	{
	list-style-type: none;
}
div#footer li	{
	float: left;
	padding-right: 5px;
}
div#copyright	{
	width: 740px;
	margin: 0 auto;
	padding: 3px 0 3px 20px;
	background: #AE0028;
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: 0.1em;
}
#pagetop {
	text-align: right;
	padding-bottom: 10px;
}
#top-left {
	width: 300px;
	float: left;
	margin: 0px 0px 0px 10px;
	text-align: left;
}
#top-right {
	width: 200px;
	float: left;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}
#contact {
	margin-bottom: 8px;
}
#contact-contact	{
	width: 720px;
	margin: 0 auto;
	text-align: left;
}
.clear { clear: both; }

/* �w�b�h�i�r */
#head-navi {
	width: 267px;
	height: 23px;
	margin: 0px 0px 0px 119px;
}
#head-navi ul { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#head-navi li {
	display: inline;
	padding: 0px;
	margin: 0px;
	float: left;
}
#head-navi #home a {
	background-image: url(img/navi/home.gif);
	width: 62px;
	height: 23px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#head-navi #home a:hover {
	background-image: url(img/navi/home_2.gif);
	width: 62px;
	height: 23px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#head-navi #sitemap a {
	background-image: url(img/navi/sitemap.gif);
	width: 87px;
	height: 23px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#head-navi #sitemap a:hover {
	background-image: url(img/navi/sitemap_2.gif);
	width: 87px;
	height: 23px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#head-navi #privacy a {
	background-image: url(img/navi/privacy.gif);
	width: 118px;
	height: 23px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#head-navi #privacy a:hover {
	background-image: url(img/navi/privacy_2.gif);
	width: 118px;
	height: 23px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
.displaynone { display: none; }

/* �O���[�o���i�r */
#global-navi {
	width: 720px;
	height: 30px;
	padding: 0px 20px 6px 20px;
}
#global-navi ul { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#global-navi li {
	display: inline;
	padding: 0px;
	margin: 0px;
	float: left;
}
#global-navi #info a {
	background-image: url(img/navi/info.gif);
	width: 132px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #info a:hover {
	background-image: url(img/navi/info_2.gif);
	width: 132px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #company a {
	background-image: url(img/navi/company.gif);
	width: 117px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #company a:hover {
	background-image: url(img/navi/company_2.gif);
	width: 117px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #work a {
	background-image: url(img/navi/work.gif);
	width: 118px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #work a:hover {
	background-image: url(img/navi/work_2.gif);
	width: 118px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #recruit a {
	background-image: url(img/navi/recruit.gif);
	width: 117px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #recruit a:hover {
	background-image: url(img/navi/recruit_2.gif);
	width: 117px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #blog a {
	background-image: url(img/navi/blog.gif);
	width: 118px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #blog a:hover {
	background-image: url(img/navi/blog_2.gif);
	width: 118px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #contact a {
	background-image: url(img/navi/contact.gif);
	width: 118px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}
#global-navi #contact a:hover {
	background-image: url(img/navi/contact_2.gif);
	width: 118px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}

/* ���j���[box */
.menu-box {
	width: 190px;
	background-color: #EFEFEF;
	margin-bottom: 10px;
}
.menu-box dt {
	width: 180px;
	font-size: 10px;
	line-height: 14px;
	padding: 2px 2px 0px 8px;
	margin: 0px;
	font-weight: bold;
}
.menu-box dd {
	width: 170px;
	font-size: 10px;
	line-height: 14px;
	padding: 0px 2px 6px 18px;
	margin: 0px;
	background-image: url(img/line_190.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.menu-box .cat {
	width: 180px;
	font-size: 10px;
	line-height: 14px;
	padding: 4px 2px 4px 8px;
	background-image: url(img/line_190.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.menu-box .select-box {
	width: 180px;
	font-size: 10px;
	line-height: 14px;
	padding: 4px 2px 4px 8px;
}
.menu-box select {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: 0px;
}
.more-box {
	width: 178px;
	text-align: right;
	padding: 6px;
	background-color: #EFEFEF;
}

td { font-size:12px; line-height: 16px; }
h1 {
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: lighter;
	text-indent: 18px;
}
h2 { 
	font-size: 10px; 
	margin: 0px 0px 4px 0; 
	padding: 0px; 
	font-weight: lighter; 
	letter-spacing: 0.1em;
}
.text-18 { font-size: 12px; line-height: 18px; }
.text-20 { font-size: 12px; line-height: 20px; }
.size-10 { font-size: 10px; line-height: 14px; }
.size-14 { font-size: 14px; line-height: 18px; }
.size-16 { font-size: 16px; line-height: 20px; }

.img_logo {
	margin: 0px 10px;
}
.img_top {
	margin: 0px 6px 8px 10px;
}
.img_ban1 {
	margin: 15px 4px 2px 2px;
}
.img_ban2 {
	margin: 2px 4px 15px 2px;
}
.img_page {
	margin: 5px 10px;
}
.img_ttl {
	margin: 0px 6px 12px 10px;
}
.img_contact {
	margin: 0px 10px 12px 10px;
}
.img_pagetop {
	margin: 12px 10px 0px 0px;
}
.img_free {
 float: right;
 margin-top: 8px;
}

.img_r {
 float: right;
 border: none;
 vertical-align:top;
 margin-left: 5px;
 margin-bottom: 5px;
}
.img_l {
 float: left;
 border: none;
 margin-right:5px;
 vertical-align:top;
 margin-bottom: 5px;
}
.img_n {
 float: none;
 border: none;
}
textarea,select,input {
    font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku 
GothicPro","Osaka","Verdana","Helvetica","Arial","�l�r�o�S�V�b�N","sans-serif";
}



div#logoright	{
	width: 301px;
	float: right;
	text-align: right;
	padding-right: 20px;
}
div#headlink	{
	width: 267px;
	height: 23px;
	float: right;
	margin-bottom: 5px;
}
div#logoright ul,
div#headinfo ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#headinfo	{
	width: 301px;
}
div#headinfo li	{
	height: 30px;
	float: left;
	padding-left: 1px;
}
div#logoright ul,
div#headinfo ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#logoright li,
div#navi li	{
	float: left;
}
div#logoright li img,
div#headinfo li img,
div#navi li img,
div.syousai img,
ul#topbunner01 li img,
div#footer li img	{
	border: none;
}
div#topboxleft	{
	width: 270px;
	float: left;
	background: #FAF4D3;
}
div#topboxleft dl	{
	padding: 7px;
	border-bottom: #333333 dotted 1px;
}
div#topboxleft dt	{
	background: url(img/icon01.gif) no-repeat 0 3px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-left: 10px;
}
div#topbox02,
div#topbox03	{
	background: #FAF4D3;
	margin-bottom: 10px;
}
div#topboxleft dd,
div#topbox02 dd,
div#topbox03 dd	{
	font-size: 12px;
	line-height: 150%;
	padding: 0 10px;
}
div#topboxleft dd a:link,
div#topboxleft dd a:visited,
div#topbox02 dd a:link,
div#topbox02 dd a:visited,
div#topbox03 dd a:link,
div#topbox03 dd a:visited	{
	color: #333333;
	text-decoration: none;
}
div#topboxleft dd a:hover,
div#topbox02 dd a:hover,
div#topbox03 dd a:hover	{
	text-decoration: underline;
}
div#topbox02 dl,
div#topbox03 dl	{
	padding: 3px 7px;
	border-bottom: #333333 dotted 1px;
}
div#topbox02 dt	{
	background: url(img/icon02.gif) no-repeat 0 3px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-left: 10px;
}
div#topbox03 dt	{
	background: url(img/icon03.gif) no-repeat 0 3px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-left: 10px;
}
div#topboxright	{
	width: 238px;
	float: right;
	text-align: left;
}
div.syousai	{
	text-align: right;
	padding: 5px 10px 5px 0;
}
div#syoukai	{
	color: #333333;
	font-size: 10px;
	letter-spacing: 0.1em;
	background: #F3F3F3;
	padding: 12px;
	border-left: #BBBBBB solid 1px;
	border-right: #BBBBBB solid 1px;
}
div#syoukai p	{
	padding-top: 5px;
}
div#right	{
	width: 190px;
	float: right;
	padding-right: 20px;
}
ul#topbunner01	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#topbunner01 li	{
	width: 190px;
	padding-bottom: 5px;
}
div#topbox01	{
	width: 524px;
}
div.syousai02	{
	text-align: right;
	padding: 5px 0 0 0;
}
div.topbunner01	{
	padding: 10px 0 3px 0;
	background: #FFFFFF;
}










