@charset "UTF-8";
/* font-size
10px{ font-size:72%; }
11px{ font-size:79%; }
12px{ font-size:86%; }
13px{ font-size:93%; }
14px{ font-size:100%; }
15px{ font-size:108%; }
16px{ font-size:115%; }
17px{ font-size:122%; }
18px{ font-size:129%; }
19px{ font-size:136%; }
20px{ font-size:143%; }
21px{ font-size:150%; }
22px{ font-size:158%; }
23px{ font-size:165%; }
24px{ font-size:172%; }
25px{ font-size:179%; }
26px{ font-size:186%; }
*/


/* Information
----------------------------------------------
File Name : common.css
--------------------------------------------*/

a:link {
	color: #136396;
	text-decoration: underline;
}
a:visited {
	color: #136396;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
body {
	color: #333333;
	font-size:14px;
	line-height: 160%;
}
body#companyTop {
	color: #333333;
}
body#companyPromise {
	background: #225994;
}
/* common
-------------------------------------------------------------*/
img {
	vertical-align: top;
}
.btnPageTop {
	clear: both;
	text-align: right;
}
.btnPageTop02 {
	clear: both;
	padding-right: 7px;
	text-align: right;
}
.txtPageTop {
	text-indent: -1em;
	padding-left: 1em;
	clear: both;
	padding-right: 15px;
	text-align: right;
	background: url(../common/item07.gif) no-repeat 100% 50%;
	font-size: 86%;
}
ul.note li,
p.note {
	text-indent: -1em;
	padding-left: 1em
}
.fs12 {
	font-size: 86%!important;
}
.ttl01 {
	margin-bottom: 20px;
}
.ttl02 {
	margin-bottom: 40px;
}
.ttl03 {
	margin-bottom: 25px;
}
.ttl04 {
	margin-bottom: 30px;
}
.ttl05 {
	margin-bottom: 10px;
}
.ttl06 {
	margin-bottom: 15px;
}
.ttl07 {
	margin-bottom: 25px;
	padding: 4px 0 4px 8px;
	background-color: #F4F4F4;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	height: 100%;
	font-size: 0;
	line-height: 0;
}
.lead p {
	margin-bottom: 1em;
}
.lead p.lastChild {
	margin-bottom: 0;
}
.unit {
	margin-bottom: 30px;
}
.unit.lastChild {
	margin-bottom: 0;
}
.utilityBox01 {
	overflow: hidden;
	/*display: table;*/
	height: 1%;
	margin: 0 0 51px;
	padding: 14px 13px;
	background-color: #F3F6F9;
	border: 3px solid #C3CFD8;
}
.utilityBox02 {
	overflow: hidden;
	/*display: table;*/
	margin-left: 3px;
	height: 1%;
}
.photoR .utilityBox01Img,
.photoR .utilityBox02Img {
	padding-left: 10px;
}
.photoL .utilityBox01Img,
.photoL .utilityBox02Img {
	padding-right: 10px;
}
.utilityBox01Cap,
.utilityBox02Cap {
	margin-top: 10px;
}
.photoL .utilityBox01Img,
.photoL .utilityBox02Img {
	display: inline;
	float: left;
}
.photoR .utilityBox01Img,
.photoR .utilityBox02Img {
	display: inline;
	float: right;
}
.photoL .utilityBox01Txt,
.photoL .utilityBox02Txt {
	display: inline;
	float: right;
}
.photoR .utilityBox01Txt,
.photoR .utilityBox02Txt {
	display: inline;
	float: left;
}
.menuItem {
	position: relative;
	left: -5px;
	width: 664px;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 3px solid #F3F6F9;
}
.menuItem.lastChild {
	margin-bottom: 0;
}
.menuItem .menuItemTxt {
	margin-bottom: 0px;
}
.menuItem .menuItemTxt dt {
	position: absolute;
	left: 10px;
	width: 3em;
}
.menuItem .menuItemTxt dd {
	margin-left: 3em;
}
.blank {
	background:url(../../../common/ic_blank.gif) no-repeat scroll 0 0.2em transparent !important;
	padding-left:18px !important;
}
/* header
-------------------------------------------------------------*/
#headerWrap {
	padding: 0 0 3px;
	background: url(../common/bg_structure02.gif) repeat-x left bottom;
	z-index: 20;
}
#companyTop #headerWrap {
	padding: 3px 0 0;
	background: url(../common/bg_structure01.gif) repeat-x left top;
}
#companyPromise #headerWrap {
	height: 75px;
	padding: 0;
	background: url(../images/company_promise/bg_header01.jpg) repeat-x left top;

}
#header {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: url(../common/bg_structure03.gif) no-repeat left top;
}
#companyTop #header {
	width: 950px;
	background: none;
}
#companyTop #header {
	background: none;
}
#companyPromise #header {
	position: relative;
	width: 700px;
	background: none;
}
#header input {
	vertical-align: top;
}
#header #ci {
	width: 130px;
	height: 99px;
	margin: 0;
	background: none;
}
#companyTop #header #ci {
	width: 130px;
	height: 99px;
	margin: 0 0 0 20px;
	background: url(../images/company_top/bg_top_logo.gif) no-repeat left top;
}
#companyPromise #ci {
	width: 250px;
	height: auto;
}
#header #ci p {
	width: 130px;
	height: 99px;
}
#companyTop #header #ci h1 {
	width: 130px;
	height: 99px;
}
#companyPromise #ci #description {
	width: 250px;
	padding: 10px 0 0 0;
	color: #A7C0D3;
}
#companyPromise #ci #logo {
	position: absolute;
	top: 28px;
	left: 1px;
	width: 79px;
}
#companyTop #tNav {
	position: absolute;
	top: 0;
	left: 150px;
	width: 551px;
}
#companyTop #tNav ul li {
	display: inline;
	float: left;
}
#header #mNav {
	position: absolute;
	top: 11px;
	left: 715px;
	width: 225px;
	z-index: 21;
}
#companyTop #header #mNav {
	position: absolute;
	top: 12px;
	left: 715px;
	width: 225px;
}
#header #mNav li {
	display: inline;
	float: left;
}
#header #mNav li#mNavSitemap {
	width: 66px;
	margin: 6px 5px 0 0;
}
#companyTop #header #mNav li#mNavSitemap {
	width: 66px;
	margin: 6px 5px 0 0;
}
#header #mNav li#mNavContact {
	width: 68px;
	margin: 6px 8px 0 0;
}
#companyTop #header #mNav li#mNavContact {
	width: 68px;
	margin: 6px 8px 0 0;
}
#header #mNav li#mNavGlobal {
	position: relative;
	top: 0;
	left: 0;
	width: 78px;
	z-index: 22;
}
#header #mNav li#mNavGlobal ul {
	display: none;
	position: absolute;
	top: 20px;
	left: -132px;
	width: 180px;
	padding: 10px;
	border: 5px solid #D7E4EC;
	background-color: #FFFFFF;
	z-index: 23;
}
#header #mNav li#mNavGlobal ul li {
	display: block;
	float: none;
	font-size: 86%;
	line-height: 1.8;
}
#header #mNav li#mNavGlobal ul li a {
	padding-left: 17px;
	background: url(../common/icn_item01.gif) no-repeat left center;
}
#header #sub {
	position: absolute;
	top: 36px;
	left: 715px;
	width: 225px;
}
#header #sub #fontSize {
	margin: 0 0 0 59px;
	line-height: 100%;
}
#header #sub #fontSize p {
	float: left;
}
#header #sub #fontSize ul {
	float: left;
}
#header #sub #fontSize li {
	float: left;
}

