@charset "utf-8";

/* import
----------------------------------------------- */
@import "font.css";
@import "common.css";

/* headline
----------------------------------------------- */
#header h1 {
	margin: 0;
	padding: 0;
	font-size: xx-small;
}
h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* menu
----------------------------------------------- */
#menu {
	width: 650px;
}
#menu .m00 a {
	display: none;
}

/* flash
----------------------------------------------- */
#flash {
	/*margin: 10px auto 0;*/
	 margin: 20px auto 0; 
}

/* contents
----------------------------------------------- */
#contents {
	margin: auto;
	padding: 0 0 25px;
	width: 900px;
	text-align: left;
}
#contents .left {
	float: left;
	width: 660px;
}
#contents .right {
	float: right;
	width: 220px;
}

/* service
----------------------------------------------- */
#service h2 {
	margin: 15px 0 0;
	width: 650px;
	height: 40px;
	background: url(../home/h2_01.gif) no-repeat;
}

/* column service
----------------------------------------------- */
.column_service {
	width: 650px;
	border-top: 3px solid #b4b4b4;
}
.column_service .column_left {
	float: left;
	width: 320px;
}
.column_service .column_right {
	float: right;
	width: 320px;
}
.column_service p {
	margin: 10px 0 0;
	padding: 0;
	color: #505050;
	font-size: x-small;
}
* html body .column_service p {
	font-size: xx-small;
}
.column_service p img {
	margin: 0 0 5px;
}

/* information
----------------------------------------------- */
#information {
	margin: 15px 0 0;
	width: 650px;
	height: 40px;
	background: url(../home/h2_02.gif) no-repeat;
}
#information h2 {
	display: none;
}

/* newsrelease
----------------------------------------------- */
#newsrelease {
	margin: 15px 0 0;
	width: 650px;
	height: 40px;
	background: url(../home/h2_03.gif) no-repeat;
}
#newsrelease h2 {
	display: none;
}

/* publicity
----------------------------------------------- */
#publicity {
	margin: 15px 0 0;
	width: 650px;
	height: 40px;
	background: url(../home/h2_04.gif) no-repeat;
}
#publicity h2 {
	display: none;
}

/* link
----------------------------------------------- */
#link {
	margin: 15px 0 0;
	width: 220px;
	height: 40px;
	background: url(../home/h2_05.gif) no-repeat;
}


/* cbook
----------------------------------------------- */
#cbook {
	margin: 15px 0 0;
	width: 220px;
	height: 40px;
	background: url(../home/h2_06_2.gif) no-repeat;
}



/* topics
----------------------------------------------- */
.topics ul {
	float: right;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}
.topics ul li {
	float: left;
	margin: 0;
	padding: 0;
}
.topics .m00 {
	padding: 0 15px 0 0;
}
.topics .m01 {
	padding: 0 0 0 15px;
}
.topics ul li a {
	display: block;
	height: 10px;
	text-indent: -9999px;
}
.topics .m00 a {
	width: 42px;
	background: url(../home/topics_menus.gif) no-repeat 0 0;
}
.topics .m01 a {
	width: 40px;
	background: url(../home/topics_menus.gif) no-repeat -42px 0;
}
.topics .m00 a:hover {
	background: url(../home/topics_menus.gif) no-repeat 0 -10px;
}
.topics .m01 a:hover {
	background: url(../home/topics_menus.gif) no-repeat -42px -10px;
}

/* topics list
----------------------------------------------- */
.topics_list {
	width: 650px;
	border-top: 3px solid #b4b4b4;
}
.topics_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topics_list li {
	padding: 5px 0;
	border-bottom: 1px dotted #b4b4b4;
}
* html body .topics_list li {
	font-size: small;
}
.topics_list li a {
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	width: 635px;
	background: url(../home/topics_bg.gif) no-repeat 0 center;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}
.topics_list li a:hover {
	background: url(../home/topics_bg.gif) no-repeat -890px center;
}

/* banners
----------------------------------------------- */
#banners {
	margin: 15px 0 0 ;
}
#banners ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#banners li {
	float: left;
	margin: 10px 10px 0 0;
}

/* blog
----------------------------------------------- */
#blog {
	border-top: 3px solid #b4b4b4;
}
#blog p {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #b4b4b4;
}

/* recruit
----------------------------------------------- */
#recruit p {
	margin: 0;
	padding: 10px 0 0;
}
#recruit ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#recruit li {
	height: 31px;
	text-indent: -9999px;
}
#recruit li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 31px;
}
#recruit .m00 {
	background: url(../home/recruit_menu12.gif) no-repeat -440px 0;
}
#recruit .m01 {
	background: url(../home/recruit_menu12.gif) no-repeat -440px -31px;
}
#recruit .m02 {
	background: url(../home/recruit_menu12.gif) no-repeat -440px -62px;
}
#recruit .m03 {
	background: url(../home/recruit_menu12.gif) no-repeat -440px -93px;
}
#recruit .m04 {
	background: url(../home/recruit_menu12.gif) no-repeat -440px -124px;
}
#recruit .m05 { 
        height: 32px; /* メニューの一番下にのみに記入すること */
        background: url(../home/recruit_menu12.gif) no-repeat -440px -155px; 
}
#recruit .m00 a {
	background: url(../home/recruit_menu12.gif) no-repeat 0 0;
}
#recruit .m01 a {
	background: url(../home/recruit_menu12.gif) no-repeat 0 -31px;
}
#recruit .m02 a {
	background: url(../home/recruit_menu12.gif) no-repeat 0 -62px;
}
#recruit .m03 a {
	background: url(../home/recruit_menu12.gif) no-repeat 0 -93px;
}
#recruit .m04 a {
	background: url(../home/recruit_menu12.gif) no-repeat 0 -124px;
}
#recruit .m05 a { 
        background: url(../home/recruit_menu12.gif) no-repeat 0 -155px; 
} 

#recruit .m00 a:hover {
	background: url(../home/recruit_menu12.gif) no-repeat -220px 0;
}
#recruit .m01 a:hover {
	background: url(../home/recruit_menu12.gif) no-repeat -220px -31px;
}
#recruit .m02 a:hover {
	background: url(../home/recruit_menu12.gif) no-repeat -220px -62px;
}
#recruit .m03 a:hover {
	background: url(../home/recruit_menu12.gif) no-repeat -220px -93px;
}
#recruit .m04 a:hover {
	background: url(../home/recruit_menu12.gif) no-repeat -220px -124px;
}
#recruit .m05 a:hover { 
        background: url(../home/recruit_menu12.gif) no-repeat -220px -155px; 
} 



/* clear
----------------------------------------------- */
#contents:after,
.column_service:after,
topics:after,
.topics ul:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}