/**
 * Solidsoft Website用 Stylesheet
 *
 * @author Katsumi Torii
 * @version 1.0
 * @since 1.0 2008/11/17
 */

/***********************************************
 * 全体共通
 ***********************************************/

/* ALL
-----------------------------------------------*/
* {
	margin      : 0;
	padding     : 0;
	line-height : 130%;
	text-align  : left;
}


/* BODY
-----------------------------------------------*/
body {
	background-color : lightgrey;
}


/* 見出し
-----------------------------------------------*/
h1 {
	font-size  : 150%;
	text-align : center;
}

h2 {
	font-size : 100%;
}


/* 段落
-----------------------------------------------*/
p {
	text-indent : 1em;
	padding     : 0.5em 0;
}

dd p,
li p {
	text-indent : 0;
}


/* テーブル
-----------------------------------------------*/
table {
	border-collapse : collapse;
}

caption {
	text-align : left;
}

th {
	text-align       : center;
}

.nowrap {
	white-space : nowrap;
}

.bg_header {
	background-color : #dfc8c8;
}

.bg_red {
	background-color : #f0b0b0;
}

.bg_yellow {
	background-color : #ffffcc;
}

.bg_lightgreen {
	background-color : #ccffcc;
}

.bg_green {
	background-color : #99cc99;
}

.bg_aqua {
	background-color : #ccffff;
}

.bg_blue {
	background-color : #99ccff;
}

.bg_silver {
	background-color : silver;
}

.bg_gray {
	background-color : gray;
}



/* 水平線
-----------------------------------------------*/
hr {
	border-width     : 1px;
	color            : gray;
	background-color : gray;
}


/* 強調
-----------------------------------------------*/
.bold {
	font-weight : bold;
}


/* 注意書き
-----------------------------------------------*/
.notes {
	color     : maroon;
	font-size : 80%;
}


/* リンク
-----------------------------------------------*/
a:link,
a:active,
a:visited {
	color           : navy;
	text-decoration : none;
}

a:hover {
	color           : red;
	text-decoration : underline;
}


/* ボタン調リンク（戻る、進む、ホーム用）
-----------------------------------------------*/
a.button:link,
a.button:active,
a.button:visited {
	display          : block;
	width            : 60px;
	border           : 2px outset lightgrey;
	color            : white;
	background-color : navy;
	font-size        : 10pt;
	font-weight      : bold;
	text-align       : center;
	vertical-align   : top;
	text-decoration  : none;
	margin-right     : 3px;
	padding-top      : 0px;
}

a.button:hover {
	color            : yellow;
	background-color : blue;
	text-decoration  : none;
	margin-right     : 3px;
	padding-top      : 0px;
}

a.toppage {
	font-weight : bold;
}

a.mailaddr {
	color           : green;
	font-weight     : bold;
	text-decoration : underline;
}


/* リスト
-----------------------------------------------*/
ol.list_decimal li {
	list-style-type : decimal;
	margin          : 0.5em 0 0.5em 2em;
}

ol.list_upper_alpha li {
	list-style-type : upper-alpha;
	margin          : 0.5em 0 0.5em 3em;
}


/* リスト型見出し用テーブル
-----------------------------------------------*/
.list_title_image {
	vertical-align : top;
	line-height    : 1.5em;
	padding        : 5px 0 0.5em 0.5em;
}

.list_title {
	vertical-align : top;
	line-height    : 1.5em;
	padding        : 0 0 0.5em 0.5em;
}

/* 図版
-----------------------------------------------*/
.image_number {
	text-align  : center;
	font-size   : 100%;
	font-weight : bold;
}


/* 色
-----------------------------------------------*/
.black {
	color : black;
}

.maroon {
	color : maroon;
}

.red {
	color : red;
}

.blue {
	color : blue;
}

.navy {
	color : navy;
}

.gray {
	color : gray;
}


/* ポジション
-----------------------------------------------*/
.left {
	text-align : left;
}

.center {
	text-align : center;
}

.right {
	text-align : right;
}

.top {
	vertical-align : top;
}

.middle {
	vertical-align : middle;
}

.bottom {
	vertical-align : bottom;
}



.smaller {
	font-size : 90%;
}

.small {
	font-size : 80%;
}



/***********************************************
 * トップページ
 ***********************************************/

/* ロゴ
-----------------------------------------------*/
#logo {
	position      : relative;
	margin        : 0px auto;
	min-width     : 8em;
	color         : white;
	z-index       : 1;
	margin-left   : 12px;
	margin-right  : -4px;
	margin-bottom : 0.5em;
}

#logo .logo_contents,
#logo .logo_top,
#logo .logo_bottom,
#logo .logo_bottom div {
	background : transparent url(../img/logo_black_alpha.gif) no-repeat top right;
}

#logo .logo_contents {
	position    : relative;
	zoom        : 1;
	_overflow-y : hidden;
	padding     : 12px 0px 0px 0px;
}

