@charset "UTF-8";

/* 03 header */ 
header {
	height: 150px;
	background: url(../../common/images/header_bg.gif) center bottom repeat-x;
}
header #logo {
	float: left;
	width: 50%;
}
header #language{
	float:right;
	width:50%;
	}
header #language li {
	position:relative;
	float:right;
	width:80px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	padding-left:5px;
}
header #language li:hover {
	color: #fff;
	background: #333;
	border: #333 solid 1px;
	margin:-1px;
}
header #language li ul {
	position:absolute;
	display:none;
	background:#FFFFFF;
	border:#c1c1c1 solid 1px;
	margin-left:-6px;
}
header #language li ul li{
	background:url(../../common/images/header_menu_arrow.gif) center left no-repeat;
	height:30px;
	line-height:30px;
}	
header #language li ul li a{
	margin-left:10px;
}
header #language li ul li:hover {
	height:30px;
	line-height:30px;
	background:#dcdcdc url(../../common/images/header_menu_arrow_on.gif) center left no-repeat;
	border:none;
	margin:0px;
}
header #txtsize {
	float: right;
	text-align: right;
	width: 360px;
	padding-top: 8px;
	font-size: 10px;
}
header #txtsize strong {
	margin-right: 10px;
}
header #txtsize a {
	background-color: #e9e9e3;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 1px;
	line-height: 20px;
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
header #txtsize a.small {
	padding-top: 2px;
}
header #txtsize a.midlle {
	padding-top: 1px;
	font-size: 12px;
}
header #txtsize a.large {
	font-size: 16px;
}
header #txtsize a:hover {
	background-color: #babaa6;
	color: #221815;
}
header #mailInfo{
	float:right;
	width:130px;
	text-align:right;
	padding-top: 9px;
}
header form{
	text-align:right;
}
header nav {
	clear: both;
	height: 67px;
}

header nav ul {
	background: transparent url(../../common/images/g_navi_o.gif) no-repeat left top;
	height: 67px;
	font-size: 0;
}
header nav ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 67px;
}
header nav ul li a,
header nav ul li span.nolink {
	background: transparent url(../../common/images/g_navi.gif) no-repeat left top;
	display: block;
	height: 0;
	overflow: hidden;
	outline-style:none;
	padding-top: 67px;
	width: 126px;
}
header nav ul li#gNaviHome a {
	background-position: 0 0;
	width: 98px;
}
header nav ul li#gNaviVision a {
	background-position: -98px 0;
}
header nav ul li#gNaviCompany a {
	background-position: -224px 0;
}
header nav ul li#gNaviGroup a {
	background-position: -350px 0;
}
header nav ul li#gNaviBusiness a,
header nav ul li#gNaviBusiness span.nolink {
	background-position: -476px 0;
}
header nav ul li#gNaviC3 a,
header nav ul li#gNaviC3 span.nolink {
	background-position: -602px 0;
	width:128px;
}
header nav ul li#gNaviCSR a {
	background-position: -730px 0;
	width:125px;
}
header nav ul li#gNaviIR a,
header nav ul li#gNaviIR span.nolink {
	background-position: -855px 0;
	width:125px;
}
header nav li#gNaviHome a:hover,
header nav li#gNaviVision a:hover,
header nav li#gNaviCompany a:hover,
header nav li#gNaviGroup a:hover,
header nav li#gNaviBusiness a:hover,
header nav li#gNaviC3 a:hover,
header nav li#gNaviCSR a:hover,
header nav li#gNaviIR a:hover {
	background: none;
}
#home header nav li#gNaviHome a,
#vision header nav li#gNaviVision a,
#company header nav li#gNaviCompany a,
#group header nav li#gNaviGroup a,
#business header nav li#gNaviBusiness a,
#c3 header nav li#gNaviC3 a,
#csr header nav li#gNaviCSR a,
#ir header nav li#gNaviIR a {
	background: none;
}



/* 04 footer */ 
footer {
	background: url(../../common/images/footer_bg.gif) repeat-x left top;
	height: 170px;
}
footer nav {
	padding: 15px 0;
}
footer nav ul li {
	color: #BFBFBF;
	display: inline-block;
	font-size: 12px;
	margin: 0 23px 0 0;
	line-height: 1;
	vertical-align: middle;
}
footer nav ul li a,
footer nav ul li span {
	background: url(../../common/images/ico_right.gif) no-repeat left center;
	display: block;
	padding-left:10px;
	line-height: 25px;
}
footer nav ul li a:link {
	color: #221815;
	text-decoration: none;
}
footer nav ul li a:hover {
	text-decoration: underline;
}
footer nav ul li:last-child {
	margin-right:0;
}

