@charset "UTF-8";
/*
* newkeyware    
*
* http://www.keyware.co.jp/ 
*
* 全ページ共通用 | CSS 
*/

/* 基本設定
-----------------------------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}

html { 
	overflow-y:scroll; 
}

body {
	font-size: 75%;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, Meiryo, "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; */
/*	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, Meiryo, "Meiryo", sans-serif; */
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "Meiryo", sans-serif;

	letter-spacing: 1px;
	line-height:1.4;

	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
/* ↓↓background定義をコメント化すると、トップと同様、グレー背景が展開されないためフッター下は伸びない*/
/*	background:#FFF url(../images/container_bg.gif) repeat-y center;*/
/* ↑↑background定義をコメント化すると、トップと同様、グレー背景が展開されないためフッター下は伸びない*/
	height:100%;
}

img {
	border-style: none;
}

ul {
	list-style:none;
	margin:0;
}

ol {
	margin:10px 0 10px 13px;
}

li {
	margin-bottom:5px;
}

p {
	margin-bottom:15px;
}

hr {
	clear:both;
}

address {
	font-style:normal;
}

* html table{ font-size:100%; line-height:1.4; letter-spacing: 1px;} /*IE6以下用*/

/* リンク設定 -----------------------------------------*/
a:link,a:visited {
	color: #35326F;
}

a:hover,a:active {
	color: #8684A5;
	text-decoration: none;
}

a:hover img,a:active img{
	filter: alpha(opacity=70);
	opacity:0.7;
	background: #ffffff;
}

/* レイアウトハック用class -----------------------------*/
.clear {
	width: 100%;
	font-size: 0.1px;
	line-height: 0px;
	margin: 0 0 20px 0;
	padding: 0px;
	clear: both;
}

.clearfix:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	overflow:hidden;
	clear:both;
}

.clear hr{
	border:0;
	display:none;
}

.contact_clear {
	width: 100%;
	font-size: 0.1px;
	line-height: 0px;
	margin: 0;
	padding: 0px;
	clear: both;
}

.contact_clear hr{
	border:0;
	display:none;
}


/* ページの基本構造
-----------------------------------------------------------------------------------*/
#container {
	width: 840px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}

#container #header {
	background:#FFF url(../images/common_header_bg.gif) repeat-x;
	height: 90px;
}

#container #headerMenu {
	clear:both;
	display: block;
	width: 840px;
	height: 38px;
	position: relative;
}

#container #noscript_message {
	width: 840px;
	margin:5px 0;
	padding:10px 0;
	text-align:center;
	background-color:#FCC;
}

#container #box_pan {
	display: block;
	width: 840px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color:#FFF;
}

#container #content {
	display: block;
	width:840px;	
	background: #FFF;
}

#container #content:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	overflow:hidden;
	clear:both;
}

#container #content #main {
	display:block;
	width:615px;
	float:right;
	margin-bottom:30px;
}

#container #content #sitemap {
	display:block;
	width:615px;
	float:right;
}

#container #content #sidebar {
	display:block;
	width:205px;	
	float:left;
}

#container #note {
	clear:both;
	background: #FFF;
}

#container #footer {
	position:relative;
	clear: both;
	float:left;
	width:810px;
	_width:840px;
	display:block;
	height: 68px;
	padding: 0 15px;
	background:#DDD url(../images/common_footer.gif) center repeat-x;
}

/* header
-----------------------------------------------------------------------------------*/
#logo {
	padding: 10px 0;
	width: 500px;
	display:block;
	float: left;
}

#header_right {
	display:block;
	width: 300px;
	float: right;
	text-align: right;
}

#header_right_menu {
	width: 300px;
	height:22px;
	padding: 5px 0 10px 0;
	display:block;
	float: right;
}

#header_right_menu #font_size_change {
	display:block;
	float: right;
	padding:3px 10px 3px 5px;
}

#header_right_menu #font_size_change dt,
#header_right_menu #font_size_change dd {
	display:block;
	float: left;
}

#header_right_menu #font_size_change .icon_font {
	vertical-align:middle;
}

#header_right_menu .header_right_menu_text {
	display:block;
	float: right;
	padding:3px 5px 3px 7px;
	border-left:#091640 solid 1px;
}

#slogan {
	height:13px;
	margin-bottom: 10px;
}

#changeLetterSize span {
	vertical-align: top;
}


/* header menu 
---------------------------------------------------------------------------------*/
#headerMenu ul {
	top: 38px;
	width: 185px;
	display: none;
	position: absolute;
	margin:0;
	padding:0;
}

#headerMenu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

#headerMenu a {
	display: block;
	color: #fff;
	padding: 0;
	text-decoration: none;
}

#headerMenu ul a {
	background-color: #0E1945;
	padding:5px 0 0;
	border: none;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	zoom: 1; /* IE6/7 fix */
}  

#headerMenu ul li {
	float: none;
}

#headerMenu ul ul {
	top: 0;
	left: 171px;
}

#headerMenu a img {
	border: none;
}

#headerMenu li.hover a {
}

#headerMenu ul li a {
	padding-left:5px;
}

