@charset "utf-8";

/* ****************************************************

component.css

1: common setting
2: common parts
99: extra

***************************************************** */

/*1: common setting
=========================================*/
body {
	text-align: center;
	background-color: #f7f7f7;
	/*background: url(../../img/bg_main.gif) repeat;*/
}
img {
	vertical-align: bottom;
}
legend,hr {
	display: none;
}
em {
	font-style: normal;
}
sub {
	vertical-align: bottom;
}
sup {
	vertical-align: top;
}
.bold {
	font-weight: bold;
}
.block {
	display: block;
	text-indent: 0;
}



/*2: common parts
=========================================*/

/* ==================================
section
================================== */
#contents .section {
	clear: both;
	margin-top: 20px;
	border-top: 1px dotted #999;
	/*padding-top: 10px;*/
}

#contents .indentBlock01 {
	padding: 0 0 0 3em;
}
#contents .indentBlock02 {
	padding: 0 0 0 1em;
}


/* ==================================
pageUp
================================== */
#contents .pageUp {
	margin-top: 15px;
}


/* ==================================
heading
================================== */
/* h1 design */
#contents .heading01 {
	margin-top: 10px;
}
#contents .heading01 .heading {
	font-size: 235%;
	font-weight: bold;
	color: #333365;
	line-height: 1em;
}
#contents .heading01 p {
	margin-top: 20px;
}

/* h2 design */
#contents .heading02,
#contents .heading0202 {
	margin-top: 20px;
}
#contents .heading02 .heading {
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	background: #003366;
}
.bunpai #contents .heading02 .heading,
.copyright #contents .heading02 .heading,
.other #contents .heading02 .heading {
	background: #3399FE;
}
.info #contents .heading02 .heading {
	background: #FF6600;
}
.contract #contents .heading02 .heading {
	background: #009900;
}
#contents .heading0202 .heading {
	font-weight: bold;
	color: #003399;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top: 1px solid #003399;
	border-bottom: 1px dotted #003399;
	font-size: 135%;
}
#contents .heading02 p {
	margin-top: 10px;
}
#contents .heading0202 p {
	margin-top: 15px;
}
#contents .heading02 .heading a {
	padding-left: 10px;
	background: url(../images/arrow_w_01.gif) no-repeat 0 0.2em;
	font-weight: bold;
	color: #FFF;
}

/* h3 design */
#contents .heading03,
#contents .heading0302 {
	margin-top: 20px;
}
#contents .heading03 .heading {
	font-weight: bold;
	color: #666;
	background: #E6E6E6;
	padding: 5px;
}
#contents .heading0302 .heading {
	font-weight: bold;
	color: #003399;
	padding-bottom: 5px;
	border-bottom: 1px dotted #003399;
}
#contents .heading03 p,
#contents .heading0302 p {
	margin-top: 10px;
}


/* h4 design */
#contents .heading04 {
	margin-top: 20px;
}

#contents .heading04 .heading {
	font-weight: bold;
	color: #333;
	background: url(../images/square_b_01.gif) no-repeat 0em 0.1em;
	padding-left: 18px;
}
#contents .heading04 p {
	margin-top: 10px;
}


/* ==================================
text
================================== */
/* normal text */
#contents .textBlc p {
	margin-top: 20px;
}

/* note */
#contents .note {
	margin-top: 15px;
	padding-left: 1em;
	text-indent: -1em;
}
/*#contents .floatWrap .note {
	margin-left: 1em;
}*/
#contents .note li {
	margin-top: 5px;
}
#contents .note li .listCircle li {
	margin-top: 5px;
	text-indent: 0px;
	margin-left: 15px;
}
#contents ul.noteNumber {
	margin-top: 15px;
	padding-left: 2.2em;
	text-indent: -2.2em;
}

/* ==================================
column
================================== */

#contents .col2wrap {
	clear: both;
}
#contents .floatWrap {
	margin-top: 20px;
}
#contents .col2wrap .col2l {
	float: left;
	width: 295px;
}
#contents .col2wrap .col2r {
	float: right;
	width: 295px;
}
#contents .img130 dt {
	float: left;
	margin-right: 10px;
	width: 130px;
	text-align: center;
}
#contents td .img130 dt {
	float: left;
	margin-right: 10px;
	width: 70px;
	text-align: center;
}
#contents .img130 dd {
	float: left;
	width: 155px;
}
#contents .borderB {
	border-bottom: 1px solid #333;
}
#contents .borderBlc {
	padding: 10px;
	border: 1px solid #333;
}
#contents .fillBlc {
	background: #e7f2f8;
	padding: 10px;
}
#contents .heading01 .borderBlc p,
#contents .heading02 .borderBlc p,
#contents .heading0202 .borderBlc p,
#contents .heading03 .borderBlc p,
#contents .heading0302 .borderBlc p,
#contents .heading04 .borderBlc p,
#contents .heading01 .fillBlc p,
#contents .heading02 .fillBlc p,
#contents .heading0202 .fillBlc p,
#contents .heading03 .fillBlc p,
#contents .heading0302 .fillBlc p,
#contents .heading04 .fillBlc p {
	 margin-top:0;
}

