@charset "utf-8";

/* Text
-----------------------------------------------------------*/
.font-large_bold {
    font-size: 115%;
	font-weight: bold;
}
.font-large_bold-navy {
    font-size: 105%;
	font-weight: bold;
	color: #003366;
}

.navy {
    color: #003366;
}
.navy-bold {
    color: #003366;
	font-weight: bold;
}
.small {
    font-size: 70%;
}
.red {
    color: #e50031;
}
.red-bold {
    color: #e50031;
	font-weight: bold;
}
.blue {
	color: #00F;
}
.eng-quote {
    color: #666666;
	line-height: 120%;
}
.eng-quote2 {
    color: #666666;
	line-height: 120%;
	margin-bottom: 25px;
}

.bold-large {
    font-size: 140%;
	font-weight: bold;
}
.bold {
    font-weight: bold;
}
.small2 {
    font-size: 80%;
	line-height: 120%;
}
.text-head1 {
    clear: both;
    width: 550px;
	padding: 3px 7px;
	border-top: 2px dotted #68699b;
	border-bottom: 2px dotted #68699b;
	margin-left: auto;
	margin-right: auto;
	font-size: 99%;
}
.text-head1-bottom30 {
    clear: both;
    width: 550px;
	padding: 3px 7px;
	border-top: 2px dotted #68699b;
	border-bottom: 2px dotted #68699b;
	margin-left: auto;
	margin-right: auto;
	font-size: 99%;
	margin-bottom: 30px;
}

.text-head2 {
    color: #0f2350;
	background-color: #e9ecf1;
	font-size: 90%;
	padding: 3px 10px;
	border-top: 1px solid #c2c3c7;
	border-bottom: 1px solid #c2c3c7;
}

.text-head3 {
    clear: both;
    width: 550px;
	padding: 3px 7px;
	border-top: 1px dotted #68699b;
	border-bottom: 1px dotted #68699b;
	margin-left: auto;
	margin-right: auto;
	font-size: 99%;
}

.txt-bottom {
    vertical-align: sub;
	font-size: 80%;
}
.text-right {
    text-align: right;
}
.text-top {
    vertical-align: super;
	font-size: 80%;
}
.text-productname {
    background-color: #9caeb7;
	color: #fff;
	padding: 1px 5px;
	font-size: 95%;
	width: 180px;
	margin-left: 25px;
	clear: left;
}
.text-productname_long {
    background-color: #9caeb7;
	color: #fff;
	padding: 1px 5px;
	font-size: 95%;
	width: 280px;
	margin-left: 25px;
	clear: left;
}

.valign-top {
    vertical-align: top;
}

.bgcolor-gray {
	background-color: #fdf5f5;
}

.highlight {
	background-color: #FF0;
	font-weight: bold;
}

/* Image
-----------------------------------------------------------*/
.down6 {
	margin-top: 6px;
}
.down30 {
	margin-top: 30px;
}
.down40 {
	margin-top: 40px;
}
.down50 {
	margin-top: 50px;
}
.down60 {
	margin-top: 60px;
}
.down80 {
	margin-top: 80px;
}
.down100 {
	margin-top: 100px;
}
.down130 {
	margin-top: 130px;
}
.icon-adjustment {
	vertical-align: middle;
	margin-right: 2px;
}
.icon-adjustment2 {
	vertical-align: middle;
	margin-right: 15px;
}
.icon-adjustment3 {
	vertical-align: middle;
	margin-left: 10px;
}

.natinal-flag {
    margin-right: 3px;
	vertical-align: middle;
}
.f-left1 {
    float: left;
	margin: 0 10px 8px 0;
}
.border-bk {
    border: 1px solid #000;
}
.xllbgclr a {
	background-color: none;
}
.pic_right {
    float: right;
	margin-left: 15px;
	margin-bottom: 20px;
}

.down30_nobg-over {
	background: none;
	margin-top: 30px;
}

.down30_nobg-over a:hover {
	background: none;
}



