@charset "utf-8";
/* CSS Document */
/* CSSファイル */

/* ------------------------------

	DECORATION
	
------------------------------ */

.fs10{ font-size: 84% !important;}
.fs11{ font-size: 92% !important;}
.fs12{ font-size: 100% !important;}
.fs13{ font-size: 109% !important;}
.fs14{ font-size: 117% !important;}
.fs15{ font-size: 125% !important;}
.fs16{ font-size: 134% !important;}
.fs20{ font-size: 167% !important;}

.red { color: #CC0000 !important;}
.blue { color: #1CA2FB !important;}
.green { color: #1FA433 !important;}
.gray { color: #CCC !important;}
.pink{ color: #EB7672 !important;}
.orange { color: #FF9900 !important;}
.bold { font-weight:bold !important;}

.bgPink{ background:#E7AF9C !important;}
.bgGreen{ background:#E1E2B4 !important;}
.bgBlue{ background:#C4E8E7 !important;}

.fl_l{ float: left !important;}
.fl_r{ float: right !important;}

.ta_l{ text-align: left !important;}
.ta_r{ text-align: right !important;}
.ta_c{ text-align: center !important;}

.clear { clear: both !important;}
 
.M5{ margin: 5px !important;}
.M15{ margin: 15px !important;}
.M25{ margin: 25px !important;}

.M5t{ margin-top: 5px !important;}
.M10t{ margin-top: 10px !important;}
.M15t{ margin-top: 15px !important;}
.M20t{ margin-top: 20px !important;}
.M25t{ margin-top: 25px !important;}
.M30t{ margin-top: 30px !important;}
.M40t{ margin-top: 40px !important;}
.M50t{ margin-top: 50px !important;}

.M5b{ margin-bottom: 5px !important;}
.M10b{ margin-bottom: 10px !important;}
.M15b{ margin-bottom: 15px !important;}
.M20b{ margin-bottom: 20px !important;}
.M25b{ margin-bottom: 25px !important;}
.M30b{ margin-bottom: 30px !important;}
.M40b{ margin-bottom: 40px !important;}
.M50b{ margin-bottom: 50px !important;}

.M5l{ margin-left: 5px !important;}
.M10l{ margin-left: 10px !important;}
.M15l{ margin-left: 15px !important;}
.M20l{ margin-left: 20px !important;}
.M25l{ margin-left: 25px !important;}
.M30l{ margin-left: 30px !important;}
.M40l{ margin-left: 40px !important;}
.M50l{ margin-left: 50px !important;}

.M5r{ margin-right: 5px !important;}
.M10r{ margin-right: 10px !important;}
.M15r{ margin-right: 15px !important;}
.M20r{ margin-right: 20px !important;}
.M25r{ margin-right: 25px !important;}
.M30r{ margin-right: 30px !important;}
.M40r{ margin-right: 40px !important;}
.M50r{ margin-right: 50px !important;}

.P5{ padding: 5px !important;}
.P15{ padding: 15px !important;}
.P25{ padding: 25px !important;}

.sup {vertical-align:baseline; position:relative; top:-4px; font-size: 72%;}
.ph_border{ padding:4px; background:#FFF; border:1px solid #E3E3E3;}
.border{ padding:2px 5px 1px; background:#FFF; border:1px solid #333333; font-size: 84%;}
.border-dot{ width: 655px; border: 1px #333 dotted; padding: 20px;}
.note { font-size: 92%; color: #666666; line-height: 1.8;}
hr.dotted{ border-top: 1px dotted #999; border-left: none; border-right: none; border-bottom: none;}


#main p.link{ margin-bottom:0.8em;}
#main p.link a, p.link a:link{
    background: url(../img/common/linkArw.gif) no-repeat scroll 7px 8px #D6E072;
    margin-right: 2px;
    padding: 5px 8px 2px 24px;
    text-decoration: none;
	color: #333333;
}
#main p.link a:hover{
    background: url(../img/common/linkArw_on.gif) no-repeat scroll 7px 8px #666666;
    margin-right: 2px;
    padding: 5px 8px 2px 24px;
    text-decoration: none;
	color: #D6E072;
}

#main .btmLink{ margin: 75px 0 0 0; display: none;}
#main .btmLink li{ width:230px; float: left; display: block;}
#main .btmLink li a, #main .btmLink li a:link{
    background: url(../img/common/btmLink.gif) no-repeat scroll top left;
    margin: 0 1px 1px 0;
    padding: 4px 8px 2px 27px;
    text-decoration: none;
	color: #000000;
	display: block;
}
#main .btmLink li a:hover{
    background: url(../img/common/btmLink_on.gif) no-repeat scroll top left;
    margin: 0 1px 1px 0;
    padding: 4px 8px 2px 27px;
    text-decoration: none;
	color: #ffffff;
	display: block;
}




/*-----------------------------------------------
 __H2-4
-----------------------------------------------*/

/* h2 ------------------------------------- */

#main h2{ margin: 0 0 25px;}
#main h3{ margin: 0 0 20px;}
#main h4{ margin: 0 0 20px;}
#main h5{ margin: 0 0 10px;}



/* h3 ------------------------------------- */

#main h3 {
    font-size: 134%;
	font-weight:normal;
    margin: 0 0 25px;
    padding: 4px 0 0 55px;
	height: 36px;
	background: url(../img/common/h3.gif) no-repeat top left;
}

/* h4 ------------------------------------- */

#main h4 {
    font-size: 109%;
	font-weight: bold;
    margin: 0 0 25px;
    padding: 4px 0 0 38px;
	height: 25px;
	background: url(../img/common/h4.gif) no-repeat left 0.3em;
}


/*-----------------------------------------------
 __ICON
-----------------------------------------------*/

.IconDisc {
    background: url(img/IconDisc.gif) no-repeat scroll left 0.4em transparent;
    margin-bottom: 0.5em;
    padding-left: 20px;
}
.IconArrow1 {
    background: url(../img/common/iconArrow1.gif) no-repeat scroll left 0.4em transparent;
    margin-bottom: 0.5em;
    padding-left: 25px;
}
.IconArrow2 {
    background: url(../img/common/iconArrow2.gif) no-repeat scroll left 0.5em transparent;
    padding-left: 22px;
}
.IconBal {
    background: url(img/IconBal.gif) no-repeat scroll left 0.4em transparent;
    margin-bottom: 0.5em;
    padding-left: 20px;
}
.IconNotice {
    background: url(../img/common/iconNotice.gif) no-repeat scroll left 0.4em transparent;
    padding-left: 23px;
	font-size: 117%;
	font-weight: bold;
}
.IconExclam {
    background: url(../img/common/iconExclam.gif) no-repeat scroll left 0.1em transparent;
    padding-left: 30px;
	font-size: 117%;
	font-weight: bold;
}
.IconCheck {
    background: url(../img/common/iconCheck.gif) no-repeat scroll left top transparent;
    margin-bottom: 0.8em !important;
    padding-left: 30px;
}




/*-----------------------------------------------
 __LIST
-----------------------------------------------*/

ul.ind li,ol.ind li{ padding-left: 1em; text-indent: -1em;}
.ListDisc li {
    background: url(img/IconDisc.gif) no-repeat scroll left 0.4em transparent;
    margin-bottom: 0.5em;
    padding-left: 20px;
}
.ListArrow1 li  {
    background: url(img/IconArrow1.gif) no-repeat scroll left 0.4em transparent;
    margin: 0 0 5px;
    padding-left: 15px;
}
.ListArrow2 li  {
    background: url(../img/common/iconArrow2.gif) no-repeat scroll left 0.5em transparent;
    padding-left: 22px;
    margin: 0 0 5px;
}
.ListNum li {
    list-style: decimal outside none;
    margin: 0 0 4px 20px;
    padding-left: 0;
    text-indent: 0;
}
.ListLine li {
    border-left: 5px solid #DC99AE;
	font-weight:normal;
    margin: 15px 0 5px;
    padding: 1px 0 0 15px;
}
.ListCheck li {
    background: url(../img/common/iconCheck.gif) no-repeat scroll left 0.3em transparent;
    margin-bottom: 0.5em;
    padding-left: 30px;
	line-height: 2.1;
	font-size: 117%;
}



/*-----------------------------------------------
 __table
-----------------------------------------------*/


/* table typeC ------------------------------------- */

table.typeC {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-right: 1px solid #DCDDDD;
    border-top: 1px solid #DCDDDD;
    color: #333333;
    margin: 0 0 20px 25px;
    width: 90%;
}
table.typeC th {
    background-color: #EFEFEF;
    border-bottom: 1px solid #DCDDDD;
    border-left: 1px solid #DCDDDD;
	width: 150px;
    padding: 10px;
    text-align: left;
	font-weight: normal;
}
table.typeC td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DCDDDD;
    border-left: 1px solid #DCDDDD;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}