#contents .col3 {
	clear: both;
	margin-top: 20px;
}
#contents .col3 .col {
	float: left;
	width: 195px;
	margin-right: 10px;
}
#contents .col3 .col img {
	margin-bottom: 5px;
}
#contents .col3 .col.last {
	margin-right: 0;
}

/* ==================================
position
================================== */
#contents .pstnBox {
	position: relative;
}
#contents .pstnElmB50 {
	position: absolute;
	right: 0;
	bottom: 50px;
}

/* ==================================
imgFloat
================================== */

#contents .floatL20 {
	float: left;
	margin-right: 20px;
}
#contents .floatR20 {
	float: right;
	margin-left: 20px;
}
#contents p.floatL20,
#contents p.floatR20 {
	margin-top:0;
}

#contents .floatL20.imgIndent {
	margin-left: 25px;
	margin-right: 45px;
}


/* ==================================
link
================================== */

/* normal link */
#contents .iconLink {
	margin-top: 5px;
}
#contents .iconLink li {
	margin-top: 5px;
}
#contents .iconLink a,
#contents a.iconLink {
	background: url(../images/arrow_b_01.gif) no-repeat 0px 0.3em;
	padding-left: 10px;
	
}
#contents .ancLink li,
#contents .ancLink02 li {
	background: url(../images/arrow_b_02.gif) no-repeat 0px 0.4em;
	margin-top: 10px;
	padding-left: 12px;
	display: inline-block;
	margin-right: 30px;
}
#contents .ancLink02 li {
	display: block;
}
#contents a.ancLink {
	background: url(../images/arrow_b_02.gif) no-repeat 0px 0.4em;
	padding-left: 12px;
}

/* icon link */
#contents .pdf li {
	margin-top: 5px;
}
#contents .pdf li li {
	margin-left: 20px;
}
#contents .pdf a,
#contents a.pdf,
#aside a.pdf {
	padding: 2px 0 3px 20px;
	background: url(../images/icon_pdf.gif) no-repeat 0 2px;
	display: inline-block;
}
#contents .note a.pdf {
	text-indent: 0px;
}
#contents .blank li {
	margin-top: 5px;
}
#contents .link .blank li {
	margin-top: 15px;
}
#contents .blank a,
#contents a.blank,
#aside .blank {
	padding: 0 0 1px 15px;
	background: url(../images/icon_newwin.gif) no-repeat 0 0 ;
}

#contents .excel li {
	margin-top: 5px;
}
#contents .excel li li {
	margin-left: 20px;
}
#contents .excel a,
#contents a.excel,
#aside a.excel {
	padding: 2px 0 3px 20px;
	background: url(../../common3/images/com_ic35.gif) no-repeat 0 2px;
	display: inline-block;
}

/* pageNav */
#contents .pageNav {
	margin-top: 20px;
	text-align: center;
}
#contents .pageNav ol {
	display: inline;
}
#contents .pageNav ol li {
	margin-right: 1px;
	margin-left: 1px;
	border: 1px solid #CCC;
	display: inline-block;
}
* html #contents .pageNav ol li {
	zoom: 1;
	width: 1em;
	display: inline;
}
#contents .pageNav ol li span {
	padding: 1px 6px;
	display: inline-block;
	background: #CCC;
}
#contents .pageNav ol li a span {
	background: #FFF;
}
#contents .pageNav .prev {
	float: left;
	background: url(../images/arrow_b_03.gif) no-repeat 0px 0.4em;
	padding-left: 10px;
}
#contents .pageNav .next {
	float: right;
	background: url(../images/arrow_b_01.gif) no-repeat right 0.4em;
	padding-right: 10px;
}

/* otherLink */
#contents .btnList {
	padding-top: 10px;
}
#contents .btnList li {
	margin-top: 10px;
}
#contents .linkList li {
	background: url(../images/arrow_b_01.gif) no-repeat 0px 0.4em;
	margin-top: 10px;
	padding-left: 10px;
}
#contents .linkList li ul {
	margin-left:12px
}



/*===================================
list
===================================*/

