@charset "utf-8";

/* --------------------------------------------
 *
 * cmn_layout.css
 * Last UpDate : 2013-06-04
 * Last Editor Takayama
 *
-------------------------------------------- */

/* clearfix
-------------------------------------------------------------*/
.clearfix
{
	display: block;
	min-height: 1%;
}
.clearfix:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* CSS name
-------------------------------------------------------------*/
.cur,
.over,
.overgroup,
.cur,
.heightLine-,
.js_window_open-,
.js_print_open-,
.lightbox
{}

/* link
-------------------------------------------------------------*/
a		{ color: #00349a; text-decoration: underline;}
a:hover	{ color: #4169e1;}

#header a,
#lNavi a,
#footer a { color: #333333; text-decoration: none;}
#header a:hover,
#lNavi a:hover,
#footer a:hover { color: #3366cc; text-decoration: none;}

/* html body
-------------------------------------------------------------*/
html { overflow-y: scroll;}
body {
	font-family: Helvetica, sans-serif;
	line-height: 1.5;
	text-align: center;
	color: #555555;
	height: 100%;
	background-color: #fff;
}
body { font-size: 12px;}
/*ie7*/
*:first-child+html body { font-size: 75%;}
/*ie5-6*/
* html body { font-size: 75%;}
/* safari only \*/
html[xmlns*=""] body:last-child body { font-size: 75%;}
* html table { line-height: 1.5;}
@media print {
	* html body { zoom: 0.65 !important;}
}

/* CMS View
-------------------------------------------------------------*/
body.WebEditor { text-align: left;}

/* wrapper
-------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#wrapper_in { padding-bottom: 95px;}

/* header
-------------------------------------------------------------*/
#header { height: 110px; background-color: #ffffff; overflow: hidden;}
.homeContents #header { height: 99px; background-color: #ffffff; overflow: hidden;}
#hd_logo { float: left; padding: 20px 0 19px;}
#hdContents { float: right; height: 69px; width: 600px;}
#hdContents_in { overflow: hidden; float: right; width: 293px; height: 29px; background: url(../../resource2/images/hd/bg_hdContents.gif) no-repeat left bottom;}

/* #hd_worldLink
-------------------------------------------------------------*/
#hd_worldLink { padding: 9px 0 5px; text-align: right;}

/* #hd_uNavi
-------------------------------------------------------------*/
#hd_uNavi {}
#hd_uNavi li { float: right; margin-right: 10px; line-height: 29px;}
#hd_uNavi li a { display: block; padding-left: 10px; background: url(../../resource2/images/ico/ico_arrR01.gif) no-repeat left center; white-space: nowrap;}
#hd_uNavi li a:hover { background: url(../../resource2/images/ico/ico_arrR01_ov.gif) no-repeat left center;}

/* #hd_worldLink
-------------------------------------------------------------*/
#hd_fontsize { float: left; display: inline; margin-top: 6px; margin-left: 10px;}
#hd_fontsize dt,
#hd_fontsize dd { float: left; font-size: 0px; margin-right: 5px;}
#hd_fontsize dt { margin-right: 12px;}
/* #hd_search
-------------------------------------------------------------*/
#hd_search { margin-top: 6px; margin-right: 10px; text-align: right; font-size: 11px;}
#hd_search input { padding:0; border: none; background-color: transparent; vertical-align: middle; font-size: 11px; }
.hd_searchTxt { width: 110px; margin-right: 3px;}
.hd_searchBtn {}

/* gNavi
-------------------------------------------------------------*/
#gNavi {
	clear: both;
	background: url(../../resource2/images/gNavi/bg_gNavi.gif) no-repeat left bottom;
	width: 960px;
	height: 38px;
	position: relative;
	overflow: hidden;
}
	.homeContents ul#gNavi { height: 30px;}
	#gNavi li {
		position: absolute;
		top: 0;
		width: 240px;
		height: 30px;
		overflow: hidden;
	}
	#gNavi li.gNavi01 { left: 0;}
	#gNavi li.gNavi02 { left: 240px;}
	#gNavi li.gNavi03 { left: 480px;}
	#gNavi li.gNavi04 { left: 720px;}
		#gNavi li a {
			display: block;
		}
		#gNavi li.gNavi01 a { margin-left: 0;}
		#gNavi li.gNavi02 a { margin-left: -240px;}
		#gNavi li.gNavi03 a { margin-left: -480px;}
		#gNavi li.gNavi04 a { margin-left: -720px;}
		#gNavi li a:hover {
			margin-top: -30px;
		}



