﻿body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #4A4947;
	background-color: #CBE4CE;
	background-image: url(../img/common/bg_body.gif);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
	font-size: 10pt;
	line-height: 160%;
}

/*mac win safari3*/
 body:first-of-type {
 font-size: 75%;
} 

/* for Windows IE */
@media screen {
    * html body {
        font-size: 80%;
    }
}



div:after {
	content: " ";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

	
h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: both;
}

p {
	margin: 0px;
}

a{
	outline:none;
	color:#4A4947;
	text-decoration:none;
}
	
a:hover{
	color:#006699;
	text-decoration:underline;
}


	
/*************************************************************************
基本設定
**************************************************************************/

div#container {
	margin: 0 auto;
	padding: 0px;
	width: 900px;
	text-align:left;
	background-color: #FFFFFF;
}

div#main {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 880px;
	text-align:left;
	background-color: #FFFFFF;
	clear: both;
}

div.contents {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 630px;
	text-align:left;
	clear: both;
}

div.contents_line {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	width: 630px;
	text-align:left;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}




/*************************************************************************
header
**************************************************************************/

div#header {
	margin: 0px 0px 0px 10px;
	padding: 20px 0px 15px 0px;
	width: 880px;
	clear: both;
}
div#logo {
	margin: 0 auto;
	padding: 0px;
	width: 440px;
	float: left;
}
div#mail {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 435px;
	text-align: right;
	float: right;
}
div.page1 {
	margin: 0 auto;
	padding: 0px 20px 0px 0px;
	width: 80px;
	text-align: right;
	float: right;
}





/*************************************************************************
グローバルメニュー
**************************************************************************/

div#navi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	width: 882px;
	text-align: left;
	float: left;
}

div#navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

div#navi ul li {
	list-style-type: none;
	position: relative;
	text-indent: -9999px;
	float: left;
}

div#navi ul li a {
	text-decoration: none;
	display: block;
	width: 176px;
	height: 48px;
}

div#navi li.home  { background: url(../eng/img/common/g_navi.jpg) no-repeat 0px 0px; }
div#navi li.home a:hover { background: url(../eng/img/common/g_navi.jpg) no-repeat 0px -48px; }
div#navi li.corporate  { background: url(../eng/img/common/g_navi.jpg) no-repeat -176px 0px; }
div#navi li.corporate a:hover { background: url(../eng/img/common/g_navi.jpg) no-repeat -176px -48px; }
div#navi li.life  { background: url(../eng/img/common/g_navi.jpg) no-repeat -352px 0px; }
div#navi li.life a:hover { background: url(../eng/img/common/g_navi.jpg) no-repeat -352px -48px; }
div#navi li.functional  { background: url(../eng/img/common/g_navi.jpg) no-repeat -528px 0px; }
div#navi li.functional a:hover { background: url(../eng/img/common/g_navi.jpg) no-repeat -528px -48px; }
div#navi li.contact  { background: url(../eng/img/common/g_navi.jpg) no-repeat -704px 0px; }
div#navi li.contact a:hover { background: url(../eng/img/common/g_navi.jpg) no-repeat -704px -48px; }

div#navi li.home_on  { background: url(../eng/img/common/g_navi.jpg) no-repeat 0px -96px; }
div#navi li.corporate_on  { background: url(../eng/img/common/g_navi.jpg) no-repeat -176px -96px; }
div#navi li.life_on  { background: url(../eng/img/common/g_navi.jpg) no-repeat -352px -96px; }
div#navi li.functional_on  { background: url(../eng/img/common/g_navi.jpg) no-repeat -528px -96px; }
div#navi li.contact_on  { background: url(../eng/img/common/g_navi.jpg) no-repeat -704px -96px; }



div#p-link {
	margin: 0px 0px 20px 9px;
	padding: 3px 0px 0px 30px;
	height: 26px;
	text-align: left;
	background-image: url(../img/common/bg_plink.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	clear: both;
}

div#p-link a {
	color: #C9C9C9;
}



/********************************************************************
footer
*********************************************************************/

div#footer {
	margin: 15px 0px 0px 10px;
	padding: 5px 0px 20px 0px;
	width: 880px;
	text-align: left;
	border-top: 1px solid #B7B7B7;
	clear: both;
}

div#footer_copy {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 880px;
	text-align: right;
	float: left;
}







/*************************************************************************
リスト
**************************************************************************/