#logo .logo_top {
	position            : absolute;
	left                : 0px;
	top                 : 0px;
	width               : 12px;
	margin-left         : -12px;
	height              : 100%;
	_height             : 1600px;
	background-position : top left;
}

#logo .logo_bottom {
	position : relative;
	width    : 100%;
}

#logo .logo_bottom,
#logo .logo_bottom div {
	height    : 10px;
	font-size : 1px;
}

#logo .logo_bottom {
	background-position : bottom right;
}

#logo .logo_bottom div {
	position            : relative;
	width               : 12px;
	margin-left         : -12px;
	background-position : bottom left;
}

#logo .logo_table {
	width : 100%;
}

#logo .package {
	color          : white;
	font-size      : 150%;
	font-weight    : bold;
	vertical-align : bottom;
	padding        : 0 12px;
}

#logo .solmics {
	color          : khaki;
	font-size      : 200%;
	font-family    : impact;
	vertical-align : bottom;
}

#logo .solidsoft {
	color          : gold;
	font-size      : 120%;
	font-family    : impact;
	text-align     : right;
	vertical-align : top;
	padding-right  : 1.5em;
}

#logo .solidsoft_kana {
	color          : gold;
	font-size      : 120%;
	font-weight    : bold;
	text-align     : right;
	vertical-align : bottom;
	padding-right  : 1.5em;
}


/* インフォメーションバー
-----------------------------------------------*/
#information_bar {
	border           : 1px solid gray;
	color            : navy;
	background-color : darkgray;
	font-size        : 80%;
	text-align       : right;
	margin           : 0 1em;
	padding          : 0 1em;
}


/* コンテンツ部
-----------------------------------------------*/
#contents_part {
	text-align : center;
	margin     : 0 1em 1em 1em;
}


/* Flash
-----------------------------------------------*/
#flash {
	text-align : center;
	margin-top : 1em;
}


/* Solmicsとは
-----------------------------------------------*/
#about_solmics {
	margin : 1em 0;
}

#about_solmics table {
	width : 100%;
}

#about_solmics th {
	border           : 1px solid gray;
	color            : white;
	background-color : lightslategray;
	font-size        : 120%;
	text-align       : center;
}

#about_solmics td {
	border           : 1px solid gray;
	background-color : white;
	padding          : 0 1em;
}

#about_solmics ul li {
	list-style-image : url(../img/ball_o.gif);
	margin-left      : 10px;
	padding          : 5px;
}


/* カテゴリ (お客様へ、お問合せ)
-----------------------------------------------*/
#category {
	width : 100%;
}

#category td {
	text-align : center;
}

#category td.contents_width {
	width          : 32%;
	height         : 100%;
	vertical-align : top;
}

#category td.blank_width {
	width : 1%;
}

#category a.outline:link,
#category a.outline:active,
#category a.outline:visited,
#category a.concept:link,
#category a.concept:active,
#category a.concept:visited,
#category a.topics:link,
#category a.topics:active,
#category a.topics:visited {
	display          : block;
	height           : 180px;
	border           : 1px solid navy;
	color            : navy;
	vertical-align   : top;
	text-decoration  : none;
	margin-right     : 3px;
	padding          : 0.5em;
}

#category a.outline:link,
#category a.outline:active,
#category a.outline:visited {
	color            : black;
	background-color : #ffeeff;
}

#category a.concept:link,
#category a.concept:active,
#category a.concept:visited {
	color            : black;
	background-color : #ffffee;
}

#category a.topics:link,
#category a.topics:active,
#category a.topics:visited {
	color            : black;
	background-color : #eeffff;
}

#category a.outline:hover {
	color            : black;
	background-color : #ff99ff;
	border-color     : red;
}

#category a.concept:hover {
	color            : black;
	background-color : #ffff99;
	border-color     : red;
}

#category a.topics:hover {
	color            : black;
	background-color : #99ffff;
	border-color     : red;
}

#category h2 {
	font-size     : 100%;
	text-align    : center;
	margin-bottom : 1em;
}

#category div {
	color       : navy;
	font-weight : bold;
	text-align  : center;
	margin-top  : 1em;
}


/* コンテンツリスト (ヘッダ部)
-----------------------------------------------*/
#contents_list_header {
	width            : 100%;
	border-top       : 2px solid gray;
	color            : black;
	background-color : white;
	margin-top       : 1em;
}

#contents_list_header td {
	font-size         : 150%;
	font-weight       : bold;
	background-image  : url(../img/headder_gray.gif);
	background-repeat : repeat-x;
	text-align        : center;
	vertical-align    : top;
	margin-top        : 2em;
	padding           : 5px 5px 0 0.5em;
}


/* コンテンツリスト (ボディ部)
-----------------------------------------------*/
#contents_list_body {
	background-color : white;
	width            : 100%;
	margin-top       : 0;
}