#headerMenu ul a.hover {
	text-decoration: underline;
	color: #fF9900;
}

/* パンくずリスト
---------------------------------------------------------------------------------*/
#topic_path {
	display: block;
	width: 820px; /* 820px + 20px : padding-left(10px) + padding-right(10px) */
	_width:840px; /*IE6以下用*/
	padding: 5px 10px;
	float:left;
	background-color:#F0F0F0;
}

/* メインコンテンツ
---------------------------------------------------------------------------------*/
/* 画像の配置 ----------------------------------*/
/* 左 */
.img_l {
	clear: none;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: none;
}

/* センター */
.img_c {
	text-align:center;
	display: block;
	margin:0 auto 10px auto;
	border: none;
}

/* 右 */
.img_r {
	clear: none;
	display: block;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: none;
}

/* Lightbox画像の下コメント「>>画像クリックで拡大図を表示<<」のレイアウト --------*/
.lightbox_text_l {
	width:100%;
	text-align:left;
	margin-top: -5px;
	margin-bottom: 10px;
}
.lightbox_text_c {
	width: 100%;
	text-align: center;
	margin:-5px auto 10px auto;
}
.lightbox_text_r {
	width:100%;
	text-align:right;
	margin-top: -5px;
	margin-bottom: 10px;
}

#main .h1_box_image {
	clear: both;
	float: none;
	margin:10px 10px 0 10px;
	border: none;

}

#main p.text {
	margin: 0px;
	padding:0 0 10px 0;
}

/* タイトル ---------------------------------*/
h1 {
	clear:both;
	width:598px; /* 598px + 17px : 17px = border(1px) x 2 + padding-left(10px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background:#FFF url(../images/common_h1_header.gif) no-repeat;
	display:block;
	font-size: 150%;
	line-height: 120%;
	font-weight: bold;
	border:#162754 solid 1px;
	margin: 0px 0px 10px 0px;
	padding: 15px 5px 5px 10px;
}

h2 {
	clear:both;
	width:600px; /* 600px + 15px : 15px = padding-left(10px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background:#FFF url(../images/common_h2_bg.gif) repeat;
	display:block;
	font-size: 145%;
	line-height: 120%;
	font-weight: bold;
	border-bottom:#162754 solid 2px;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 10px;
}

h3 {
	clear:both;
	width:588px; /* 588px + 27px : 27px = border-right(1px) + padding-left(21px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background:#F2F2F2 url(../images/common_h3_icon.gif) 7px 10px no-repeat;
	display:block;
	font-size: 130%;
	line-height: 120%;
	font-weight: bold;
	border-bottom:#C6C6C6 solid 1px;
	border-right:#C6C6C6 solid 1px;
	margin: 0px 0px 10px 0px;
	padding: 6px 5px 5px 21px;
}

h4 {
	clear:both;
	width:592px; /* 592px + 23px : 23px = border-right(1px) + padding-left(17px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background:#FFF url(../images/common_h4_icon.gif) 2px 9px no-repeat;
	display:block;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	border-bottom:#C6C6C6 dotted 1px;
	margin: 0px 0px 10px 0px;
	padding: 7px 5px 5px 17px;
}

h5 {
	clear:both;
	width:603px; /* 603px + 12px : 12px = border-left(1px) +border-right(1px) + padding-left(5px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background-color:#FFF;
	height:auto;
	display:block;
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	border:#E3E3E3 solid 1px;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
}


.text_align_right {
	text-align:right;
	padding-top: 5px;
	margin-bottom:10px;
}

.thumbnail_image {
	margin-bottom:20px;
}

#detail_content ul {
	list-style:disc;
	padding-left:30px;
}

#detail_content ol {
	padding-left:30px;
}

/* リスト ----------------*/
#main ol ul {
	margin:5px 0 10px 0;
	/*padding-left:15px;*/
}

#main ul.text_link {
	margin-top:10px;
}

#main ul.text_link li{
	display: block;
	margin: 0;
	padding: 0;
	height: 140%;
	width: 95%;
	list-style:none;
}

/* リストリンク ------------------------*/
#main ul.text_link a{
/*	background: url(../images/common_text_link_list_arrow.png) no-repeat 1px 1px; */
	background: url(../images/common_text_link_list_arrow.png) no-repeat 1px 2px;
	padding-left: 18px;
/*	padding-bottom: 5px;  PDFアイコン画像の下が切れるための処理 */
	padding-bottom: 1px; 
/*	display: inline; */
	display: block;
	margin: 0;
	width:auto;
}

/* リストリンク（リンクなし） ------------------------*/
#main ul.text_link span{
	background: url(../images/common_text_link_list_arrow.png) no-repeat 1px 1px;
	padding-left: 18px;
	padding-bottom: 5px; /* PDFアイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

#main ul.file_link {
	margin-top:10px;
}

#main ul.file_link li {
	list-style:none;
	padding: 0;
	margin: 0;
}

/* 沿革 ---------------*/
#main table.history tr td {
	vertical-align: top;
}

#main table.representative_history tr td {
	vertical-align: top;
}