/* Layout
-----------------------------------------------------------*/
.clrboth {
	clear: both;
}
.clrleft {
    clear: left;
}
.centre {
	text-align: center;
}
.bottom_space_40 {
    margin-bottom: 40px;
	clear: both;
}
.bottom_space_15 {
    margin-bottom: 15px;
	clear: both;
}
.bottom_space_10 {
    margin-bottom: 10px;
	clear: both;
}
.bottom_space_25 {
    margin-bottom: 25px;
	clear: both;
}
.bottom_space_20 {
    margin-bottom: 20px;
	clear: both;
}
.bottom_space_30 {
    margin-bottom: 30px;
	clear: both;
}
.w500-centre-bottom25 {
    width: 500px;
	text-align: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.w500-centre-bottom15 {
    width: 500px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.w500-centre-bottom15-gray {
    width: 500px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	color:#666666;
	line-height: 120%;
}

.centre-bottom40 {
    clear: both;
	text-align: center;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}
.centre-bottom25 {
    clear: both;
	text-align: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.centre-bottom10 {
    clear: both;
	text-align: center;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.bg-white {
    background-color: #fff;
}
.bg-bk {
    background-color: #000000;
}
#popup-win {
    font-size: 80%;
	line-height: 40px;
	background-color: #cbd0d3;
}
#popup-win h1 {
    font-size: 17px;
	padding: 5px 0;
}
#popup-win #close {
	padding: 10px 0 30px;
}
.highlight-box {
    width: 550px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	border: 2px solid #191978;
	color: #666666;
	font-weight: bold;
}
.link-frame {
    text-decoration: none;
}

.aug01 {
	width: 400px;
	hight: 200px;
	position: relative;
	top: -1300px;
    z-index: 100;
	margin: 0 auto;
	background-color: #FFF;
	padding: 50px 20px;
	opacity: 0.9;
	font-weight: bold;
}


/* YouTube Screen
--------------------------------*/
.youtube {
	width: 560 px;
	padding: 20px;
	line-height: 135%;
	border: 1px solid #a0a0a0;
	margin-bottom: 25px;
	clear: both;
}
.youtube2 {
	padding: 20px 15px;
	line-height: 135%;
	border: 1px solid #a0a0a0;
	margin-bottom: 25px;
	clear: both;
}
.youtube h2 {
    font-size: 90%;
}
.youtube2 h2 {
    font-size: 90%;
}
.youtube_title {
    background-color: #9caeb7;
	color: #fff;
	padding: 2px 5px;
	font-size: 95%;
	font-weight: bold;
	width: 100px;
	clear: left;
}

.youtube_player {
    border: none;
}

.youtube div {
    text-align: center;
}
.youtube2 div {
    text-align: center;
}


/* Request from MOTO
-----------------------------------------------------------*/
.customized_topic_for_foe {
    border: 1px dotted #cccccc;
	padding: 1em;
	margin-top: 10px;
	text-align: center;
	font-size: 75%;
}
.customized_topic_for_foe a:hover {
    background: none;
}

/* Table
-----------------------------------------------------------*/
.tbl1 {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 4px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl1 th, td {
	padding: 0.2em 0.2em 0.2em 0.8em;
	text-align: left;
}
.tbl1 td {
    text-align: left;
    padding-left: 0.5em;
	padding-right: 0.5em;

}
.tbl1 th {
	background-color: #eeeeee;
}
.tbl2 {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl2 th, td {
	padding: 0.2em 0.2em 0.2em 0.8em;
	text-align: left;
}
.tbl2 td {
    text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.tbl2 th {
	background-color: #eeeeee;
}
.tbl3 {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl3 th, td {
	padding: 0.2em 0.2em 0.2em 0.8em;
}
.tbl3 th {
	background-color: #eeeeee;
	text-align: left;
}
.tbl3 td {
    text-align: center;
}
.tbl4 {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl4 th, td {
	padding: 0.2em 0.2em 0.2em 0.8em;
	text-align: center;
}
.tbl4 th {
	background-color: #eeeeee;
}

td.bg-black_f-wh {
    background-color: #000;
	color: #fff;
}


.tbl5 {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl5 th, td {
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-align: center;
}
.tbl5 th {
	background-color: #eeeeee;
}
.tbl6 {
	clear: both;
	color: #696969;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl6 td {
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-align: center;
}
.tbl6 th {
	background-color: #eeeeee;
    padding: 0.2em 0.2em 0.2em 0.2em;
	text-align: left;
}

.tbl7 {
	clear: both;
	color: #696969;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 135%;
}
.tbl7 td {
	padding: 5px;
	text-align: center;
}
.tbl7 th {
	background-color: #eeeeee;
    padding: 5px;
	text-align: center;
}

.tbl8-noborder {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	line-height: 135%;
}
.tbl8-noborder th, td {
	padding: 0.2em 0.2em 0.2em 0.8em;
	text-align: left;
}
.tbl8-noborder td {
    text-align: left;
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.tbl8-noborder2 {
	clear: both;
	color: #696969;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 4px;
	line-height: 135%;
}
.tbl8-noborder2 th, td {
	padding: 0.2em 0;
	text-align: center;
}
.tbl8-noborder2 td {
	vertical-align: top;
}
.tbl8-noborder2 a:hover {
	background: none;
}

.bg-table-red {
	background-color: #F00;
}



/* List
-----------------------------------------------------------*/
ul.list1 {
    padding: 0.5em 0 3em 3em;
}
ul.list1 li {
    list-style-type: decimal;
}
ul.list2 {
    padding: 0 3em 3em 3em;
}
ul.list2 li {
    list-style-type: circle;
}
ul.list2-2 {
    padding: 1em 3em 3em 3em;
}
ul.list2-2 li {
    list-style-type: circle;
}

ul.list3 {
    padding: 0 4em 3em 4em;
}
ul.list3 li {
    list-style-type: none;
	margin-bottom: 0.4em;
}
ul.list4 {
    padding: 0 2em;
}
ul.list4 li {
    list-style-type: disc;
}
ul.list5 {
    padding: 0 1.5em;
}
ul.list5 li {
    list-style-type: disc;
	line-height: 125%;
}
ul.list6 {
    padding: 0 0 0 330px;
}
ul.list6 li {
    list-style-type: disc;
}
ul.list7 {
    padding: 0 0 30px 200px;
}
ul.list7 li {
    list-style-type: disc;
}
ul.list7 {
    padding: 0.5em 0 2.5em 0;
}
ul.list7 li {
    list-style-type: none;
	margin-bottom: 7px;
}
ul.list7 li a:hover {
    background: none;
}
ul.list8_for_top {
    padding: 0 0 2.5em 0;
}
ul.list8_for_top li {
    list-style-type: none;
	margin-bottom: 7px;
}
ul.list8_for_top li a:hover {
    background: none;
}



/* Menu
-----------------------------------------------------------*/
ul.menu_banner li {
    float: left;
	list-style: none;
	margin-right: 20px;
	margin-bottom: 20px;
}
ul.menu_banner li a:hover{
    background: none;
}
ul.menu_banner li.nomargin {
    margin-right: 0
}


/* Calculation
-----------------------------------------------------------*/
.cal {
	clear: both;
}
.cal-left {
	float: left;
	width: 250px;
}
.cal-right {
	float: right;
	width: 320px;
	margin-top: 25px;
}