﻿/*******************　共通　*******************/
a:link{
	color:#ff6816;
	text-decoration:underline;
}

a:visited{
	color:#ff6816;
	text-decoration:underline;
}

a:hover{
	color:#20a8ff;
	text-decoration:underline;
	font-weight: bold;
}

a:active{
	text-decoration:none;
	text-decoration:underline;
}

body {
	margin-top: 0;
	background-color: #ffffff;
}

img {
	border: 0px;
}

div {
	margin-top: 0px;
	font-size: 14px;
	line-height: 140%;
}

div.main_box {
	width: 800px;
	border-width: 1px;
	border-color: #4397ff;
	border-style: solid;
}

/*	最上段見出し表示部	*/
div.midashi_area {
	background-color: #4397ff;
	width: 800px;
	height: 17px;
	padding-top: 3px;
	text-align: left;
}

/*	最上段見出し表示部テキスト	*/
.text_in_bar {
	padding-left: 5px;
	display:inline;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
}

/*	サブタイトルテキスト(IE6専用)	*/
* html .text_in_sub_title {
	font-size: 15px;
	font-weight: bold;
	color: #444444;
	margin-bottom: 0px;
}

/*	サブタイトルテキスト	*/
.text_in_sub_title {
	margin-top: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #444444;
}

/*	ロゴ表示エリア	*/
div.logo_area {
	width: 800px;
	height: 207px;
	text-align: left;
	background-image: url('image/pic1.jpg');
}

/*	ロゴマーク表示部	*/
div.logo_mark {
	width: 100px;
	height: 100px;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
}

/*	ナビゲーションボタン表示部	*/
div.navi_area {
	width: 800px;
	height: 40px;
	background-color: #ffffff;
}

/*	メインコンテンツエリア	*/
div.main_area {
	width: 800px;
	text-align: center;
}

/*	コンテンツ表示部	*/
div.contents_area {
	margin-top: 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 780px;
	text-align: left;
	height: auto;
}

/*	会社概要テーブル	*/
.company_prof_table {
	width: 720px;
	border-width: 0;
	background-color: #555555;
}

/*	会社概要表示セル	*/
.company_prof_table_white {
	width: 600px;
	text-align:left;
	background-color: #FFFFFF;
}

/*	会社概要タイトルセル	*/
.company_prof_table_gray {
	width: 120px;
	text-align:right;
	background-color: #DDDDDD;
}

div.kaiin {
	padding-top: 20px;
	margin-left: 60px;
	font-size: 15px;
	font-weight: bold;
	width: 300px
}

div.mochiduki_name {
	padding-top: 20px;
	margin-left: 90px;
	font-size: 28px;
	font-weight: bold;
}

div.touroku_no {
	float: left;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 90px;
	width: 270px;
	text-align: center
}

div.office_book_pic {
	float:right;
	margin-top: -90px;
	margin-right: 100px
}

/*	サブタイトルバー（長）	*/
div.sub_title {
	width: 740px;
	height: 20px;
	background-image: url('image/sub_title_bar.gif');
	padding-left: 20px;
	padding-top: 5px;
	text-align: left;
}

/*	通常テキスト	*/
div.normal_text {
	margin-left: 20px;
	padding-left: 1px;
	padding-right: 20px;
	text-align: left;
	font-size: 14px;
}

/*	中央寄せ	*/
div.centering {
	text-align: center;
}

/*	右寄せ	*/
div.right {
	text-align: right;
}

/*	メールフォーム用テーブル	*/
.mail_table {
	margin-left: 20px;
	margin-top: 20px;
	width: 720px;
	background-color: #ffffff;
}

/*	メールフォーム用テーブルタイトル	*/
.table_title {
	width: 150px;
	text-align: right;
	border-top: dotted 1px #999999;
	background-color: #ffffff;
}

/*	メールフォーム用テーブル内容	*/
.table_text {
	width: 550px;
	text-align: left;
	border-top: dotted 1px #999999;
	background-color: #e4e4e4;
}

/*	メールフォーム送信ボタン等表示エリア	*/
div.bottom_text {
	margin-left: 20px;
	width: 720px;
	border-top: dotted 1px #999999;
	text-align: center;
}

/*	下部リンク表示部	*/
div.under_link_area {
	margin-top: 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 10px;
	width: 780px;
	text-align: center;
	height: auto;
}

/*	著作権表示部	*/
div.main_footer {
	clear: both;
	background-color: #4397ff;
	width: 800px;
	height: 17px;
	padding-top: 3px;
	text-align: center;
}

/*	赤太字	*/
.color_bold_red {
	color: red;
	font-weight: bold;
}

/*	ナビゲーションメニュー	*/
/***  IE6、7、8の場合  ***/
#menu {
	margin-left: -40px;
}

/***  IE6、IE7、IE8以外のブラウザは縦位置を-16pxする  ***/
html:not(:target) #menu {
	margin-top: -16px;
	margin-left: -40px;
}

#menu li {
	display: inline;
	float:left
}

#menu a {
	display: block;
	position: relative
}

#menu li a {
	background-image: url(image/menu.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden
}

.menu00 a{ background-position: 0 0 }
.menu00 a:hover { background-position: -160px 0 }
.menu01 a{ background-position: 0 -40px }
.menu01 a:hover { background-position: -160px -40px }
.menu02 a{ background-position: 0 -80px }
.menu02 a:hover { background-position: -160px -80px }
.menu03 a{ background-position: 0 -120px }
.menu03 a:hover { background-position: -160px -120px }
.menu04 a{ background-position: 0 -160px }
.menu04 a:hover { background-position: -160px -160px }

/*	漢字入力ON(IEのみ有効)	*/
.kanji {
	border: 1px;
	border-style: solid;
	border-color: #999999;
	ime-mode: active;
}

/*	漢字入力OFF(IEのみ有効)	*/
.eiji {
	border: 1px;
	border-style: solid;
	border-color: #999999;
	ime-mode: disabled;
}

