/* Existing Tags Redefinition
--------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	color:#504E4F;
	background-color: #FFF;
}

h1 {
	margin:0 0 10px 0;
	padding:5px 15px;
	color:#FFF;
	border-top: double 3px #FFF;
	border-bottom: double 4px #FFF;
	background-color: #005AA9;
}

h2 {
	margin:40px 0 10px 0;
	padding:5px 10px;
	color:#07114E;
	border-bottom:1px solid #2AB2CA;
	background-color:#CBF6FE;
}

h3 {
	margin:20px 0 10px 0;
	padding-left:15px;
	color:#07134F;
	background-image:url(/resource/images/common/mark_h3_bullet.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

h4 {
	margin:20px 0 0 0;
	padding:0;
}
p {
	margin:10px 0 15px 0; 
	padding:0;
	line-height:1.25em;
}

form {
	margin: 0;
	padding: 0;
}

hr {
	display:none;
}

dl {
	margin:15px 0;
}
dt {
	font-weight:bold;
	color:#005AA9;
}
dd {
	margin:0;
}

img {
	border:none;
}

/* anchor
--------------------------------------------------------------*/
a {
	color:#1A6DD3;
	text-decoration:underline;
}

a:visited {
	color:#792F68;
}
a:hover {
	color:#D34F07;
}


/* anchor : pseudo classes --------------------*/

a.searchTips:visited,
a.siteHelp:visited,
a.siteMap:visited {
	color:#144594;
}
a.searchTips:hover,
a.siteHelp:hover,
a.siteMap:hover {
	color:#144594;
}

a.about:visited,
.level2 a:visited,
.footer a:visited {
	color:#FFF;
}
a.about:hover,
.level2 a:hover,
.footer a:hover {
	color:#FFF;
}


.sideNavi .sidenaviDir .level3 a:visited,
.sideNavi .sidenaviDir .level4 a:visited {
	color:#792F68;
}

/* anchor : variation --------------------------*/
a.upper {
	margin-right:5px;
}

a.about {
	color:#FFF;
}

a.pageAnchor {
	margin:0;
	padding:0;
	background:none;
	
}
a.pageAnchor img {
	display:none;
}

a.sendPage {
	margin-left:10px;
}

.siteHelp,
.siteMap {
	color:#144594;
	text-decoration:none;
}

.siteHelp {
	margin-right:8px;
}

.searchTips {
	padding: 0;
	color:#144594;
}




/* object margin
--------------------------------------------------------------*/

.mt0 {
	margin-top:0px !important;
}
.mt2 {
	margin-top:2px !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;
}
.mt90 {
	margin-top:90px !important;
}

/* text align
--------------------------------------------------------------*/

.alignR {
	text-align:right;
}
.alignC {
	text-align:center;
}
.alignL {
	text-align:left;
}


/* Classes
--------------------------------------------------------------*/

/* header --------------------------*/
.headerArea {
	width:100%;
	background-image:url(/resource/images/common/back_header_repeat.jpg);
	background-repeat:repeat-x;
}

