@charset "UTF-8";

/* ================================================================================

:::information:::

Common CSS

================================================================================ */

/*----------------------------------------------------
H1 Title
----------------------------------------------------*/
div#corp-title { border-top: solid #A963A9 2px; border-bottom: solid #A963A9 1px;
background: url(../img/tit_bg.gif) left top repeat-x ; }
div#corp-title h1 { padding: 6px 15px; font-size: 124%; background: url(../corp_info/img/tit_corp.gif) left top repeat-y; }

div#pro-title { border-top: solid #CFA629 2px; border-bottom: solid #CFA629 1px;
background: url(../img/tit_bg.gif) left top repeat-x ; }
div#pro-title h1 { padding: 6px 15px; font-size: 124%; background: url(../product/img/tit_pro.gif) left top repeat-y; }

div#ir-title { border-top: solid #27A4A4 2px; border-bottom: solid #27A4A4 1px;
background: url(../img/tit_bg.gif) left top repeat-x ; }
div#ir-title h1 { padding: 6px 15px; font-size: 124%; background: url(../ir/img/tit_ir.gif) left top repeat-y; }

div#busi-title { border-top: solid #AF1A1A 2px; border-bottom: solid #AF1A1A 1px;
background: url(../img/tit_bg.gif) left top repeat-x ; }
div#busi-title h1 { padding: 6px 15px; font-size: 124%; background: url(../business/img/tit_busi.gif) left top repeat-y; }

div#csr-title { border-top: solid #61AD40 2px; border-bottom: solid #61AD40 1px;
background: url(../img/tit_bg.gif) left top repeat-x ; }
div#csr-title h1 { padding: 6px 15px; font-size: 124%; background: url(../csr/img/tit_csr.gif) left top repeat-y; }

div#other-title { border-top: solid #cccccc 2px; border-bottom: solid #cccccc 1px;
background: url(../img/tit_bg.gif) left top repeat-x ; }
div#other-title h1 { padding: 6px 15px; font-size: 124%; background: url(../img/tit_other.gif) left top repeat-y; }