/* ZYYX 2012/1/31 ??? START*/
#gNavi_all {
	height:38px;
	background:url(../../resource2/images/gNavi/bg_gNavi.gif) repeat left bottom;
}
#gNavi_sample {
	width:960px;
	height:30px;
}
table#gNavi_sample {
	width:960px;
	height:30px;
	border-collapse: collapse;
	table-layout: fixed;
}

#gNavi_sample * {
}
#gNavi_sample tr {
	height:30px;
	border-width: 0;
}
#gNavi_sample td {
	padding: 0;
	margin: 0;
	border-width: 0;
}
#gNavi_sample td.gNavi_side {
	background-image: url(../images/gNavi/gNavi_start.gif);
	width:1px;
	height:30px;
}

#gNavi_sample td.gNavi_span {
	background-image: url(../images/gNavi/gNavi_span.gif);
	width:3px;
	height:30px;
}

#gNavi_sample td a.gNavi_  {
	display:block;
	height:30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #505050;
	background-image: url(../images/gNavi/gNavi.gif); repeat:x;
	line-height: 30px;
}
/* ?O???[?o?????j???[??e?L?X?g??2?s??\??????????????????N???X???w???邱??*/
#gNavi_sample td a.gNavi_line2  {
	line-height: 15px;
}

#gNavi_sample td a.gNavi_:hover {
	display:block;
	height:30px;
	color: #505050;
	background-image: url(../images/gNavi/gNavi_h.gif); repeat:x;
}
/* ZYYX 2012/1/31 ??? END*/









/* gNavi Stay
-------------------------------------------------------------*/
.g01 ul#gNavi .gNavi01 a,
.g02 ul#gNavi .gNavi02 a,
.g03 ul#gNavi .gNavi03 a,
.g04 ul#gNavi .gNavi04 a
{ margin-top: -60px !important;}
@media print {
	ul#gNavi { display: none;}
}

/* contents
-------------------------------------------------------------*/
.homeContents {}
.nocolmunContents {}
.colmunContents { background: url(../../resource2/images/lNav/bg_lNavi.gif) repeat-y left top;}
	#contents { padding-bottom: 20px;}
		.colmunContents #sub	{ float: left;	width: 200px;}
		.colmunContents #main	{ float: right;	width: 740px;}
		.formContents #main	{ width: 960px;}
			#main_in {}
				#main_in #mainL { float: left;	width: 560px;}
				#main_in #mainR { float: right;	width: 160px;}
				
			#main_in_support {}
				#main_in_support #mainL { float: left; width: 582px;}
				#main_in_support #mainR { float: right; width: 138px;}

			.main_in_secure { margin: 0 100px;}
			.main_in_form { margin: 0 100px; width: 760px;}
			
		.homeContents #main_in #mainL { width: 780px;}
		.nocolmunContents #main_in #mainL { width: 780px;}

@media print {
	#contents { overflow: visible;}
		#container { overflow: visible;}
}

/* topicsPath
-------------------------------------------------------------*/
#topicsPath {
	background-color: #ffffff;
	padding: 5px 0px 15px 0px;
	font-size: 85%;
	display: block;
	min-height: 1%;
}
#topicsPath:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html #topicsPath {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#topicsPath a { text-decoration: none; margin-right: 0.5em; line-height: 20px;}
#topicsPath span { padding: 0 3px; background-color: #FECB34;}
#topicsPath .topicsPath_home { background: none; padding-left: 0px; margin-left: 1px;}

#topicsPath_blank {
	display: block;
	padding: 5px 0px 5px 0px;
}