#contents_list_body table {
	width : 100%;
}

#contents_list_body td {
	text-align : center;
	padding : 0.5em 1em;
}

#contents_list_body .blank {
	padding-right : 2em;
}


/* 問合せ
-----------------------------------------------*/
#contents_list_body #reference {
	border     : 1px solid black;
	width      : 700px;
	margin     : 0.5em auto 1em auto;
}

#contents_list_body #reference_position {
	text-align : center;
}

#reference .header {
	font-weight : bold;
	text-align  : center;
	margin-top  : 5px;
}

#reference .contents {
	font-size : 80%;
	padding   : 0 1em;
}

#reference .name {
	color          : maroon;
	font-size      : 120%;
	font-weight    : bold;
	text-align     : center;
	vertical-align : middle;
	padding        : 0.5em;
}

#reference .addr {
	font-size  : 80%;
	text-align : left;
	padding    : 0.5em;
}

a.website:link,
a.website:active,
a.website:visited {
	color : maroon;
}


/* コピーライト (トップページ)
-----------------------------------------------*/
#toppage_copyright {
	text-align     : center;
	padding-bottom : 0.5em;
}

#toppage_copyright table {
	width : 100%;
}

#toppage_copyright td {
	border           : 1px solid #333333;
	color            : white;
	background-color : gray;
	font-size        : 80%;
	text-align       : center;
	padding          : 2px;
}



/***********************************************
 * コンテンツページ共通
 ***********************************************/

/* ページスタイル
-----------------------------------------------*/
#page_style {
	background-color : white;
	margin           : 0.5em;
}


/* ヘッダ部
-----------------------------------------------*/
#page_header {
	width         : 100%;
	border        : 1px solid #cc9933;
	margin-bottom : 5px;
}

#page_header .solmics {
	width            : 65%;
	color            : white;
	background-color : #333366;
	text-align       : center;
	font-size        : 120%;
	font-weight      : bold;
}

#page_header .solidsoft {
	width            : 35%;
	color            : #ffffcc;
	background-color : #333366;
	text-align       : center;
	vertical-align   : bottom;
	font-size        : 120%;
	font-weight      : bold;
	padding          : 2px 0;
}

#page_header span {
	color       : white;
	font-size   : 150%;
	font-weight : bold;
	font-style  : italic;
}


/* コピーライト
-----------------------------------------------*/
#copyright {
	text-align     : center;
	padding-bottom : 0.5em;
}

#copyright table {
	width : 100%;
}

#copyright td {
	border           : 1px solid gray;
	color            : white;
	background-color : #333366;
	font-size        : 80%;
	text-align       : center;
	padding          : 2px;
}



/***********************************************
 * コンテンツページ (サイドメニューあり)
 ***********************************************/

/* ナビゲータ部
-----------------------------------------------*/
#page_information {
	width         : 100%;
	margin-top    : 3px;
}

#page_information .category {
	width          : 100%;
	color          : darkred;
	font-size      : 150%;
	font-weight    : bold;
	text-indent    : 1em;
	vertical-align : bottom;
}

#page_information .navigation_button {
	margin-left   : auto;
	margin-right  : 0;
	margin-bottom : 3px;
}


/* サイドメニュー部
-----------------------------------------------*/
#side_menu {
	width            : 180px;
	border           : 1px solid gray;
	background-color : #eeffee;
	vertical-align   : top;
}

#side_menu .category {
	border-bottom    : 1px solid ivory;
	background-color : #666699;
}

#side_menu .item {
	border-bottom    : 1px solid gray;
	background-color : #eeffee;
}

#side_menu .category_current,
#side_menu a.menu_category:link,
#side_menu a.menu_category:active,
#side_menu a.menu_category:visited {
	display          : block;
	width            : 164px;
	color            : white;
	background-color : #666699;
	font-size        : 100%;
	font-weight      : bold;
	text-align       : center;
	text-decoration  : none;
	padding          : 3px 0.5em;
}

#side_menu .item_current,
#side_menu a.menu_item:link,
#side_menu a.menu_item:active,
#side_menu a.menu_item:visited {
	display          : block;
	width            : 164px;
	color            : black;
	background-color : #eeffee;
	font-size        : 90%;
	font-weight      : bold;
	text-decoration  : none;
	padding          : 0.5em;
}
#side_menu a.menu_category:hover,
#side_menu a.menu_item:hover {
	color            : red;
	background-color : #ffcccc;
	text-decoration  : none;
}

#side_menu .category_current {
	background-color : #669966;
	padding-left     : 1.5em;
}
#side_menu .item_current {
	background-color : #ee9999;
}


/* メインコンテンツ部
-----------------------------------------------*/
#main_contents {
	width          : 100%;
	vertical-align : top;
	padding        : 0 0.5em;
}


/* コンテンツボディ部
-----------------------------------------------*/
#page_body {
	margin : 1em;
}


/* ページタイトル部
-----------------------------------------------*/
#page_title {
	width         : 100%;
	border-width  : 2px 0;
	border-style  : solid;
	border-color  : gray;
}

#page_title td {
	font-weight         : bold;
	font-size           : 120%;
	text-align          : center;
	background-color    : white;
	background-repeat   : repeat-y;
	background-position : center;
	padding             : 1px 1em;
}

#page_title h1 {
	font-size   : 120%;
	font-weight : bold;
	text-align  : center;
}


/* ページタイトル背景画像
-----------------------------------------------*/
.page01, .page07, .page13 {
	background-image : url(../img/title_01.jpg);
}

.page02, .page08, .page14 {
	background-image : url(../img/title_02.jpg);
}

.page03, .page09, .page15 {
	background-image : url(../img/title_03.jpg);
}

.page04, .page10, .page16 {
	background-image : url(../img/title_04.jpg);
}

.page05, .page11, .page17 {
	background-image : url(../img/title_05.jpg);
}

.page06, .page12, .page18 {
	background-image : url(../img/title_06.jpg);
}



/***********************************************
 * 概要 (concept)
 ***********************************************/

/* リスト (共通)
-----------------------------------------------*/
ul.page_item li {
	list-style-image : url(../img/ball_o.gif);
	font-size        : 120%;
	font-weight      : bold;
	margin           : 1em 0 0 1em;
	padding-left     : 0.5em;
}


/* 文章（第二段落）
-----------------------------------------------*/
.sub_sentence {
	margin : 0.5em 0 1em 1em;
}


/* 説明文
-----------------------------------------------*/
#explanation {
	background-color : aliceblue;
	border           : 1px solid black;
	margin-bottom    : 2em;
	padding          : 0.5em 1em;
}


/* リスト (solmics08)
-----------------------------------------------*/
ul li ul.solmics08_list_01 li {
	list-style-image : url(../img/arrow_blue.gif);
	font-size        : 80%;
	font-weight      : normal;
	margin           : 0.5em 1em;
}


ul li ol.solmics08_list_02 li {
	list-style-type  : decimal;
	list-style-image : none;
	font-size        : 100%;
	font-weight      : bold;
	margin           : 1em 0em 0.5em 2em;
	padding-left     : 0;
}


/* DIV (solmics08)
-----------------------------------------------*/
.solmics08_div_01 {
	border           : 1px solid gray;
	background-color : aliceblue;
	font-weight      : normal;
	padding          : 0.5em 1em;
	margin           : 0.5em 0 1em 0;
}

.solmics08_div_02 {
	font-weight : normal;
	margin      : 0.5em 0;
}


/* リスト (solmics99)
-----------------------------------------------*/
ol.solmics99_ol_01 li {
	list-style-type  : decimal;
	list-style-image : none;
	font-size        : 120%;
	font-weight      : bold;
	margin           : 1.5em 1em 1.5em 3em;
}


/* 説明文 (solmics99, intro, example)
-----------------------------------------------*/
.concept_case {
	background-color : aliceblue;
	border-width     : 0 2px 1px 0;
	border-color     : navy;
	border-style     : solid;
	font-size        : 100%;
	font-weight      : normal;
	margin           : 0.5em 0 2em 0;
	padding          : 0.5em 1em;
}


/* 開発前提 宣言部
-----------------------------------------------*/
.precondition {
	border           : 1px solid black;
	font-size        : larger;
	font-weight      : bold;
	text-align       : center;
	background-color : lavender;
	width            : 8	0%;
	margin           : 0 auto 2em auto;
	padding          : 10px;
}


/* 開発前提 ページ下部宣伝文
-----------------------------------------------*/
.outline21_01 {
	border           : 1px solid black;
	background-color : ivory;
	text-indent      : 1em;
	margin           : 0 2em 0 2em;
	padding          : 5px 5px 5px 5px;
}


/* スペック
-----------------------------------------------*/
#spec_table {
	margin : 0.5em 0 2em 0;
}

#spec_table th {
	background-color : skyblue;
	border           : 1px solid black;
	font-size        : 100%;
	text-align       : center;
	padding          : 5px;
}

#spec_table th.item {
	background-color : lightblue;
	border           : 1px solid black;
	font-size        : 100%;
	text-align       : center;
	padding          : 5px;
}

#spec_table td {
	border      : 1px solid black;
	font-size   : 100%;
	font-weight : normal;
	padding     : 5px;
}


/* スペック（備考）
-----------------------------------------------*/
ul.spec_notes li {
	font-size   : 90%;
	margin-left : 3em;
}


/* 画面例
-----------------------------------------------*/
#screen_shot_table {
	width  : 600px;
	margin : 0 auto;
}

