@charset "shift_jis";

/* すべてのマージン、パディングを一旦消去します。 */
* {
	margin : 0;
	padding : 0;
}

/* ページの表示に対する基本的な事柄を指定します。 */
body {
	letter-spacing : 1px;
	/* 文字間隔を調整します */

	background-image : url(../images/back_masu.gif);
	/* 一番後ろの背景画像の指定 */

	font-size : 12px;
	/* フォントサイズを指定します（他で文字サイズを指定しないと、このサイズ（現12ピクセル）になります */

	margin-top : 0;	
	/* 上部外余白を消します */

	margin-left : 0;
	/* 左側外余白を消します */
}

/*formのスタイル*/
form#aspnetForm {
    width:740px;
    margin:0 auto;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}



/* すべての画像（imgタグ）への基本的なスタイルの指定 */
img {
	border : 0;
	/* ボーダー（枠線）の消去 */
	
	margin : 0;
	/* マージン（外側への距離）の消去 */
	
	padding : 0;
	/* パディング（内側の距離）の消去 */
}

/* アンカータグ（リンク）の基本的なスタイルの指定 */
a {
	color : #00f;
	/* 全体のアンカータグの文字色の指定（青) */
}

/* 文字色の指定 */

/* 赤 */
.font_red {
	color : red ;
}

/* 緑 */
.font_green {
	color : green;
}

/* 黒 */
.font_black {
	color : black ;
}

/* 黒（リンク部分） */
.font_black a {
	color : black ;
}

/* ワイン色（赤紫） */
.font_wine {
	color : #630 ;
}

/* 茶色 */
.font_brown {
	color : brown ;
}

/* オレンジ色 */
.font_orange {
	color : #f80 ;
}

/* 青色 */
.font_blue {
	color : blue;
}

/* 灰色 */
.font_glay {
	color : #999;
}

/* 背景色の指定 */

/* 背景色（灰色） */
.bg_gray{
	background-color : #eee;
}

/* フォントサイズの記述 */
.fo_10 {
	font-size : 10px;
}

/* 文字装飾に関する記述 */

/* 太字にする */
.fo_weight {
	font-weight : bold ;
}

/* 太字を通常の文字にする */
.no_weight{
	font-weight : normal ;
}

/* 位置に関する記述 */


/* 右側に寄せます（使用できるタグ：<p>　） */
.right {
	text-align : right ;
	margin-top : 5px;
	margin-bottom : 5px;
}

/* 左側に寄せます（使用できるタグ：<p>　） */
.left {
	text-align : left;
	margin-top : 5px;
	margin-bottom : 5px;
}

/* 中央に寄せます（使用できるタグ：<p><th><td>など） */
.center {
	text-align : center;
}


/* 均等割り付けにします（使用できるタグ：<p><th><td>など） */
.justify{
	text-align:justify;
	text-justify:inter-ideograph;
}


/* pタグに関するスタイル記述 */
p {
	margin-top : 1em;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 1em;
}

#maincontents p{
	margin-left : 2em;
}

/*情報枠*/
#maincontents div.infobox{
	border: 3px double #999;
	margin: 0 50px;
	padding: 10px;
}

#maincontents div.infobox p{
	margin: 0;
}

#maincontents div.textjustify p{
	text-align:justify;
	text-justify:inter-ideograph;
}


#maincontents dl.textjustify dd{
	text-align:justify;
	text-justify:inter-ideograph;
}

p.sitemap {
	font-size : 10px;
	text-align : right ;
	margin-top : 5px;
	margin-bottom : 5px;
}

p.sitemap a{
	text-decoration : none;
}



/* トピックスへ誘導するリンクのスタイル */
.other_topix a{
	text-align : right;
	padding-top :5px;
	padding-bottom : 5px;
	color : #666;
	text-decoration : none;
	padding-right : 30px;
	background-image : url(../images/ya_sikaku.gif);
	background-position : right top;
	background-repeat : no-repeat;
}

/* 見出しタグに関する記述 */

