@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul {
list-style-type: none;
}

ul.linkUl li {
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
	padding: 0 0 0 15px;
}

ol {
	padding: 0 0 0 20px;
}


img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
margin: 0 0 20px
}

th, td {
padding: 8px 10px;
border: 1px solid #71A0D8;
vertical-align: top;
}

th {
background-color: #F0F8FF;
color: #71A0D8;
}

.columnLeft {
	float: left;
}

.columnRight {
	float: right;
}

.redP {
	color: #DF5217;
}
.blueP {
	color: #0092B8;
}
.blueP2 {
	background-color:#00A0E8;
	color: #fff;
}
.center {
	text-align: center;
	margin:auto; 
}

/* common
------------------------------------*/

a:link { color: #666; }
a:visited { color: #666; }
a:hover { color: #00A0E8; }
a:active { color: #00A0E8; }
a { text-decoration: none; }

body{
background: url(../img/bg04.jpg);
background-position: center;
line-height:1;
color: #666666;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 90%;
height:100%;
}

#header {
	background-color: #fff;
	text-align:center;
	width: auto;
	margin: 0 auto;
	padding: 0;
}

.headerDiv {
	background: url(../img/bg01.jpg);
	background-repeat: no-repeat;
	width: 990px;
	text-align: right;
	padding: 18px 0 0;
	margin: 0 auto;
}

.headerDiv div {
	margin: 0 0 16px;
}

.headerDiv div h1 {
	text-align: left;
	float: left;
	width: 500px;
	padding: 0 0 0 30px;
	font-weight: normal;
}

.headerDiv div h1.en  {
	width: 700px;
}

.headerDiv div h1 span {
	font-size: 40%;
	margin: 0 0 0 60px;
}
.headerDiv div h1.en span {
	font-size: 35%;
	margin: 0 0 0 50px;
}

.headerDiv div ul {
	padding: 50px 80px 0;
	font-size: 80%;
}

.headerDiv div ul li {
	float: left;
	margin: 0 10px 0;
}

ul.gNavi {
	width: 960px;
	margin: 0 auto;
}

ul.gNavi li {
	float: left;
}

ul.gNavi li.right {
	float: right;
	margin: 0;
	padding: 0;
}

#container {
	background-image: url(../img/bg03.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#contents {
	background-image: url(../img/bg02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 970px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

h2 {
	padding: 0;
	margin: 0;
}

#pankuzu {
	width: 970px;
	margin: 0 auto 13px;
}

#pankuzu p {
	float: left;
	padding: 10px 15px 0;
	font-size: 90%;
}

#contents #menu {
	background-repeat: no-repeat;
	float: left;
	width: 150px;
	padding: 30px 5px 50px;
	margin: 0 15px;
}

#contents #menu ul {
	margin: 20px 0 10px;
	width: 140px;
	border-top: 1px solid #D6D6D6;
}

#contents #menu ul li {
	padding: 10px 5px;
	border-bottom: 1px solid #D6D6D6;
	font-size: 90%;
}

#contents #main {
	width: 780px;
	float: right;
	line-height: 1.5;	
}

#contents #main a:link { color: #00A0E8; }
#contents #main a:visited { color: #00A0E8; }
#contents #main a:hover { color: #00A0E8; text-decoration: underline; }
#contents #main a:active { color: #00A0E8; text-decoration: underline; }

#contents #main h3 {
	margin: 28px 0;
	padding: 0 15px;
	font: bold 160% "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	line-height:1.2;
}

#contents #main h3.blueh3 {
	font: bold 180% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #71A0D8;
}
#contents #main h3.blueh3 span {
	font-size: 50%;
	font-weight: normal;
	color: #666666;
}

#contents #main .cassette {
	margin: 0 25px 50px 15px;
}

#contents #main .cassette p,
#contents #main .cassette ul,
#contents #main .cassette ol,
#contents #main .cassette img {
	margin: 0 0 20px;
	line-height:1.8;
}

#contents #main .cassette h4 {
	margin: 0 0 30px;
	font-size: 130%;
	font-weight: normal;
	color: #71A0D8;
	border-bottom: 1px solid #71A0D8;
	padding: 0 5px 10px;
}