#screen_shot_table th {
	border           : 1px solid black;
	color            : black;
	background-color : #ccccff;
	font-size        : 100%;
	font-weight      : bold;
	text-align       : center;
	padding          : 3px;
}

#screen_shot_table td {
	width            : 25%;
	border           : 1px solid black;
	color            : black;
	background-color : aliceblue;
	font-size        : 100%;
	text-align       : center;
	padding          : 1em 1em 2em 1em;
}




/* 共通
-----------------------------------------------*/
#lecture_dl {
}

#lecture_dl dt {
	margin-top  : 1em;
	font-weight : bold;
}

#lecture_dl dt td {
	vertical-align : top;
	line-height    : 1.5em;
	padding        : 0 0 0.5em 0.5em;
}

#lecture_dl dd {
	margin : 0 1em 2em 2em;
}

#lecture_dl dd ul li,
#lecture_dl dd ol li {
	margin : 0.5em 0 0.5em 2em;
}

.lecture_image {
	margin : 1em 0;
}


#lecture_dl dd table {
	font-size : 90%;
	margin    : 1em 0;
}

#lecture_dl dd th,
#lecture_dl dd td {
	border  : 1px solid black;
	padding : 1px 0.5em;
}

#lecture_dl th {
	background-color : #dfc8c8;
}

#lecture_dl td.no_border {
	border : 0;
}


#lecture_notes {
	font-size : 95%;
	margin    : 0.5em;
}

#lecture_notes td {
	padding : 0.5em 0.5em 1px 0.5em;
}

#lecture_notes td.num {
	white-space    : nowrap;
	vertical-align : top;
}

#lecture_notes table {
	margin : 0.5em 0 1em 0;
}

#lecture_notes table th {
	border           : 1px solid black;
	background-color : #dfc8c8;
}

#lecture_notes table td.border {
	border : 1px solid black;
}

#lecture_notes p {
	text-indent : 0;
}

#lecture_notes ol li {
	list-style-type : decimal;
	margin          : 0.5em 0 0.5em 2em;
}

#lecture_column {
	border           : 1px solid black;
	border-collapse  : separate;
	border-spacing   : 2px;
	background-color : #eeeeee;
}

#lecture_column td {
	border  : 1px solid black;
	padding : 0.5em;
}

#separate_table {
	border           : 1px solid black;
	border-collapse  : separate;
	border-spacing   : 2px;
}

#separate_table th {
	background-color : white;
	border           : 1px solid black;
	padding          : 0.5em;
}

#separate_table td {
	border  : 1px solid black;
	padding : 0.5em;
}


/* lec_i14
-----------------------------------------------*/
#lec_i14_01 {
	margin : 0.5em 0 1.5em 0;
}

#lec_i14_01 th,
#lec_i14_01 td {
	border  : 1px solid gray;
	padding : 1px 0.5em;
}

#lec_i14_01 th {
	background-color : #dfc8c8;
}

#lec_i14_01 .bg_red {
	background-color : #f0b0b0;
}

#lec_i14_01 .bg_green {
	background-color : #99cc99;
}

#lec_i14_01 .bg_blue {
	background-color : #99ccff;
}

#lec_i14_01 .blank {
	border : 0;
}


/* lec_p01
-----------------------------------------------*/
#lec_p01_01 {
	font-size : 90%;
	margin    : 0.5em 0 2em 2em;
}

#lec_p01_01 th,
#lec_p01_01 td {
	border  : 1px solid black;
	padding : 1px 0.5em;
}

#lec_p01_01 th {
	background-color : #dfc8c8;
}


/* lec_p11
-----------------------------------------------*/
#lec_p11_01 {
	font-size : 90%;
	margin    : 0.5em 0 2em 2em;
}

#lec_p11_01 th,
#lec_p11_01 td {
	border  : 1px solid black;
	padding : 1px 0.5em;
}

#lec_p11_01 th {
	background-color : #dfc8c8;
}


/* テーブル 枠線なし
-----------------------------------------------*/
#lecture_dl table.no_border th,
#lecture_dl table.no_border td {
	border : 0;
}


/* テーブル 枠線あり
-----------------------------------------------*/
#lecture_dl table.border th,
#lecture_dl table.border td {
	border : 1px solid black;
}


/* テーブルセル 横幅
-----------------------------------------------*/
#lecture_dl th.w80 {
	width : 80px;
}

#lecture_dl th.w100,
#lecture_dl td.w100 {
	width : 100px;
}

#lecture_dl th.w150 {
	width : 150px;
}


/* テーブルセル タイプ別枠線なし
-----------------------------------------------*/
/* 右＆下 */
#lecture_dl td.blank1 {
	border-right  : 0;
	border-bottom : 0;
}

/* 左＆下 */
#lecture_dl td.blank2 {
	border-left   : 0;
	border-bottom : 0;
}

/* 右＆上 */
#lecture_dl td.blank3 {
	border-right : 0;
	border-top   : 0;
}