/* srchBox
-------------------------------------------------------------*/
#srchBox {
	width: 223px;
	/width: 225px;
	margin-top: 13px;
	/margin-top: 6px;
	height: 30px;
}
#srch {
	font-size: 13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	width: 100%;
}
#srchInput {
	width: 127px !important;
	/width: 147px !important;
	font-size: 13px;
	height: 21px !important;
	margin: 0 2px 0 0 !important;
	padding: 0 3px !important;
	line-height: 21px !important;
	border: 1px solid #E5E5E5 !important;
	background: #FFF !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #srchInput {
		width: 135px !important;
		height: 23px !important;
    }
}
#srchBtn {
	margin-top: 1px;
	/margin-top: 2px;
	margin-left: 14px;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 0 8px;
	height: 20px;
	min-width: 54px;
	background-color: #CECECE;
	border: 1px solid #666;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
body:nth-of-type(1) #srchBtn {
	margin-left: 28px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #srchBtn {
		margin-left: 28px;
    }
}
/* gNav
-------------------------------------------------------------*/
#header #gNav {
	position: absolute;
	top: 0;
	left: 130px;
	width: 551px;
}
#header #gNav li {
	display: inline;
	float: left;
}
/* List
-------------------------------------------------------------*/

/* Font
-------------------------------------------------------------*/