#contents .listCircle {
	margin-top: 10px;
}
#contents .listCircle li,
#contents .listNum li ul.listCircle li {
	list-style: disc;
	margin-left: 18px;
}
#contents .listCircle li ul {
	margin-left:12px
}
#contents .listNum {
	margin-top: 10px;
}
#contents .listNum li {
	list-style: decimal;
	margin-left: 25px;
	margin-top:5px;
}
#contents .listNum li ol {
	margin-left:2px;
	margin-top: 10px;
}
#contents .listNum li ul li {
	list-style: none;
	margin-left: 0px;
}
#contents .prizeLinkList {
	margin-top:10px;
}
#contents .prizeLinkList li {
	margin-top:5px;
}
#contents .listAlpha {
	margin-top: 10px;
}
#contents .listAlpha li {
	list-style: lower-alpha;
	margin-left: 25px;
	margin-top:5px;
}
#contents .listParenthesis {
	margin-top: 10px;
}
#contents .listParenthesis li {
	margin-top:5px;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
#contents li.styleNone {
	list-style: none !important;
	margin: 5px 0 0 !important;
}



/*===================================
QA list
===================================*/
/*#contents .qaList01 {
	margin-top: 20px;
}*/
#contents .qaList01 dt {
	color: #C00;
	margin-top: 20px;
}
#contents .qaList01 dd {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}
#contents .qaList01 dt,
#contents .qaList01 dd  {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
#contents .qaList01 dd li  {
	text-indent: 0em;
	padding-left: 0em;
}
#contents .qaList01 dd p  {
	margin-top: 20px;
	text-indent: 0em;
}
#contents .qaList02 {
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
	margin-top: 10px;
}
#contents .qaList02 dt,
#contents .qaList02 dd  {
	float: left;
	padding-top: 5px;
}
#contents .qaList02 dt {
	clear: left;
	width: 60px;
}
#contents .qaList02 dd {
	width: 545px;
}


/* ==================================
table
================================== */
#contents .tableWrap,
#contents .tableWrap02 {
	margin-top: 20px;
}
#contents .tableWrap table,
#contents .tableWrap02 table {
	border-collapse:collapse;
	width: 100%;
}
#contents .tableWrap02 table {
	width: auto;
}
#contents .tableWrap table caption {
	caption-side: bottom;
	text-align: right;
	margin-top: 5px;
}
#contents .tableWrap02 table caption {
	caption-side: top;
	text-align: left;
	margin-top: 0px;
}
#contents .tableWrap th, #contents .tableWrap td,
#contents .tableWrap02 th, #contents .tableWrap02 td {
	text-align: left;
	padding: 6px 8px 5px;
	border: 1px solid #CCC;
	vertical-align: top;
}
#contents .tableWrap .borderNone,
#contents .tableWrap02 .borderNone {
	border-bottom: hidden;
}
#contents .tableWrap th,
#contents .tableWrap02 th {
	font-weight: bold;
}
#contents .tableWrap td {
}
#contents .bgDgray,
#contents .bgDgray th {
	background: #E6E6E6;
}
#contents .bgGray,
#contents .bgGray td {
	background: #F4F4F4;
}
#contents .noBorder th,
#contents .noBorder td {
	padding: 0px!important;
	border: none;
	font-weight: normal;

}


/*===================================
localNav
===================================*/

#aside #loacalNavA {
	background: url(../../profile/img/right_bg.gif) repeat-y;
}
#aside #loacalNavB {
	font-size: 83%;
}
#aside #loacalNavB h2 {
	font-weight: bold;
	font-size: 120%;
	color: #FFF;
	padding: 2px;
	background: #3399FE;
	position: relative;
	text-align: center;
}
.info #aside #loacalNavB h2 {
	background: #FF6600;
}
.contract #aside #loacalNavB h2 {
	background: #009900;
}
#aside #loacalNavB ul {
	margin-top: -11px;
	overflow: hidden;
	padding-bottom: 10px;
	color: #333365;
}

#aside #loacalNavB ul li {
	padding: 8px 2px 0 12px;
	margin-top: 8px;
	border-top: 1px dotted #666;
	background: url(../images/arrow_b_01.gif) no-repeat 5px 12px;
}

#aside #loacalNavB ul li.square {
	background: url(../../img/sq_b.gif) no-repeat 0px 12px;
	padding-left: 8px;
	margin-top: 5px;
	margin-left: 5px;
}

#aside #loacalNavB ul li ul {
	margin-top: 7px;
	background: #FFF;
	padding: 3px;
	margin-right: 2px;
	margin-left: -8px;
}
#aside #loacalNavB ul li ul li {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px dotted #999;
	list-style: disc inside;
	padding-left: 13px;
	text-indent: -13px;
	background: url(none);
}
#aside #loacalNavB ul li ul li.liFirst {
	margin-top: 0px;
	padding-top: 0px;
	border-top-style: none;

}
#aside #loacalNavO,
#aside #loacalNavL {
	margin-top: -8px;
	padding-bottom: 10px;
}
#aside #loacalNavO dl,
#aside #loacalNavL dl {
	margin-top: 10px;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 83%;
	color: #666;
}
#aside #loacalNavO dl dt,
#aside #loacalNavL dl dt {
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
}
#aside #loacalNavL dl dt {
	font-weight: bold;
	color: #FFF;
	background: #666;
	text-align: center;
	padding: 2px;

}
#aside #loacalNavO dl dd,
#aside #loacalNavL dl dd {
	background: url(../images/bg_info_lnav_01.gif) no-repeat left bottom;
	padding: 3px 5px 10px;
}
#aside #loacalNavO .iconList li,
#aside #loacalNavL .iconList li {
	text-align: center;
	margin-top: 5px;
}
#aside #loacalNavO .linkList li,
#aside #loacalNavL .linkList li {
	background: url(../../info/img/pic_top01.gif) no-repeat 0px 4px;
	margin-top: 5px;
	padding-left: 6px;
}