/* printSec
-------------------------------------------------------------*/
#printSec {
	clear: both;
	overflow: hidden;
	zoom: 1;
	background: url(../../resource2/images/ft/bg_ft02.gif) no-repeat left top;
	margin: 10px auto;
	border: 1px solid #ccc;
	width: 958px;
	text-align: right;
}
	#printSec dl {
		overflow: hidden;
		zoom: 1;
		float: left;
		padding: 5px 0 5px 10px;
		text-align: left;
	}
		#printSec dl dt,
		#printSec dl dd {
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: middle;
		}
		#printSec dl dt {
			margin-right: 10px;
		}
			#printSec dl dd {
				margin-right: 5px;
			}
				#printSec dl dd img {
					vertical-align: bottom;
				}
	#printSec p {
		padding: 8px 13px 5px 0;
	}
			#printSec p a {
				text-decoration: none;
				color: #333333;
			}
			#printSec p a:hover {
				color: #4169e1;
			}
				#printSec p a img {
					margin-left: 10px;
					vertical-align: middle;
				}

/* casioNavi
-------------------------------------------------------------*/
#casioNavi {
	clear: both;
	overflow: hidden;
	zoom: 1;
	background: url(../../resource2/images/ft/bg_ft02.gif) no-repeat left top;
	border: 1px solid #ccc;
	margin: 0px auto 10px;
	width: 958px;
	text-align: left;
}
	#casioNavi a {
		text-decoration: none;
	}
	#casioNavi h3 {
		background: url(../../resource2/images/bg_dot-x.gif) repeat-x left bottom;
		padding: 15px 30px;
	}
		#casioNavi h3 img {
			vertical-align: top;
		}
	#casioNavi dl {
		overflow: hidden;
		zoom: 1;
		background: url(../../resource2/images/bg_dot-x.gif) repeat-x left bottom;
		margin: 0 30px;
		padding: 15px 0;
	}
		#casioNavi dl dt {
			clear: both;
			float: left;
			font-weight: bold;
			color: #333333;
		}
		#casioNavi dl dd {
			overflow: hidden;
			zoom: 1;
		}
			#casioNavi ul {
				overflow: hidden;
				zoom: 1;
				padding: 15px 30px;
			}
				#casioNavi ul li {
					display: inline-block;
					_display: inline;
					float: left;
					zoom: 1;
					margin-bottom: 5px;
					margin-right: 30px;
				}
				#casioNavi ul li.cNavi01, 
				#casioNavi ul li.cNavi02, 
				#casioNavi ul li.cNavi03, 
				#casioNavi ul li.cNavi04, 
				#casioNavi ul li.cNavi05 {
					white-space: nowrap;
					}
					#casioNavi ul li a {
						background: url(../../resource2/images/ico/ico_arrR01.gif) no-repeat left 0.25em;
						padding-left: 10px;
						color: #333333;
					}
					#casioNavi ul li a:hover {
						background-image: url(../../resource2/images/ico/ico_arrR01_ov.gif);
						color: #4169e1;
					}
			#casioNavi dl dd ul {
				padding: 0 0 0 30px;
			}
				#casioNavi ul.cNavi li {
					white-space: nowrap;
				}
#casioNavi02 {
	clear: both;
	overflow: hidden;
	zoom: 1;
	background: url(../../resource2/images/ft/bg_ft02.gif) no-repeat left top;
	border: 1px solid #ccc;
	margin: 0px auto 10px;
	width: 958px;
	text-align: left;
}
	#casioNavi02 a {
		text-decoration: none;
	}
	/*
	#casioNavi02 h3 {
		background: url(../../resource2/images/bg_dot-x.gif) repeat-x left bottom;
		padding: 15px 30px;
	}
	*/
	#casioNavi02 h3 {
		background: url(../../resource2/images/bg_dot-x.gif) repeat-x left bottom;
		padding: 10px 30px;
		color: #333333;
		font-size:115%;
		font-weight:bold;
	}

		#casioNavi02 ul {
			overflow: hidden;
			zoom: 1;
			padding: 15px 0 15px 30px;
		}
			#casioNavi02 ul li {
				float: left;
				width: 250px;
			}
			#casioNavi02 ul li.li_category01 { width: 250px;}
			#casioNavi02 ul li.li_category02 { width: 200px;}
			#casioNavi02 ul li.li_category03 { width: 260px;}
			#casioNavi02 ul li.li_category04 { width: 200px;}

			#casioNavi02 ul li.li_category11 { width: 150px;}
			#casioNavi02 ul li.li_category12 { width: 150px;}
			#casioNavi02 ul li.li_category13 { width: 220px;}
			#casioNavi02 ul li.li_category14 { width: 195px;}
			#casioNavi02 ul li.li_category15 { width: 195px;}
				#casioNavi02 ul li dt {
					margin-bottom: 3px;
					font-weight: bold;
					color: #333333;
				}
				#casioNavi02 ul li dd {
					margin-bottom: 2px;
				}
					#casioNavi02 ul li dd a {
						background: url(../../resource2/images/ico/ico_arrR01.gif) no-repeat left 0.1em;
						padding-left: 10px;
						color: #333333;
					}
					#casioNavi02 ul li dd a:hover {
						background-image: url(../../resource2/images/ico/ico_arrR01_ov.gif);
						color: #4169e1;
					}

