@charset "utf-8";

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

component.css

1: common setting
2: common parts
99: extra

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

/*1: common setting
=========================================*/

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
================================== */
.section {
	clear: both;
	margin-top: 20px;
	border-top: 1px dotted #999;
	/*padding-top: 10px;*/
}

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


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


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

/* h2 design */
.heading02,
.heading0202 {
	margin-top: 20px;
}
.heading02 .heading {
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	background: #003366;
}
.bunpai .heading02 .heading,
.copyright .heading02 .heading,
.other .heading02 .heading {
	background: #3399FE;
}
.info .heading02 .heading {
	background: #FF6600;
}
.contract .heading02 .heading {
	background: #009900;
}
.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%;
}
.heading02 p {
	margin-top: 10px;
}
.heading0202 p {
	margin-top: 15px;
}
.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 */
.heading03,
.heading0302 {
	margin-top: 20px;
}
.heading03 .heading {
	font-weight: bold;
	color: #666;
	background: #E6E6E6;
	padding: 5px;
}
.heading0302 .heading {
	font-weight: bold;
	color: #003399;
	padding-bottom: 5px;
	border-bottom: 1px dotted #003399;
}
.heading03 p,
.heading0302 p {
	margin-top: 10px;
}


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

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


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

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

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

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

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

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

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


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

/* normal link */
.iconLink {
	margin-top: 5px;
}
.iconLink li {
	margin-top: 5px;
}
.iconLink a,
a.iconLink {
	background: url(../images/arrow_b_01.gif) no-repeat 0px 0.3em;
	padding-left: 10px;
	
}
.ancLink li,
.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;
}
.ancLink02 li {
	display: block;
}
a.ancLink {
	background: url(../images/arrow_b_02.gif) no-repeat 0px 0.4em;
	padding-left: 12px;
}

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

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

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



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

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



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


/* ==================================
table
================================== */
.tableWrap,
.tableWrap02 {
	margin-top: 20px;
}
.tableWrap table,
.tableWrap02 table {
	border-collapse:collapse;
	width: 100%;
}
.tableWrap02 table {
	width: auto;
}
.tableWrap table caption {
	caption-side: bottom;
	text-align: right;
	margin-top: 5px;
}
.tableWrap02 table caption {
	caption-side: top;
	text-align: left;
	margin-top: 0px;
}
.tableWrap th, .tableWrap td,
.tableWrap02 th, .tableWrap02 td {
	text-align: left;
	padding: 6px 8px 5px;
	border: 1px solid #CCC;
	vertical-align: top;
}
.tableWrap th,
.tableWrap02 th {
	font-weight: bold;
}
.tableWrap td {
}
.bgDgray,
.bgDgray th {
	background: #E6E6E6;
}
.bgGray,
.bgGray td {
	background: #F4F4F4;
}
.noBorder th,
.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
===================================*/
.pluginBox {
	clear: both;
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 83%;
}
.pluginBox dl {
	/*width: 100%;*/
}
.pluginBox dl dt {
	float: left;
	margin-right: 12px;
}
.pluginBox dl dd {
	overflow: hidden;
}
.pluginBox .blank li {
	margin-top: 0;
}
.pluginBox .blank li a {
	font-weight: bold;
}

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


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

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

/* ==================================
 align
================================== */
.elementCenter {
	text-align: center !important;
}
.elementLeft {
	text-align: left !important;
}
.elementRight {
	text-align: right !important;
}

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

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

/* ==================================
Width
================================== */
/*.width215 {
	width:215px !important;
}*/




/* 120328 add */
.listCircle .noteIndent {
	margin-left: 0;
}
.listCircle .noteIndent li {
	margin-left: 0;
	list-style: none;
}
.indentBox {
	padding: 10px;
}


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