﻿@charset "utf-8";

/* 基本定義 */

*{
	margin:0px;
	padding:0px;
}

html,body{
	font-size:12pt;
	width:100%;
	height:100%;
	background-color:#bde9ff;	/*背景色を指定*/
	text-align:center;
}

img{
	border:0px;
}

/* レイアウト定義 */

div#container{  /* コンテナ */
	background-color:#fff;
	width:800px;		/* 基準の幅 */
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto;
	text-align:left;
	margin-bottom:-21px;
}

div#header{  /* ヘッダ */
	width:100%;
	height:120px;
}

div#headercontents{  /* ヘッダ内容 */
	width:100%;
	height:100%;
	margin-bottom:-34px;
}

div#contents{				/* ページ内容 */
	background-color:#fffbe2;
	border:solid 10px #fff;
	text-align:left;
	padding:10px;
	overflow:auto;
	width:760px;	
}

/* for < IE6 */
* html div#contents{
	width:800px;
}

div#pushfooter{
	background:transparent;
	width:100%;
	height:21px;
}

div#footer{  /* フッタ */
	background-color:#7FD6FF;
	border-top:solid 1px #bde9ff;
	margin:0px auto;
	width:800px;
	height:20px;
}

/* for < IE6 */
* html div#footer{
	height:21px;
}

div#menu{  /* メニュー */
	background-color:#818ff0;
	border:solid 2px #81aff0;
	padding:0px;
	text-align:left;
	width:796px;
	height:30px;
}

/* for < IE6 */
* html div#menu{
	width:800px;
	height:34px;
}

div#menu ul{
	width:600px;
	height:30px;
	padding-left:0px;
	overflow:hidden;
	margin:0px auto;
}

/* for < IE6 */
* html div#menu ul{
	margin:0px 98px;
}

div#menu ul li{
	list-style:none;
	display:inline;
}

div#menu ul a{
	width:150px;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	float:left;
	background-image:url("../images/btn.gif");
	background-repeat:no-repeat;
}

li#toppage a{
	background-position:0px 0px;
}

li#company a{
	background-position:-150px 0px;
}

li#business a{
	background-position:-300px 0px;
}

li#access a{
	background-position:-450px 0px;
}

div#menu ul a:hover{
	background-image:url("../images/btn.gif");
	background-repeat:no-repeat;
}

li#toppage a:hover{
	background-position:0px -30px;
}

li#company a:hover{
	background-position:-150px -30px;
}

li#business a:hover{
	background-position:-300px -30px;
}


li#access a:hover{
	background-position:-450px -30px;
}

div.navigationbox{
	font-size:11pt;
	border-bottom:solid 1px #999;
	height:30px;
}

/* for < IE6 */
* html div.navigationbox{
	height:31px;
}

div.hcenterbox{
	padding:10px;
	text-align:center;
}

div#leftbox{
	width:370px;
	height:100%;
	float:left;
	margin-right:auto;
}

/* for < IE6 */
* html div#leftbox{
	margin-right:10px;
}

div#rightbox{
	width:370px;
	height:100%;
	float:right;
	margin-left:auto;
}

/* for < IE6 */
* html div#rightbox{
	margin-left:10px;
}

div#imgbox_keyboard{
	width:100%;
	height:100%;
	margin-top:5px;
	text-align:center;
	vertical-align:middle;
}

div#imgbox_office,div#officemap{
	margin-top:10px;
	margin-bottom:10px;
}

/* for < IE6 */
* html div#imgbox_office{
	margin-bottom:0px;
}
* html div#officemap{
	margin-bottom:0px;
}

/* for IE7 */
*:first-child+html div#imgbox_office{
	margin-bottom:0px;
}
*:first-child+html div#officemap{
	margin-bottom:0px;
}

div#imgbox_office{
	margin-left:15px;
}

div#officemap p{
	display:block;
	font-size:10pt;
	margin-top:1px;
	voice-family: "\"}\"";	/* for < IE5 */
	voice-family: inherit;	
	margin-top:5px;
}

div#address{
	clear:right;
	width:740px;
	margin-top:0px;
}

div.newsbox{	/* TOP情報表示枠 */
	border:solid 1px #999;
	background-color:#fff;
	margin:5px;
	width:358px;
	height:200px;	
}

/* for < IE6 */
* html div.newsbox{
	width:360px;
	height:202px;
}

table#companyinfo{
	width:740px;
	border:0px;
	border-spacing:0px;
	text-align:left;
}

table#companyinfo td{
	padding:5px 0px 5px 30px;
	border-bottom:dashed 1px #999;
	vertical-align:top;
}

div#footer p{
	background:transparent;
	padding:0px;
	margin:0px;
	padding-right:30px;
	margin-left:auto;
	color:#000;
	font-weight:normal;
	font-size:11pt;
	text-align:right;
}

/* 項目定義 */

div.newsbox p{
	margin:-1px -1px 0px -1px;
	background-image:url("../images/16px_checkbox_002_f-trans.png");
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#c6fffa;
	padding-top:2px;
	padding-left:20px;
	color:#1c5dff;
	font-weight:bold;
	position:relative;
	height:20px;
}

/* for < IE6 */
* html div.newsbox p{
	height:22px;
}

div.newsbox p a{
	display:block;
	font-weight:normal;
	font-size:10pt;
	position:absolute;
	top:2px;
	right:10px;
}

p.item_big,p.item_middle{
	background-color:#c6fffa;
	color:#1c5dff;
	font-weight:bold;
}

p.item_big{
	border-width:0px 0px 3px 10px;
	border-style:solid;
	border-color:#9b55ff;
	padding-left:5px;
	padding-top:5px;
	margin:10px 0px;
	font-size:14pt;
	height:30px;
}

/* for < IE6 */
* html p.item_big{
	height:38px;
}

p.item_middle{
	background-image:url("../images/list_003_a-trans.png");
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:20px;
	padding-top:2px;
	margin-top:10px;
	margin-left:15px;
	font-size:12pt;
	height:20px;
}

/* for < IE6 */
* html p.item_middle{
	height:22px;
}

p.item_small{
	background-image:url("../images/list_005_a-trans.png");
	background-repeat:no-repeat;
	background-position:0px;
	background-color:transparent;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:14px;
	margin:0px;
	color:#000;
	font-size:12pt;
	font-weight:normal;
	height:auto;
}

#contents ul{
	margin-top:10px;
	margin-right:10px;
	margin-left:20px;
	font-size:11pt;
	list-style:none;
}

#contents ul.list_small{
	margin-top:10px;
	margin-left:30px;
}

#contents ul li{
	margin-top:2px;
	padding-bottom:2px;
	padding-left:15px;
	border-bottom:solid 1px #999;
	background-image:url("../images/list_005_a-trans.png");
	background-repeat:no-repeat;	
	background-position:0px 6px;
	height:16px;
}

/* for < IE6 */
* html #contents ul li{
	height:19px;
}

#contents ul.list_small li{
	border-bottom:none;
	background-position:0px 4px;
	height:16px;	
}

/* for < IE6 */
* html #contents ul.list_small li{
	height:18px;
}