/* 左＆上＆下 */
#lecture_dl td.blank4 {
	border-left   : 0;
	border-top    : 0;
	border-bottom : 0;
}

/* 上 */
#lecture_dl td.blank5 {
	border-top : 0;
}


/* テーブルセル 背景色
-----------------------------------------------*/
#lecture_dl th.bg_red {
	background-color : #f0b0b0;
}

#lecture_dl th.bg_yellow {
	background-color : #ffffcc;
}

#lecture_dl th.bg_aqua {
	background-color : #ccffff;
}

#lecture_dl th.bg_blue {
	background-color : #99ccff;
}

#lecture_dl th.bg_gray {
	background-color : gray;
}


/* テーブルセル ヘッダ左寄せ
-----------------------------------------------*/
#lecture_dl th.left {
	text-align : left;
}


/* テーブルセル 下マージン0
-----------------------------------------------*/
#lecture_dl table.no_bottom {
	margin-bottom : 0;
}


/* テーブルセル 合計欄の背景色と上ボーダー
-----------------------------------------------*/
#lecture_dl table.no_border td.total {
	background-color : #dfc8c8;
	border-top       : 2px solid black;
}


/* 2文字分の左マージン
-----------------------------------------------*/
.left2em {
	margin-left : 2em;
}



/***********************************************
 * コラム (opinion)
 ***********************************************/

/* コラム (opinion) 共通
-----------------------------------------------*/
#contents_list {
}

#contents_list h2 {
	font-size     : 120%;
	font-weight   : bold;
	text-indent   : 0.5em;
	text-align    : left;
	border-bottom : 2px solid gray;
}

#contents_list ul li {
	font-size        : 80%;
	list-style-image : url(../img/arrow_green.gif);
	margin           : 3px 0 0 2em;
	padding-left     : 5px;
}

#contents_list hr {
	widht            : 80%;
	height           : 2px;
	color            : gray;
	background-color : gray;
}


#section_table {
	border  : 1px solid black;
	margin  : 0 0 2em 1em;
}

#section_table td {
	background-color : ghostwhite;
	border           : 1px solid black;
	padding          : 0.5em 1em;
}


/* opinion01
-----------------------------------------------*/
#opinion01_01 {
	margin-top  : 0.5em;
	margin-left : 2em;
}

#opinion01_01 .td1 {
	background-color : #ccccbb;
	font-size        : 90%;
	border           : 1px solid black;
	text-align       : center;
	vertical-align   : top;
	padding          : 3px;
}

#opinion01_01 .td2 {
	background-color : #eeeedd;
	font-size        : 90%;
	border           : 1px solid black;
	vertical-align   : top;
	padding          : 3px;
}

#opinion01_01 .td3 {
	background-color : #ffffee;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 3px;
}


/* opinion02
-----------------------------------------------*/
#opinion02_01 {
	background-color : #eeffee;
	border           : 1px solid black;
	margin           : 0.5em 0 1em 1em;
}

#opinion02_01 td {
	background-color : #eeffee;
	font-size        : 90%;
	border-width     : 0;
	padding          : 1px 2px;
}

#opinion02_01 hr {
	width      : 95%;
	border     : 1px solid gray;
	height     : 1px;
	text-align : center;
}

#opinion02_02 {
	margin : 0.5em 0 1em 2em;
}

#opinion02_02 .td1 {
	background-color : #ccccbb;
	font-size        : 90%;
	border           : 1px solid black;
	text-align       : center;
	vertical-align   : top;
	padding          : 3px;
}

#opinion02_02 .td2 {
	background-color : #ffffee;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 3px;
}

/* opinion03
-----------------------------------------------*/
#opinion03_01 {
	margin : 1em;
}

#opinion03_01 td {
	background-color : #ffffee;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 3px 0.5em;
}

#opinion03_02 {
	margin : 1em;
}

#opinion03_02 th {
	background-color : #dfc8c8;
	font-size        : 90%;
	border           : 1px solid black;
	text-align       : center;
	padding          : 2px;
}

#opinion03_02 td {
	background-color : white;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 2px 0.5em;
}

#opinion03_03 {
	margin : 1em 0;
}

#opinion03_03 td {
	font-size        : 90%;
	background-color : #ffffee;
	border           : 1px solid black;
	padding          : 3px 0.5em;
}

#opinion03_04 {
	margin : 1em;
}

#opinion03_04 td {
	background-color : white;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 0.5em;
}

#opinion03_05 {
	margin : 1em 0;
}

#opinion03_05 td {
	font-size    : 90%;
	border-width : 0;
}

#opinion03_05 .td1 {
	background-color : #eeffee;
	border           : 1px solid black;
}



/***********************************************
 * コラム
 ***********************************************/

/* コラム共通
-----------------------------------------------*/
.background_body {
	background-color : ghostwhite;
	border           : 1px solid gray;
	padding          : 0.5em 1em;
}