/* <h1>タグに関する記述 */
h1 a{
	text-decoration : none;	
	/* 文字装飾を消します（リンクの下線、打ち消し線など） */

	background-image : url(../images/abr_logo.jpg);	
	/* アドバンスブレインの画像を呼びます */

	background-position : right top;
	/* 呼び出した画像の開始位置を指定します */

	background-repeat : no-repeat;
	/* 画像を繰り返すかどうかを指定します */

	text-indent : -9999px;
	/* 文字の位置を指定します（必須） */

	font-size : 36px;
	/* 文字のサイズを指定します */

	margin-right : 15px;
	/* 右側外余白を指定します（右側に配置するため） */

	height : 40px;
	/* ブロックの高さを指定します（画像の高さ） */

	width : 125px;	
	/* ブロックの幅を指定します（画像の幅） */

	display : block;
	/* h1タグの表示方法を指定します（通常、h1はインライン要素のため、ブロック要素に変更します） */

	margin-left : auto;
	/* 左側外余白を指定します（ここでは、autoにして、寸法を指定しません） */
}
/* SEO対策用 文章の差し込み */
h1#top_mes {
	font-size : 10px;
	color : #FFFFFF;
	padding-top : 30px;
	padding-left : 50px;
	text-decoration : none;	
	background-image : none;
	height : 10px;

}

/* <h2>タグに関する記述 */
h2 {
	filter : shadow(color=#aaaaaa,direction=135,strength=4);
	/* 文字にシャドウをかけます */

	display : block;
	/* 表示方法をインラインからブロックにします */

	width : 490px;
	/* 幅を指定します */

	padding-left : 10px;
	/* 左内部余白をつけます */

	margin-left : 5px;
	/* 左外部余白をつけます */

	font-size : 17px;
	/* 文字のサイズを指定します */

	color : #505050;
	/* 文字の色を指定します */

	margin-top : 1.5em;
	/* 上外部余白を指定します */
	
	margin-bottom : 1em;
	/* 下外部余白を指定します */

	padding-top : 4px;
	/* 上内部余白を指定します */

	padding-bottom : 4px;
	/* 下内部余白を指定します */

	border-left : 6px solid #505050;
	/* 左側に線を引きます(6ピクセル、実線、色：#505050) */
	
	border-bottom : 1px solid #505050;
	/* 下側に線を引きます(1ピクセル、実線、色：#505050) */
}

/* <h2 id="index">とタグを打つと線がエメラルドグリーンになります */
h2#index {
	border-left : 6px solid #5aa;
	border-bottom : 1px solid #5aa;
}

/* <h2 id="corporate">とタグを打つと線が水色になります */
h2#corporate {
	border-left : 6px solid #09c;
	border-bottom : 1px solid #09c;
}

/* <h2 id="product">とタグを打つと線がオレンジ色になります */
h2#product {
	border-left : 6px solid #f80;
	border-bottom : 1px solid #f80;
}

/* <h2 id="service">とタグを打つと線が緑色になります */
h2#service {
	border-left : 6px solid #363;
	border-bottom : 1px solid #363;
}

/* <h2 id="recruit">とタグを打つと線が赤色になります */
h2#recruit {
	border-left : 6px solid #f1240e;
	border-bottom : 1px solid #f1240e;
}

/* <h3>に関する記述 */

/* <h3>タグに対してつく基本的なスタイル */
h3 {
	margin-bottom : 15px;
	margin-top : 15px;
	font-size : 12px;
}

/* <h3 class="pmark">と打つと〒画像がつき、背景が灰色になります */
h3.pmark {
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 24px;
	background-color : #eee;
	background-image : url(../images/yuu.gif);
	background-repeat : no-repeat;
	background-position  : left top;
}

/* <h3 class="midashi">と打つと、背景が灰色になり、左外部余白が15ピクセル空きます */
h3.midashi {
	padding-left : 15px;
	background : #eee;
}

/* <h3 class="center">と打つと、文字が中央に配置されます */
h3.center {
	text-align : center;
}

/* プロカスタマーバーコード用のpタグに関する記述 */
p#pcb_top {
	text-align : center;
	font-size : 14px;
	font-weight : normal;
	color : red;
}

p#pcb_top a:hover {
	text-decoration : underline;
}