/*===================================
pluginBox
===================================*/
#contents .pluginBox {
	clear: both;
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 83%;
}
#contents .pluginBox dl {
	/*width: 100%;*/
}
#contents .pluginBox dl dt {
	float: left;
	margin-right: 12px;
}
#contents .pluginBox dl dd {
	overflow: hidden;
}
#contents .pluginBox .blank li {
	margin-top: 0;
}
#contents .pluginBox .blank li a {
	font-weight: bold;
}

/*===================================
Adjustments appropriation
===================================*/
#contents table strong {
	font-weight: bold;
}


/*99: extra
=========================================*/

/* ==================================
Margin
================================== */
/* Margin-top */
#mainContainer .mt0 {
	margin-top: 0 !important;
}
#mainContainer .mt5 {
	margin-top: 5px !important; 
}
#mainContainer .mt10 {
	margin-top: 10px !important;
}
#mainContainer .mt15 {
	margin-top: 15px !important;
}
#mainContainer .mt20 {
	margin-top: 20px !important;
}
#mainContainer .mt25 {
	margin-top: 25px !important;
}
#mainContainer .mt30 {
	margin-top: 30px !important;
}
#mainContainer .mt35 {
	margin-top: 35px !important;
}
#mainContainer .mt40 {
	margin-top: 40px !important;
}
#mainContainer .mt60 {
	margin-top: 60px !important;
}
#mainContainer .mt70 {
	margin-top: 70px !important;
}

/* Margin-right */
#mainContainer .mr10 {
	margin-right: 10px !important;
}
#mainContainer .mr15 {
	margin-right: 15px !important;
}
#mainContainer .mr20 {
	margin-right: 20px !important;
}

/* Margin-left */
#mainContainer .ml5 {
	margin-left: 5px !important;
}
#mainContainer .ml10 {
	margin-left: 10px !important;
}
#mainContainer .ml15 {
	margin-left: 15px !important;
}
#mainContainer .ml20 {
	margin-left: 20px !important;
}
#mainContainer .ml25 {
	margin-left: 25px !important;
}
#mainContainer .ml30 {
	margin-left: 30px !important;
}


/* ==================================
 align
================================== */
#mainContainer .elementCenter {
	text-align: center !important;
}
#mainContainer .elementLeft {
	text-align: left !important;
}
#mainContainer .elementRight {
	text-align: right !important;
}
#mainContainer .leftJustified {
	text-align: left !important;
	width: auto;
	display: inline-block;
}

/* ==================================
Display
================================== */
#mainContainer .inlineBlc {
	display:inline-block !important;
}

/* ==================================
clear
================================== */
#mainContainer .clearWrapArround {
	overflow: hidden;
	zoom: 1;
}

/* ==================================
Width
================================== */
/*#mainContainer .width215 {
	width:215px !important;
}*/
#mainContainer .wAuto {
	width: auto !important;
}



/* 120328 add */
#contents .listCircle .noteIndent {
	margin-left: 0;
}
#contents .listCircle .noteIndent li {
	margin-left: 0;
	list-style: none;
}
#contents .ancLink li.blank {
	padding-left: 15px;
	background: url(../images/icon_newwin.gif) no-repeat 0 0.2em;
}
#contents .ancLink li.blank a {
	padding: 0;
	background: none;
}


/* ==================================
clear fix
================================== */
#contents .col2wrap:after,
#contents .pageNav:after,
#contents .floatWrap:after,
#contents .col2wrap .col2l:after,
#contents .col2wrap .col2r:after,
#contents .col2wrap .col2lFree:after,
#contents .col2wrap .col2rFree:after,
#contents .pluginBox dl:after,
#contents .qaList02:after,
#contents .col3:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#contents .col2wrap,
#contents .pageNav,
#contents .floatWrap,
#contents .col2wrap .col2l,
#contents .col2wrap .col2r,
#contents .col2wrap .col2lFree,
#contents .col2wrap .col2rFree,
#contents .pluginBox dl,
#contents .qaList02,
#contents .col3 {
	zoom: 1;
}