/* footer
-------------------------------------------------------------*/
#footer_wrap {
	clear: both;
	position: relative;
	width: 960px;
	margin: 10px auto 0;
	background-color: #ffffff;
	text-align: left;
}
#footer { padding-bottom: 12px; background: #ffffff url(../../resource2/images/ft/bg_ft.gif) no-repeat left bottom;}
#footer_in { background: url(../../resource2/images/ft/bg_ft.gif) no-repeat left top; height: 50px; overflow: hidden;}
ul#ft_fNavi { float: left; padding: 16px 0 17px 14px;}
ul#ft_fNavi li {
	display: inline-block; 
	_display: inline; 
	margin-right: 30px; 
	font-size: 12px; 
	float: left; 
	white-space: nowrap;
	}
ul#ft_fNavi li a		{ padding-left: 10px; background: url(../../resource2/images/ico/ico_arrR01.gif) no-repeat left center;}
ul#ft_fNavi li a:hover	{ background: url(../../resource2/images/ico/ico_arrR01_ov.gif) no-repeat left center;}
p#ft_copy { float: right; color: #666666; font-size: 85%; padding: 17px 14px 16px 0;}
@media print {
	#footer_wrap { display: none;}	
}

/* local_navi
-------------------------------------------------------------*/
#lNavi li {
	border-top: 3px solid #333333;
	margin-bottom: 32px;
	line-height: 1.2;
	zoom:1;	
}
	#lNavi ul ul { padding-left: 25px;}
	#lNavi li li {
		border-top: none;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0;
	}
		#lNavi ul ul ul {
			padding-left: 20px;
			margin-left: 0px;
			background: url(../../resource2/images/lNav/bg_lNaviLine.gif) repeat-x left top;
		}
		#lNavi li li li {
			padding-bottom: 0;
			background: none;
		}
#lNavi li p strong {
	display: block;
	border-top: 1px solid #fff;
	padding: 9px 0 8px 10px;
	font-weight: bold;
	zoom:1;
}
#lNavi li p.p_hover strong {
	background-color: #fff;
	color: #3366cc;
	cursor: pointer;
}
	#lNavi li li li p strong {
		display: block;
		border-top: none;
		padding: 9px 0 8px 4px;
	}
#lNavi .cName_tit {
	padding: 10px 0 8px 10px;
	color: #333333;
}

#lNavi .cList { padding-top: 2px;background: url(../../resource2/images/lNav/bg_lNaviLine.gif) repeat-x left top;}
#lNavi .cList li.firstChild,
#lNavi .cList li.firstChild a { border-top: none;}
#lNavi .cList li.firstChild ul a { border-top: 1px solid #fff;}
#lNavi .cList li li.firstChild { border-top: 1px solid #ccc;}

#lNavi li.firstChild { border-top: 1px solid #ccc;}
#lNavi li li li.lastChild { border-bottom: none;}

/* hover */
#lNavi a {
	display: block;
	border-top: 1px solid #fff;
	padding: 9px 0 8px 20px;
	background: url(../../resource2/images/ico/ico_arrR01.gif) no-repeat 10px 1em;
}
#lNavi a { height: 1%;}	/* ie fix */
* html #lNavi .icon a { padding: 10px 0 8px 20px;}

#lNavi ul ul a {
	border-top: 1px solid #fff;
	padding: 9px 0 9px 15px;
	background: url(../../resource2/images/ico/ico_arrR01.gif) no-repeat 5px 1em;
}

#lNavi a:hover			{ background-color: #ffffff; background-image: url(../../resource2/images/ico/ico_arrR01_ov.gif);}
#lNavi li li a:hover	{ background-color: #ffffff !important; background-image: url(../../resource2/images/ico/ico_arrR01_ov.gif);}

