@charset "Shift_JIS";
/* CSS Document */

/* ======== Format ======== */
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,address,
table,th,td,
form,select,option,input{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

body{
	background-color : #F4F5F6 ;
	margin : 0 20px 30px 16px ;
	padding : 0 ;
	border : 0 ;
}

img{border:none;}
li{list-style-type:none;}

.small { margin: 0; font-size: 76%; line-height: 130%; color:#8D9093;}
.medium {margin: 0; font-size: 80%; line-height: 140%; color:#8D9093;}
.mediumBold {margin: 0; font-size: 80%; line-height: 140%; color:#8D9093; font-weight: bold;}
.mediumPlus {margin: 0; font-size: 95%; line-height: 140%; color:#8D9093;}
.largeBold { margin: 0; font-size: 120%; line-height: 140%; color:#5A5E62; font-weight: bold;}

.fcGlay{color:#6F859B;}
.fcBlue{color:#427DBA;}
.fcRed{color:#FE363F;}

.bgGlay{background-color:#EEEFF0;}



a:link {color:#8D9093; text-decoration: none}
a:hover {color:#4E8DCD; text-decoration: none}
a:active {color:#4E8DCD; text-decoration: none}
a:visited {color:#5C748D; text-decoration: none}

a.aLine:link {color:#4E8DCD; text-decoration: none; text-decoration:underline;}
a.aLine:hover {color:#4E8DCD; text-decoration: none; text-decoration:underline;}
a.aLine:active {color:#4E8DCD; text-decoration: none; text-decoration:underline;}
a.aLine:visited {color:#4E8DCD; text-decoration: none; text-decoration:underline;}

a.pdf:link {color:#DD0000; text-decoration: none; text-decoration:none;}
a.pdf:hover {color:#DD0000; text-decoration: none; text-decoration:none;}
a.pdf:active {color:#DD0000; text-decoration: none; text-decoration:none;}
a.pdf:visited {color:#DD0000; text-decoration: none; text-decoration:none;}


.clearLeft{
	clear:left
}

.clearRight{
	clear:right
}

.clearboth{
	clear:both;
}

.clearspace{
	vertical-align:bottom;
}

.center{
	text-align:center;
}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{						
	display:inline-table;
} 

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac \*/


/* ======== Margin ========= */
.t30{
	margin-top:30px;
}

.t10{
	margin-top:10px;
}

.b30{
	margin-bottom:30px;
}

.b16{
	margin-bottom:16px;
}

.b10{
	margin-bottom:10px;
}

.b34{
	margin-bottom:34px;
}

.l10{
	margin-left:10px;
}

.l90{
	margin-left:90px;
}



/* ======== Header ========= */
#header{
	width:708px;
	background-image:url(img/contents_bg.gif);
	background-repeat:repeat-y;
}

#headerNavi li{
	height:16px;
	display:block;
	float:left;
	white-space:nowrap;
}


.btnHome{
	margin-right:244px;
}

/* ======== Footer ========= */
#footer{
	width:708px;
	position:relative;
}

#footerNavi{
	width:149px;
	position:absolute;
	top:0;left:559px;
}

#footerNavi li{
	display:block;
	float:left;
	white-space:nowrap;
}

/* ========================= Contents ========================= */
#chmcContents{
	width:708px;
	background-image:url(img/contents_bg.gif);
	background-repeat:repeat-y;
	padding-bottom:20px;
}

#globalNavi li{
	display:block;
	float:left;
	white-space:nowrap;
}

#contentsTable{
	padding:17px 0 0 0;
}

.pageTop{
	margin-top:50px;
}


/* ======== left ========= */
#chmcLeftContents{
	width:179px;
	margin-left:9px;
}

#chmcLeftContents h2{
	margin:0 0 34px 0;
}

#chmcLeftContents li{
	white-space:nowrap;
}

/* ======== Right ========= */
#chmcRightContents{
	width:516px;
	float:right;
}

#chmcMainContents{
	margin:30px 35px 0 25px;
	text-align:left;
	background: 0;
}


/* ======================== Index ========================= */
#mainImg{
	width:708px;
	background-image:url(img/main_img_bg.gif);
	background-repeat:no-repeat;
	padding-left:9px;
}

/*#mainImg{
	width:708px;
	white-space:nowrap;
}*/

#topContents{
	width:708px;
	background-image:url(img/contents_bg.gif);
	background-repeat:repeat-y;
	padding:40px 27px 24px 27px;
}

#topContentsLeft{
	width:382px;
	float:left;
	margin-right:50px;
	background-color : #FFF;
}

/*
#topContentsRight{
	width:220px;
}*/

#topicsBox{
	margin:0 0 40px 0;
	position:relative;
}

#newsBox{
	position:relative;
}

#topContents .listBtn{
	position:absolute;
	top:9px;left:310px;
}

#newsBox #topicsBox .arrow{
	margin:0 5px 0 16px;
}

.date{
	margin:0 12px 0 5px;
}

#productsBox{
	_float:right;
	_width:290px;
	display:table;
}


#productsBox h2{
	margin:0 0 3px 0;
}