#contents #main .cassette h5 {
	margin: 0 0 20px;
	font-size: 110%;
}

#contents #main .cassette h6 {
	margin: 0 0 20px;
	font-size: 110%;
}

.pageTopLink {
text-align: right;
position: fixed;
bottom: 40px;
right: 40px;
}

#footer {
	width: 970px;
	background-color: #F9F9F9;
	margin: 0 auto;
	padding: 18px 0 20px;
	font-size: 80%;
	height:100%;
}

#footer .footerIn {
	width: 700px;
	margin: 0 auto;
	padding: 30px 121px;
}

#footer ul li {
	float: left;
	padding: 12px 10px 0;
	width: 155px;
	margin: 0 0 5px;
}

#footer ul li ul li {
	float: none;
	padding: 10px 10px 0;
	margin: 0;
}

/* en
------------------------------------*/

#footer .footerEn {
	width: 820px;
	text-align: center;
	padding: 30px 10px;
}

#footer .footerEn ul.footerUl {
	margin: 0 0 80px;
}

#footer .footerEn ul li {
	padding: 12px 10px 0;
	width: 840px;
}

#footer .footerEn ul li ul li {
	float: left;
	padding: 0 10px 0;
	margin: 10px 0;
	width: auto;
	border-right: 1px solid #323232;
}

#footer .footerEn ul li ul li.lustLi {
	border: none;
}

.indexLayout #footer .footerEn {
	height: 450px;
}

/* indexLayout
------------------------------------*/

.indexLayout {
	background-image: url(../img/bg03.jpg);
    background-repeat: repeat-x;
	background-position: center 420px;
	height:100%;
}

.indexLayout #header {
    background-image: url(../../img/bg01.jpg);
    background-position: center 143px;
    background-repeat: no-repeat;
}

.indexLayout #container {
	background-image: url(../img/bg02.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.indexLayout #contents {
	background-image: none;
	width: 780px;
	padding: 0 100px;
	margin: 0 auto 0;
}
.indexLayout #contents #main {
	width: 500px;
	float: left;
}
.indexLayout #contents #main h3 {
	margin: 20px 0 0;
}
.indexLayout #contents #main h3 span {
	float: right;
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 10px;
	font: 50% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.indexLayout #contents #main ul {
	padding: 0 0 0 20px;
}
.indexLayout #contents #main ul li p.columnLeft {
	width: 90px;
}
.indexLayout #contents #main ul li p.columnRight {
	width: 350px;
}

.indexLayout #contents #main ul p {
	margin: 0 0 5px;
}

.indexLayout #contents #menu {
	background-image: none;
	float: right;
	width: 240px;
	padding: 0
	margin: 0;
}

.indexLayout #contents #menu ul,
.indexLayout #contents #menu ul li {
	border: none;
}

#slide {
width:970px;
height:280px;
margin:0 auto;
position:relative;
}
#slide img {
position:absolute;
left:0;
top:0;
}

/* companyLayout
------------------------------------*/

.companyLayout #header {
	background-image: url(../../company/img/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: center 143px;
}

.companyLayout #contents #menu {
	background-image: url(../../company/img/menu_bg.jpg);
}

/* companyIndexLayout
------------------------------------*/
.companyIndexLayout #container .cassette .columnLeft {
	width: 460px;
}

.companyIndexLayout #container .cassette .columnRight {
	width: 250px;
}

/* companyOutlineLayout
------------------------------------*/

.companyOutlineLayout #container .cassette .columnLeft,
.companyOutlineLayout #container .cassette .columnRight {
	width: 350px;
}

/* companyContributionLayout
------------------------------------*/
.companyContributionLayout #container .cassette .columnLeft {
	width: 500px;
}

.companyContributionLayout #container .cassette .columnRight {
	width: 200px;
}

/* companyGroupLayout
------------------------------------*/
.companyGroupLayout #container .cassette .columnLeft {
	width: 300px;
}

.companyGroupLayout #container .cassette .columnRight {
	width: 400px;
}

/* productLayout
------------------------------------*/
.productLayout #header {
	background-image: url(../../product/img/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: center 143px;
}
.productLayout #contents #menu {
	background-image: url(../../product/img/menu_bg.jpg);
}