/* Table
-------------------------------------------------------------*/
.utilityTable01 {
	width: 690px;
	margin-bottom: 10px;
}
.utilityTable01 caption {
	padding: 5px;
	background-color: #1A6295;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.utilityTable01 th.item01 {
	width: 145px;
	padding: 15px 0;
	border-bottom: 1px dotted #E6E6E6;
	font-weight: normal;
	text-align: left;
}
.utilityTable01 td {
	padding: 15px 0;
	border-bottom: 1px dotted #E6E6E6;
}
.utilityTable01 th.item01 {
	vertical-align: top;
}
.utilityTable01 td.item02 {
	width: 35px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}
.utilityTable01 td.item03 {
	vertical-align: top;
}
.utilityTable02 {
	width: 690px;
	margin-bottom: 10px;
	border-top: 1px dotted #E6E6E6;
}
.utilityTable02 th {
	width: 70px;
	padding: 15px 10px;
	background-color: #F7F7F7;
	border-bottom: 1px dotted #E6E6E6;
	font-weight: normal;
	vertical-align: top;
}
.utilityTable02 td {
	padding: 15px 10px;
	border-bottom: 1px dotted #E6E6E6;
}
/* Contents
-------------------------------------------------------------*/
#contentsWrap {
	z-index: 10;
}
#companyPromise #contentsWrap {
	background: #FFFFFF;
}
#contents {
	width: 950px;
	margin: 0 auto;
}
#contents #contentsInner {
	width: 950px;
	background: url(../common/bg_structure04.gif) repeat-y left top;
}
#companyPromise #contents {
	width: 700px;
	padding: 15px 0 42px;
}
#companyPromise #contents #contentsInner {
	width: 700px;
	margin-bottom: 44px;
	background: none;
}
#companyEnvironment #contents {
	width: 950px;
}
#companyEnvironment #contents #contentsInner {
	position: relative;
	left: -5px;
	width: 941px;
}
/* topicPath */
#topicPath {
	color: #999999;
	font-size: 72%;
	margin: 10px 0 18px;
}
#topicPath a:link {
	color: #999999;
	text-decoration: underline;
}
#topicPath a:visited {
	color: #999999;
	text-decoration: underline;
}
#topicPath a:hover {
	text-decoration: none;
}
/* Side
-------------------------------------------------------------*/
#side {
	display: inline;
	float: left;
	width: 224px;
	padding: 3px;
}
#companyEnvironment #side {
	padding-top: 0;
}
#side #lNav {
	width: 217px;
	padding: 0 0 12px 7px;
	background-color: #FFFFFF;
}
#side #lNav .categoryTitle {
	padding: 18px 0 14px 0;
}
#side #sideBanners {
	width: 224px;
}
#side #sideBanners li {
	margin-top: 3px;
}
#side #backTop {
	margin: 10px 0 0 10px;
}
#side #backTop a {
	padding-left: 17px;
	background: url(../common/icn_item02.gif) no-repeat left center;
}
/* Main
-------------------------------------------------------------*/
#main {
	display: inline;
	float: right;
	width: 690px;
}
#companyEnvironment #main {
	width: 690px;
}
#main #mainHeader {
	height: 85px;
	background: url(../common/bg_mainheader.gif) repeat-x left top;
}
#main #mainHeader02 {
	height: 50px;
	background: url(../common/bg_mainheader02.gif) repeat-x left top;
}
#main #mainHeader #pageTitle,
#main #mainHeader02 #pageTitle {
	float: left;
	margin-right: 21px;
}
#main #mainHeader .mainHeaderLink,
#main #mainHeader02 .mainHeaderLink {
	float: left;
	margin-top: 11px;
}
#main #mainHeader .mainHeaderLink li a:hover img,
#main #mainHeader02 .mainHeaderLink li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);/* IE6 */
}
#main #mainContent .section {
	margin-bottom: 38px;
}

/* footer
-------------------------------------------------------------*/
#companyPromise #footerWrap {
	background: #225994;
}
#companyPromise #footer {
	width: 700px;
	text-align: center;
}

/*-----------------------230629 追加----------------------------------------*/

.yuri_mt50{
	margin-top:50px;
}

.yuri_inner{
  text-align: center;
}