@charset "utf-8";


#main {
	width:930px;
	padding-bottom:20px;
}



/*  サイドナビとコンテンツエリア　背景　==========================================================================================================================*/

#main #contents_top{
	height:19px;
	background-repeat:no-repeat;
}

/* コンテンツトップ背景画像　idで色分け　
-------------------------------------------------------*/
#service #main #contents_top{ /* 製品・サービス情報　*/
	background-image:url(../images/bgtop_01.jpg);
}
#company #main #contents_top{ /* 企業情報　*/
	background-image:url(../images/bgtop_02.jpg);
}
#ir_info #main #contents_top{ /* 株主・投資家の皆様　*/
	background-image:url(../images/bgtop_03.jpg);
}
#purchase #main #contents_top{ /* 購買情報　*/
	background-image:url(../images/bgtop_03.jpg);
}
#recruit #main #contents_top{ /* 採用情報　*/
	background-image:url(../images/bgtop_04.jpg);
}
#site_policy #main #contents_top{ /* サイトご利用にあたって　*/
	background-image:url(../images/bgtop_04.jpg);
}


#main #contents{
	background-image:url(../images/bg_contents.jpg);
	background-repeat:repeat-y;
	text-align:left;
}


#main #contents_bottom{
	height:20px;
	background-image:url(../images/bg_bottom.jpg);
	margin-bottom:20px;
	clear:both;
}



/*  サイドナビ　==========================================================================================================================*/

#main #contents #left{
	text-align:left;
	width:188px;
	float:left;
	padding-left:9px;
	margin:0;

}


* html #main #contents #left h4{
	margin-top:-1px; /* IE6対策　*/
	
}

*:first-child+html #main #contents #left h4{
	margin-top:-1px; /* IE7対策　*/

}

#main #contents #left ul{
	margin:0 6px 4px 8px;
	padding-top:4px;
}

#main #contents #left ul li{
	background-position:left;
	background-repeat:no-repeat;
	padding:6px 0 6px 10px;
}

/* リストマーク　ページidで色分け　
-------------------------------------------------------*/
#service #left ul li{ /*  製品・サービス情報　*/
	background-image:url(../images/icon_01.jpg);
	border-bottom:#ff0000 1px dotted;
}
#company #left ul li{ /*  企業情報　*/
	background-image:url(../images/icon_03.jpg);
	border-bottom:#ffcc33 1px dotted;
}
#ir_info #left ul li{ /*  株主・投資家の皆様　*/
	background-image:url(../images/icon_04.jpg);
	border-bottom:#66cc33 1px dotted;
}
#purchase #left ul li{ /*  購買情報　*/
	background-image:url(../images/icon_04.jpg);
	border-bottom:#66cc33 1px dotted;
}
#recruit #left ul li{ /*  採用情報　*/
	background-image:url(../images/icon_05.jpg);
	border-bottom:#3399ff 1px dotted;
}
#site_policy #left ul li{ /*  サイトご利用にあたって　*/
	background-image:url(../images/icon_05.jpg);
	border-bottom:#3399ff 1px dotted;
}

#main #contents #left a {
	color:#666;
	text-decoration:none;
	
}

#main #contents #left a:hover {

	color:#6CF;

	text-decoration:none;

}




/*  コンテンツエリア　==========================================================================================================================*/


#main #contents #right{
	text-align:left;
	width:730px;
	float:right;
	margin:0;
	padding:0;

}

#main #contents #right .title{
	width:690px;
	margin:2px 14px 30px 14px;
	padding:0 0 0 2px;
}

/* 見出しh2エリア　ページidで色分け　
-------------------------------------------------------*/
#service #main #contents #right .title{ /*  製品・サービス情報　*/
	border-bottom:solid 2px #ff0000;
}
#company #main #contents #right .title{ /*  企業情報　*/
	border-bottom:solid 2px #ffcc33;
}
#ir_info #main #contents #right .title{ /*  株主・投資家の皆様　*/
	border-bottom:solid 2px #66cc33;
}
#site_policy #main #contents #right .title{ /*  サイトご利用にあたって　*/
	border-bottom:solid 2px #3399ff;
}


#main #contents #right .title h2{
	font-size:140%;
	float:left;
}

/* 見出しh2　ページidで色分け　
-------------------------------------------------------*/
#service #main #contents #right .title h2{ /*  製品・サービス情報　*/
	color:#ff0000;
}
#company #main #contents #right .title h2{ /*  企業情報　*/
	color:#ffcc33;
}
#ir_info #main #contents #right .title h2{ /*  株主・投資家の皆様　*/
	color:#66cc33;
}
#site_policy #main #contents #right .title h2{ /*  サイトご利用にあたって　*/
	color:#3399ff;
}


#main #contents #right .title p{
	font-size:86%;
	text-align:right;
	margin:0;
	padding:10px 0 0 0;
}