/* 注釈 ----------------*/
#main .notes {
	width:100%;
	background-color:#E7E7E7;
	padding-top:10px;
	padding-bottom:1px;
	margin-bottom:5px;
}

#main .notes .voc {
	margin-bottom:0;
	padding:0 10px;
	font-size:90%;
	font-weight:bold;
}

#main .notes .exp {
	padding:0 10px;
	font-size:80%;
	line-height:1.6;
	margin-bottom:0px;
	padding-bottom:10px;
}


#main .foot {
	font-size: 0.1px;
	line-height: 0px;
	display: block;
	width: 100%;
	margin-bottom:15px;
}

/* 目次ページ -----------------------------------*/
#main ul.conttable {
	clear:both;
	border:#E6E6E6 solid 1px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}

#main ul.conttable li.contentsbox {
	display:block;
	width:613px;
	_width:617px;/* IE6以下 */
	margin:0px;
	padding:0;
}

#main ul.conttable li.contentsbox img.contimage {
	margin-left:10px;
	float:left;
}

#main ul.conttable li.contentsbox img.icon_level {
	margin-left:10px;
	float:left;
}

/* サムネイル画像がある場合 */
#main ul.conttable li.contentsbox .contdetail {
	float:right;
	padding-left:10px;
	padding-right:10px;
	width:483px;
	_width:503px;
}

#main ul.conttable li.contentsbox .contdetail h2.contents_title {
	width:100%;
	background:#FFF no-repeat;
	display:block;
	font-size: 120%;
	line-height: 110%;
	font-weight: bold;
	border:none;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom:#162754 dotted 1px;
}

#main ul.conttable li.contentsbox .contdetail p.conttexts_smalltxt {
	margin:5px 0 10px 0;
	padding:0;
}

#main ul.conttable li.contentsbox .contdetail .contents_link {
	width:100%;
	text-align:right;
}

/* サムネイル画像がない場合 */
#main ul.conttable li.contentsbox .contdetail_no_thumb_image {
	float:right;
	margin-left:10px;
	padding-right:10px;
	width:567px;
	_width:578px;
}

#main ul.conttable li.contentsbox .contdetail_no_thumb_image h2.contents_title {
	width:100%;
	background:#FFF no-repeat;
	display:block;
	font-size: 120%;
	line-height: 110%;
	font-weight: bold;
	border:none;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom:#162754 dotted 1px;
}

#main ul.conttable li.contentsbox .contdetail_no_thumb_image p.conttexts_smalltxt {
	margin:5px 0 10px 0;
	padding:0;
}

#main ul.conttable li.contentsbox .contdetail_no_thumb_image .contents_link {
	width:100%;
	text-align:right;
}

/* お問い合わせはこちら -----------------------*/
#contact {
	border:#DFDFDF solid 1px;
	background: #FFF url(../images/common_contact_bg.gif) repeat-y;
}


#contact h2 {
	width: 171px;
	height: 35px;
	margin: 5px 0 0 5px;
	padding: 0;
	float:left;
	border:none;
}

#contact .contents {
	float:right;
	width:380px;
	padding:5px;
}

#contact .contents .section {
	font-size:120%;
	font-weight:bold;
}

#contact .contents img {
	vertical-align:middle;
}

/* 会社概要 ＞ 経営理念　dl dt ddを使用した横並び -----------------------*/
#main dl.corporate_principles {
	margin-bottom:10px;
	width: 615px;
}

#main dl.corporate_principles dt {
	width: 80px;
	float: left;
	padding-bottom: 0;
	font-weight: bold;
}

#main dl.corporate_principles dd {
	margin-left:80px;
	margin-bottom:8px;
}

/* 個人情報保護方針　dl dt ddを使用した横並び -----------------------*/
#main dl.privacy_policy {
	margin-bottom:10px;
	width: 580px;
	border:#999 double 3px;
	padding: 10px;
	margin-bottom:10px;
}

#main dl.privacy_policy dt {
	width: 100px;
	float: left;
	padding-bottom: 0;
	font-weight: bold;
}

#main dl.privacy_policy dd {
	margin-left:100px;
	margin-bottom:3px;
}

/* お客様の声 --------------------------*/
dl.users_voice {
	width: 615px;
	border-bottom:1px solid #E6E6E6;
	margin-bottom:15px;
}

dl.users_voice dt {
	padding-left: 25px;
	paddig-bottom:5px;
	margin-bottom:5px;
	font-weight:bold;
}

dl.users_voice dt.icon1 {
	background:#FFF url(../../solution/it_sol/bpm/images/icon_usersvoice1.gif) no-repeat;
}

dl.users_voice dt.icon2 {
	background:#FFF url(../../solution/it_sol/bpm/images/icon_usersvoice2.gif) no-repeat;	
}

dl.users_voice dt.icon3 {
	background:#FFF url(../../solution/it_sol/bpm/images/icon_usersvoice3.gif) no-repeat;	
}

dl.users_voice dt.icon4 {
	background:#FFF url(../../solution/it_sol/bpm/images/icon_usersvoice4.gif) no-repeat;	
}