.header {
	background-image:url(/resource/images/common/back_header.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #0C68AF;
}

.logoArea {
	background-color:#005AA9;
}
.logoArea .countory {
	padding-bottom:6px;
}


/* search box  --------------------------*/

.searchArea {
	width:780px;
	margin-top:12px;
}

.searchTbl .bg {
	background-color:#60D9E4;
}

.searchInput {
	width:92px;
}

/* global menu  --------------------------*/

.globalMenu {
	margin-top:28px;
	padding-left:23px;
}

.globalMenu a {
	padding:0;
	background: none;
}

/* topic Path  --------------------------*/

.topicPath {
	padding:4px 0 7px 0;
}

.topicPath img {
	vertical-align: -2px;
}


/* Main Area  --------------------------*/

.mainBody {
	padding-top:10px;
	background-color: #FFF;
}

/* Sholder  --------------------------*/

/* Side Navigation Area  --------------------------*/

.backHome {
	margin:0;
	padding:5px 5px 5px 19px;
}

.Level2 {
	margin:0;
	padding:6px 17px;
	background-image:url(/resource/images/common/back_level2.gif);
	background-repeat:repeat-x;
	background-color:#2D6E99;
	color:#FFF;
	font-weight:bold;
}

.Level2 a {
	display: block;
	padding-left:14px;
	text-indent:-14px;
	color:#FFF;
	font-weight:bold;
}

.sideNavi table {
	border-right:1px solid #D8D8D8;
	background-color:#939393;
	padding:1px 1px 1px 0;
}

.sideNavi .sidenaviDir {
	background-image:url(/resource/images/common/back_sidemenu_title.gif);
	background-repeat:repeat-x;
	background-color:#F7F7F7;
	border-bottom:1px solid #616161;
	padding:2px 20px 5px 20px;
}

.sideNavi .sidenaviDir ul {
	margin: 0;
	padding:3px 0;
	list-style:none;
}
.sideNavi .sidenaviDir .level3 li {
	padding: 3px 0;
	border-bottom:3px solid #E3E3E3;
}
.sideNavi .sidenaviDir .level4 li {
	padding: 2px 0;
	border-bottom:none;
}

.sideNavi .sidenaviDir .current,
.sideNavi .sidenaviDir a {
	display:block;
	width:153px;
	margin:0;
	padding:2px 2px 2px 14px;
	text-indent:-14px;
	color:#00529A;
}
*>.sideNavi .sidenaviDir .current,
*>.sideNavi .sidenaviDir a {

	width:137px;
}

.sideNavi .sidenaviDir .level3 .current {
	background-color:#F9C626;
	font-weight:bold;
}

.sideNavi .sidenaviDir .level3 a:hover,
.sideNavi .sidenaviDir .level4 a:hover {
	background-color:#F9C626 ;
}

.sideNavi .sidenaviDir .level3 .current,
.sideNavi .sidenaviDir .level4 .current {
	background-color:#F9C626 ;
	font-weight:bold;
}


/* Side Navigation Area : Misc  --------------------------*/

.sideMisc {
	margin-top:30px;
}

.sideMisc ul.linkList {
	margin:5px 0 0 20px;
	list-style:none;
}

/* Other --------------------------*/

ul.linkList {
	margin:auto 0;
	padding:0;
}
ul.linkList li {
	display: inline;
}
ul.linkList li a {
	display: block;
	margin-bottom: 5px;
	padding-left:20px;
	text-indent:-20px;
}

.indent {
	width:550px;
	margin-left:10px;
}

.pageAncArea {
	padding:5px 10px;
	background-color:#EDEDED;
	line-height:1.5em;
}
.pageAncArea a {
	margin-right:10px;
	padding:2px 0;
}

.contentsNavi {
	padding:5px 10px;
	line-height:1.5em;
}
.contentsNavi a {
	margin-right:10px;
	background-position:left center;
}
.contentsNavi .current {
	padding:2px 5px;
	background-color:#F9C626;
}

/* float clear --------------------------*/

.clear {
	clear:both;
}

h1,
h2,
h3,
h4,
footer {
	clear:both;
}


/* Plural Page --------------------------*/

.pluralPagesNavi {
	padding:5px 10px;
	line-height:1.5em;
}
.pluralPagesNavi td {
	padding-right:15px;
}
.pluralPagesNavi a,
.pluralPagesNavi strong {
	background:none;
	padding:1px 2px;
}
.pluralPagesNavi .current {
	background-color:#FFCC33;
}

/* SubNavigation Area --------------------------*/

.subNavigation {
	margin-top:20px;
	margin-bottom:20px;
	padding:8px 15px 0 10px;
	border-top:1px solid #218EB1;
}

.promotionArea {
	background-color:#FFF;
	padding:10px 0 0 0px;
}


/* link table --------------------------*/

.linkTBL td {
	padding-bottom:10px;
}

/* footer --------------------------*/
.footerArea {
	width:100%;
	border-top:1px solid #158CCB;
	background-color:#2AB3CA;
}

.footer {
	padding:15px 0px 15px 25px;
}

.footer a {
	padding-right:10px;
	color:#FFF;
}

.copy {
	text-align:right;
	color:#FFF;
}

/* default table  --------------------------*/

.defTBL {
	border-collapse: collapse;
	/*
	border-top: 1px solid #126AB1;
	border-left: 1px solid #126AB1;
	*/
	border: 1px solid #126AB1;
}

.defTBL td,
.defTBL th {
	padding:5px;
	font-weight:normal;
}

.defTBL caption {
	padding-bottom:3px;
	text-align: left;
	color:#005AA9;
}

.defTBL thead {
	background-color: #005AA9;
	color:#FFF;
}

.defTBL thead th {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #126AB1;
}

.defTBL thead th.end {
	border-right: 1px solid #126AB1;
}

.defTBL tbody td,
.defTBL tbody th {
	border-right: 1px solid #126AB1;
	border-bottom: 1px solid #126AB1;
	text-align:left;
}

.defTBL tbody th {
	background-color: #CBF6FE;
}

/* default list object  --------------------------*/

.defLIST {
	margin:25px 20px;
	padding:0 10px;
}

.defLIST li {
	margin-bottom:0.5em;
}


/* indent line  --------------------------*/

.indentP {
	margin-top:0.2em;
	margin-left:20px;
}

/* floting images  --------------------------*/

.imgflowR {
	float:right;
	margin:0 0 10px 10px;
}

.imgflowL {
	float:left;
	margin:0 10px 10px 0;
}


/* template typeB
--------------------------------------------------------------*/
.mainBody2 {
	padding:0 0 20px 20px;
	background-color:#FFF;
}

.selectMode {
	width:760px;
	padding:5px 0;
	text-align: right;
}
.selectMode a.none,
.selectMode span {
	padding:1px;
}
.selectMode span {
	background-color:#F9C626;
}


.flashArea {
	width:760px;
}

/* banner area  --------------------------*/
.categoryWrap {
	border-top:2px solid #126AB1;
}
.bannerWrap {
	padding:5px 0;
	border-top:1px solid #126AB1;
	text-align:center;
}
.bannerWrapNoline {
	padding:5px 0;
	text-align:center;
}
/* banner area  --------------------------*/
.bannerArea {
	padding:10px 10px 0 10px;
}


/* news  --------------------------*/

.news table {
	border-bottom:0px solid #126AB1;
}
.news dl {
	margin:0;
}
.news dt {
	padding:3px;
	background-color:#CBF6FE;
	color:#003366;
}

.news dd {
	padding:5px 0 10px 5px;
}

.news dd a {
	display:block;
	padding-left:20px;
	text-indent:-20px;
}

.row-a {
	BACKGROUND-COLOR: #cbf6fe
}
.row-b {
	BACKGROUND-COLOR: #ffffff
}
.row-c {
	BACKGROUND-COLOR: #126ab1;
	color: #FFFFFF;
	text-align: center;
}


/* Renew info   --------------------------*/
.renewinfoWrap {
	MARGIN: 10px 0px
}
.ttlRenewInfo {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(/images/ttl_renewinfo.gif) #fafafa no-repeat 50% top; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 5px
}
.renewBox {
	BORDER-RIGHT: #66c9dc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #66c9dc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: #66c9dc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #66c9dc 1px solid
}
.renewinfoWrap A {
	DISPLAY: block; PADDING-LEFT: 20px; TEXT-INDENT: -16px
}
.renewinfoWrap TH {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; COLOR: #036; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.renewinfoWrap TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}



/* About CASIO  --------------------------*/
.aboutCasio {
	padding:20px 5px;
}

.aboutCasio .ttl {
	color: #126AB1;
}

.aboutCasio td {
	padding-right:10px;
}
/* support  --------------------------*/

.support ul {
	border-top:1px solid #126AB1;
	margin:0;
	padding:10px 5px;
}


/* Consumer Products ------------------*/
.consumerProducts {
	border-top:2px solid #126AB1;
	padding:1px 0 0 0;
}


/* template typeC
--------------------------------------------------------------*/
.mainBody3 {
	padding:15px 0 0 115px;
	background-color:#FFF;
}

/* template typeD
--------------------------------------------------------------*/
.mainBody4 {
	margin:15px 20px 0 20px;
}

/*
-----------------------------------*/
.vam {
	vertical-align:baseline;
}



/* LINEUP TABLE */
.lineupTBL {
	border-collapse: collapse;
	border: 1px solid #126AB1;
}
.lineupTBL tbody td {
	border-right: 1px solid #126AB1;
	border-bottom: 1px solid #126AB1;
	text-align:left;
	vertical-align:top;
}

.lineupTBL tbody td .rightWrap {
	padding:5px 10px;
	float:left;
}
.lineupTBL tbody td .photo {
	width:110px;
	float:left;
}
.lineupTBL tbody td .rightWrap .txt {
	width:145px;
}
.lineupTBL tbody td .rightWrap .txt p {
	margin:5px 0;
	color:#7E7E7E;
}
.lineupTBL tbody td .rightWrap .txt .itemName {
	padding-left:17px;
	background-image:url(/resource/images/common/mark_link_def.gif);
	background-repeat:no-repeat;
}

/* Other Countory LINK */
.otherCNT {
	padding:20px 5px;
}
.otherCNT .ttl {
	color: #126AB1;
}
.otherCNT td {
	padding-right:15px;
}
.otherCNT td img {
	vertical-align:middle;
	margin-right:5px;
}

/* dafault2 */
.h2_product {
	MARGIN: 0px; TEXT-ALIGN: right
}
.h2_archived {
	MARGIN: 0px
}
.h2_accessory {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 15px; BACKGROUND-COLOR: #fff
}
.productLinksArch {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.productLinks TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px
}
.productLinksArch TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px
}
.bunnerTBL {
	MARGIN-LEFT: 171px
}
A.proFEA {
	TEXT-DECORATION: none
}
A.proFEA DIV {
	FONT-WEIGHT: bold
}
.secBanner {
	PADDING-BOTTOM: 10px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.secProTBL {
	WIDTH: 100%
}
.secProTBL TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.secProTBL TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.secProTBL CAPTION {
	PADDING-BOTTOM: 3px; COLOR: #005aa9; TEXT-ALIGN: left
}
.secProTBL THEAD {
	COLOR: #fff; BACKGROUND-COLOR: #00529a
}
.secProTBL THEAD TH {
	BORDER-RIGHT: #fff 1px solid; BORDER-BOTTOM: #126ab1 1px solid
}
.secProTBL THEAD TH.end {
	BORDER-RIGHT: #126ab1 1px solid
}
.secProTBL TBODY TD {
	VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
.secProTBL TBODY TD DIV.pnu A {
	FONT-WEIGHT: bold; COLOR: #000; TEXT-DECORATION: none
}
.secProTBL TBODY TD DIV.det A {
	TEXT-DECORATION: none
}
.secProTBL TBODY TD.alt {
	BACKGROUND-COLOR: #f2f2f2
}
.secProTBL TBODY TR.alt {
	HEIGHT: 1px; BACKGROUND-COLOR: #126ab1
}
.secProTBL TBODY TR.alt TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 1px
}
.proHDR {
	WIDTH: 100%
}
.proHDR CAPTION {
	PADDING-BOTTOM: 3px; COLOR: #005aa9; TEXT-ALIGN: left
}
.proHDR TH {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: text-top; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.proHDR TH DIV H2 {
	MARGIN: 0px
}
.proHDR TH DIV DIV {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}
.proHDR TH DIV DIV.x-large {
	PADDING-LEFT: 0px; PADDING-BOTTOM: 10px
}
.proHDR TH DIV DIV H3 {
	MARGIN: 5px
}
.proHDR TH.image {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.proBotIMG {
	PADDING-TOP: 30px
}
.proBdyTxt {
	PADDING-LEFT: 15px;
	WIDTH: 100%;

}
.proTBL {
	BORDER-RIGHT: #126ab1 1px solid; BORDER-TOP: #126ab1 1px solid; BORDER-LEFT: #126ab1 1px solid; BORDER-BOTTOM: #126ab1 1px solid; BORDER-COLLAPSE: collapse
}
.proTBL TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.proTBL TR TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.proTBL CAPTION {
	PADDING-BOTTOM: 3px; COLOR: #005aa9; TEXT-ALIGN: left
}
.proTBL THEAD {
	VERTICAL-ALIGN: top; COLOR: #fff; BACKGROUND-COLOR: #00529a; TEXT-ALIGN: left
}
.proTBL THEAD TR TD {
	BORDER-RIGHT: #fff 1px solid; BORDER-BOTTOM: #126ab1 1px solid
}
.proTBL THEAD TR TD.end {
	BORDER-RIGHT: #126ab1 1px solid
}
.proTBL TBODY TD {
	BORDER-RIGHT: #126ab1 1px solid; BORDER-BOTTOM: #126ab1 1px solid; TEXT-ALIGN: left
}
.proTBL TBODY TR TD {
	BORDER-RIGHT: #126ab1 1px solid; BORDER-BOTTOM: #126ab1 1px solid; TEXT-ALIGN: left
}
.proTBL THEAD TR TD.hl {
	BACKGROUND-COLOR: #337bb3
}
.proTBL THEAD TR TD.hlend {
	BORDER-RIGHT: #126ab1 1px solid; BACKGROUND-COLOR: #337bb3
}
.proTBL TBODY TH {
	BORDER-RIGHT: #126ab1 1px solid; BORDER-BOTTOM: #126ab1 1px solid; BACKGROUND-COLOR: #cbf6fe
}
.proTBL TBODY TD.accessory A {
	TEXT-DECORATION: none
}
.proTBL TBODY TH.accessory A {
	TEXT-DECORATION: none
}
.proTBL TBODY TD.accessory {
	PADDING-LEFT: 5px; TEXT-ALIGN: left
}
.proTBL TBODY TH.accessory {
	PADDING-LEFT: 5px; TEXT-ALIGN: left
}
.proTBL TBODY TD.sel {
	VERTICAL-ALIGN: top
}
.proTBL TBODY TD.def {
	VERTICAL-ALIGN: top
}
.proTBL TBODY TD.sel {
	BORDER-RIGHT: #126ab1 1px solid; BORDER-BOTTOM: #126ab1 1px solid; BACKGROUND-COLOR: #cbf6fe
}
H2.ttl {
	MARGIN-TOP: 10px
}
H1.proNAV {
	MARGIN-BOTTOM: 0px
}
DIV.proNAV {
	PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
TABLE.proNAV TR TD {
	BORDER-RIGHT: #fff 5px solid; BORDER-BOTTOM: #fff 3px solid
}
TABLE.proNAV TR TD A IMG.vam {
	VERTICAL-ALIGN: text-top
}
TABLE.proNAV TR TD.sel {
	BORDER-BOTTOM: #f9c626 1px solid; BACKGROUND-COLOR: #f9c626
}
TABLE.proNAV TR TD.sel A {
	TEXT-DECORATION: none
}
.copyPOP {
	COLOR: #fff; TEXT-ALIGN: left
}
.popUP {
	MARGIN: 10px
}
.popUP H1 {
	MARGIN: 0px
}
.popUP DIV.tabs {
	PADDING-LEFT: 10px
}
A.popALT {
	BORDER-RIGHT: #d9d9d9 2px; BORDER-TOP: #d9d9d9 2px; BORDER-LEFT: #d9d9d9 2px; BORDER-BOTTOM: #d9d9d9 2px
}
A.popALT:hover {
	BORDER-RIGHT: #d9d9d9 2px; BORDER-TOP: #d9d9d9 2px; BORDER-LEFT: #d9d9d9 2px; BORDER-BOTTOM: #d9d9d9 2px
}
A.popALT:visited {
	BORDER-RIGHT: #d9d9d9 2px; BORDER-TOP: #d9d9d9 2px; BORDER-LEFT: #d9d9d9 2px; BORDER-BOTTOM: #d9d9d9 2px
}
A.popALTSEL {
	BORDER-RIGHT: #005aa9 2px; BORDER-TOP: #005aa9 2px; BORDER-LEFT: #005aa9 2px; BORDER-BOTTOM: #005aa9 2px
}
A.popALT:unknown {
	BORDER-RIGHT: #005aa9 2px; BORDER-TOP: #005aa9 2px; BORDER-LEFT: #005aa9 2px; BORDER-BOTTOM: #005aa9 2px
}

/* yourPurpose ------------------*/
.yourPurpose {
	margin-top:20px;
}
.yourPurpose a {
	display:block;
	padding:5px 10px;
	border-left:3px solid #005CA9;
	background-color: #89E3EB;
	background-image:url(/resource/images/common/mark_link_yourpurpose.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-weight:bold;
	font-size: 85%;
}
