@charset "UTF-8";


table td,
table th {
border: 1px solid #CCCCCC;
padding: 10px;
vertical-align: top;
font-weight: normal;
}


/* index
------------------------------------*/
/* outlineIndexLayout
------------------------------------*/

.outlineIndexLayout #mainArea h3 {
background-image: url(../image/title01.jpg);
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 .rightColumn {
float: right;
width: 450px;
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 .leftColumn {
float: left;
width: 100px;
}
	/* スマートフォン用のスタイル記述 */
	@media screen and (max-width: 620px) {
		.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 div.rightColumn,
		.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 div.leftColumn {
			float: none;
			width: 100%;
		}
		
		.outlineIndexLayout #styleDiv01 ul li {
		}
	}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 .leftColumn ul {
font-size: 80%;
line-height: 1.3;
text-align: center;
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 .leftColumn ul li {
width: 160px;
margin: 0 auto;
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 .leftColumn ul img {
margin: 0 0 5px;
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 .leftColumn ul span {
display: block;
margin: 0 0 15px;
}

#contents #contentsBg #mainArea .cassette1 .sign {
float: right;
}

#contents #contentsBg #mainArea .cassette1 .sign p {
text-align: left;
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable02 li span.leftColumn {
width: 100px;
text-align: center;
}

.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.rightColumn {
width: 328px;
}
	/* スマートフォン用のスタイル記述 */
	@media screen and (max-width: 620px) {
		.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.leftColumn,
		.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.rightColumn {
			width: auto;
			float: none;
		}
		.outlineIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.leftColumn {
			text-align: left;
		}
	}


/* factory
------------------------------------*/

.outlineFactoryHeadofficeLayout #mainArea h3 {
background-image: url(../factory/image/title02.jpg);
}

.outlineFactoryTokyoLayout #mainArea h3 {
background-image: url(../factory/image/title03.jpg);
}

.outlineFactoryQcenterLayout #mainArea h3 {
background-image: url(../factory/image/title04.jpg);
}

.outlineFactoryQcenter2Layout #mainArea h3 {
background-image: url(../factory/image/title11.jpg);
}

.outlineFactoryNagaragawaLayout #mainArea h3 {
background-image: url(../factory/image/title05.jpg);
}

.outlineFactoryKawashimaLayout #mainArea h3 {
background-image: url(../factory/image/title06.jpg);
}

.outlineFactoryMotosuLayout #mainArea h3 {
background-image: url(../factory/image/title07.jpg);
}

.outlineFactoryIkedaLayout #mainArea h3 {
background-image: url(../factory/image/title08.jpg);
}

.outlineFactoryIbigawaLayout #mainArea h3 {
background-image: url(../factory/image/title09.jpg);
}

.outlineFactoryIkedamLayout #mainArea h3 {
background-image: url(../factory/image/title10.jpg);
}

.outlineFactoryIndexLayout #mainArea h3 {
background-image: url(../factory/image/title01.jpg);
}

.outlineFactoryIkedabmLayout #mainArea h3 {
background-image: url(../factory/image/title12.jpg);
}

.outlineFactoryMizuhoLayout #mainArea h3 {
background-image: url(../factory/image/title13.jpg);
}

.outlineFactoryNextstageLayout #mainArea h3 {
background-image: url(../factory/image/title14.jpg);
}

.outlineFactoryHonjoLayout #mainArea h3 {
background-image: url(../factory/image/title15.jpg);
}

.outlineFactoryQlcLayout #mainArea h3 {
background-image: url(../factory/image/title16.jpg);
}

.outlineFactoryApIbiLayout #mainArea h3 {
background-image: url(../factory/image/title17.jpg);
}

.outlineFactoryMotosumLayout #mainArea h3 {
background-image: url(../factory/image/title18.jpg);
}

#contents #contentsBg #mainArea h5.factoryH5 {
margin-top:20px;
}

.outlineFactoryHeadofficeLayout #mainArea h6,
.outlineFactoryTokyoLayout #mainArea h6,
.outlineFactoryQcenterLayout #mainArea h6,
.outlineFactoryQcenter2Layout #mainArea h6,
.outlineFactoryNagaragawaLayout #mainArea h6,
.outlineFactoryKawashimaLayout #mainArea h6,
.outlineFactoryMotosuLayout #mainArea h6,
.outlineFactoryIkedaLayout #mainArea h6,
.outlineFactoryIbigawaLayout #mainArea h6,
.outlineFactoryIkedamLayout #mainArea h6,
.outlineFactoryNextstageLayout #mainArea h6,
.outlineFactoryIkedabmLayout #mainArea h6,
.outlineFactoryMizuhoLayout #mainArea h6,
.outlineFactoryHonjoLayout #mainArea h6,
.outlineFactoryQlcLayout #mainArea h6,
.outlineFactoryApIbiLayout #mainArea h6,
.outlineFactoryMotosumLayout #mainArea h6 {
	color: #163190;
	font-size: 100%;
	font-weight: bold;
}