#productsBox .product{
	margin:0 0 4px 0;
}

#topFoot{
	margin:0;
	width:708px;
}

/* ======================== Company ========================= */
.aboutItem01{
	margin-left:14px;
}

.aboutItem01 a,.aboutItem01 a:visited{
	text-decoration:underline;
}

.aboutItem02{
	margin-left:16px;
	margin-right:14px;
	display:block;
}

.aboutItem03{
	margin-left:10px;
}

.aboutItem03En{
}

.mapH5{
	margin:10px 10px 0 30px;
	text-align:left;
}

.mapDetail{
	top:0px;left:150px;
	display:block;
}

.mapH6{
	margin-left:20px;
}

.mapRoot{
	border:solid 1px #C4C9CC;
	padding:3px;
	margin-top:3px;
}

.baseTable{
	margin:0 10px 20px 26px;
}

/* ======================== Environment ========================= */
.environment{
	margin:10px 20px 0 30px;
}

.environment li{
	list-style-type:decimal;
	list-style-position:outside;
	padding:3px 0 3px 0;
}

.environment02{
	margin:5px 0 5px 30px;
}

.environment02 li{
	list-style-type:decimal;
	list-style-position:outside;
	padding:1px 0 1px 0;
}

.environment03{
	margin:5px 0 5px 30px;
}

.environment03 li{
	list-style-type:decimal;
	list-style-position:outside;
	padding:1px 0 1px 0;
	font-weight:bold;
}

/*.environment03 li{
	list-style-type:decimal;
	list-style-position:outside;
	padding:1px 0 1px 0;
	margin-bottom:14px;
	font-weight:bold;
}*/

.environment03 p{
	margin-bottom:14px;
}

.listBg{
	background-color:#F4F5F6;
	padding:2px;border:solid 1px #E4E6E7;
}

h5.environment {
font-size: 76%;
line-height: 140%;
color:#8D9093;
font-weight: bold;
margin: 20px 0 0 10px;
padding: 0 0 3px 5px;
border-bottom:#D7D8D9 1px solid;
}

a.env {
	padding: 0 0 0 15px;
	background: #FFFFFF url(environment/img/ico_environment.gif) center left no-repeat;
}

a.envsec {
	padding: 0 0 0 15px; margin:0 0 0 15px;
	background: #FFFFFF url(environment/img/ico_environment.gif) center left no-repeat;
}

p.envpdf {
	padding: 2px 0 2px 20px;
	background: #FFFFFF url(environment/img/h4_environmentreport02.gif) center left no-repeat;
	font-size: 76%;	line-height: 140%; color:#8D9093;
}

/*
.environmentSignBox{
	width:auto;
	text-align:right;
	margin:30px 10px 0 0;
}


.environmentData{
	display:block;
	text-align:right;
	margin:30px 10px 0 0;
}

.environmentSign{
	display:block;
	text-align:right;
	margin:16px 10px 0 0;
}



@media screen {
	.environmentData{
		text-align:right;
		margin:30px 10px 0 0;
	}
}

@media screen {
	.environmentSign{
		text-align:right;
		margin:16px 10px 0 0;
	}
} */



/* ======================== Product ========================= */
.productLeft{
	_width:220px;/* WinIE Only */
	float:left;
	margin-right:16px;
}

.productRight{
	float:right;
}

.productMobileBtn{
	margin:0 0 40px 236px;
}

.productMobileBtnM{
	padding-top:20px;
}

.productFunBtn{
	margin:0 0 40px 0;
}

.productIndexBtn{
	margin:16px 0 20px 0;
}

.productIndexBtn02{
	margin-bottom:50px;
}


/* ======================== Recruit ========================= */
.recruitRead{
	margin:20px 10px 28px 10px;
}

/* ======================== Contact ========================= */
#contactContents{
	background-image:url(img/contact_bg.gif);
	background-repeat:no-repeat;
}

.contactContentsList{
	margin-bottom:18px;
}

/* ======================== NewsETopics ========================= */
.leftMonth{
	float:left;
}

.rightYear{
	float:right;
	margin-bottom:16px;
}


.titleH4{
	background-color:#F4F5F6;
	padding:12px;
}