dl.users_voice dd {
	padding-left: 25px;
	margin-bottom:10px;
}


/* トピックス＞セミナー＞主催　dl dt ddを使用した横並び -----------------------*/
#main dl.seminar_sponsor {
	margin-bottom:5px;
	width: 275px;
	padding: 0px;
	margin-left:340px;
	margin-bottom:10px;
}

#main dl.seminar_sponsor dt {
	width: 50px;
	float: left;
	padding-bottom: 0px;
	font-weight:bold;
}

#main dl.seminar_sponsor dd {
	margin-left:50px;
	margin-bottom:3px;
}

/* トピックス ＞ セミナー＆イベント　dl dt ddを使用した横並び -----------------------*/
#main dl.seminar_contents {
	margin-bottom:10px;
	width: 600px;
	border-left: #FF9900 solid 3px;
	padding-left: 7px;
	margin-bottom:15px;
}

#main dl.seminar_contents dt {
	width: 50px;
	float: left;
	padding-bottom: 0;
	font-weight:bold;
}

#main dl.seminar_contents dd {
	margin-left:50px;
	margin-bottom:3px;
}

/* トピックス ＞ セミナー＆イベント ＞ タイムテーブル　dl dt ddを使用した横並び -----------------------*/
#main dl.seminar_time_table {
	margin-bottom:5px;
	width: 615px;
	margin-bottom:20px;
}

#main dl.seminar_time_table dt {
	background: #F0F0F0;
	width: 605px;
	float: left;
	padding: 5px;
	font-weight:bold;
	margin-bottom:3px;
}

#main dl.seminar_time_table dd {
	margin-left:15px;
	margin-bottom:3px;
}

#main dl.seminar_time_table dd p {
	margin-bottom:5px;
}

#main dl.seminar_time_table dd p.lecturer {
	font-size: 80%;
	color: #666;
	border: #666 solid 1px;
	padding: 7px;
}

/* ソリューション ＞ ITソリューション ＞ ERPソリューション ＞ 導入事例　dl dt ddを使用した横並び -----------------------*/
#main dl.intro_keywords {
	margin-bottom:0px;
	width: 615px;
}

#main dl.intro_keywords dt {
	width: 120px;
	float: left;
	padding-bottom: 0;
	font-weight: bold;
}

#main dl.intro_keywords dd {
	margin-left:120px;
	margin-bottom:8px;
}

/* -----------------------------------------*/
.ssl_btn {
	width: 615px;
	text-align: center;
	padding: 10px;
}

p.annotation {
	width: 615px;
	text-align: center;
	padding: 10px;
}


/* PDFリンク ------------------------*/
#main a.pdf {
	background: url(../images/common_icon_pdf.gif) no-repeat; 
	padding-left: 18px; 
	padding-bottom: 5px; /* PDFアイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

/* コンテンツ目次 ----------*/
#main .contents_index_image {
	margin-bottom:10px;
	margin-left:20px;
}

#main .contents_index_text {
	margin-bottom:20px;
}

/* CSR目次ページ ----------*/
#main .csr_thumbnail_block {
	width:200px;
	margin-right:5px;
	float: left;
	margin-bottom:15px;
	margin-top:10px;
}

#main .csr_thumbnail_block h2 {
	clear:both;
	width:200px;
	_width:200px; /*IE6以下用*/
	background:#FFFFFF url("../../css/%22%22") repeat;
	display:block;
	border-bottom:none;
	margin: 0px 0px 10px 0px;
	padding: 0;
}


/* サイトマップ 
---------------------------------------------------------------------------------------*/
#main ul.lv1box_l{
	margin:10px 0 10px 0;
	list-style:none;
}

/* 第１階層（ホームのみ）-------------*/
#main ul.lv1box_l h2{
	clear:both;
	width:588px; /* 588px + 27px : 27px = border-right(1px) + padding-left(21px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background:#F2F2F2 url(../images/common_h3_icon.gif) 7px 10px no-repeat;
	display:block;
	font-size: 130%;
	line-height: 120%;
	font-weight: bold;
	border-bottom:#C6C6C6 solid 1px;
	border-right:#C6C6C6 solid 1px;
	margin: 0px 0px 10px 0px;
	padding: 6px 5px 5px 21px;
}

/* 第２階層 */
#main ul.lv1box_l li.lv2 h3{
	clear:both;
	width:588px; /* 588px + 27px : 27px = border-right(1px) + padding-left(21px) + padding-right(5px) */
	_width:617px; /*IE6以下用*/
	background:#F2F2F2 url(../images/common_h3_icon.gif) 7px 10px no-repeat;
	display:block;
	font-size: 130%;
	line-height: 120%;
	font-weight: bold;
	border-bottom:#C6C6C6 solid 1px;
	border-right:#C6C6C6 solid 1px;
	margin: 20px 0px 10px 0px;
	padding: 6px 5px 5px 21px;
}

/* 第３階層 */
#main ul.lv1box_l li.lv3 h4{
	background:#FFF url(../images/common_submenu_child.gif) 15px 7px no-repeat;
	display:inline;
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 25px;
}