#background_dl {
}

#background_dl dt {
	margin-top  : 1em;
	font-weight : bold;
}

#background_dl dd {
	margin : 0 1em 2em 1em;
}

ul.background_list li,
ol.background_list li {
	margin : 0.5em 0 0.5em 2em;
}

ol li ul.background_sub_list li {
	list-style-type : disc;
	margin          : 0.5em 0 0.5em 2em;
}

ol li ol.background_sub_roman_list li {
	list-style-type : lower-roman;
	margin          : 0.5em 0 0.5em 2em;
}


/* bg_01-03
-----------------------------------------------*/
#bg_01-03_01 {
	margin : 1em 1em 2em 1em;
}

#bg_01-03_01 th {
	background-color : #dfc8c8;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 5px;
}

#bg_01-03_01 td {
	background-color : white;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 5px;
}


/* bg_04-06
-----------------------------------------------*/
#bg_04-06_01 {
}

#bg_04-06_01 td {
	font-size : 90%;
	padding   : 5px;
}


/* bg_07-09
-----------------------------------------------*/
#bg_07-09_01 {
	margin : 1em 1em 1em 2em;
}

#bg_07-09_01 td {
	font-size : 90%;
	padding   : 3px;
}


#bg_07-09_02 {
}

#bg_07-09_02 .td1,
#bg_07-09_02 .td2,
#bg_07-09_02 .td3 {
	font-size : 90%;
	border    : 1px solid black;
	padding   : 5px;
}

#bg_07-09_02 .td1 {
	background-color : white;
	font-size        : 90%;
}

#bg_07-09_02 .td2 {
	background-color : #ffffcc;
	font-size        : 90%;
}

#bg_07-09_02 .td3 {
	background-color : silver;
	font-size        : 90%;
}


#bg_07-09_03 {
	margin : 1em;
}

#bg_07-09_03 .td1,
#bg_07-09_03 .td2 {
	background-color : white;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 5px;
}

#bg_07-09_03 .td1 {
	font-size  : 90%;
	text-align : center;
}


#bg_07-09_04 {
	margin : 1em;
}


/* bg_16-19
-----------------------------------------------*/
#bg_16-19_01 {
	font-size : 90%;
}

#bg_16-19_01 th {
	background-color : #dfc8c8;
	border           : 1px solid black;
	white-space      : nowrap;
	padding          : 5px;
}

#bg_16-19_01 td {
	background-color : white;
	border           : 1px solid black;
	padding          : 5px;
}


/* bg_new
-----------------------------------------------*/
#bg_new_01 {
}

#bg_new_01 th {
	background-color : #dfc8c8;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 5px;
}

#bg_new_01 td {
	background-color : white;
	font-size        : 90%;
	border           : 1px solid black;
	padding          : 5px;
}



/***********************************************
 * コンテンツページ (サイドメニューなし)
 ***********************************************/

/* インフォメーションバー
-----------------------------------------------*/
#subpage_information_bar {
	color      : navy;
	font-size  : 80%;
	text-align : right;
	margin     : 0 1em;
	padding    : 0 1em;
}


/* 見出し
-----------------------------------------------*/
#normal_page_body h1 {
	border-color     : #666699;
	border-style     : solid;
	border-width     : 2px 20px;
	color            : black;
	background-color : aliceblue;
	text-align       : center;
	padding          : 2px;
}


/* コンテンツボディ部
-----------------------------------------------*/
#normal_page_body {
	margin : 1em;
}


/* テーブル
-----------------------------------------------*/
#normal_page_body table {
	width  : 100%;
	margin : 1em 0;
}


#normal_page_body th {
	width            : 120px;
	border           : 1px solid gray;
	background-color : #dfc8c8;
	text-align       : center;
	white-space      : nowrap;
}


#normal_page_body td {
	border           : 1px solid gray;
	background-color : white;
	padding          : 0.5em;
}



/***********************************************
 * 前提とする業務コンセプト
 ***********************************************/

/* ナビゲーションバー
-----------------------------------------------*/
#navigation_bar {
	text-align : right;
}

#navigation_bar table {
	margin : 0 0px 0 auto;
}

/* 前提とする業務コンセプトページ用サイトマップ
-----------------------------------------------*/
.lecture_sitemap {
	font-size      : 90%;
	padding-right  : 0.5em;
	vertical-align : bottom;
}


/* 業務コンセプトの説明
-----------------------------------------------*/
#lecture_explanation {
	width            : 80%;
	background-color : ghostwhite;
	border           : 1px solid gray;
	margin           : 1.5em auto;
	padding          : 0.5em 1em;
}

#lecture_explanation h2 {
	color      : navy;
	font-size  : 120%;
	text-align : center;
}

#lecture_explanation a:link,
#lecture_explanation a:active,
#lecture_explanation a:visited {
	color           : green;
	font-weight     : bold;
	text-decoration : underline;
}

