@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      util.css
 Author:         TTI Corporation
 Style Info:     utility
----------------------------------------------------------- */

/*----------------------------------------------------
	main title pic
----------------------------------------------------*/

div.ttl_main{height:78px;}

/*----------------------------------------------------
	contents area h1-h4,lead
----------------------------------------------------*/
#contents .h1area h1,
#contents h4 {
	font-family:helvetica, arial, sans-serif, verdana;
}

#contents .h1area {
	clear:both;
	padding-top:5px;
	background:url(../img/bg_h1area_top.gif) left top no-repeat;
	zoom:1; /*Eor IE bug? -- collapsing margins*/
}
#contents .h1area:after
 {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#contents .h1area h1 {
	padding:0 10px 2px 16px;
	background:#fdffcf url(../img/bg_h1area_bottom.gif) left bottom no-repeat;
	color: #333333;
	font-size:134%; /*16px*/
	line-height:1.1;
	margin-bottom:20px;
	font-weight: bold;
}

#contents h2 {
	font-size:117%; /*14px*/
	border-bottom:double #acce67;
	color:#454545;
	margin-bottom:10px;
	background:url(../img/ic_h3.gif) 1px 8px no-repeat;
	padding: 0px 10px 2px 16px;
	clear:both;
	font-weight: bold;
}
#contents h3 {
	color:#346D3E;
/*	color:#667f9b;*/
	margin-bottom:10px;
	padding: 0px 10px 3px 0;
	font-weight: bold;
}
#contents h4 {
	margin-bottom:5px;
	padding: 0px 10px 0px 0;
	font-weight: bold;
}
#contents p.h4p {
	margin-bottom:10px;
}

#contents .lead{
	clear: both;
	padding-left:8px;
	border-left:solid 7px #ff7e6f;
	margin-bottom:20px;
}
#contents .leadS{
	clear: both;
	padding-left:8px;
	border-left:solid 5px #acce67;
	margin-bottom:20px;
}
#contents .leadB{
	clear: both;
	font-weight:bold;
	color:#346D3E;
	margin-bottom:10px;
}

/*----------------------------------------------------
	dl
----------------------------------------------------*/
#contents dl.dl1 {
	clear:both;
	border-top:#a4d7bb solid 3px;
	margin-bottom:20px;
}
#contents dl.dl1 dt.dl1dt{
	display:block;
	padding:0 10px 2px 16px;
	background:url(../img/bg_dt.gif)  5px 3px no-repeat;
	color:#185d00;
	font-size:125%; /*14px*/
	font-family:helvetica, arial, sans-serif, verdana;
	font-weight:bold;
	border-left:#a4d7bb solid 1px;
	line-height:1.3;
	margin-bottom:10px;
}

/*----------------------------------------------------
	dl normal
----------------------------------------------------*/
#contents dl.dlnormal {
	clear:both;
	margin-bottom:20px;
}
#contents dl.dlnormal dt{
	color:#346D3E;
	margin-bottom:5px;
	padding: 0px 10px 3px 0;
	font-weight:bold;
}

/*----------------------------------------------------
	faq dl
----------------------------------------------------*/
#contents dl.faq {
	background:url(../img/bg_dt.gif)  0px 1px no-repeat;
	margin-bottom:20px;
}
#contents dl.faq dt{
	background:#d3f0e9;
	margin-left:8px;
	padding-left:5px;
	line-height:1.2;
	color:#185d00;
	font-size:125%; /*14px*/
	font-family:helvetica, arial, sans-serif, verdana;
	font-weight:bold;
	margin-bottom:8px;
}
/*----------------------------------------------------
	faq dl2
----------------------------------------------------*/
#contents dl.faq2 {
	margin-left:8px;
	margin-bottom:8px;
	border:#9cd7bb 2px solid;
	padding:5px;
}
#contents dl.faq2 dt{
	font-size:100%; /*12px*/
	font-family:verdana, helvetica, arial, sans-serif;
	background:none;
	margin-left:0;
	padding-left:0;
	line-height:1.5;
	margin-bottom:0px;
}
#contents dl.faq2 dd{
	padding:5px 5px 5px 15px;
}

/*----------------------------------------------------
	pageTop
----------------------------------------------------*/
#contents .pageTop ,
#contents .pageTopInContents
{
	clear:both;
	display:block;
	height:17px;
	text-align: right;
	font-size:84%; /*10px*/
	padding:3px;
	margin-top:30px;
}
#contents .pageTop a,
#contents .pageTopInContents a{
	display:block;
	zoom:1; /*For IE6(hasLayout??)*/
}
#contents .pageTop a:hover,
#contents .pageTopInContents a:hover{
}

#contents .pageTopInContents
{
	margin-top:0px;
	margin-bottom:20px;
}

/*----------------------------------------------------
	table
----------------------------------------------------*/
table.simple{
	margin: 0 0 20px 1px;
	width: 99.9%;
	clear: both;
	border-collapse: collapse;
	/*border: 1px solid #777;
	border-width: 1px;*/
	empty-cells: show;
}
table.simple td,
table.simple th {
	padding: 5px;
	border: 1px solid #cdcdcc;
	border-width: 1px;
	text-align: left;
/*	vertical-align: top;*/
}
table.simple td.alignRight,
table.simple th.alignRight {
	text-align: right;
}

table.simplenoline td {
	border-width: 1px 0 1px 0;
}
table.simple caption {
	text-align: left;
	font-weight: bold;
	padding:5px;
}

table.simple th {
	font-weight: normal;
	color: #000;
}

table.simple thead td,
table.simple th {
	background: #eeeeee;
}

table.simple tfoot th {
	background: #dbdbdb;
	color: #000;
}

table.simple thead th,
table.simple thead td {
	border-bottom:double #555 3px;
	color: #000;
}

table.simple tfoot th,
table.simple tfoot td {
	border-top:double #555 3px;
}
table.simple th.double,
table.simple td.double {
	border-bottom:double #555 3px;
}

ul.tableNote {
	line-height: 1.2;
	font-size:84%; /*10px*/
	margin-left:20px;
}
ul.tableNote li{
	list-style-type: square;
}


/*----------------------------------------------------
	dateTable
----------------------------------------------------*/
table.dateTable{
	margin: 0 0 20px 0;
	width: 100%;
	clear: both;
}
table.dateTable th {
	vertical-align: top;
	font-weight:normal;
	font-size:100%;
	padding-right:5px;
}
table.dateTable th ,
table.dateTable td{
	padding-bottom:10px;
}

/*----------------------------------------------------
	image
----------------------------------------------------*/
/*image box*/

.imgBox {
	clear:both;
	margin:0 10px 15px 10px;
}
.imgBoxR {
	clear:both;
	float:right;
	margin:0 0 15px 10px;
}
.imgBoxL {
	clear:both;
	float:left;
	margin:0 15px 10px 0;
}
.imgBox p,
.imgBoxR p,
.imgBoxL p{
	font-size:84%; /*10px*/
	margin:5px;	
}

/*caption of image box 150*/
p.box150 {
	width:150px;
}
/*caption of image box 200*/
p.box200 {
	width:200px;
}
/*caption of image box 300*/
p.box300 {
	width:300px;
}
/*caption of image box 400*/
p.box400 {
	width:400px;
}
/*caption of image box 500*/
p.box500 {
	width:500px;
}

img.border{
	background-color:#FFFFFF;
	border:#bcbdc1 solid 1px;
	padding:3px;
}


.imgR {
	float: right;
	margin:0 0 10px 10px;
}

.imgL {
	float: left;
	margin:0 10px 10px 0;
}

.btn {
	text-align: center;
}

em.italic {
	font-style:italic;
}

/*----------------------------------------------------
	LinkList
----------------------------------------------------*/
ul.linkList{
	margin-bottom: 20px;
}
ul.linkList li{
	margin: 5px 0;
	padding-left: 14px;
	text-indent: -14px;
}
ul.linkList li a{
	padding-left: 14px;
	background: url(../img/ic_linkarw_right.gif) 1px 4px no-repeat;
}

/*----------------------------------------------------
	linkListNoLabel
----------------------------------------------------*/
ul.linkListNoLabel{
	margin-bottom: 20px;
}
ul.linkListNoLabel li{
	margin: 5px 0;
	padding-left: 14px;
	text-indent: -14px;
}

/*----------------------------------------------------
	link
----------------------------------------------------*/
a.linkarw{
	display:block;
	padding-left: 16px;
	background: url(../img/ic_linkarw_right.gif) 1px 4px no-repeat;
}
a.linkarwSingle{
	display:block;
	padding-left: 16px;
	background: url(../img/ic_linkarw_f.gif) 1px 4px no-repeat;
}

a.pdf{
	display:block;
	padding-left: 16px;
	background: url(../img/ic_link_pdf.gif) 0 1px no-repeat;
}
a.insideDown{
	display:block;
	padding-left: 16px;
	background: url(../img/ic_linkarw_inside_down.gif) 2px 3px no-repeat;
}
a.outLink{
	display:block;
	padding-left: 16px;
	background: url(../img/ic_link_out.gif) 0 1px no-repeat;
}

ul.linkListNoLabel li a.linkarw,
ul.linkListNoLabel li a.linkarwSingle,
p.rightTxt a.linkarwSingle,
ul.linkListNoLabel li a.pdf,
ul.linkListNoLabel li a.insideDown,
ul.linkListNoLabel li a.outLink{
	display:inline;
}

/*----------------------------------------------------
	japaneseLink
----------------------------------------------------*/
a.japaneseLink{
 display:block;
 float:right;
 text-align: right;
 padding: 0 0 10px 16px;
 background: url(../img/ic_link_out.gif) 0 1px no-repeat;
}


/*----------------------------------------------------
	TabLinkList
----------------------------------------------------*/
ul.TabLinkList{
	display:block;
	width:554px;
	float:left;
	margin-bottom: 20px;
	font-weight:bold;
	font-size:12px;
}
ul.TabLinkList li{
	float:left;
	border-bottom:#ff9b4a solid 2px;
}
ul.TabLinkList li.changeLine{
	clear:both;
	border-bottom:none;
}
ul.TabLinkList li.second{
	border-bottom:none;
}
ul.TabLinkList li a{
	display:block;
	margin: 0;
	padding: 2px 15px 2px 15px;
	background:#fff8d9;
	border-right:#bfbfbf 1px solid;
	border-left:#ffffff 1px solid;
}
ul.TabLinkList li a.current{
	background:#ff9b4a;
	color:#ffffff;
}
ul.TabLinkList li a:hover{
	background:#ffe5a9;
	color:#666666;
	text-decoration:none;
}

ul.TabLinkList li a.last{
	border-right:none;
}


/*----------------------------------------------------
	news list
----------------------------------------------------*/

#contents .newsList,
#contents .otherList {
	width: 100%;
	margin-bottom:20px;
}
#contents .newsList dt,
#contents .otherList dt {
	float: left;
	margin: 0 15px 10px 0;
	clear: left;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif, verdana;

}
#contents .newsList dt a{
	padding-left: 16px;
	background: url(../img/ic_linkarw_right.gif) 1px 4px no-repeat;
}
#contents .newsList dt.noLink{
	padding-left: 16px;
}

#contents .newsList dd,
#contents .otherList dd {
	margin: 0 0 10px 0px;
}


/*----------------------------------------------------
	layout2column
----------------------------------------------------*/