.outlineLayout #mainArea .accordion .acbtn {
	background-color: #163190;
	color: #FFF;
	cursor: pointer;
	padding: 5px;
}

.outlineLayout #mainArea .accordion .acbox {
	display: none;
}


/* history
------------------------------------*/

table#tableHistory tr.gray {
background-color: #F5F5F5;
}

table#tableHistory th.dateYear {
width: 115px;
}

table#tableHistory th.dateMonth {
width: 40px;
}

table#tableHistory a {
text-decoration: underline;
}

.outlineHistoryIndexLayout #mainArea h3 {
background-image: url(../history/image/title01.jpg);
}

.outlineHistoryP_2005Layout #mainArea h3 {
background-image: url(../history/image/title07.jpg);
}

.outlineHistoryP_2003Layout #mainArea h3 {
background-image: url(../history/image/title06.jpg);
}

.outlineHistoryP_1995Layout #mainArea h3 {
background-image: url(../history/image/title05.jpg);
}

.outlineHistoryP_1980Layout #mainArea h3 {
background-image: url(../history/image/title04.jpg);
}

.outlineHistoryP_1975Layout #mainArea h3 {
background-image: url(../history/image/title03.jpg);
}

.outlineHistoryP_1907Layout #mainArea h3 {
background-image: url(../history/image/title02.jpg);
}

.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable a {
text-decoration: underline;
}

.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li div.leftColumn {
width: 186px;
text-align: left;
}

.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li div.leftColumn span.leftColumn {
width: 144px;
text-align: left;
padding:5px 0 5px 8px;
}

.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li div.leftColumn span.rightColumn {
width: 34px;
text-align: left;
padding:5px 0;
}

.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.rightColumn {
width: 416px;
}

.outlineHistoryIndexLayout ul.styleUlTable {
background-image: url(../history/image/ultable_bg01.jpg);
background-position: 142px 0px;
}


	/* スマートフォン用のスタイル記述 */
	@media screen and (max-width: 620px) {
		.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.leftColumn,
		.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.rightColumn {
			width: auto;
			float: none;
		}
		.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li span.leftColumn {
			text-align: left;
		}
		.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable {
			background: none;
		}
		.outlineHistoryIndexLayout #contents #contentsBg #mainArea .cassette1 ul.styleUlTable li div.leftColumn span.leftColumn {
		padding:0;
		}
	}


/* idea
------------------------------------*/

.outlineIdeaIndexLayout #mainArea h3 {
background-image: url(../idea/image/title01.jpg);
}

.outlineIdeaIndexLayout #mainArea ul {
padding: 10px 10px 30px;
font-size:110%;
font-weight:bold;
}

.outlineIdeaIndexLayout #mainArea ul li {
padding: 5px 0;
}

.outlineIdeaIndexLayout #mainArea ul span {
font-size:110%;
color: #163190;
}

ul#ulIdea {
margin: 0 0 15px;
}

ul#ulIdea li {
margin: 0 0 10px;
}

span#spanIdea {
font-size: 120%;
color: #FF6600;
font-weight: bold;
}


/* conduct
------------------------------------*/

.outlineConductIndexLayout #mainArea h3 {
background-image: url(../conduct/image/title01.jpg);
}


/* procurement
------------------------------------*/

.outlineProcurementIndexLayout #mainArea h3 {
background-image: url(../procurement/image/title01.jpg);
}


/* group
------------------------------------*/

.outlineGroupIndexLayout #mainArea h3 {
background-image: url(../group/image/title01.jpg);
}

.outlineGroupIndexLayout #mainArea ul {
	padding: 10px 0 0;
}

.outlineGroupIndexLayout #mainArea ul li {
	font-size: 120%;
	margin: 0 0 20px;
}

.outlineGroupIndexLayout #mainArea ul li a:before {
	content: '■';
	color: #163190;
	display: inline-block;
	margin: 0 5px 0 0;
}

.outlineGroupIndexLayout #mainArea ul li a {
	display: block;
	border: 1px solid #ddd;
	padding: 10px 20px;
}

.outlineGroupShanghaiLayout #mainArea h3 {
background-image: url(../group/image/title02.jpg);
}

.outlineGroupUnigenLayout #mainArea h3 {
background-image: url(../group/image/title03.jpg);
}

.outlineGroupShanghaiLayout #mainArea h6,
.outlineGroupUnigenLayout #mainArea h6 {
	color: #163190;
	font-size: 100%;
	font-weight: bold;
}


/* environmental
------------------------------------*/

.outlineEnvironmentalIndexLayout #mainArea h3 {
background-image: url(../environmental/image/title01.jpg);
}

.outlineEnvironmentalIndexLayout #mainArea ol li {
	list-style-type: decimal;
	margin: 0 0 20px 20px;
}

.outlineEnvironmentalIndexLayout #mainArea ol li ol {
	padding: 5px 0 0;
}

.outlineEnvironmentalIndexLayout #mainArea ol li ol li {
	list-style-type: none;
	margin: 0 0 5px;
}

.outlineEnvironmentalIndexLayout #mainArea .right {
	text-align: right;
}


/* float
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */