@charset "utf-8";

/* =========================================================
	CONTENTS-BLOCK
========================================================= */
div#main div.contentBlockA,
div#main div.contentBlockB,
div#main div.contentBlockC,
div#main div.contentBlockD {
	height: 100%;
	margin-top: 10px;
	padding: 9px;
	border: 1px solid #B7B7B7;
}

/* contentBlockA
--------------------------------------------------------- */
div#main div.contentBlockA {
	background: #FFF;
}

/* contentBlockB
--------------------------------------------------------- */
div#main div.contentBlockB {
	background: #E4E4E4;
}

/* contentBlockC
--------------------------------------------------------- */
div#main div.contentBlockC {
	color: #FFF;
	background: #222;
}

/* contentBlockD
--------------------------------------------------------- */
div#main div.contentBlockD {
	background: url(/common/img3/line_dot_01.gif) repeat-x left top;
	padding: 9px 10px 0px;
	border-style: none;
}

/* contentBlockE [hamada wrote 080512]
--------------------------------------------------------- */
div#main div.contentBlockE {
	height: 100%;
	padding: 9px;
	border: 0px;
	background: #FFF;
}
/* contentBlockF [oshida wrote 080529]
--------------------------------------------------------- */
div#main div.contentBlockF {
	background:#F3F3F3;
	padding: 9px 10px 0px;
	border-style: none;
}


/* FIRST
--------------------------------------------------------- */
div#main div.firstBlock {
	background-image: none;
	margin-top: 0px;
}


/* =========================================================
	COLUMN
========================================================= */

/* WRAPPER-BLOCK
--------------------------------------------------------- */
div#main div.wrapper2col,
div#main div.wrapper3col {
	height: 100%;
	margin-bottom: 10px;
}

/* COLUMN
--------------------------------------------------------- */
div#main div.wrapper2col div.col1, div#main div.wrapper2col div.col2,
div#main div.wrapper3col div.col1, div#main div.wrapper3col div.col2, div#main div.wrapper3col div.col3 {
	float: left;
}

/* 2COLUMN
--------------------------------------------------------- */
div#main div.wrapper2col div.col1 {
	width: 300px;
}

div#main div.wrapper2col div.col2 {
	width: 300px;
	margin-left: 20px;
}

/* 2COLUMN 1:2
--------------------------------------------------------- */
div#main div.col1-2 div.col1 {
	width: 200px;
}

div#main div.col1-2 div.col2 {
	width: 400px;
}

/* 2COLUMN 2:1
--------------------------------------------------------- */
div#main div.col2-1 div.col1 {
	width: 400px;
}

div#main div.col2-1 div.col2 {
	width: 200px;
}

/* 3COLUMN
--------------------------------------------------------- */
div#main div.wrapper3col div.col1 {
	width: 200px;
}

div#main div.wrapper3col div.col2, div#main div.wrapper3col div.col3 {
	width: 200px;
	margin-left: 10px;
}


/* =========================================================
	TEXT
========================================================= */

/* TEXT-SIZE
--------------------------------------------------------- */
div#main .txtS {
	font-size: 82%;
	*font-size: 76%;
}

/* COLOR
--------------------------------------------------------- */
div#main .caution {
	color: #cc0000;
}

div#main .colorGray {
	color: #666;
}

/* LINE-HEIGHT
--------------------------------------------------------- */
div#main p.lh16,
div#main ul.lh16 li,
div#main ol.lh16 li,
div#main li.lh16,
div#main dl.lh16 dt,
div#main dl.lh16 dd,
div#main dt.lh16,
div#main dd.lh16 {
	line-height: 1.6 !important;
}

/* INDENT
--------------------------------------------------------- */
div#main .indent1 {
	text-indent: 1em;
}

/* ALIGN
--------------------------------------------------------- */
div#main .left {
	text-align: left;
}

div#main .center {
	text-align: center;
}

div#main .right {
	text-align: right;
}

/* LINE
--------------------------------------------------------- */
div#main .txtLine {
	text-decoration: underline;	
}


/* ICON
--------------------------------------------------------- */
div#main div.arrow p,
div#main ul.arrow li,
div#main p.arrow,
div#main a.arrow,
div#main span.arrow {
	background: url(/common/img3/icon_arrow_01.gif) no-repeat left center;
	padding-left: 14px;
	margin-left: 10px;
}