#contents #main .layout2column,
#contents #main .layout2column_2l1r,
#contents #main .layout3column,
#contents #main .layout4column {
	clear: both;
	width: 710px;
	margin-bottom:10px;
	overflow: hidden;
}
#contents #main .layout2column .column01 {
	float: left;
	width: 346px;
}
#contents #main .layout2column .column02 {
	float: left;
	width: 346px;
	padding-left:18px;
}

/*----------------------------------------------------
	layout2column_2:1
----------------------------------------------------*/

#contents #main .layout2column_2l1r .column01 {
	float: left;
	width: 467px;
}
#contents #main .layout2column_2l1r .column02 {
	float: left;
	width: 224px;
	padding-left:19px;
}

/*----------------------------------------------------
	layout3column
----------------------------------------------------*/

#contents #main .layout3column .column01 {
	float: left;
	width: 224px;
}
#contents #main .layout3column .column02,
#contents #main .layout3column .column03 {
	float: left;
	width: 224px;
	padding-left:19px;
}

/*----------------------------------------------------
	layout4column
----------------------------------------------------*/

#contents #main .layout4column .column01 {
	float: left;
	width: 164px;
}
#contents #main .layout4column .column02,
#contents #main .layout4column .column03,
#contents #main .layout4column .column04 {
	float: left;
	width: 164px;
	padding-left:18px;
}

/*----------------------------------------------------
	getAdobeEtc
----------------------------------------------------*/
#contents .getAdobeEtc{
	clear:both;
	border:#006f9a solid;
	border-width:1px 0 1px 0;
	background:#e6e6e6;
	margin-bottom:20px;
	margin-top:20px;
	padding:5px;
	font-size:84%; /*10px*/
	overflow: hidden;
	zoom:1;
}
#contents .getAdobeEtc img{
	float:left;
	margin-right:10px;
}

/*----------------------------------------------------
	categoryBtn
----------------------------------------------------*/
#contents .categoryTop{
	margin-bottom:20px;
	padding:0;
}
#contents .categoryTop img{
	vertical-align:bottom;
}
#contents .categoryBtn{
	background:#fff8d9;
	border:#d7c59a 1px solid;
}
#contents .categoryBtn a{
	display:block;
	margin: 2px;
	background: url(../img/ic_linkarw_right.gif) 5px 6px no-repeat;
}
#contents .categoryBtn a:hover{
	background: #ffdfb7 url(../img/ic_linkarw_right.gif) 5px 6px no-repeat;
	text-decoration:none;
}
#contents .categoryBtn a strong{
	display:block;
	font-size:117%; /*14px*/
	font-family:arial, helvetica, sans-serif, verdana;
	font-weight:bold;
	padding-left: 16px;
}
#contents .categoryBtn a span{
	display:block;
	padding:0 10px 10px 16px;
	color:#000000;
}
#contents p.csr img{
	margin-bottom:10px;	
}
#contents p.others img{
	margin-bottom:20px;	
}

/*----------------------------------------------------
	rightParagraph
----------------------------------------------------*/
p.rightParagraph{
	text-align:right;
	margin-bottom:1em;
}

/*----------------------------------------------------
	mt list
----------------------------------------------------*/
#contents .mtList {
	width: 100%;
	margin-bottom:20px;
}
#contents .mtList dt {
	float: left;
	margin: 0 15px 10px 0;
	clear: left;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif, verdana;
}
#contents .mtList dt a{	
	padding-left: 16px;
	background: url(../img/ic_linkarw_right.gif) 1px 4px no-repeat;
}
#contents .mtList dd{
	margin: 0 0 10px 0px;
}
#contents dl.mtList{
	display: table;
}
#contents .mtList dd a,
#contents .mtList dt a{	
	display: table-cell;
	*float: left;
}
#contents .mtList p{
	margin-bottom:0px;
}
/*----------------------------------------------------
	clearFix
----------------------------------------------------*/
.clearFix:after
 {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}