/* 第４階層 */
#main ul.lv1box_l li.lv4 h5{
	background:#FFF url(../images/common_bg_lv4_h5.gif) 30px 5px no-repeat;
	display:inline;
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 45px;
	width:100%;
	clear:both;
}

/* 第４階層（外部リンク） */
#main ul.lv1box_l li.lv4_out h5{
	background:#FFF url(../images/common_bg_lv4_h5_out.gif) 30px 5px no-repeat;
	display:inline;
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 45px;
	width:100%;
	clear:both;
}

/* sidebar 
----------------------------------------------------------------------------------------*/
#sidebar .sub_menu{
	margin: 0 0 12px 0;
	text-align: left;
	line-height: 120%;
}

#sidebar .sub_menu ul{
	margin: 2px 0 0;
	padding: 0;
	background-color:#EFEFEF;
	border-right: #D0D3Db solid 1px;
	border-bottom: #D0D3Db solid 1px;
}

#sidebar .sub_menu ul li{
	background: url(../images/common_submenu_child.gif) no-repeat 10px 12px;
	height: 100%;
	display: block;
	margin: 0;
	padding: 7px 5px 7px 20px;
	width: 180px;	/* 180px = 205px - padding-left(20px) + padding-right(5px) */
	_width:204px;	/*IE6以下用*/
	border-bottom: #D0D3Db dotted 1px;
}

/* ホーム ------------------- */
#sidebar .sub_menu ul li.home{
	background-color:#ffffff;
	padding: 0;
	width:205px;
	border-bottom: none;
}

#sidebar .sub_menu ul li.home a{
	width:205px;
	height:35px;
	display:block;
	background-color:#ffffff;
	color:#FFF;
}

/* 親ページ ------------------- */
#sidebar .sub_menu ul li.parent{
	background:#666;
	font-weight:bold;
	font-size: 120%;
	padding: 6px 5px 7px 10px;
	width: 190px;	/* 190px = 205px - padding-left(10px) + padding-right(5px) */
	_width:206px;	/*IE6以下用*/
	border-bottom:#D0D3Db solid 1px;
}

#sidebar .sub_menu ul li.parent a{
	color:#FFF;
}

/* 自ページ ------------------- */
#sidebar .sub_menu ul li.current{
	background: url(../images/common_submenu_current_bg.gif) no-repeat 0px 1px;
	font-weight:bold;
}

/* 同列ページ ------------------- */
#sidebar .sub_menu ul li.brother{
	font-weight:bold;
}

/* 子ページ ------------------- */
#sidebar .sub_menu ul li.child{
	background: url(../images/common_sm_child_bg.gif) no-repeat 0px 0px;
	padding: 7px 5px 7px 30px;
	width: 170px;	/* 170px = 205px - padding-left(30px) + padding-right(5px) */
	_width:204px;	/*IE6以下用*/
	background-color:#F7F7F7;
}

/* バナー ----------------------*/
.b_space img{
	margin-bottom:10px;
}


/* note 
-------------------------------------------------------------------------------------------*/
#note #ssl {
	float: left;
}

#note #ssl_message {
	float: left;
	padding: 10px;
	font-size: 80%;
}


/* =#footer
---------------------------------------------------------------------------------*/
#footer #footer_menu {
	padding-top:15px;
}

#footer #footer_menu a {
	display:inline;
	padding-right:15px;
	padding-left: 10px;
	background: url(../images/common_footer_arrow.gif) no-repeat left center;
}

#footer #copyright {
	position:relative;
	float:right;
	top:20px;
	font-size: 80%;
}

/* その他の細かい設定
-------------------------------------------------------------------------------------------------------*/
.red_text {
	color:#F00;
}

/* ※（アスタリスク文）２行目以降をインデント ------------------------*/
.asterisk {
	text-indent:-1em;
	padding-left:1em;
}

/* Lightbox ---------------------------------*/
.th_images span {
	color:#666;
}


/* テーブル ---------------------------------*/
table.default {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
}

table.default th {
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-weight: bold;
	color: #333;
	background: #F3F3F3;
	text-align: center;
	vertical-align: top;
}

table.default td {
	width: auto;
	padding: 8px 5px 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:100%;
	background: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

/* テーブル （tdの背景色指定なし、中央寄せ）---------------------------------*/
table.notdcolor {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
}

table.notdcolor th {
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-weight: bold;
	color: #333;
	background: #F3F3F3;
	text-align: center;
	vertical-align: middle;
}

table.notdcolor td {
	width: auto;
	padding: 8px 5px 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:100%;
	text-align: left;
	vertical-align: middle;
}

/* テーブル （thの背景色青文字白抜き）---------------------------------*/
table.bgblue{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
}

table.bgblue th {
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-weight: bold;
	color: #FFFFFF;
	background: #006FCE;
	text-align: center;
	vertical-align: top;
}

table.bgblue td {
	width: auto;
	padding: 8px 5px 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:100%;
	background: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

/* テーブル（vertical-align: top） ---------------*/
table.valign_top {
	width: 100%;
}

table.valign_top tr td {
	vertical-align: top;
}

/* テーブル（executives_table） ---------------------------------*/
table.executives_table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
	margin-bottom: 10px;
}

table.executives_table th {
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-weight: bold;
	color: #333333;
	background: #F3F3F3;
	text-align: left;
	vertical-align: top;
	width:500px;
}

table.executives_table td {
	width: auto;
	padding: 8px 0 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:100%;
	background: #FFF;
	text-align: left;
	vertical-align: middle;
}

/* テーブル（r_and_d_table） ---------------------------------*/
table.r_and_d_table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom: 10px;
	border-collapse:collapse;
}