span.entry a {
	text-decoration : none;
	display : block;
	margin-left : 298px;
	width : 162px;
	height : 27px;
	background-image : url(../images/ent.gif);
	background-repeat : no-repeat;
	text-indent : -9999px;
}

span.entry a:hover {
	background-image : url(../images/ent_2.gif);
	background-repeat : no-repeat;
}

/* リストのスタイルに関する記述 */

/* 定義リスト<dt>に関する記述 */

/* <dt>タグに対する基本的なスタイル */
dt {
	padding-left : 15px;
	margin-top : 10px;
	margin-bottom : 10px;
}

/* <dt class="pmark">と打つと、〒画像がつき、背景が灰色になります */
dt.pmark {
	font-weight : bold;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 24px ;
	background-image : url(../images/yuu.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	background-color : #eee;
}

/* class="pmark_ank"と打つと、〒画像がつき、背景が赤色になります（リンク用） */
.pmark_ank {
	font-weight : bold;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 24px ;
	background-image : url(../images/yuu.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	background-color : #fee;
}

/* class="hpconst_ank"と打つと、〒画像がつき、背景が赤色になります（リンク用） */
/* 本体に統合す必要あり */
.hpcmark {
	font-weight : bold;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 24px ;
	background-image : url(../images/hpConst/minweb.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	background-color : #eee;
}

/* <dt class="herd">と打つと、三角（緑）がつきます */
dt.herd {
	margin-top : 20px;
	margin-bottom : 20px;
	background-image : url(../images/sankaku_green.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-left : 18px;
}

/* <dt class="midashi">と打つと、背景が灰色になります */
dt.midashi {
	margin-top : 20px;
	margin-bottom : 20px;
	background-color : #eee;
	font-weight : bold;
}

dl.in_dd dt {
	margin-top : 1em;
	margin-bottom : 2px;
}

dl.in_dd dd {
	margin-left : 2.5em;
	margin-top : 2px;
	margin-bottom  :2px;
}

/* <dd>に対する基本的なスタイル */
dd {
	margin-left : 2em;
	margin-top : 10px;	
	margin-bottom : 10px;
}

/* カスタマーバーコード「Ｑ＆Ａ」用 */
dt.que {
	font-weight : bold;
	margin-top : 1em;
	margin-bottom : 1em;
}

dd.ans {
	margin-top : 1em;
	margin-bottom : 1em;
}

/* 箇条書きリスト用 */
ul {
	list-style-type : none;
}

ul.margin {
	margin-left : 3em;
}

/* サービスページ（パッケージ販売・制作、プロモ）箇条書きリスト用 */
ul.list_style_circle {
	list-style-type : circle;
	margin-left : 2em;
}

/* サービスページ（健康管理システム　機能）箇条書きリスト用 */
ul.list_style_square {
	list-style-type : square;
	margin-left : 2em;
}

ul.list_style_square li {
	padding-bottom : 6px;
}

/* ナンバーリスト用 */
ol {
	margin-left : 2em;
	list-style-type : decimal;
}

ol.margin {
	margin-left : 3em;
	list-style-type : decimal;
}

td.topics ul{
	margin-left : 20px;
	margin-bottom : 20px;
}

dd.head {
	background-image : url(../images/sankaku_green.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-left : 15px;
}

/* <li>タグのスタイル定義 */
li.head {
	background-image : url(../images/sankaku_green.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-left : 15px;
}

li.herdmark a{
	text-decoration : none;
	background-image : url(../images/submenu_sankaku.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-left : 15px;
	padding-top : 1px;
}

li.herdmark a:hover {
	text-decoration : underline;
}

/* カスタマーバーコード「割引のご紹介」おトク割引用divのスタイル */
div.otoku {
	background-color : #9d9 ;
	margin-left : 2em;
	margin-right : 1em;
	margin-top : 1em;
	padding-left : 5px;

}

/* <img class="pcb_mark">で郵便車サイズ縮小 */
img.pcb_mark {
	width : 20px;
	height : 20px;
}

/* カスタマーバーコードｖ３divのスタイル */
div.kakomi_v3 {
	background-color : #FFE4E1 ;

}
/* カスタマーバーコード．ＮＥＴ１divのスタイル */
div.kakomi_dn1 {
	background-color : #F0FFFF ;

}
/* カスタマーバーコードキャンペーンdivのスタイル */
div.kakomi_can {
	background-color : #FFFACD ;

}

/* ヘッダー部分に関する記述 */

/* 全ページ共通 */
#headder {
	padding-top : 15px;
	background-image : url(../images/top.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	width : 740px;
	height : 135px;
	margin : 0;
}
/* フラッシュの上に文字をのせる --------------2011/6/2 UP STA */
#fla_post{ 
	position:relative; 
} 
#fla_font{ 
	position:absolute;     
	top : 75px;
	left : 50px;
	height: 10px;
	width:800px;
	color:#FFFFFF; 
	font-weight: bold;
}
 
#fla_font span{
	background-color:#eeeeee; 
}
/* -------------------------------------------2011/6/2 UP END */

/* top.html専用。フラッシュのサイズをキープします。 */
body#top div#headder{
	background-image : none;
	padding-top : 0;
	width : 740px;
	height : 150px;
	margin : 0;
}


/* 印刷用イメージの消去 */
#headder img {
	display : none;
}

/* グローバルナビに関する記述 */
#glovalnavi {
	width :560px;
	height : 40px;
	margin-top : 15px;
	margin-left : auto;
	margin-right : 0;
}

/* index系ページのナビの設定 */
#glovalnavi table#index {
	background-image : url(../images/menu/menu_index.gif);
	background-position : right top;
	background-repeat : no-repeat;
}