/*----------------------------------------------------
Title Pattern
----------------------------------------------------*/
.title01 { font-size: 118%; border-bottom: solid #B5CBD4 1px; margin-top: 25px; margin-bottom: 6px; }
.title02 { font-size: 108%; line-height: 1.2; border-left: solid #B5CBD4 6px; padding-left: 3px; margin-top: 15px; margin-bottom: 5px; }
.title03 { line-height: 1.2; background-color: #E7E7E7; padding: 3px 5px; margin-top: 15px; margin-bottom: 5px; }

/*----------------------------------------------------
Font Size
----------------------------------------------------*/
.f-large { font-size: 118%; }
.f-small { font-size: 87%; }
.f-bold { font-weight: bold; }
.f-normal { font-weight: normal; }

/*----------------------------------------------------
Margin
----------------------------------------------------*/
.top-mg5 { margin-top: 5px; }
.top-mg10 { margin-top: 10px; }
.top-mg15 { margin-top: 15px; }
.top-mg20 { margin-top: 20px; }
.top-mg25 { margin-top: 25px; }
.top-mg30 { margin-top: 30px; }
.top-mg40 { margin-top: 40px; }

.bottom-mg5 { margin-bottom: 5px; }
.bottom-mg10 { margin-bottom: 10px; }
.bottom-mg15 { margin-bottom: 15px; }
.bottom-mg20 { margin-bottom: 20px; }
.bottom-mg25 { margin-bottom: 25px; }
.bottom-mg30 { margin-bottom: 30px; }
.bottom-mg40 { margin-bottom: 40px; }
.bottom-mg2 { margin-bottom: 2em; }

.left-mg1 { margin-left: 1em; }
.left-mg2 { margin-left: 2em; }
.left-mg5 { margin-left: 5px; }
.left-mg7 { margin-left: 7px; }
.left-mg10 { margin-left: 10px; }
.left-mg30 { margin-left: 30px; }
.right-mg1 { margin-right: 1em; }
.right-mg2 { margin-right: 2em; }


/*----------------------------------------------------
Text Space
----------------------------------------------------*/
.InterlinearTop { margin-top: 1.75em; }
.InterlinearBot { margin-bottom: 1.75em; }

/*----------------------------------------------------
Text Indent
----------------------------------------------------*/
.txtInd1em { margin-left: 1em; text-indent: -1em }

/*----------------------------------------------------
Position
----------------------------------------------------*/
.PositionCenter { text-align: center; }
.PositionRight { text-align: right; }
.PositionLeft { text-align: left; }
.PositionJustify { text-align: justify; }

/*----------------------------------------------------
IMG Position
----------------------------------------------------*/
img.ImgLeft { float: left; margin: 5px 10px 10px 0; }
img.ImgRight { float: right; margin: 5px 0 10px 10px; }
.PImgRight { float:right; margin-left: 5px; }
.PImgLeft { float:left; margin-right: 5px; }

/*----------------------------------------------------
IMG Frame
----------------------------------------------------*/
.ImgKakomi01 {
	border: 1px solid #cccccc;
}

/*----------------------------------------------------
ImageCaption
----------------------------------------------------*/
.ImgCap {
	text-align:center;
	font-size: 78%;
	font-size: 88%;
}

/*----------------------------------------------------
Column Pattern
----------------------------------------------------*/
.left2c01 { float: left; width: 250px; }
.right2c01 { float: right; width: 250px; }

.left2c02 { float: left; width: 164px; }
.right202 { float: right; width: 337px; }

.left2c03 { float: left; width: 337px; }
.right203 { float: right; width: 164px; }

.left2c04 { float: left; width: 114px; }
.right204 { float: right; width: 380px; }

div.thumb_list { padding: 1em 0px 0px 0px; }
div.thumb_list p.thumb { float: left; width: 164px; text-align: center; }
div.thumb_list ul,
div.thumb_list ol { float: right; width: 337px; }
div.thumb_list li { margin-bottom: 0.5em; }

/*----------------------------------------------------
Table Pattern
----------------------------------------------------*/
.table01 { width: 510px; border-collapse: collapse; }
.table01 th { background-color: #E9EFF2; text-align: left; font-weight:normal;}
.table01 th, .table01 td { padding: 3px; border: solid #666666 1px; }

.table02 { border-collapse: collapse; table-layout: auto; font-size: 92%;}
.table02 th { background-color: #E9EFF2; }
.table02 th, .table02 td { padding: 2px 2px; border: solid #666666 1px; text-align: center; }
.table02 th, .table02 td { word-wrap: break-word; letter-spacing: -0.1em; }
/*.table02 td { word-break:break-all; }*/
.table02 th.pleft{ text-align: left; }
.table02 td.pleft{ text-align: left; }
.table02 td.pcenter{ text-align: center; }
.table02 caption {text-align: left; }

.table03 { border-collapse: collapse; table-layout: auto; }
.table03 th { background-color: #E9EFF2; }
.table03 th, .table03 td { padding: 2px 3px; border: solid #666666 1px; text-align: center; }
.table03 th.pleft{ text-align: left; }
.table03 td.pleft{ text-align: left; }
.table03 td.pcenter{ text-align: center; }
.table03 caption {text-align: left; }

.table04 { border-collapse: collapse; table-layout: auto; }
.table04 th { background-color: #E9EFF2; }
.table04 th { padding: 2px 3px; border: solid #666666 1px; text-align: center;}
.table04 td { padding: 2px 3px; border: solid #666666 1px; text-align: left;}
.table04 th.pleft{ text-align: left; }
.table04 td.pleft{ text-align: left; }
.table04 td.pcenter{ text-align: center; }
.table04 caption {text-align: left; }

/*----------------------------------------------------
List Style
----------------------------------------------------*/
.Number { margin-left: 10px; }
.Number li { margin-left: 1.75em; list-style-type: decimal; }
.list-disc li { margin-left: 1.75em; list-style-type: disc; }
.list-square li { list-style-type: square; }
.list-I li { list-style-type: upper-roman; }
.list-A li { list-style-type: upper-latin; }
.list-1em { margin-left: 1em; }
.list-2em { margin-left: 2em; }
.list-4em { margin-left: 4em; }
.list-none { list-style-type: none; }

/*----------------------------------------------------
DefinedList Style
----------------------------------------------------*/
.dl-4em dt { width: 4em; float:left; clear:left; }
.dl-4em dd { margin-left: 4em; }
.dl-5em dt { width: 5em; float:left; clear:left; }
.dl-5em dd { margin-left: 5em; }
.dl-6em dt { width: 6em; float:left; clear:left; }
.dl-6em dd { margin-left: 6em; }
.dl-7em dt { width: 7em; float:left; clear:left; }
.dl-7em dd { margin-left: 7em; }
.dl-9em dt { width: 9em; float:left; clear:left; }
.dl-9em dd { margin-left: 9em; }
.dl-10em dt { width: 10em; float:left; clear:left; }
.dl-10em dd { margin-left: 10em; }
.dl-12em dt { width: 12em; float:left; clear:left; }
.dl-12em dd { margin-left: 12em; }
.dl-13em dt { width: 13em; float:left; clear:left; }
.dl-13em dd { margin-left: 13em; }
.dl-16em dt { width: 16em; float:left; clear:left; }
.dl-16em dd { margin-left: 16em; }
.dl-18em dt { width: 18em; float:left; clear:left; }
.dl-18em dd { margin-left: 18em; }

/*----------------------------------------------------
Line Box
----------------------------------------------------*/
.line-blue { width: auto; border: solid #99CCFF 1px; padding: 5px 5px; }
.line-glay { width: auto; border: solid #CCCCCC 1px; padding: 5px 5px; }

.dash-glay-top { border-top: 1px #B5CBD4 dashed; padding-top:15px; }

/*----------------------------------------------------
Link Icon
----------------------------------------------------*/
.LinkIcon a { background: url(../img/icon_link.gif) left center no-repeat; padding-left: 15px; }
.LinkIcon a:hover { background: url(../img/icon_link_ho.gif) left center no-repeat; }

.LinkIconImg img { margin-right: 3px; vertical-align: middle; }

/*----------------------------------------------------
AdobeReader
----------------------------------------------------*/
div#AdobeReader { width: auto; margin-top: 20px; padding: 8px; border: solid #CCCCCC 1px; }
div#AdobeReader img { width: 112px; height: 33px; float: left; margin-top: 4px; }
div#AdobeReader p { width: 370px; float: right; font-size: 87%; line-height: 1.2; }
div#AdobeReader p a { color: #000000; text-decoration: none; }

/*----------------------------------------------------
Page Top
----------------------------------------------------*/
p.pageTop { width: auto; text-align: right; }

/*----------------------------------------------------
Address
----------------------------------------------------*/
/*table.address01 {
	margin-top: 0px;
}
table.address01 th {
	width: 10px;
	padding-left: 5px;
	font-weight: normal; 
}
table.address01 td {
	text-align: left; 
	padding-left: 0px;
}*/


table.address01 {
	/*margin-top: 0px;*/
	width:694px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	border:none;
}
table.address01 th {
	width: 60px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	text-align:left;
	font-weight: normal;
}
table.address01 td {
	text-align:left;
	width:634px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}


table.address02 {
	margin-top: 0px;
}
table.address02 th {
	width: 75px;
	padding-left: 5px;
	font-weight: normal; 
}
table.address02 td {
	text-align:left; 
}


table.address03 {
	/*margin-top: 0px;*/
	width:500px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	border:none;
}
table.address03 th {
	width: 60px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	text-align:left;
	font-weight: normal;
}
table.address03 td {
	text-align:left;
	width:440px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}




/*アクセス・MAPへのリンク*/
.maplink {
	float: right;
	text-align:right;
	margin: 0.5em 0 0 0;
	width: 8em;
	font-weight: bold;
	font-size: 118%;
	padding: 2px 5px;
	border: 1px #cccccc solid;
}
.maplink2 {
	right: -270px;
	top: -25px;
	width: 230px;
	position: relative;
	text-align:right;
	font-weight: bold;
}
.maplink3 {
	text-align:right;
	float:right;
	top: -18px;
	width: 80px;
	position: relative;
	padding-right:10px;
}