table.r_and_d_table th {
	padding: 2px 5px;
	margin: 0;
	border: none;
	font-weight: bold;
	color: #333;
	background: #FFC;
	text-align: left;
	vertical-align: top;
	width:80px;
}

table.r_and_d_table td {
	width:auto;
	padding: 2px;
	margin: 0;
	border:none;
	color: #333;
	background-color: #FFF;
	text-align: left;
	vertical-align: top;
}

/* 代表者テーブル ----------------------*/
table.representative {
	width:615px;
	border-collapse:collapse;
}

table.representative tr th {
	vertical-align: top;
	padding:3px;
	background: #F2F2F2;
	border-bottom: 1px solid #E6E6E6;
}

table.representative tr td {
	vertical-align: top;
	padding:3px;
	border-bottom: 1px solid #E6E6E6;
}

table.representative tr td table {
	width: 100%;
}

table.representative tr td table tr td {
	vertical-align: top;
	padding:0px;
	border-bottom: none;
}

#main dl.career {
	margin-bottom:3px;
/*	width: 535px; */
	width: 535px;
}

#main dl.career dt {
/*	width: 100px; */
	width: 105px;
	float: left;
	padding-bottom: 0;
	font-weight: normal;
}

#main dl.career dd {
	margin-left:100px;
	margin-bottom:3px;
/*	width: 435px; */
	width: 430px;
}
/* 再使用できる各種クラス --------------------------------*/
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが
                 完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* セミナー＆イベント用 -------------------------*/
table.seminar_table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
}

table.seminar_table th {
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-weight: bold;
	color: #333;
	background: #f3f3f3;
	text-align: center;
	vertical-align: top;
}

table.seminar_table td {
	width: auto;
	padding: 8px 0 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333;
	line-height:140%;
	background: #FFF;
	text-align: left;
	vertical-align: top;
}

table.seminar_table td.contact_info_td {
	width: 140px;
}

table.seminar_table td ul {
	margin: 10px 0 10px 30px;
	list-style:disc;
}

.seminar_detail {
	background: #f2f3f9;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	padding:5px;
}

.seminar_detail ol {
	margin-left:30px;
}

.seminar_detail ol li {
	margin-left:0px;
	border-bottom:#C6C6C6 dotted 1px;
	margin-bottom:5px;
	padding-bottom:3px;
}

/* 枠なしテーブル ---------------------------------*/
table.noframe {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
         background-color: #FFFFFF;

}

table.noframe th {
	padding: 1px 1px;
	border: none;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

table.noframe td {
	width: auto;
	line-height:100%;
	padding: 1px 2px 1px 2px;
	border: none;
	text-align: left;
	vertical-align: top;

}


/* インフォメーション用 ----------------------*/
.news_title{
	margin-bottom:10px;
}

dl.information_list_isEven {
	display:block;
	line-height: 160%;
	letter-spacing:0;
	margin: 0;
	padding: 5px;
	width: 605px;
	_width:617px; /*IE6以下用*/
	background: #F0F0F0;
	border-bottom: 1px dotted #DFDFDF;
}

dl.information_list_isEven:after {
	font-size:1px;
	content:".";
	display:block;
	overflow: hidden;
	height:0;
	clear:both;
}

dl.information_list_isEven dt {
	float: left;
	width: 90px;
	padding-bottom: 0px;
	font-size: 90%;
	font-weight: bold;
}

dl.information_list_isEven dd {
	float: left;
	width: 515px;
	margin: 0;
	padding: 0;
}


dl.information_list_isOdd {
	display:block;
	line-height: 160%;
	letter-spacing:0;
	margin: 0;
	padding: 5px;
	width: 605px;
	_width:617px; /*IE6以下用*/
	background: #FFF;
	border-bottom: 1px dotted #DFDFDF;
}

dl.information_list_isOdd:after {
	font-size:1px;
	content:".";
	overflow: hidden;
	display:block;
	height:0px;
	clear:both;
}
dl.information_list_isOdd dt {
	float: left;
	width: 90px;
	padding-bottom: 0px;
	font-size: 90%;
	font-weight: bold;
}

dl.information_list_isOdd dd {
	float: left;
	width: 515px;
	margin: 0;
	padding: 0;
}

/* 個人情報保護方針用 ----------------------*/
#privacy_mail_image{
	display:block;
	width:181px;
	height:11px;
	margin-top:5px;
	text-indent:-9999px;
	background:url(../../about/privacy/images/mail_privacy.gif) no-repeat;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* ここからIR用に追加 ---------------------------------------------------------------*/
/* =#ir_top
---------------------------------------------------------------------------------*/
#irtop_main{
	width:615px;
	height:100px;
	margin-bottom:20px;
}