#main #contents #right .section{
	width:690px;
	margin:14px;
	clear:both;
	padding-bottom:10px;
	
}

#main #contents #right h3{
	padding:2px 4px 3px 5px;
	font-size:110%;
	margin-bottom:12px;
}

/* 見出しh3　ページidで色分け　
-------------------------------------------------------*/
#service #main #contents #right h3{ /*  製品・サービス情報　*/
	border-left:solid 4px #ff0000;
}
#company #main #contents #right h3{ /*  企業情報　*/
	border-left:solid 4px #ffcc33;
}
#ir_info #main #contents #right h3{ /*  株主・投資家の皆様　*/
	border-left:solid 4px #66cc33;
}
#site_policy #main #contents #right h3{ /*  サイトご利用にあたって　*/
	border-left:solid 4px #3399ff;
}



/* レイアウト　
-------------------------------------------------------*/

#main #contents #right .section .textarea_l{
	width:480px;
	float:left;	

}

#main #contents #right .section .photoarea_r{
	width:200px;
	float:right;
	text-align:right;
	
}

#main #contents #right .section .photoarea_l{
	width:280px;
	float:left;	

}

#main #contents #right .section .textarea_r{
	width:400px;
	float:right;
	text-align:left;
	
}



#main #contents #right .section .box_c{
	text-align:center;
	
}



#main #contents #right p{
	padding-left:9px;
	
}

#main #contents #right .table_01{
	width:680px;
	border:solid 1px #999;
	text-align:center;
	margin:0 auto;

}

#main #contents #right .table_01 th,
#main #contents #right .table_01 td{
	padding:8px;
	border:solid 1px #999;
}



/*  各ディレクトリのindexページ　==========================================================================================================================*/

#main #contents #right .section .box_l {
	width:320px;
	float:left;
	padding:0 10px 0 10px;
	margin-bottom:20px;
}

#main #contents #right .section .box_r {
	width:320px;
	float:right;
	padding:0 0 0 10px;
	margin-bottom:20px;
}

/* box ボーダー　ページidで色分け　
-------------------------------------------------------*/

#service #main #contents .index .section .box_l,
#service #main #contents .index .section .box_r { /*  製品・サービス情報　*/
	border-left:solid 3px #ff0000;
	border-bottom:dashed 1px #ff0000;
}
#company #main #contents .index .section .box_l,
#company #main #contents .index .section .box_r { /*  企業情報　*/
	border-left:solid 3px #ffcc33;
	border-bottom:dashed 1px #ffcc33;
}
#ir_info #main #contents .index .section .box_l,
#ir_info #main #contents .index .section .box_r { /*  株主・投資家の皆様　*/
	border-left:solid 3px #66cc33;
	border-bottom:dashed 1px #66cc33;
}
#site_policy #main #contents .index .section .box_l,
#site_policy #main #contents .index .section .box_r { /*  サイトご利用にあたって　*/
	border-left:solid 3px #3399ff;
	border-bottom:dashed 1px #3399ff;
}



#main #contents .index h4{
	font-size:120%;
}

/* 見出しh4　ページidで色分け　
-------------------------------------------------------*/
#service #main #contents .index h4{ /*  製品・サービス情報　*/
	border-bottom:solid 1px #ff0000;
}
#company #main #contents .index h4{ /*  企業情報　*/
	border-bottom:solid 1px #ffcc33;
}
#ir_info #main #contents .index h4{ /*  株主・投資家の皆様　*/
	border-bottom:solid 1px #66cc33;
}
#site_policy #main #contents .index h4{ /*  サイトご利用にあたって　*/
	border-bottom:solid 1px #3399ff;
}


#main #contents .index .section img{
	float:left;
	padding:10px 10px 10px 0;
}

#main #contents .index .section p.text{
	margin-top:20px;
}


/* リンク　
-------------------------------------------------------*/

#main #contents #right .section p.link{
	text-align:right;
}





/*  ページ上部へもどる　==========================================================================================================================*/

#main #contents #right .lift {
	width:690px;
	clear:both;
	margin:25px 14px 15px 14px;
	text-align:right;
	clear:both;
}

#main #contents #right .lift p a{
	padding-left: 10px;
	background-position:0 5px;
	background-repeat:no-repeat;
	color:#666;
	text-decoration:none;
}

#main #contents #right .lift p a:hover {
	color:#6CF;
	text-decoration:none;
}


/* リストマーク　ページidで色分け　
-------------------------------------------------------*/
#service #main #contents #right .lift p a { /*  製品・サービス情報　*/
	background-image:url(../images/lift_01.jpg) ;
}
#company #main #contents #right .lift p a { /*  企業情報　*/
	background-image:url(../images/lift_03.jpg) ;	
}
#ir_info #main #contents #right .lift p a { /*  株主・投資家の皆様　*/
	background-image:url(../images/lift_04.jpg) ;
}
#site_policy #main #contents #right .lift p a { /*  サイトご利用にあたって　*/
	background-image:url(../images/lift_05.jpg) ;
}