ul.list_bs {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	list-style-image: url(../img/common/bg_list_base.gif);
}
ul.list_bs li {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}


ul.list_blue {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	list-style-image: url(../img/common/bg_list_blue.gif);
}
ul.list_blue li {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color:#006699;
}
ul.list_blue li a {
	color:#006699;
	text-decoration:mone;
}
ul.list_blue li a:hover {
	color:#006699;
	text-decoration:underline;
}


ul.list_footer {
	margin: 0px;
	padding: 0px;
	text-align: left;
	line-height: 120%;
}
ul.list_footer li {
	padding: 7px 30px 10px 25px;
	display: inline;
	background: url(../img/common/bg_footer.jpg) no-repeat 0px 5px;
}


ul.list_sub {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	line-height: 120%;
}
ul.list_sub li {
	padding: 7px 30px 0px 20px;
	list-style-type: none;
	background: url(../img/common/bg_list_sub.jpg) no-repeat 0px 5px;
}




/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */




/********************************************************************
 共通エレメント
*********************************************************************/

.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}


.red {
color: #990000;
}

.title {
font-size: 120%;
font-weight: bold;
}

.small {
font-size: 80%;
}



#pgtp {
margin: 0px;
text-align: right;
}





/********************************************************************
 共通マージンタイプ
*********************************************************************/

div#container .mgb0{margin-bottom:0 !important;}
div#container .mgb5{margin-bottom:5px !important;}
div#container .mgb3{margin-bottom:3px !important;}
div#container .mgb10{margin-bottom:10px !important;}
div#container .mgb15{margin-bottom:15px !important;}
div#container .mgb20{margin-bottom:20px !important;}
div#container .mgb30{margin-bottom:30px !important;}

div#container .mgt0{margin-top:0 !important;}
div#container .mgt5{margin-top:5px !important;}
div#container .mgt10{margin-top:10px !important;}
div#container .mgt15{margin-top:15px !important;}
div#container .mgt20{margin-top:20px !important;}
div#container .mgt30{margin-top:30px !important;}
div#container .mgt40{margin-top:40px !important;}
div#container .mgt50{margin-top:50px !important;}

div#container .mgl0{margin-left:0 !important;}
div#container .mgl5{margin-left:5px !important;}
div#container .mgl10{margin-left:10px !important;}
div#container .mgl15{margin-left:15px !important;}
div#container .mgl20{margin-left:20px !important;}
div#container .mgl30{margin-left:30px !important;}

div#container .mgr0{margin-right:0 !important;}
div#container .mgr5{margin-right:5px !important;}
div#container .mgr10{margin-right:10px !important;}
div#container .mgr15{margin-right:15px !important;}
div#container .mgr20{margin-right:20px !important;}
div#container .mgr30{margin-right:30px !important;}

div#container .mgn0{margin:0 !important;}

div#container .pdt0{padding-top:0 !important;}
div#container .pdt5{padding-top:5px !important;}
div#container .pdt10{padding-top:10px !important;}
div#container .pdt15{padding-top:15px !important;}
div#container .pdt20{padding-top:20px !important;}
div#container .pdt30{padding-top:30px !important;}

div#container .pdb0{padding-bottom:0 !important;}
div#container .pdb5{padding-bottom:5px !important;}
div#container .pdb10{padding-bottom:10px !important;}
div#container .pdb15{padding-bottom:15px !important;}
div#container .pdb20{padding-bottom:20px !important;}
div#container .pdb30{padding-bottom:30px !important;}

div#container .pdl0{padding-left:0 !important;}
div#container .pdl5{padding-left:5px !important;}
div#container .pdl10{padding-left:10px !important;}
div#container .pdl15{padding-left:15px !important;}
div#container .pdl20{padding-left:20px !important;}
div#container .pdl30{padding-left:30px !important;}


div#container .pdr0{padding-right:0 !important;}
div#container .pdr5{padding-right:5px !important;}
div#container .pdr10{padding-right:10px !important;}
div#container .pdr15{padding-right:15px !important;}
div#container .pdr20{padding-right:20px !important;}
div#container .pdr30{padding-right:30px !important;}

div#container .pad0{padding:0 !important;}




/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div#container .clearBoth{clear:both;}
div#container .floatLeft{float:left;}
div#container .floatRight{float:right;}
div#container .alignLeft{text-align:left;}
div#container .alignRight{text-align:right;}