/* corporate系ページのナビの設定 */
#glovalnavi table#corporate {
	background-image : url(../images/menu/menu_corporate.gif);
	background-position : left top;
	background-repeat : no-repeat;
}

/* product系ページのナビの設定 */
#glovalnavi table#product {
	background-image : url(../images/menu/menu_product.gif);
	background-position : left top;
	background-repeat : no-repeat;
}

/* service系のページのナビの設定 */
#glovalnavi table#service {
	background-image : url(../images/menu/menu_service.gif);
	background-position : left top;
	background-repeat : no-repeat;
}

/* recruit系のページのナビの設定 */
#glovalnavi table#recruit {
	background-image : url(../images/menu/menu_recruit.gif);
	background-position : left top;
	background-repeat : no-repeat;
}

/* 全ページメニューに共通 */
#glovalnavi td a{
	text-decoration : none;
	display : block;
	width : 112px;
	height : 40px;
	text-indent: -9999px;
}

/* id="home" class="roll"と書かれたtdで画像の文字が青くロールします */
td#home.roll a:hover{
	background-image : url(../images/menu/menu_roll_top.gif);
	background-repeat : no-repeat;
	background-position : left top;
}

/* id="corp" class="roll"と書かれたtdで画像の文字が青くロールします */
td#corp.roll a:hover{
	background-image : url(../images/menu/menu_roll_cor.gif);
	background-repeat : no-repeat;
	background-position : left top;
}

/* id="pro" class="roll"と書かれたtdで画像の文字が青くロールします */
td#pro.roll a:hover{
	background-image : url(../images/menu/menu_roll_pro.gif);
	background-repeat : no-repeat;
	background-position : left top;
}

/* id="service" class="roll"と書かれたtdで画像の文字が青くロールします */
td#service.roll a:hover{
	background-image : url(../images/menu/menu_roll_ser.gif);
	background-repeat : no-repeat;
	background-position : left top;
}

/* id="recruit" class="roll"と書かれたtdで画像の文字が青くロールします */
td#recruit.roll a:hover{
	background-image : url(../images/menu/menu_roll_rec.gif);
	background-repeat : no-repeat;
	background-position : left top;
}

/* <dt class="bw_line">と打つと、■画像がつき、背景がクリーム色になります（WebMaster用） */