#president_message{
	width:220px;
	float:left;
}

#president_movie{
	width:380px;
	height:100px;
	float:right;
	background:#FFF url(../../ir/images/irtop_movie_base.jpg) no-repeat;
	text-align:center;
}

#president_movie h3{
	padding: 0px;
	font-size:150%;
	font-weight:bold;
	margin:10px 1px 5px;
	width:360px;
	background:#FFF url('../../css/%27%27') no-repeat;
	display:block;
	border:none;
}

#president_movie p{
	margin-bottom:15px;
}

#president_movie ul{
	width:380px;
}

#president_movie ul li{
	width:190px;
	float:left;
}

#president_movie ul li a.pdf{
	background: url(../images/common_icon_pdf.gif) no-repeat 1px 0px;
	padding-left: 18px;
	padding-bottom: 5px; /* アイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

#president_movie ul li a.movie{
	background: url(../images/common_icon_movie.gif) no-repeat 1px 0px;
	padding-left: 18px;
	padding-bottom: 5px; /* アイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

#irtop_private_investment{
	width:615px;
	height:65px;
	margin-bottom:20px;
}

#private_investment{
	width:615px;
	float:left;
}

#irmain_menu{
	width:615px;
	clear:both;
	padding-bottom:10px;
}

#irmain_menu h3{
	margin: 0px;
	padding: 0px;
	margin-bottom:5px;
	width:295px;
	background:#FFF url('../../css/%27%27') no-repeat;
	display:block;
	border:none;
}

#irmain_menu ul{
	margin-bottom:10px;
}

#irmain_menu ul li a{
	background: url(../images/common_submenu_child.gif) no-repeat 5px 4px;
	padding-left: 13px;
	padding-bottom: 0px; /* アイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

#irtop_left_main_menu{
	width:295px;
	float:left;
}

#irtop_right_main_menu{
	width:295px;
	float:right;
}

#ir_sub_menu{
	width:615px;
	clear:both;
	margin-top:25px;
}

#ir_sub_menu h3{
	margin: 0px;
	padding: 0px;
	margin-bottom:5px;
	width:200px;
	background:#FFF url('../../css/%27%27') no-repeat;
	display:block;
	border:none;
}

#ir_sub_menu ul li a{
/*	background: url(../images/common_submenu_child.gif) no-repeat 5px 4px; */
	background: url(../images/common_submenu_child.gif) no-repeat 5px 5px;
	padding-left: 13px;
	padding-bottom: 0px; /* PDFアイコン画像の下が切れるための処理 */
/*	display: inline; */
	display: block;
	margin: 0;
	width:auto;
}

.irtop_sub_menu{
	width:200px;
	float:left;
	margin-right:5px;
}

/* =#ir_news
---------------------------------------------------------------------------------*/
#ir_news {
	display:block;
	position:relative;
	float: left;
	width: 615px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: #091640 dotted 1px;
	/* 左マージンの値は、ヘッダーおよびフッターの値と同じです。これにより、ドキュメントの左側の整列が設定されます。 */
}

/* for mac safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#ir_news {
		margin-top:20px;
		margin-bottom:25px;
	}
}

#ir_news span.gotoirnewslist {
	position:absolute;
	text-align:right;
	top:7px;
	right:15px;
	font-weight:bold;
}

/* dl dt ddを使用した横並び----------------------------------------*/
#ir_news dl {
	display:block;
	width: 615px;
	line-height: 180%;
	padding-bottom:10px;
	/*border-bottom: #091640 dotted 1px;*/
}

#ir_news dl dt {
	clear:both;
	float: left;
	display:block;
	width: 140px;
}

#ir_news dl dd { /*float: right;*/
	display:block;
	float: left;
	display:block;
	width: 470px;
}

/* IRライブラリテーブル ---------------------------------*/
table.ir_lib {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
	margin-bottom:20px;
}

table.ir_lib th {
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-weight: bold;
	color: #333;
	background: #F3F3F3;
	text-align: center;
	vertical-align: top;
}

table.ir_lib td {
	width: auto;
	padding: 8px 5px 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:140%;
	text-align: center;
	vertical-align: top;
}

.filesize {
	font-size:80%;
}

tr.irlib_list_isEven {
	background: #FFF;
}

tr.irlib_list_isOdd {
	background: #F0F0F0;
}

p.mv {
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 5px;
}

p.mv a.movie{
	background: url(../images/common_icon_movie.gif) no-repeat 1px 0px;
	padding-left: 18px;
	padding-bottom: 5px; /* アイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

.h1_contents_irlib {
	display: block;
	margin-bottom: 10px;
}

.h1_contents_irlib:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	overflow:hidden;
	clear:both;
}

p.correct {
	margin-bottom: 5px;
}

/* ファクトシート ----------------------------*/
#fact_sheet{
	margin-bottom: 20px;
}

