@charset "shift_jis";


/*
-------------------------------------
基本タグ
-------------------------------------
*/

body {
	margin: 0px;
	padding: 0px;
	scrollbar-face-color:#f1f1f1;
	scrollbar-track-color:#f1f1f1;
	scrollbar-arrow-color:#808080;
	scrollbar-3dlight-color:#808080;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#dfdfdf;
	scrollbar-darkshadow-color:#808080;
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 80%;
	}


/*
-------------------------------------
ブロック
-------------------------------------
*/

#header {
	width: 900px;
	height: 76px;
	background-image: url(img/header_bg.gif);
	background-repeat: repeat-x;
	margin: 0px auto;
	}

#main {
	width: 750px;
	margin: 35px auto 0px auto;
	padding: 1px 0px 1px 1px;
	border: 1px solid #0380b7;
	line-height:120%;
	}

#footer {
	width: 750px;
	height: 22px;
	background: url(img/footer_bg.gif) no-repeat;
	margin: 0px auto;
	}


/*
-------------------------------------
サイトタイトル
-------------------------------------
*/

h1#SiteTitle {
	margin: 15px 0px 0px 5px;
	padding: 0px;
	float: left;
	}
	
h1#SiteTitle a {
	display: block;
	text-indent: -9999px;
	background: url(img/logo.gif) no-repeat 0 0;
	width: 190px;
	height: 48px;
	}

/*
-------------------------------------
メインメニュー
-------------------------------------
*/

ul#MainMenu {
	margin: 0px;
	padding: 0px;
	}

ul#MainMenu li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

ul#MainMenu li a {
	display: block;
	text-indent: -9999px;
	height: 44px;
	}

.MainMenu01 {background:url(img/menu_001.gif) no-repeat 0 0; width: 149px; }
.MainMenu02 {background:url(img/menu_002.gif) no-repeat 0 0; width: 150px; }
.MainMenu03 {background:url(img/menu_003.gif) no-repeat 0 0; width: 149px; }
.MainMenu05 {background:url(img/menu_005.gif) no-repeat 0 0; width: 150px; }
.MainMenu06 {background:url(img/menu_006.gif) no-repeat 0 0; width: 149px; }
.MainMenu01:hover {background:url(img/menu_001_o.gif) no-repeat 0 0; width: 149px; }
.MainMenu02:hover {background:url(img/menu_002_o.gif) no-repeat 0 0; width: 150px; }
.MainMenu03:hover {background:url(img/menu_003_o.gif) no-repeat 0 0; width: 149px; }
.MainMenu05:hover {background:url(img/menu_005_o.gif) no-repeat 0 0; width: 150px; }
.MainMenu06:hover {background:url(img/menu_006_o.gif) no-repeat 0 0; width: 149px; }

/*
-------------------------------------
サブメニュー
-------------------------------------
.MainMenu01 {background:url(img/menu_01.gif) no-repeat 0 0; width: 124px; }
.MainMenu02 {background:url(img/menu_02.gif) no-repeat 0 0; width: 125px; }
.MainMenu03 {background:url(img/menu_03.gif) no-repeat 0 0; width: 125px; }
.MainMenu04 {background:url(img/menu_04.gif) no-repeat 0 0; width: 125px; }
.MainMenu05 {background:url(img/menu_05.gif) no-repeat 0 0; width: 125px; }
.MainMenu06 {background:url(img/menu_06.gif) no-repeat 0 0; width: 124px; }
.MainMenu01:hover {background:url(img/menu_01_o.gif) no-repeat 0 0; width: 124px; }
.MainMenu02:hover {background:url(img/menu_02_o.gif) no-repeat 0 0; width: 125px; }
.MainMenu03:hover {background:url(img/menu_03_o.gif) no-repeat 0 0; width: 125px; }
.MainMenu04:hover {background:url(img/menu_04_o.gif) no-repeat 0 0; width: 125px; }
.MainMenu05:hover {background:url(img/menu_05_o.gif) no-repeat 0 0; width: 125px; }
.MainMenu06:hover {background:url(img/menu_06_o.gif) no-repeat 0 0; width: 124px; }
*/

/*
-------------------------------------
サブメニュー
-------------------------------------
*/

ul#SubMenu {
	margin: 30px 5px 0px 0px;
	padding: 0px;
	float: right;
	}

ul#SubMenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	}

ul#SubMenu a {
	display: block;
	text-indent: -9999px;
	height: 14px;
	}
.SubMenu00 {background: url(img/privacy.gif) no-repeat 0 0; width: 160px;}
.SubMenu01 {background: url(img/info.gif) no-repeat 0 0; width: 82px;}
.SubMenu02 {background: url(img/saiyo.gif) no-repeat 0 0; width: 74px;}


/*
-------------------------------------
トピックス
-------------------------------------
*/

#left {
	width: 520px;
	float: left;
	margin: 30px 5px;
	}

h3#title {
	width: 520px;
	height: 24px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: url(img/topics.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	}

/*
-------------------------------------
トップリンク
-------------------------------------
*/

#right {
	width: 200px;
	float: left;
	margin: 30px 0px 0px 0px;
	}

#LinkBox {
	border: 1px solid #999999;
	width: 200px;
	height: 76px;
	background: url(img/back.jpg) repeat-x 0 0;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	}
	
#LinkBox img {
	margin: 0px;
	float: left;
	}

h4#LinkTitle {
	margin: 2px 0px;
	padding: 0px;
	float: right;
	}

h4#LinkTitle a {
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	width: 121px;
	height: 14px;
	}
	
.LinkTitle01{background: url(img/blog_title.gif) no-repeat 0 0;}
.LinkTitle02{background: url(img/saiyosite_title.gif) no-repeat 0 0;}
.LinkTitle03{background: url(img/558110_title.gif) no-repeat 0 0;}
.LinkTitle04{background: url(img/551069_title.gif) no-repeat 0 0;}

#LinkBox p {
	font-size: 85%;
	color: #666666;
	line-height: 110%;
	padding: 5px;
	border-top: 1px dotted #666666;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 130px;
	float: right;
	text-align: left;
	}

/*
-------------------------------------
フッター
-------------------------------------
*/

#footer p {
	display: block;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-image: url(img/copyright.gif);
	background-repeat: no-repeat;
	background-position: center;
	clear: right;
	float: left;
	}

ul#FMenu {
	width: 329px;
	padding: 0px;
	margin: 0px;
	float: right;
	}

ul#FMenu li {
	padding: 0px;
	margin: 0px 5px 0px 5px;
	float: left;
	list-style-type: none;
	}

ul#FMenu li a {
	display: block;
	text-indent: -9999px;  
	height: 22px;
	}
	
.FMenu00 {background: url(img/footer_privacy.gif) no-repeat 0 0; width: 150px;}	
.FMenu01 {background: url(img/footer_info.gif) no-repeat 0 0; width: 71px;}
.FMenu02 {background: url(img/footer_saiyo.gif) no-repeat 0 0; width: 67px;}

/*topics*/
#topics{
	font-size: small;
	text-align: left;
}

#topics table{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}

#topics th{
	text-align: left;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}


#topics td{
	line-height: 150%;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	padding: 0px;
	
}

#topics td.line{
	border-bottom: 1px dotted #0380b7;
	}

/*
-------------------------------------
トンボ
-------------------------------------
*/

p.font {
	width: 750px;
	font-size: 85%;
	text-align: left;
	margin: 10px auto 0px auto;
	}
	

/*
-------------------------------------
マップ
-------------------------------------
*/

#map {
	margin: 0px auto;
	
	}


#map table {
	width: 550px;
	text-align: left;
	margin: 20px auto;
	border: 1px solid #0380B7;
	border-collapse: collapse;
	font-size: 90%;
	}

#map td {
	border: 1px solid #0380B7;
	padding: 3px;
	}

#map th {
	text-align: left;
	background-color: #D2E6FF;
	padding: 3px;
	}

p.left {
	text-align: right;
	margin: 20px 50px 20px 0px;
	}

/*
-------------------------------------
会社案内
-------------------------------------
*/

#profile{
	width: 550px;
	margin: 30px auto 40px auto;
	text-align: left;
}

#profile h3 {
	display: block;
	text-indent: -9999px;
	width: 550px;
	height: 36px;
	}

.ProTitle01 { background: url(profile/img/title_01.gif) no-repeat;}
.ProTitle02 { background: url(profile/img/title_02.gif) no-repeat;}

#profile table{
	border-collapse: collapse;
	margin: 10px 0px 30px 0px;
	padding: 5px;
	line-height: 180%;
	font-size: small;
}

#profile th{
	background-color: #daf3fe;
	text-align: left;
	padding: 5px;
	border: 1px solid #ffffff;
}

#profile td{
	border-bottom: 1px dashed #0380b7;
	padding: 5px;
}

#profile{
	line-height: 130%;
}

#profile p.algin{
	text-align: right;
}

/*
-------------------------------------
サービス内容
-------------------------------------
*/

#service{
	width: 650px;
	margin: 30px auto 40px auto;
}

#ser_box{
	width: 730px;
	margin: 30px 0px 40px 0px;
}

#sub_menu{
	float: left;
	width: 180px;
	height: 500px;
}

#ser_right{
	width: 500px;
}

#contents01{
	width: 500px;
	border: 1px solid #0380b7;
	background-color: #DAF3FE;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	line-height: 130%;
}

#contents01 p{
	margin: 0px;
}

#contents01 p.title{
	color: #004591;
	font-weight: bold;
}

#contents02{
	width: 500px;
	background-color: #DAF3FE;
	padding: 5px;
	margin: 20px 0px 5px 0px;
	text-align:left;
	line-height:150%;
}


/*
#contents02 img{
	float: right;
	margin: 10px;
}
*/

/*
-------------------------------------
企業理念
-------------------------------------
*/

#idea{
	width: 550px;
	margin: 30px auto 40px auto;
	text-align: left;
}

#idea p{
	line-height: 150%;
}

#idea h3 {
	display: block;
	text-indent: -9999px;
	width: 550px;
	height: 36px;
	}

.IdeaTitle01 { background: url(idea/img/title_03.jpg) no-repeat;}
.IdeaTitle02 { background: url(idea/img/title_04.jpg) no-repeat;}
.IdeaTitle03 { background: url(idea/img/title_05.jpg) no-repeat;}

#name{
	float: right;
	width: 200px;
	margin: 30px 0px 20px 0px;
}

#name p{
	color: #000000;
	font-size: small;
}

/*
-------------------------------------
ヒストリー
-------------------------------------
*/

#histry{
	width: 550px;
	margin: 30px auto 40px auto;
	text-align: left;
	line-height: 130%;
	font-size: small;
}

#histry h3 {
	display: block;
	text-indent: -9999px;
	width: 550px;
	height: 36px;
	}

.HisTitle01 { background: url(histry/img/title_06.jpg) no-repeat;}


#histry table{
	width: 520px;
	text-align: left;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

#histry td{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	padding: 2px 5px 2px 5px;
}

#histry td.bk01{
	background-color: #87c9ff;
}

#histry td.bk02{
	background-color: #d2e6ff;
}