@charset "utf-8";

/********************************************************
Copyright(C)Japan New Alpha CO., LTD. All Rights Reserved.
********************************************************/

/* company ********************************************/

/* --- BACKGROUND --- */

.toppage{ padding: 35px 0 0 20px;}
.toppage h1{ margin: 0 0 20px;}

#read{ margin: 70px 25px 20px;}

.toppage{ background: url(img/company/index/base_title_l.jpg) no-repeat top left;}
.toppage #main_inner{ background: url(img/company/index/read_bg.jpg) no-repeat top right;}

.pages{ background: url(img/company/base_title_s.jpg) no-repeat top left;}
.pages #main_inner{ background: url(img/company/read_bg.jpg) no-repeat top right;}

#navi_left{ background: url(img/company/navi_left.gif) no-repeat;}
#navi_left li a:hover{ background-image: url(img/company/navi_left_r.gif);}

/* --- pagetop --- */

.pagetop{ background: url(img/company/btn_pagetop.gif) no-repeat;}

/* --- TITLES --- */

.toppage h2.h2_01 { background: url(img/company/index/h2_01.gif);}
.toppage h2.h2_02 { background: url(img/company/index/h2_02.gif);}
.toppage h2.h2_03 { background: url(img/company/index/h2_03.gif);}
.toppage h2.h2_04 { background: url(img/company/index/h2_04.gif);}
.toppage h2.h2_05 { background: url(img/company/index/h2_05.gif);}
.toppage h2.h2_06 { background: url(img/company/index/h2_06.gif);}
.toppage h2.h2_07 { background: url(img/company/index/h2_07.gif);}
.toppage h2.h2_08 { background: url(img/company/index/h2_08.gif);}
.toppage h2.h2_09 { background: url(img/company/index/h2_09.gif);}
.toppage h2.h2_10 { background: url(img/company/index/h2_10.gif);}
.toppage h2.h2_11 { background: url(img/company/index/h2_11.gif);}

.message h1{ background: url(img/company/message/h1.jpg) no-repeat right top;}
.vision h1{ background: url(img/company/vision/h1.jpg) no-repeat right top;}
.comp h1{ background: url(img/company/comp/h1.jpg) no-repeat right top;}
.brand h1{ background: url(img/company/brand/h1.jpg) no-repeat right top;}
.outline h1{ background: url(img/company/outline/h1.jpg) no-repeat right top;}
.governance h1{ background: url(img/company/governance/h1.jpg) no-repeat right top;}
.org h1{ background: url(img/company/org/h1.jpg) no-repeat right top;}
.business h1{ background: url(img/company/business/h1.jpg) no-repeat right top;}
.ir h1{ background: url(img/company/ir/h1.jpg) no-repeat right top;}
.history h1{ background: url(img/company/history/h1.jpg) no-repeat right top;}
.will h1{ background: url(img/company/will/h1.jpg) no-repeat right top;}

.message h2.h2_01 { background: url(img/company/message/h2_1.gif);}
.message h2.h2_02 { background: url(img/company/message/h2_2.gif);}

.vision h2.h2_01 { background: url(img/company/vision/h2_1.gif);}

.comp h2.h2_01 { background: url(img/company/comp/h2_1.gif);}
.comp h2.h2_02 { background: url(img/company/comp/h2_2.gif);}

.brand h2.h2_01 { background: url(img/company/brand/h2_1.gif);}
.brand h2.h2_02 { background: url(img/company/brand/h2_2.gif);}

.outline h2.h2_01 { background: url(img/company/outline/h2_1.gif);}
.outline h2.h2_02 { background: url(img/company/outline/h2_2.gif);}

.governance h2.h2_01 { background: url(img/company/governance/h2_1.gif);}
.governance h2.h2_02 { background: url(img/company/governance/h2_2.gif);}
.governance h2.h2_03 { background: url(img/company/governance/h2_3.gif);}

.org h2.h2_01 { background: url(img/company/org/h2_1.gif);}
.org h2.h2_02 { background: url(img/company/org/h2_2.gif);}

.business h2.h2_01 { background: url(img/company/business/h2_1.gif);}
.business h2.h2_02 { background: url(img/company/business/h2_2.gif);}
.business h2.h2_03 { background: url(img/company/business/h2_3.gif);}

.ir h2.h2_01 { background: url(img/company/ir/h2_1.gif);}
.ir h2.h2_02 { background: url(img/company/ir/h2_2.gif);}
.ir h2.h2_03 { background: url(img/company/ir/h2_3.gif);}

