@charset "shift_jis";

img {
	border : 0px;
}

/* 共通フォント */
* {
	font-family : 'メイリオ','HG創英角ｺﾞｼｯｸUB','HG明朝E',細明朝体,serif;
}

/* 全体レイアウト調整 */
html, body, #container {height: 100%;}
body        {text-align:center; margin:0px;}
#container  {height: auto; 	margin:0px auto;min-height: 100%; text-align:center; /* padding-left:10px; border-left:1px solid #000000;border-right:1px solid #000000;*/ }
#header     {height : 260px; border:0px solid #000000; padding-top : 3px;}
#content    {width:850px;padding-bottom: 70px; clear:both; padding-top:5px; height: auto; margin:0px auto;min-height: 100%; position: relative;x-index:99;}
#footer     {position:relative;	clear:both; height: 70px;margin-top: -80px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-top:8px;padding-left: 10px;text-align:left;border-top: 1px solid #cccccc;color:#555555;}


/* ヘッダ領域(TOPの帯) */
.head_area1{
	width  : 830px;
	height : 27px;
	margin-top    : 10px;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom : 10px;
	background : #345ddb;
	color : #ffffff;
}

/* ヘッダ領域(画像) */
.head_area2{
	clear:both;
	width:830px;
	margin-top:6px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	height:172px;
	background: url(/images/top.gif) no-repeat;
}

/* ヘッダメニュー */
.head_menu_area {
	position : absolute;
	z-index : 98;
	top : 240px;
	clear : both;
	width : 832px;
/*
	height : 50px;
*/
	overflow : hidden;
	margin-top   : 4px;
	margin-left  : auto;
	margin-right : auto;
}
.head_menu_area ul,.head_menu_area ul li {
	margin   : 0px;
	padding  : 0px;
}
.head_menu_area ul.head_menu_list {
/*
	position : absolute;
	top      : 0px;
	left     : 0px;
*/
}
.head_menu_area ul.head_menu_list li.main_li {
	display : block;
	float : left;
	position : relative;
}
.head_menu_area ul li ul {
	display : none;
	clear   : both;
}
.head_menu_area ul li:hover ul {
	display : block;
}
.head_menu_area ul li a.main_menu {
	display : block;
	float : left;
}
.head_menu_area a.main_menu {
	display : block;
	text-align:center;
	font-size : 14px;
	width:164px;
	font-weight : bold;
	margin-right   : 1px;
	padding-top    : 4px;
	padding-bottom : 4px;
	color : #ffffff;
	border-top : 1px solid #123bba;
	background : #345ddb; /*#333333;*/
}
.head_menu_area a:hover {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
	background :url(/images/btn_head1.gif);
}
.head_menu_area ul li {
	background : #123bba;
	padding    : 0px 0px 0px 0px;
}
.head_menu_area ul li ul li a {
	display : block;
	margin : 1px 0px 0px 0px !important;
	width:164px;
	color : #ffffff;
	text-align : center;
/*
	border-top : 1px solid #123bba;
*/
	padding    : 2px 0px 2px 0px;
	background : #345ddb; /*#333333;*/
}
/* ヘッダ業務サブメニュー */
#gyomu_menu {
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:99;
}
#gyomu_menu ul,li {
	list-style-type : none;
	padding : 0px;
	margin  : 0px;
}
#gyomu_menu li a{
	display : block;
	width:165px;
	padding-top    : 8px;
	padding-bottom : 6px;
	text-align : center;
	list-style-type : none;
	color : #005555;
	background: #e0e0e0;
	border-bottom : 1px solid #666666;
	border-right  : 1px solid #666666;
}
#gyomu_menu li a:hover {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
	background :url(/images/btn_head1.gif) no-repeat;
}

/* キーワード */
.keyword1 {
	font-size:12px;
	padding-left:10px;
	padding-top:2px;
	margin:4px 0px 0px 0px;
	font-weight:normal;
}
.keyword2 {
	color:#000000;
	padding-right:15px;
	padding-left:420px;
	padding-top:50px;
	line-height:1.4;
}
.keyword2 * {
	font-size:16px;
	font-weight:normal;
}
.top_link {
	float : right;
	padding-top:4px;
}
.top_link a {
	display : block;
	margin-right:10px;
	padding : 3px 2px 3px 6px;
	text-align:center;
	font-size:12px;
	color : #ffff00;
}
#contact_link {
	float:right;
	margin:0px;
	margin:4px;
}
#foot_link {
	width : 800px;
	margin-left  :auto;
	margin-right :auto;
	text-align   :center;
	line-height : 1.4;
}
#foot_link a{
	font-size : 12px;
}
#foot_copyright {
	clear : both;
	margin-top    : 5px;
	margin-bottom : 10px;
	text-align:center;
}


/* TOPページ スライドメニュー */