/* lNavi CURRENT JS
-------------------------------------------------------------*/
#lNavi a.parentsLink { font-weight: normal; background-color: transparent;}
#lNavi ul.cur_parents { display: block !important;}
#lNavi ul.cur_parents ul.cur_parents li.firstChild,
#lNavi ul.cur_parents ul.cur_parents li.firstChild a { border-top: none;}
#lNavi a.current,
#lNavi strong.current { background-color: #ffffff; font-weight: bold;}
#lNavi p.lNav_ico01 a,
#lNavi p.lNav_ico02 a,
#lNavi p.lNav_ico03 a,
#lNavi p.lNav_ico04 a,
#lNavi p.lNav_ico05 a,
#lNavi p.lNav_ico06 a,
#lNavi p.lNav_ico07 a,
#lNavi p.lNav_ico11 a,
#lNavi p.lNav_ico12 a,
#lNavi p.lNav_ico13 a { padding: 9px 0 9px 40px;}
#lNavi p.lNav_ico14 a { padding: 9px 0 9px 40px;}
#lNavi p.lNav_ico15 a { padding: 9px 0 9px 40px;}

#lNavi p.lNav_ico08 a,
#lNavi p.lNav_ico09 a,
#lNavi p.lNav_ico10 a { padding: 9px 0 9px 40px;}

#lNavi p.lNav_ico01 a { background: transparent url(../../resource2/images/lNav/ico_lNav_01.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico01 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico02 a { background: transparent url(../../resource2/images/lNav/ico_lNav_02.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico02 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico03 a { background: transparent url(../../resource2/images/lNav/ico_lNav_03.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico03 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico04 a { background: transparent url(../../resource2/images/lNav/ico_lNav_04.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico04 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico05 a { background: transparent url(../../resource2/images/lNav/ico_lNav_05.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico05 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico06 a { background: transparent url(../../resource2/images/lNav/ico_lNav_06.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico06 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico07 a { background: transparent url(../../resource2/images/lNav/ico_lNav_07.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico07 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico08 a { background: transparent url(../../resource2/images/lNav/ico_lNav_08.gif) no-repeat 15px center  !important;}
#lNavi p.lNav_ico08 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico09 a { background: transparent url(../../resource2/images/lNav/ico_lNav_09.gif) no-repeat 15px center  !important;}
#lNavi p.lNav_ico09 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico10 a { background: transparent url(../../resource2/images/lNav/ico_lNav_10.gif) no-repeat 15px center  !important;}
#lNavi p.lNav_ico10 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico11 a { background: transparent url(../../resource2/images/lNav/ico_lNav_11.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico11 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico12 a { background: transparent url(../../resource2/images/lNav/ico_lNav_12.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico12 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico13 a { background: transparent url(../../resource2/images/lNav/ico_lNav_13.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico13 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico14 a { background: transparent url(../../resource2/images/lNav/ico_lNav_14.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico14 a.current { background-color: #fff !important;}
#lNavi p.lNav_ico15 a { background: transparent url(../../resource2/images/lNav/ico_lNav_15.gif) no-repeat 10px center  !important;}
#lNavi p.lNav_ico15 a.current { background-color: #fff !important;}

#lNavi li.lNav1S_biz { margin: 0; border: none; padding: 0 0 10px; background-color: #fff;}
#lNavi li.lNav1S_biz p { margin: 0 0 5px; padding: 0;}
#lNavi li.lNav1S_biz a { display: inline; padding: 0; margin: 0; background: none;}
#lNavi li span { padding-left: 0.5em;}

/* --------------------------------------------
 * Print
-------------------------------------------- */
@media print {
	#header,
	#topicsPath,
	#sub,
	#printSec,
	#footer_wrap,
	.pageTop,
	#dpj_footNavi,
	#dc_footNavi,
	#casioNavi02,
	#kl_footNavi,
	#calc_footNavi,
	#wat_footNavi {
		display: none;
	}
	.colmunContents,
	.formContents {
		background: none;
	}
	#main {
		float: none !important;
		width: auto;
		margin: 0;
		padding: 0;
		text-align: left;
	}

}