.w_line {
  background-color: #FFFFCC;
  background-image: url(../images/hpConst/minweb.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold
}

/* <dt class="b_line">と打つと、■画像がつき、背景がクリーム色になります（物件管理システム用） */

.b_line {
  background-color: #FFFFCC;
  background-image: url(../images/saas/bb.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold
}

/* 中段部分に関する記述 */

/* <div id="main">に関する記述 */
#main {	
	position : relative;
	background-image : url(../images/backroll.gif);
	background-repeat : repeat-y;
	background-position : left top;
	width : 740px;
	margin : 0;
}

/* 左メニューに関する記述 50*/
#menu {
	width : 155px;
	float : left;
	padding-top : 50px;
	list-style-type : none;
	padding-left : 25px;
}

/* <ul id="menulist">と書かれた直下の<li>タグのスタイル */
#menulist li{
	text-align : left;
	padding-left : 22px;
	padding-top : 3px;
	padding-bottom : 3px;
	background-image : url(../images/marusankaku15.gif);
	background-position : left top;
	background-repeat : no-repeat;
	margin-top : 12px;
	margin-bottom : 8px;
}

#menu a {
	color : #00f;
	text-decoration : none;
}

#menu ul ul{
	margin-top : 20px;
}

/* <ul id="menulist">と書かれた内部の<ul>内<li>タグのスタイル（カスタマーバーコードの内部メニュー） */
#menu ul#menulist ul li{
	background-image : url(../images/sankaku_green.gif);
	background-position : left top;
	background-repeat : no-repeat;
	text-align : left;
	padding-left :16px;
	padding-bottom : 3px;
	margin-top : 8px;
	margin-bottom : 8px;
}

/* <ul id="menulist">と書かれた内部の<ul>内<li>タグのスタイル
	（<li class="selected">としたものを、選択されているように見せます。） */
#menu ul#menulist ul li.selected {
	background-image : url(../images/sankaku_orange.gif);
	background-position : left top;
	background-repeat : no-repeat;
}

/* <ul id="menulist">と書かれた内部の<ul>内<li>タグのスタイル１段下げ（カスタマーバーコードの内部メニュー） */
#menu ul#menulist ul li.section{
	background-image : url(../images/sankaku_green.gif);
	background-position : 10px top;
	background-repeat : no-repeat;
	text-align : left;
	padding-left :16px;
	padding-bottom : 3px;
	margin-top : 8px;
	margin-bottom : 8px;
	text-indent:10px;
}

#menu ul#menulist ul li.sectionsel{
	background-image : url(../images/sankaku_orange.gif);
	background-position : 10px top;
	background-repeat : no-repeat;
	text-align : left;
	padding-left :16px;
	padding-bottom : 3px;
	margin-top : 8px;
	margin-bottom : 8px;
	text-indent:10px;
}

#menu ul#menulist ul li.selected a {
	color : #90c;

}

/* リンク消し（文字色灰色）スタイル */
#menu ul#menulist ul li.blank a{
	color : #ccc;
}

#menu ul#menulist ul li.blank a:hover{
	color : #ccc;
	text-decoration : none;
}

#menu a:hover {
	text-decoration : underline;
}

/* プレメニュー（左メニュー下）に関する記述 */
#premenu {
	color : #666;
	position : absolute;
	width : 155px;
	top : 180px;
	left : 25px;
}

#premenu li{
	font-size : 10px;
	line-height: 130%;
	margin-top : 20px;
	padding-top : 5px;
}

#premenu li.abr {
	padding-left :13px;
}
#premenu li.iso_mark {
	padding-left :4px;
}
#premenu li.mark {
	font-size : 10px;
	line-height: 130%;
	margin-top : 20px;
	background-image : url(../images/icon_y.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-left : 24px;
	padding-top : 5px;
}

#premenu li a{
	color : #666;
}

/* プロカスタマーバーコード専用プレメニュー	位置をメニューから４０ピクセル下に配置 */
#premenu_pcb {
	margin-top : 0px;
	width : 155px;
}

#premenu_pcb li{
	font-size : 10px;
	line-height: 130%;
	margin-top : 20px;
	padding-top : 5px;
}

#premenu_pcb li.abr {
	padding-left :13px;
}

#premenu_pcb li.mark {
	font-size : 10px;
	line-height: 130%;
	margin-top : 20px;
	background-image : url(../images/icon_y.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-left : 24px;
	padding-top : 5px;
}

#premenu_pcb li a{
	color : #666;
}

/* コンテンツ領域 */

/*  トップページ専用 */
body#top a.topic {
	color : #333;
	text-decoration : none;
}

body#top a.topic_gray {
	font-size : 10px;
	color : #666;
	text-decoration : none;
}

body#top #contents table {
	margin-left : 10px;
	margin-right : 10px;
}

body#top #contents table#topics dd.right {
	margin-top : 0px;
	text-align : right;
}

body#top #contents table#topics dt {
	display : block;
	height : 18px;
	margin-left :20px;
}

/*トピックス２行用*/
body#top #contents table#topics dt.twoline {
	height : 37px;
}

/*トピックス３行用*/
body#top #contents table#topics dt.threeline {
	height : 56px;
}

body#top #contents table#topics dt div.title {
	padding-left : 10px;
	font-weight : bold;
	float : left;
}

/*画像の前の文字用*/
body#top #contents table#topics dt div.title div.imagebeforetext {
	float : left;
}


#contents table#topics dt img {
	padding-left : 6px;
	float : left;
}

body#top #contents table#topics dt div.day {
	float : right;
	margin-left : auto;
	margin-right : 0;
	text-align : right;
	font-size : 10px;
}

body#top contents table#topics dd {
	clear : both;
}

/* コンテンツ領域の指定 */
#contents {
        */----080331---DEL START--*/
	*/height : expression(document.body.clientHeight > 400? "400px" : "auto");*/
        */----080331---DEL END  --*/
	min-height : 400px;
	line-height : 150%;
	padding-top : 20px;
	padding-left : 20px;
	padding-right : 20px;
	width : 520px;
	float : left;
	text-align : left;
	font-size : 12px;
}

/* パンくずリスト */
#pannavi {
	font-size : 10px;
	width : 420px;
	margin-top : 0;
	margin-left : 0;
	padding-top : 2px;
	padding-bottom : 2px;
	float :left;
}

/* お問い合わせへのリンク */
#inquiry {
	width : 100px;
	margin-top : 5px;
	height: 30px;
	float : right;
}

#inquiry img{
	border : 0;
}

/* コンテンツ領域のイメージ指定 */
div #contents.top {
	background-image : url(../images/top_text.gif);
	background-position : top right;
	background-repeat : no-repeat ;
}

#contents a {
	text-decoration : none;
}

#contents a:hover {
	text-decoration : underline;
}

#maincontents {
	clear : both;
	width : 470px;
	margin-left : auto;
	margin-right : auto;
}

#contents li {
	margin-top : 3px;
	margin-bottom : 3px;
}

/* コンテンツ内のテーブルに関する記述 */

/* class="def"のスタイル定義 */
#contents table.def{
	margin-left : auto;
	margin-right : auto;
}

#contents table.def td {
	font-size : 12px;
	padding : 5px;
}

#contents table.def th {
	padding : 5px;
}

/* id="topics"のスタイル定義 */
#contents table#topics {
	border-left :5px solid #298750;
	margin-top : 20px;
	margin-left : auto ;
	margin-right : auto ;
	padding : 0;
}

#contents table#topics dl {
	padding-right : 20px;
}

#contents table#topics td{
	margin : 0;
}

#contents table#topics dt {
	border-bottom : 1px solid #ccc;
	font-size : 14px;
	margin-left : 20px;	
	margin-bottom : 15px;
}

#contents table#topics dd.sankaku dt {
	border : none;
	font-size :12px;
	font-weight : bold;
	background-image : url(../images/sankaku_green.gif);
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 15px;
	margin-left : 0;
	margin-top : 0px;
	margin-bottom : 10px;
}

#contents table#topics dd.sankaku dd {
	padding-left : 25px;
	margin-left : 0;
	margin-top : 10px;
	margin-bottom : 15px;

}

#contents table#topics dd {
	margin-top : 20px;
	margin-bottom : 15px;
	margin-left : 40px;
}

/* class="center"のスタイル定義 */
#contents table.center {
	text-align : center;
	margin-left : auto;
	margin-right : auto;
}