/* productIndexLayout
------------------------------------*/
.productIndexLayout #container .cassette ul li {
	float: left;
	margin: 0 40px 0 0;
}

.productIndexLayout #container #main {
	background-image: url(../../product/img/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* product01index02Layout
------------------------------------*/
.product01index02Layout #footer {
	background-color: #fff;
    padding: 18px 0 20px;
    width: 969px;
}

/* product02indexLayout
------------------------------------*/
.product02indexLayout #container .cassette .columnLeft {
	width: 500px;
}

.product02indexLayout #container .cassette .columnRight {
	width: 220px;
}

/* product03indexLayout
------------------------------------*/
.product03indexLayout #container .cassette .columnLeft {
	width: 310px;
}

.product03indexLayout #container .cassette .columnRight {
	width: 400px;
}

/* product04indexLayout
------------------------------------*/
.product04indexLayout #container .cassette .columnLeft {
	width: 270px;
}

.product04indexLayout #container .cassette .columnRight {
	width: 470px;
}

/* newsLayout
------------------------------------*/

.newsLayout #header {
	background-image: url(../../news/img/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: center 143px;
}

.newsLayout #contents #main {
	float: none;
	width: 800px;
	margin: auto;
	min-height:450px;
}

.newsLayout #contents #main h3 span {
	font-size: 65%;
	line-height: 2.5;
}

.newsLayout #contents #main select {
	margin: 0 0 20px;
}

.newsLayout #contents #main ul {
	border-top: 1px #A7A7A7 solid;
}

.newsLayout #contents #main ul li {
	border-bottom: 1px #A7A7A7 solid;
	margin: 0;
	padding: 10px 15px;
}

.newsLayout #contents #main ul li p {
	margin: 0;
}

.newsLayout #contents #main ul li p.columnLeft {
	width: 90px;
}

.newsLayout #contents #main ul li p.columnRight {
	width: 640px;
}

.newsLayout #contents #main .cassette div.columnLeft {
	width: 200px;
}

.newsLayout #contents #main .cassette div.columnLeft img {
	margin: 0 0 3px;
}

.newsLayout #contents #main .cassette div.columnRight {
	width: 510px;
}

.newsLayout #contents #main .cassette div.columnRight ul,
.newsLayout #contents #main .cassette div.columnRight ul li {
	border-bottom: none;
	border-top: none;
}


/* infoLayout
------------------------------------*/

.infoLayout #header {
	background-image: url(../../info/img/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: center 143px;
}

.infoLayout #contents #main {
	float: none;
	width: 800px;
	margin: auto;
	min-height:450px;
}

/* sitemapLayout
------------------------------------*/
.sitemapLayout #header {
	background-image: url(../../sitemap/img/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: center 143px;
}

.sitemapLayout #contents #main {
	float: none;
	width: 800px;
	margin: auto;
}

.sitemapLayout #contents #main .columnLeft,
.sitemapLayout #contents #main .columnRight {
	width: 350px;
}

.sitemapLayout #contents #main h4 {
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
	padding: 5px 20px;
	margin: 10px 0;
}

.sitemapLayout #contents #main ul {
	padding: 5px 0 0 20px;
}

/* モーダル
------------------------------------*/
.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:50%;
    margin:30px;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}

#contents #main .modal-content h5 {
	margin: 0 0 15px;
	font-size: 110%;
	color: #fff;
	background-color: #71a0d8;
	padding: 2px 10px;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

/* clearfix
------------------------------------*/
#header:after,
#container:after,
#contents:after,
#pankuzu:after,
.cassette:after,
#footer:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
}
#header,
#container,
#contents,
#pankuzu,
.cassette,
#footer,
.clearfix {
display: inline-block;
}
/* exlude MacIE5 \*/
* html #header,
* html #container,
* html #contents,
* html #pankuzu,
* html .cassette,
* html #footer,
* html .clearfix {
height: 1%
}
#header,
#container,
#contents,
#pankuzu,
.cassette,
#footer,
.clearfix {
display:block;
}
/* end MacIE5 */