#slide_area {
	clear:both;
	display:block;
	border:1px solid #8c8cff;
	height:409px;
	width:821px;
}
#no_slide_area {
	clear:both;
	display:none;
}
.no_slide_content {
	margin-top : 20px;
}
.no_slide_content .title_bar {
	border-left   : 10px solid #345ddb;
	border-bottom : 1px solid #345ddb;
	padding-left  : 10px;
}

#slide_menu {
	clear:both;
	float:left;
	padding-top:0px;
}
#slide_menu ul {
	width :160px;
	list-style-type : none;
	margin      : 0px 0px 0px 0px;
	padding     : 0px 0px 0px 0px;
	border-right : 1px solid #8c8cff;
	background :#8c8cff;
}
#slide_menu ul li {
	display     : block;
	background  : #fafafa;
	margin      : 0px 0px 1px 0px;
	padding     : 0px 0px 0px 0px;
	height      : 40px;
	overflow-y  : hidden;
}

#slide_menu ul li a {
	display     : block;
	cursor      : default;
	text-align  : center;
	font-size   : 14px;
	background  : #fafafa;
	padding-top    : 11px;
	padding-bottom : 11px;
}
.slide_menu_normal {
	color : #000000;
	border-left : 10px solid #2e4aab;
}
.slide_menu_hover {
	color : #000000;
	border-left : 10px solid #ffaa00;
}

#slide_body {
	float:left;
	width:650px;
	height : 400px;
	overflow:hidden;
	padding-left:10px;
	padding-top:0px;
	background :#ffffff;
	padding-bottom : 0px;
}
#slide_pane {
	width:1400px;
	height:400px;
	background:#ffffff;
	overflow-y:hidden;
}
#slide_btn {
	float:right;
	position:relative;
	top:-435px;
	margin-right:6px;
	color:#0000ff;
}

/* お知らせタイトル */
.news_title {
	background:url("/images/cleaner.gif") no-repeat;
	color : #ff5500;
	padding : 8px 8px 4px 34px;
	font-size : 16px;
	font-weight : bold;
	margin-right : 5px;
	width : 250px;
	text-align : left;
}
/* お知らせボディタイトル */
.news_body {
	border : 1px solid #ff5500;
	padding : 10px;
	margin-right : 10px;
	line-height : 1.5;
}
.news_body a {
	font-weight : bold;
}

/* パンくずナビ */
#navi {
	padding : 12px 0px 10px 0px;
}

/* コンテンツタイトル */
#content_title {
	background : url(/images/icon_buil.png) no-repeat;
	border-bottom:2px solid #2e4aab;
	padding:6px 10px 6px 42px;
	margin: 10px 0px 10px 0px;
	overflow : hidden;
	font-size:18px;
	font-weight : bold;
}
/* コンテンツボディ */
#content_body {
	float:left;
	width : 820px;
	padding : 10px 0px 15px 5px;
	margin  : 0px 0px 15px 0px;
	line-height : 1.3;
}
/* コンテンツサブタイトル */
.content_sub_title {
	font-size : 16px;
	color     : #000080;
	padding : 0px 0px 0px 20px;
	margin  : 20px 0px 10px 0px;
	background : url(/images/mark_square.png) no-repeat;
}
.content_sub_body {
	padding : 0px 0px 0px 0px;
	margin  : 0px 10px 10px 10px;
}
.content_sub_body ul li {
	list-style-type: circle;
	font-size : 14px;
	margin : 10px 0px 10px 0px;
}
.content_sub_body ul li li{
	list-style-type: disc;
}

.content_sub_body table {
	margin-left : 10px;
	border-collapse: collapse;
}
.content_sub_body table th {
	padding : 4px;
	border : 1px solid #000000;
	background : #ccffcc;
}
.content_sub_body table td {
	padding : 4px 20px 4px 10px;
	border : 1px solid #000000;
	background : #ffffff;
}

/* タグ共通 */
* {font-size:14px; text-align:left; }
a           { color : #0000ff; text-decoration : none;}
a:hover     { text-decoration : underline; }
p           { margin : 0px;}
h3          { margin : 0px; font-weight:normal; font-size:16px;}

/* TOPページ */
.title_bar {
	clear : both;
	margin-top : 2px;
	margin-bottom : 10px;
	padding       : 8px 8px 8px 0px;
}

.title_bar h3 a {
	float : left;
	line-height : 1.2;
	font-weight : bold;
	font-size : 18px;
	margin : 0px;
	color : #000080;
	margin-right : 10px;
	text-decoration : underline;
}
.title_bar h3 a:hover {
	color : #00ff00;
}
.top_content_box {
	width:650px;
	padding-top:0px;
	padding-bottom:20px;
}


.top_content_box * {
	line-height : 1.3;
	font-size : 16px;
}

#top_content0 {
	float:left;
	width:640px;
}
#top_content1 {
	float:left;
	margin: 0px;
	padding : 0px;
	margin-left:-640px;
}
#top_content2 {
	float:left;
	padding : 0px;
	margin: 0px;
	width: 640px;
	position:relative;
	left:-640px;
	display:none;
}

/* 会社概要 */
.company_l {
	font-size : 16px;
	margin-left   : 20px;
	margin-bottom : 20px;
	line-height : 1.5;
	clear : both;
	float : left;
	width : 150px;
}
.company_r {
	font-size : 16px;
	margin-bottom : 20px;
	float : left;
	width : 600px;
	line-height : 1.5;
}
.company_r ul {
	margin  : 5px 0px 0px 20px;
	padding : 0px;
}
.company_r ul,li {
	font-size : 16px;
}

/* リンク */
.link_l {
	font-size : 16px;
	margin-left   : 20px;
	margin-bottom : 20px;
	line-height : 1.5;
	clear : both;
	float : left;
	width : 150px;
}
.link_l * {
	font-size : 16px;
}
.link_r {
	font-size : 16px;
	margin-bottom : 20px;
	float : left;
	width : 600px;
	line-height : 1.5;
}

/* サービスパック */
.sp_box {
	height:352px;
	width:380px;
	float:left;
	padding:8px 10px 10px 10px;
	margin-right:20px;
	background-image:url(/images/sp_box.png);
	background-repeat:no-repeat;
}
.sp_box img {
	padding : 0px 10px 0px 10px;
}

.sp_box_wide {
	clear:both;
	height:352px;
	width:800px;
	float:left;
	padding:8px 10px 10px 10px;
	margin-right:20px;
	margin-top:40px;
	background-image:url(/images/sp_box_wide.png);
	background-repeat:no-repeat;
}
.sp_box_wide img {
	padding : 10px 10px 0px 10px;
}
.sp_title {
	color:#ffffff;
	font-size:16px;
}
.sp_part_text {
	float:left;
	font-size:20px;
	padding-left:10px;
	padding-top:15px;
}
.sp_info {
	background:#ffffbb;color:#000000;padding:4px 4px 4px 4px;margin:10px 10px 0px 0px;
}

/* サイトマップ */
.sitemap_list {
	padding-top : 0px;
}
.sitemap_list li {
	padding-top : 10px;
}

/* 汎用(色) */
.red  { color : #ff0000; }

/* 汎用(レイアウト) */
.center { text-align:center; }
.cb   { clear:both; }
.fl   { float:left; }
.fr   { float:right; }
.pl00 { padding-left:0px; }
.pl02 { padding-left:2px; }
.pl04 { padding-left:4px; }
.pl06 { padding-left:6px; }
.pl08 { padding-left:8px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pr00 { padding-right:0px; }
.pr02 { padding-right:2px; }
.pr04 { padding-right:4px; }
.pr06 { padding-right:6px; }
.pr08 { padding-right:8px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }
.pt00 { padding-top:0px; }
.pt02 { padding-top:2px; }
.pt04 { padding-top:4px; }
.pt06 { padding-top:6px; }
.pt08 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pb00 { padding-bottom:0px; }
.pb02 { padding-bottom:2px; }
.pb04 { padding-bottom:4px; }
.pb06 { padding-bottom:6px; }
.pb08 { padding-bottom:8px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }
.ml00 { margin-left:0px; }
.ml02 { margin-left:2px; }
.ml04 { margin-left:4px; }
.ml06 { margin-left:6px; }
.ml08 { margin-left:8px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.mr00 { margin-right:0px; }
.mr02 { margin-right:2px; }
.mr04 { margin-right:4px; }
.mr06 { margin-right:6px; }
.mr08 { margin-right:8px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }
.mt00 { margin-top:0px; }
.mt02 { margin-top:2px; }
.mt04 { margin-top:4px; }
.mt06 { margin-top:6px; }
.mt08 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mb00 { margin-bottom:0px; }
.mb02 { margin-bottom:2px; }
.mb04 { margin-bottom:4px; }
.mb06 { margin-bottom:6px; }
.mb08 { margin-bottom:8px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.lh11 { line-height : 1.1; }
.lh12 { line-height : 1.2; }
.lh13 { line-height : 1.3; }
.lh14 { line-height : 1.4; }
.lh15 { line-height : 1.5; }
.lh16 { line-height : 1.6; }
.lh17 { line-height : 1.7; }
.lh18 { line-height : 1.8; }
.lh19 { line-height : 1.9; }
.lh20 { line-height : 2.0; }
.l2   { float : left;  width:400px;}
.r2   { float : right; width:400px;}
.li_decimal li { list-style-type: decimal; font-size:14px}


/* デザイン1 */
/*
#header     { background : url(/images/bg_head.png) repeat-x;}
#footer     { background : url(/images/bg_foot.png) repeat-x;}
*/

/* デザイン2 */
body     { background : url(/images/bg_body.jpg); }
#container { width : 860px; background:#ffffff;}
#header  { width:830px;background : #ffffff; margin-left:auto;margin-right:auto; padding-left:0px;padding-right:0px;}
#content { width:830px;background : #ffffff; margin-left:auto;margin-right:auto; padding-left:0px;padding-right:0px;}
#footer  { width:830px;background : #ffffff; }
.head_area2 { background: url(/images/top.png) no-repeat;}