#lecture_explanation a:hover {
	color : red;
}


/* カテゴリのヘッダ
-----------------------------------------------*/
h2.lecture {
	border-width : 0 0 1px 10px;
	border-style : solid;
	border-color : #333366;
	margin       : 2em 0 0.5em 0;
	padding-left : 0.5em;
}


/* カテゴリの説明
-----------------------------------------------*/
.category_explanation {
	font-size : 80%;
	margin    : 0 1em;
}

/* カテゴリのテーブル
-----------------------------------------------*/
#normal_page_body #lecture_item_list,
#normal_page_body #lecture_production_control,
#normal_page_body #lecture_cost_accounting {
	width  : 96%;
	margin : 0.5em 1em 2em 1em;
}

#normal_page_body #lecture_account {
	width  : 96%;
	margin : 0.5em 1em 0em 1em;
}

#normal_page_body #lecture_top_notes {
	width  : 96%;
	margin : 1em 1em 1.5em 1em;
}

#lecture_item_list td,
#lecture_production_control td,
#lecture_cost_accounting td,
#lecture_account td {
	border  : 1px solid #666666;
	padding : 1px 1em;
}


/* 部品表テーブルの背景色
-----------------------------------------------*/
#lecture_item_list td {
	background-color : #f8ffff;
}


/* 生産管理テーブルの背景色
-----------------------------------------------*/
#lecture_production_control td {
	background-color : #f8f8ff;
}


/* 原価計算テーブルの背景色
-----------------------------------------------*/
#lecture_cost_accounting td {
	background-color : #fff8ff;
}


/* 会計テーブルの背景色
-----------------------------------------------*/
#lecture_account td {
	background-color : #fff8f8;
}


/* 各テーブルの背景色（白）
-----------------------------------------------*/
#lecture_item_list td.bg_white,
#lecture_production_control td.bg_white,
#lecture_cost_accounting td.bg_white,
#lecture_account td.bg_white {
	background-color : white;
}


/* 前提とする業務コンセプトの注意書き
-----------------------------------------------*/
#lecture_top_notes td {
	border-width   : 0;
	font-size      : 80%;
	vertical-align : top;
	padding        : 1px;
}


#lecture_item_list a:link,
#lecture_item_list a:active,
#lecture_item_list a:visited,
#lecture_production_control a:link,
#lecture_production_control a:active,
#lecture_production_control a:visited,
#lecture_cost_accounting a:link,
#lecture_cost_accounting a:active,
#lecture_cost_accounting a:visited,
#lecture_account a:link,
#lecture_account a:active,
#lecture_account a:visited {
	color : green;
}

#lecture_item_list a:hover,
#lecture_production_control a:hover,
#lecture_cost_accounting a:hover,
#lecture_account a:hover {
	color : red;
}



/***********************************************
 * 案内図
 ***********************************************/

/* 地図画像
-----------------------------------------------*/
.map_image {
	margin     : 2em 0 1em 0;
	text-align : center;
}


/***********************************************
 * 利用規約
 ***********************************************/

/* リスト
-----------------------------------------------*/
ol.rules li {
	margin : 1em 0 1.5em 2em;
}

ol li ul.sub_rules li {
	list-style : disc;
	margin     : 0.5em 0 0.5em 2em;
}



/***********************************************
 * 個人情報保護方針
 ***********************************************/

/* 前説
-----------------------------------------------*/
.privacy_info {
	margin : 1em 0 2em 0;
}


/* リスト
-----------------------------------------------*/
ol.pravacy_ol li {
	margin : 0.5em 0 1em 2em;
}

ol li ol.sub_privacy_ol li {
	list-style : lower-roman;
	margin : 0.5em 0 0.5em 2em;
}



/***********************************************
 * サイトマップ
 ***********************************************/

#sitemap {
	width      : 100%;
	margin-top : 1em;
}

#sitemap h2 {
	font-size    : 80%;
	font-weight  : bold;
	border-width : 0 0 0 5px;
	border-color : royalblue;
	border-style : solid;
	margin       : 0 1em;
	padding-left : 5px;
}

#sitemap hr {
	border : 1px solid lightgrey;
	margin : 0 1em;
}

#sitemap table {
	margin : 0;
}

#sitemap td {
	border-width : 0;
}

#sitemap .left_part {
	width          : 50%;
	border-width   : 0 1px 0 0;
	border-color   : lightgrey;
	border-style   : solid;
	vertical-align : top;
}

#sitemap .right_part {
	width          : 50%;
	border-width   : 0 0 0 1px;
	border-color   : lightgrey;
	border-style   : solid;
	vertical-align : top;
}

#sitemap ul li {
	list-style-image : url(../img/sitemap_document.gif);
	font-size        : 80%;
	font-weight      : normal;
	margin           : 2px 3em;
}