dl.ir_lib_isEven {
	display:block;
	line-height: 160%;
	letter-spacing:0;
	margin: 0;
	padding: 5px;
	width: 605px;
	_width:617px; /*IE6以下用*/
	background: #FFFFFF;
	border-bottom: 1px dotted #DFDFDF;
}

dl.ir_lib_isEven:after {
	font-size:1px;
	content:".";
	display:block;
	overflow: hidden;
	height:0;
	clear:both;
}

dl.ir_lib_isEven dt {
	float: left;
	width: 90px;
	padding-bottom: 0px;
}

dl.ir_lib_isEven dd {
	float: left;
	width: 515px;
	margin: 0;
	padding: 0;
}


dl.ir_lib_isOdd {
	display:block;
	line-height: 160%;
	letter-spacing:0;
	margin: 0;
	padding: 5px;
	width: 605px;
	_width:617px; /*IE6以下用*/
	background: #F0F0F0;
	border-bottom: 1px dotted #DFDFDF;
}

dl.ir_lib_isOdd:after {
	font-size:1px;
	content:".";
	overflow: hidden;
	display:block;
	height:0px;
	clear:both;
}
dl.ir_lib_isOdd dt {
	float: left;
	width: 90px;
	padding-bottom: 0px;
}

dl.ir_lib_isOdd dd {
	float: left;
	width: 515px;
	margin: 0;
	padding: 0;
}

.schedule {
	margin-bottom: 20px;
}

#adobe_reader {
	font-size:90%;
}

#adobe_reader img {
	margin-right:10px;
}


/* question ------------------------*/
.faq {
	margin-bottom: 20px;
}

#main dl.qa {
	display:block;
	line-height: 160%;
	letter-spacing:0;
	margin: 0;
	padding: 5px;
	width: 605px;
	_width:617px; /*IE6以下用*/
	background: #FFFFFF;
	border-bottom: 1px dotted #DFDFDF;
	margin-bottom: 10px;
}

#main dl.qa:after {
	font-size:1px;
	content:".";
	display:block;
	overflow: hidden;
	height:0;
	clear:both;
}
#main dl.qa dt{
	background: url(../images/icon_q.gif) no-repeat 1px 1px;
	padding-left: 28px;
	padding-top: 3px;
	padding-bottom: 10px;
	display: block;
	margin: 0;
	width:auto;
}

#main dl.qa dd{
	background: url(../images/icon_a.gif) no-repeat 1px 1px;
	padding-left: 28px;
	padding-top: 3px;
	padding-bottom: 10px;
	display: block;
	margin: 0;
	width:auto;
}

table.stock {
	border-collapse: collapse;
	border: 1px solid #99c2d6;
}

table.stock th {
	padding: 10px;
	border-bottom: 1px solid #99c2d6;
	border-left: 1px solid #99c2d6;
	font-weight: bold;
	color: #333;
	background: #E6EEF8;
	text-align: center;
}

table.stock td {
	padding: 10px;
	border-bottom: 1px solid #99c2d6;
	border-left: 1px solid #99c2d6;
	color: #333333;
	line-height:100%;
	background: #FFFFFF;
	text-align: left;
}

ul.title_list{
	margin-bottom: 20px;
	margin-left: 10px;
}

ul.title_list a{
	background: url(../images/common_text_link_list_arrow.png) no-repeat 1px 1px;
	padding-left: 18px;
	padding-bottom: 5px; /* アイコン画像の下が切れるための処理 */
	display: inline;
	margin: 0;
	width:auto;
}

.example{
	background: url(../images/example.gif) no-repeat 0px 0px;
	width:465px;
	height:15px;
	margin-bottom:3px;
	margin-left:140px;
}

.example span{
	display:none;
}

.example_contents {
	font-size:90%;
}

ul.news_link{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:0;
	display:block;
}
ul.news_link:after{
	font-size:1px;
	content:".";
	display:block;
	overflow: hidden;
	height:0;
	clear:both;
}

ul.news_link li{
	float:left; 
	margin:0 0 5px 15px; 
	padding:0 15px 0 8px;
 	white-space:nowrap;
	border-right:#666 1px dotted;
	background:url('../images/common_submenu_child.gif') no-repeat 0 5px;
}

ul.marketing_list{
	margin-bottom:20px;
	font-size:120%;
}

#main a.pdf span {
	margin-left: 0px;
	*margin-left: -16px; /* IE6,IE7のみ適用するためのハック */
	padding-left: 0px;
	display: inline;
}

table.default td.int {
	width: auto;
	padding: 8px 5px 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:100%;
	background: #FFFFFF;
	text-align: right;
	vertical-align: top;
}

table.default td.nondata {
	width: auto;
	padding: 8px 5px 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	color: #333333;
	line-height:100%;
	background: #FFFFFF;
	text-align: center;
	vertical-align: top;
}

caption {
	text-align: left;
}

/*20170406追記*/
#header_right{visibility:hidden}
#container #headerMenu{display:none}
#container #box_pan{display:none}
#container #content #sidebar{display:none}
#container #content #main{float:none;margin:0 auto 30px}
ul.news_link>li:nth-child(-n+5){display:none}
#footer #footer_menu{display:none}