/* =========================================================================================================================
============================================================================================================================
以下、ページidごとに特有のスタイル　============================================================================================================================
==========================================================================================================================*/



/*  製品・サービス情報　==========================================================================================================================*/

#service #left p {
	margin:0 6px 0 8px;
	padding-top:12px;
	color:#ff0000;
	border-bottom:solid 2px #ff0000;
	font-weight:bold;
}

#service #main #contents #right .title{
	width:690px;
	margin:2px 14px 0 14px;
	padding:0 0 0 2px;
}

#service #main #contents #right .title2{
	width:690px;
	margin:2px 14px 20px 14px;
	padding:0 0 0 2px;
}

#service #right .title2 h2 {
	font-size:130%;
	color:#ff0000;
	
}





/*  企業情報　==========================================================================================================================*/

#main #contents .office .section {
	border-bottom:dashed 1px #ff9900;
	padding-bottom:20px;

}

#main #contents .office .section img{
	padding:0 10px 0 10px;
	float:left;
}

#main #contents .office .section p{
	margin:0;
}

#main #contents #right table.group{
	width:500px;
	border:solid 1px #999;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	clear:both;

}

#main #contents #right .group th,
#main #contents #right .group td{
	padding:8px;
	border:solid 1px #999;
}

#main #contents #right p.junp{
	padding-bottom:20px;
	padding-top:10px;
	
}

#main #contents .office .photoarea_r img{
	padding-bottom:20px;
	
}

#main #contents #right table.history {
	
}

#main #contents #right  table.history th,
#main #contents #right  table.history td{
	vertical-align:top;
	line-height:100%;
	font-weight:normal;
}

#main #contents #right  table.history th.year{
	width:70px;
}

#main #contents #right  table.history th.month{
	width:36px;

}

#main #contents #right  table.history td{


}

#main #contents #right table.history .photo {
	width:120px;
	float:right;
	
}

#main #contents #right table.history .text {
	width:360px;
	float:left;
	
}



/*  株主・投資家の皆様　==========================================================================================================================*/
/*ニュースリリース表示のcss*/
#ir_info #main #contents #right .section #news dt {
	font-weight: bold;
}
#ir_info #main #contents #right .section #news li a {
	font-weight: bold;
	color: #0066CC;
}
#ir_info #main #contents #right .section #news a:hover {
	color: #66CCFF;
}

/* ファクトシートのテーブル */
table.factseets{
	width:680px;
	border:solid 1px #999;
	text-align:center;
	margin:0 auto;
}

table.factseets th, 
table.factseets td{
	padding:1px 6px;
}

table.factseets tr.part{
	background-color:#999;
	border-bottom:solid 1px #999;
	color:#fff;
}

.line{
	border-bottom:solid 1px #999;
}

.year{
	text-align:right;
}
.detail{
	width:380px;
	border-right:solid 1px #999;
}

.thisyear{
	background-color:#CCFFFF;
	text-align:right;
}

.lastyear{
	background-color:#fff;
	text-align:right;
	border-right:solid 1px #999;
}

.bd{
	padding-left:8px;
}

.bg{
	background-color:#ccc;
}

/* 
table.factseets caption{
	margin-top:-16px;
}
*/


#ir_info .section h4{
	margin-bottom:-16px;
	padding-left:5px;
}

#ir_info .section h5{
	padding-left:5px;
}




/* 過去のニュース */
#ir_info .news ul{
	padding-left:8px;
	
}

#ir_info #main #contents #right .section li a {
	font-weight: bold;
	color: #0066CC;
}
#ir_info #main #contents #right .section li a:hover {
	color: #66CCFF;
}

/* FAQ （採用情報と共通）*/
.faq dl {
	padding-left:8px;
}

.faq dl dt {
	font-weight:bold;
}

.faq dl dd {
	padding-left:18px;
	margin-bottom:10px;
}

/* IRカレンダー */
#ir_info table.ir{
	width:640px;
	margin:0 0 20px 10px;
	border:none;
}

#ir_info table.ir th{
	width:20%;
	border-bottom:#ffcc33 1px dotted;
	font-weight:normal;
}

#ir_info table.ir td{
	padding:2px;
	border-bottom:#ffcc33 1px dotted;
}


/* 株式情報 */
#ir_info th.stock {
	width:22%;
}

#ir_info ul.vision {
	padding-left:20px;
}





/*  サイトご利用にあたって　==========================================================================================================================*/

#site_policy #right .section .textarea_l img{
	float:left;
	padding:2px 20px 20px 10px;
}

#site_policy #right .section .textarea_l p.sub{
	width:340px;
	float:right;
}

#site_policy .table_01 th {
	width:26%;
}

#site_policy #right .section ol {
	margin:0 0 20px 32px;
}

#site_policy #right p.right{
	text-align:right;
}