.will h2.h2_01 { background: url(img/company/will/h2_1.gif);}

h3{ color: #0176a8;}
h3.w690{ background: url(img/company/h3_1.gif) no-repeat bottom left;}
h3.w570{ background: url(img/company/h3_2.gif) no-repeat bottom left;}
h3.w440{ background: url(img/company/h3_3.gif) no-repeat bottom left;}
h3.w350{ background: url(img/company/h3_4.gif) no-repeat bottom left;}

.l_440 h3, .r_440 h3{ background: url(img/company/h3_3.gif) no-repeat bottom left;}
.l_270 h3, .l_335 h3, .r_335 h3{ background: url(img/company/h3_4.gif) no-repeat bottom left;}

.w690 h3{ background: url(img/company/h3_1.gif) no-repeat bottom left;}

/* --- LIST_table --- */

.list{
	margin: 0 5px 25px;
	background: url(img/company/table_bg.gif);
}
.list_inner{ padding: 0 0 11px;}

.outline .list_inner{ background: url(img/company/table_bg_bottom1.gif) no-repeat bottom;}
.history .list_inner{ background: url(img/company/table_bg_bottom2.gif) no-repeat bottom;}

.list_inner .hght{ padding: 0 25px 0 35px; clear: both;}

.outline .list_inner .hght{ background: url(img/company/table_bg_all1.gif) no-repeat top;}
.history .list_inner .hght{ background: url(img/company/table_bg_all2.gif) no-repeat top;}

.list .l{
	padding: 5px 0 2px;
	clear: none;
	float: left;
}
.outline .list .l{ width: 160px;}
.history .list .l{ width: 7em;}

.list .r{
	margin: 5px 0 2px;
	padding: 0;
	float: right;
}
.outline .list .r{ width: 430px;}
.history .list .r{ width: 480px;}

.history .list .l span.ltxt{ float: left; width: 4em;}
.history .list .l span.rtxt{ float: right; width: 2.5em; text-align: right;}
.history .list .r img{ margin: 0 7px 0 0; vertical-align: middle;}

/* --- PAGES --- */

/* index */

:root .toppage .unit1{ margin: 0 0 25px;}
.toppage #contents_inner .r_200 ul{ margin: 0 0 8px; padding: 0; list-style: none; line-height: 140%;}
.toppage #contents_inner .r_200 li{ margin: 0 0 0.2em; padding: 0 0 0 8px; background: url(img/company/arrow_1.gif) no-repeat 0 3px;}
.toppage .r_200 .btn_more{
	width: 74px;
	height: 15px;
	background: url(img/company/btn_more.gif) no-repeat left top;
}
.toppage .r_200 .btn_more a{ display: block; width: 74px; height: 15px;}
.toppage .r_200 .btn_more span{ display: none;}

/* comp */

.w690 p{ padding: 0 2px; text-indent: 1em;}

/* brand */

.brand .l_310{ margin: 0 20px 0 0;}

/* outline */

.outline .l_210 p{ padding: 0 2px;}

/* business */

.business .btn_more{
	float: right;
	width: 74px;
	height: 15px;
	background: url(img/company/btn_website.gif) no-repeat left top;
}
.business .btn_more a{ display: block; width: 74px; height: 15px;}
.business .btn_more span{ display: none;}

/* ir,  will*/

.ir table, .will table{
	width: 690px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.ir table th, .ir table td, .will table th, .will table td{
	padding: 5px 10px 3px;
	line-height: 140%;
	font-size: 12px;
}
.ir table th, .will table th{
	background: url(img/company/table_bg_th1.gif) repeat-x top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: normal;
}
.ir table td{
	border-right: 1px solid #ddd;
	background: url(img/company/line_1.gif) repeat-x bottom;
	text-align: center;
}
.ir table td.l, .will table td.l{ text-align: center;}
.ir table td.r, .will table td.r{ border-right: none;}
.ir table .end{ background: none; border-bottom: 1px solid #ccc;}

.ir table.ir1 td{ text-align: right;}

.ir table.ir2 img, .will table img{ margin: 0 10px 0 0; vertical-align: middle;}

.will table{ border-bottom: 1px solid #ccc;}
.will table td{
	border-right: 1px solid #ddd;
	background: url(img/company/line_1.gif) repeat-x top;
	text-align: left;
}
.will table .center_sp{ padding: 0; width: 3px; font-size: 3px;}
.will table .start{ background: none;}
.will table .date{ text-align: center;}

/*
.message
.vision
.comp
.brand
.outline
.governance
.org
.business
.ir
.history
.will
*/