div#main div.pdf p,
div#main ul.pdf li,
div#main p.pdf,
div#main a.pdf,
div#main span.pdf {
	background: url(/common/img3/icon_pdf.gif) no-repeat left center;
	padding-left: 21px;
}


/* =========================================================
	LINK
========================================================= */

/* LINK-LIST
--------------------------------------------------------- */
div#main ul.linkList {
}

div#main ul.linkList {
}

/* PAGE-BREAK
--------------------------------------------------------- */
div#main div.pageBreakLink {
	padding: 0px;
	margin: 30px 0px 0px;
	width: 100%;
}

div#main div.pageBreakLink ul {
	display: block;
	width: 100%;
	margin: 0px !important;
	padding: 0px;
}

div#main div.pageBreakLink li {
	float: left;
	list-style: none;
	line-height: normal;
}

div#main div.pageBreakLink a {
	color: #003366;
	line-height: 2.5em;
	text-decoration: none;
	background: #FFFFFF;
	text-align: center;
	display: block;
	width: 2.5em;
	margin-right: 5px;
	border: 1px solid #CCC;
}

div#main div.pageBreakLink a:hover {
	background: #ECF5F5;
	border-color: #99CCFF;
}

div#main div.pageBreakLink li.pbP {
	line-height: 2.5em;
	background: #ECF5f5;
	text-align: center;
	width: 2.5em;
	margin-right: 5px;
	border: 1px solid #99CCFF;
}

div#main div.pageBreakLink li.pbB a,
div#main div.pageBreakLink li.pbN a {
	width: auto;
	border-style: none;
}

div#main div.pageBreakLink li.pbB a:hover,
div#main div.pageBreakLink li.pbN a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/* TO-TOP
--------------------------------------------------------- */
div#main div.totop {
	text-align: right;
	margin: 10px 0px 0px auto;
}


/* =========================================================
	LIST
========================================================= */

/* NONE
--------------------------------------------------------- */
div#main ul.listNone {
	margin-left: 1em;
	padding-left: 0px;
}

div#main ul.listNone li {
	list-style: none;
}

/* BORDER
--------------------------------------------------------- */
div#main ul.listBorder {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#main ul.listBorder li {
	line-height: 1.6;
	background: url(/common/img3/line_dot_01.gif) repeat-x left bottom;
	list-style: none;
}

div#main ul.listBorder li a {
	background: url(/common/img3/icon_arrow_02.gif) no-repeat 0px 0.3em;
	padding-left: 14px;
}


/* =========================================================
	TABLE A
========================================================= */
div#main table.tSetA {
	background: #FFF;
	margin-top: 10px;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
}

div#main table.tSetA th,
div#main table.tSetA td {
	line-height: 1.2;
	padding: 10px;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}

div#main table.tSetA th {
	background: #FFFFFF /*#EEE*/ url(/common/img3/bg_tset_th_a01.gif) repeat-x left top;
}

div#main table.tSetA tr.bgNone th,
div#main table.tSetA th.bgNone {
	background: #FFFFFF /*#EEE*/;
}

div#main table.tSetA th img{
	border: 1px solid #999 !important;
}

/* 	TABLE B [margin5px tetol hamada wrote 080513]
--------------------------------------------------------- */
div#main table.tSetB {
	background: #FFF;
	margin-top: 10px;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}

div#main table.tSetB th {
	line-height: 1.2;
	padding: 10px;
}
div#main table.tSetB td {
	line-height: 1.2;
	padding: 5px;
}

/* BORDER-DOT
--------------------------------------------------------- */
div#main table.tSetA .borderDotR {
	padding-right: 11px;
	border-right-style: none;
}

div#main table.tSetA th.borderDotR {
	background: #EEE url(/common/img3/bg_tset_borderdot_01.gif) repeat-y right top;
}

div#main table.tSetA td.borderDotR {
	background: url(/common/img3/bg_tset_borderdot_01.gif) repeat-y right top;
}

div#main table.tSetA tr.borderDotB th,
div#main table.tSetA tr.borderDotB td,
div#main table.tSetA .borderDotB {
	padding-right: 11px;
	border-bottom-style: none;
}

div#main table.tSetA tr.borderDotB th,
div#main table.tSetA th.borderDotB {
	background: #EEE url(/common/img3/bg_tset_borderdot_02.gif) repeat-x right bottom;
}

