@charset "utf-8";

/** 共通・タグ定義 ------------------------------------------------------------------ **/
* {
	margin: 0px;
	padding:: 0px;
	font-size: 12px;
	font-family: "ＭＳ　Ｐゴシック", Arial, Verdana;
}
html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #fff;
}
img {
	border: 0;
}


/** CLASS定義 ------------------------------------------------------------------ **/
div.f-left {
	float: left;
}
div.f-right {
	float: right;
}


/** ページ整形 ------------------------------------------------------------------ **/
div#wrapper {
	width: 660px;
	height: 100%;
	margin: auto;
	padding: 10px;
	background-color: #fff;
}


/** ヘッダー ------------------------------------------------------------------ **/
div#header {
	width: 100%;
}
div#logo-left {
	float: left;
	background-image: url(./images/logo_left.gif);
}
div#logo-right {
	float: right;
	background-image: url(./images/logo_right.gif);
}
div#catch {
	clear: both;
	margin-top: 10px;
	background-image: url(./images/catch.gif);
}


/** メニュー ------------------------------------------------------------------ **/
#menu {
}
ul.menu-top{
	margin: 0px;
	height: 40px;
	background-color: #f0f0f0;
	border-top: 1px solid #999999;
	border-bottom: 5px solid #999999;
}
ul.menu-top li{
	float: left;
	display: block;
}
ul.menu-top li a{
	color: #000;
	height: 25px;
	width: 100px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px 0px;
	text-decoration: none;
	background-color: #f0f0f0;
	border-bottom: 5px solid #999999;
}
ul.menu-top li a.cur{
	border-bottom: 5px solid #33f!important;
}
ul.menu-top li a:hover, ul.menu-top li a.cur{
	padding: 15px 0px 0px;
	border-bottom: 5px solid #33f;
	background-color: #E8E8E8;
}


/** What's New ------------------------------------------------------------------ **/
div#whats-new {
	clear: both;
	height: 28px;
	width: 661px;
	margin-top: 10px;
	background-image: url(./images/whatsnew.gif);
}
div#whats-new p {
	float: left;
	padding-left: 15px;
	line-height: 230%;
}


/** メインコンテンツ ------------------------------------------------------------------ **/
div#contents {
	clear: both;
	margin-top: 10px;
}
div#contents-left {
	float: left;
	width: 150px;
}
div#contents-right {
	float: right;
	width: 500px;
}


/** 左メニュー ------------------------------------------------------------------ **/
div.menu-left {
	clear: both;
	height: 130px;
}
div.menu-left ul {
	margin: 0px;
	height: 25px;
}
div.menu-left ul li {
	display: block;
}
div.menu-left ul li a {
	color: #000;
	height: 25px;
	width: 110px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 0px;
	margin: 10px 0px 0px;
	text-decoration: none;
	border-left: 5px solid #999999;
}
div.menu-left ul li a:hover {
	padding: 5px 0px 0px;
	margin: 10px 0px 0px;
	border-left: 5px solid #33f;
}
div.menu-left ul li a.cur {
	padding: 5px 0px 0px;
	margin: 10px 0px 0px;
	border-left: 5px solid #33f;
}


/** 採用情報 ------------------------------------------------------------------ **/
div#recruit {
	clear: both;
}


/** お問い合わせ ------------------------------------------------------------------ **/
div#contact {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	border: 1px solid #999;
}
div#contact p {
	text-align: center;
	font-weight: bold;
}
div#contact div {
	margin-top: 5px;
	font-size: 10px;
}
div#contact div img {
	vertical-align: middle;
}


/** TOPICS ------------------------------------------------------------------ **/
div#topics {
	
}
div#topics div.title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
div#topics div.item {
	padding: 10px;
	border-bottom: 1px dotted #999;
}
div#topics div.item div.date {
	font-weight: bold;
}
div#topics div.item div.message {
	padding-left: 15px;
	padding-top: 5px;
}


/** ご挨拶 ------------------------------------------------------------------ **/
div#greeting {
	
}
div#greeting div.title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
div#greeting p {
	margin: 5px;
	line-height: 20px;
}


/** 業務内容 ------------------------------------------------------------------ **/
div#work {
	
}
div#work div.title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
div#work div.content {
	font-size: 14px;
	margin: 15px;
}


/** 会社概要 ------------------------------------------------------------------ **/
div#company {
	
}
div#company div.title {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
div#company div.content {
	clear: both;
	margin: 10px;
}
div#company div.content-left {
	float: left;
	width: 100px;
}
div#company div.content-right {
	float: left;
	width: 250px;
}


/** フッター ------------------------------------------------------------------ **/
div#footer {
	clear: both;
	font-size: 9px;
	margin-top: 10px;
	border-top: 1px solid #999;
}
div#footer-left {
	float: left;
	width: 250px;
}
div#footer-right {
	float: right;
	text-align: right;
	width: 400px;
}