footer aside {
	padding: 10px 0;
}
footer #copyright {
	font-size: 11px;
	float: left;
	width: 50%;
	margin-top: 12px;
}
footer #flogo {
	float: right;
	width: 50%;
	text-align: right;
}





/* 05 topicpath */
#topicpath {
	background: url(../../common/images/ico_home.gif) no-repeat top left;
	margin: 0 auto;
	padding-left: 20px;
	text-align: left;
	line-height: 16px;
}

#topicpath li {
	display: inline-block;
	margin-right: 6px;
}
#topicpath li a {
	background: url(../../common/images/ico_topic.gif) no-repeat top right;
	color: #221815;
	display: block;
	font-weight: bold;
	padding-right: 17px;
	min-height: 20px;
}
#topicpath li span {
	background: url(../../common/images/ico_topic.gif) no-repeat top right;
	display: block;
	padding-right: 17px;
	min-height: 20px;
}



/* 06 content */
article {
	background: url(../../common/images/contents_bg.gif) no-repeat top right;
	float: right;
	width: 700px;
	min-height: 400px;
	padding: 10px 0 55px;
}
article h2 {
	background: url(../../common/images/h1_bg.gif) no-repeat bottom left;
	padding: 30px 0 3px;
	margin-bottom: 20px;
}
article .h2 {
	background: url(../../common/images/line700.gif) no-repeat bottom left;
}

article p.leadtxt {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2rem;
	margin: 24px 0;
}

article ol {
	list-style: inside decimal;
}
article ol li {
	text-indent: -2em;
	margin-left: 2em;
}


p.pagetop {
	font-size: 10px;
}
article section p.pagetop a:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}


section ul.listtable {
	float: left;
	width: 330px;
	margin-right: 40px;
}
section ul.listtable li {
	padding: 12px 0 8px;
	border-bottom: #ccc solid 1px;
}
section ul.listtable:last-child {
	margin-right: 0;
}



table {
	margin: 0;
	padding: 0;
	width: 100%;
}

table th,
table td {
	border-bottom: #ccc solid 1px;
	padding: 12px 0 8px;
	vertical-align: top;
	text-align: left;
}
table.listtable th {
	background: url(../../common/images/ico_list.gif) no-repeat 10px 20px;
	padding-left: 18px;
}



/* 07 aside */
#content aside {
	float: left;
	width: 220px;
	padding: 40px 0 0;
}
aside h1 {
	margin: 0;
	padding: 0 0 3px;
	border-bottom: #d1d1d1 solid 1px;
}
aside h1 span {
	font-size: 0.8rem;
	margin-left: 5px;
	margin-bottom: 12px;
}

aside nav ul li {
	border-bottom: #d1d1d1 solid 1px;
	padding: 1px 0;
	width: 220px;
	font-size: 1.1rem;
}

aside nav ul li a {
	background: #fff url(../../common/images/ico_right.gif) no-repeat 10px center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #221815;
	display: block;
	width: 100%;
	height: 100%;
	height: 37px;
	line-height: 38px;
	padding: 0 12px 0 22px;
	font-weight: bold;
}
aside nav ul li a:link {
	color: #221815;
	text-decoration: none;
}
aside nav ul li a:hover,
aside nav ul li.current a {
	background-color: #eeeee6;
}
aside nav ul li a:visited,
aside nav ul li a:active {
	color: #221815;
}


/* clearfix */
section {
	zoom: 1;
}
section:after,
section:before {
	font-size: 0;
	content: ".";
	display: table;
}
section:after {
	clear: both;
}










































article{
	float:none !important;
	margin:0 auto !important;
	padding-bottom:0;
}
section{
}
section#popup{
	border: none;
	padding-bottom: 0;
}
section#popup h2{
	margin-bottom: 0;
}
section h3 {
	background: url(../../common/../common/images/ico_list.gif) no-repeat left center;
	padding-left: 10px;
}
article ol {
	list-style: outside decimal;
}
article ol li {
	text-indent: 0em;
}
section#popup table th {
	width: 12em;
}
section#popup table td dt {
	float: left;
}
section#popup table tr.director td dt,
section#popup table tr.bank td dt {
	width: 7em;
}