div#main table.tSetA tr.borderDotB td,
div#main table.tSetA td.borderDotB {
	background: url(/common/img3/bg_tset_borderdot_02.gif) repeat-x right bottom;
}

/* BORDER-NONE
--------------------------------------------------------- */
div#main table.tSetA th.borderNoneR,
div#main table.tSetA td.borderNoneR {
	padding-right: 11px;
	border-right-style: none;
}

div#main table.tSetA tr.borderNoneB th,
div#main table.tSetA tr.borderNoneB td,
div#main table.tSetA th.borderNoneB,
div#main table.tSetA td.borderNoneB {
	padding-bottom: 11px;
	border-bottom-style: none;
}

/* BACKGROUND-COLOR
--------------------------------------------------------- */
div#main table.tSetA .bgGrayA {
	background: #FAFAFA;
}

div#main table.tSetA .bgGrayB,
div#main table.tSetB .bgGrayB {
	background: #E4E4E4;
}

div#main table.tSetA .bgGrayC {
	background: #999;
}

div#main table.tSetA .bgBlack {
	color: #FFF;
	background: #222;
}


/* =========================================================
	IMAGE
========================================================= */

/* IMG-LIST
--------------------------------------------------------- */
div#main ul.imgList {
	margin: 0px !important;
	list-style: none;
	padding: 0px;
	width: 100%;
}

div#main ul.imgList li {
	text-align: center;
	float: left;
	margin-right: 10px;
	line-height: 1.6;
}

div#main ul.imgList li img {
	display: block;
	border: 1px solid #000;
}

/* BORDER
--------------------------------------------------------- */
div#main img.borderBlack,
div#main .borderBlack img {
	border: 1px solid #000 !important;
}

div#main img.borderGray,
div#main .borderGray img {
	border: 1px solid #999 !important;
}

div#main img.borderGray2,
div#main .borderGray2 img {
	border: 1px solid #C9C9C9 !important;
}

div#main img.borderWhite,
div#main .borderWhite img {
	border: 1px solid #FFF !important;
}


/* =========================================================
	MARGIN
========================================================= */

/* TOP
--------------------------------------------------------- */
div#main .marginT0 {
	margin-top: 0px !important;
}

div#main .marginT5 {
	margin-top: 5px !important;
}

div#main .marginT10 {
	margin-top: 10px !important;
}

div#main .marginT20 {
	margin-top: 20px !important;
}

/* BOTTOM
--------------------------------------------------------- */
div#main .marginB5 {
	margin-bottom: 5px !important;
}

div#main .marginB10 {
	margin-bottom: 10px !important;
}

div#main .marginB20 {
	margin-bottom: 20px !important;
}

/* LEFT
--------------------------------------------------------- */
div#main .marginL5 {
	margin-left: 5px !important;
}

div#main .marginL10 {
	margin-left: 10px !important;
}

div#main .marginL20 {
	margin-left: 20px !important;
}


/* =========================================================
	BORDER
========================================================= */
div#main .borderA {
	margin-top: 10px;
	padding-top: 5px;
	border-top: solid 1px #E5E5E5;
}

div#main .borderB {
	background: url(/common/img3/line_dot_01.gif) repeat-x left top;
	margin-top: 10px;
	padding-top: 6px;
}


/* =========================================================
	FLOAT
========================================================= */
div#main .floatL {
	float: left;
}

div#main .floatL10 {
	float: left;
	margin-right: 10px;
}

div#main .floatR {
	float: right;
}

div#main .floatR10 {
	float: right;
	margin-left: 10px;
}

/* FLOAT-CLEAR
--------------------------------------------------------- */
div#main .clear {
	clear: both;
}

div#main .clearAll {
	font-size: 1px !important;
	line-height: 0 !important;
	clear: both !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0px !important;
	padding: 0px !important;
}

div#main .clearAll hr {
	font-size: 0px !important;
	line-height: 0 !important;
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}


/* =========================================================
	CLEARFIX
========================================================= */
div#main div.contentBlockA:after, div#main div.contentBlockB:after, div#main div.contentBlockC:after, div#main div.contentBlockD:after,
div#main div.wrapper2col:after, div#main div.wrapper3col:after,
div#main div.col1:after, div#main div.col2:after, div#main div.col3:after, 
div#main div.pageBreakLink:after, div#main div.pageBreakLink ul:after,
div#main ul.imgList:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}