#contents td.center {
	padding-left : 0;
	padding-right : 0;
	text-align : center;
}

#contents table.center td {
	padding : 0;
	padding-top : 1em;
	padding-bottom : 1em;
}

#contents table.center td a {
	text-decoration : none;
}

#contents table.center td a:hover {
	text-decoration : underline;
}

/* class="align_center"のスタイル定義 */
#contents table.align_center {
	text-align : center ;
	margin-left : auto ;
	margin-right : auto ;
}

#contents table.align_center th {
	text-align : center ;
}

#contents table.align_center td a{
	text-decoration : none ;
}

#contents table.align_center td a:hover {
	text-decoration : underline ;
}

/* サイトマップ用テーブル class="sitemap" のスタイル定義 */
#contents table.sitemap {
	margin-left : auto ;
	margin-right : auto ;
	text-align : center ;
}

#contents table.sitemap th {
	padding : 2px;
	background-color : #eee ;
	font-weight : normal ;
}

#contents table.sitemap th a {
	color : black ;
}

#contents table.sitemap td {
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 5px;
	padding-bottom : 2px;
}

#contents table.sitemap td a {
	text-decoration : none ;
}

#contents table.sitemap td a:hover {
	text-decoration : underline;
}

/* その他のテーブルのスタイル */

/* 内部余白を10ピクセルあけるためのテーブル用スタイル */
#contents table.padding_high {
	margin-left : auto;
	margin-right : auto;
	text-align : center ;
}

#contents table.padding_high th {
	padding : 10px;
}

#contents table.padding_high td{
	padding : 10px;
}

/* </ul></ul></ul></ul></ul></div></h3></h3></h3></h3></h3></h2></h2></h2></h2></h2></h2></h1><th>タグの太字を解除するためのスタイル */
#contents th.no_weight{
	font-weight : normal ;
}

/* <td>タグの中央寄せを解除するためのスタイル */
#contents td.no_align {
	text-align : left ;
}

/* <table class="center">（テーブル内部全中央寄せ）の中で
<td>の内部の文字や画像を左寄せにするためのスタイル */
#contents table.center td.pad_left {
	text-align : left;
	padding-left : 10px;
}

/* テーブル内部余白をすべてなくすためのスタイル */
#contents table.no_padding {
	padding : 0;
}

#contents table.no_padding td{
	padding : 0;
}

/* テーブル内部余白をなくしたテーブル内で、余白を必要とする場合に使用するスタイル */
#contents table.no_padding td.padding {
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 15px;
	padding-right : 15px;
}

#contents table.no_padding td.padding_left {
	padding-left : 10px;
	padding-right : 5px;
}

/* コンテンツ最下部リンクに関する記述 */

/* <div id="footlink">に関する記述　*/
#footlink {
	margin-left : auto;
	margin-right: auto;
	border-top : 2px dotted #ccc;	/* ボーダー（ドット）を引きます */
	margin-top : 60px;
	padding-top : 15px;
	padding-bottom : 5px;
	width : 500px;
	height : 20px;
	margin-bottom : 10px;
	text-align : center;
}

#footlink ul{
	display : inline;
}

#footlink li{
	border-left :1px solid #ccc;
	margin-left : 5px;
	margin-right : 5px;
	padding-left : 20px;
	display : inline;
}

#footlink li.listend {
	border-right :1px solid #ccc;
	padding-right : 20px;
}

/* フッター部分に関する記述 */
#footer {
	clear : both;
	color : #fff;
	width : 740px;
	text-align : right;
	background-color : #666;
	text-decoration : none;
}

#footer p{
	margin-top : 0;
	margin-bottom : 0;
	padding-top : 14px;
	padding-bottom : 14px;
	margin-right : 30px;
}

#footer a {
	color : #fff;
	text-decoration : none;
}

#footer a:hover {
	text-decoration : underline;
}</div></table>

/*会社情報テーブルレイアウト*/
table.complayout {
	width:72%;
	border:none;
	height:102px;
}

table.complayout td{
	width:50%;
	height:59px;
	vertical-align:top;
}

table.complayout td p{
	width:220px;
	text-align:justify;
	text-justify:inter-ideograph;
}