.contentData{
	text-align:right;
	margin:5px 10px 0 0;
}

.contentDetail{
	text-align:left;
	margin-top:14px;
}

.adobeLogo{
	margin-top:40px;
	position:relative;
}

.adobeTxt{
	position:absolute;
	top:0;left:100px;
}


/* ======================== Sitemap ========================= */
.sitemapContents{
	width:320px;
	margin-left:7px;
}

.sitemapContents li{
	width:320px;
	background-image:url(img/line_dot_s.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:3px 0 3px 0;
}

.sitemapContents .arrow{
	margin:0 5px 0 10px;
}

.sitemapTable{
	margin-bottom:14px;
}


.sitemapColorBlue{
	background-color:#EBF4FC;
}

.sitemapColorPink{
	background-color:#FFF4F6;
}

.sitemapColorGreen{
	background-color:#F3FBEA;
}

.sitemapColorOrange{
	background-color:#FFF6E5;
}

.sitemapColorBlue2{
	background-color:#E7EBF5;
}

/* ======================== PrivacyECopyright ========================= */
.privacyMenu{
	text-align:right;
	margin-bottom:10px;
}

.privacyMenu .arrow{
	margin-right:3px;
}

.privacyParagraph{
	margin-bottom:30px;
}

.privacyBox{
	background-color:#E6F5FE;
	padding:16px;
	border:solid 1px #E4E6E7;
}

.privacyBox dd{
	padding:10px 10px 10px 12px;
	margin-bottom:10px;
	border-bottom:dotted 1px #A4A6A9;
}

.privacyBox02{
	background-color:#E6F5FE;
	padding:16px 16px 16px 36px;
	border:solid 1px #E4E6E7;
}

.privacyBox02List{
	list-style-type:decimal;
	list-style-position:outside;
	border-bottom:dotted 1px #A4A6A9;
	padding:5px 0 5px 0;
}

.privacyBox02ListS{
	list-style-type:disc;
	list-style-position:outside;
}

.privacyListS{
	margin:5px 0 5px 30px;
}

.privacyCookie{
	margin-top:20px;
	padding:10px;
	border:solid 1px #E4E6E7;
}

.privacyBoxSystem{
	margin-top:20px;
	padding:10px;
	border:solid 1px #E4E6E7;
}

.privacyBoxSystem dd{
	padding:3px 10px 0 12px;
}


/**/
body#eng{
	font-family: Futura, Geneva, Arial, Helvetica, sans-serif;
}

dl#news{
margin:0.5em 0 1.5em 0.5em;
font-size:12px;
color:#555;

background:#fff;
padding:15px;
width:668px;
border-bottom:#ddd 2px solid;
}

dl#news dd{margin:0.5em 0 0 1.5em;}

.privacy{
	margin:0px 20px;
}

.privacy li{
	list-style-type:decimal;
	list-style-position:outside;
	padding:3px 0 3px 0;
	margin-bottom:1em;
}

.privacy li ul li{
	list-style-type:square;
	list-style-position:outside;
	margin:0.5em 0 0 2em;
}

.btnHomeEn{
	margin-right:520px;
}

.aboutItem02 a,.aboutItem02 a:visited{
	text-decoration:underline;
}


/*contact*/
body#contact{margin:0;padding:0 0 20px 0;border:#F99E00 1px solid;border-bottom:#F99E00 5px solid;width:450px;font-family: Futura, Geneva, Arial, Helvetica, sans-serif;background:#fff;}
body#contact div{margin:15px;}
body#contact h2{color:#f99e00;font-weight:bold;font-size:16px;margin-top:20px;}
body#contact p{color:#555;font-size:12px;margin-left:20px;}
body#contact p.link{margin:20px 0 0 0;}
body#contact p.close{text-align:right;margin-top:20px;}

/*FAQ*/
#chmcMainContentsFAQ{margin:30px 35px 0 25px;text-align:left;color:#555;}
#chmcMainContentsFAQ p{font-size:12px;margin-top:1em;}
#chmcMainContentsFAQ p.q{margin-left:10px;background:url("english/support/img/q.gif") no-repeat;padding-left:40px;min-height:24px;_height:24px;}
#chmcMainContentsFAQ p.a{margin-left:15px;background:url("english/support/img/a.gif") no-repeat;padding-left:40px;min-height:24px;_height:24px;}
#chmcMainContentsFAQ p.top{text-align:right;margin:0 0 25px 0;}


/*product*/
div#casio{float:left;width:210px;height:auto;}
div#hitachi{float:right;width:210px;}
div#casio p,div#hitachi p,div#casio h4,div#hitachi h4{margin-bottom:10px;}