@charset "UTF-8";
/*-----------------------------------------------
	Browser Reset
-----------------------------------------------*/
html,body,div,iframe, h1,h2,h3,h4,h5,h6,pre,address,ul,li,dl,dt,dd,form,legend,p, img {
	margin:0;
	padding:0;
}
body {
	color: #666;
	background-color: white;
	font-size:62.5%;   /* 10px */
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS UI Gothic",sans-serif;
	/*text-align: center;*/
	text-align: left;

}
table {
	border-collapse:collapse;
	border:0;
}
input,select,textarea {
	vertical-align:middle;
}
input[type="text"]{
	background-color: white;
	border: solid 1px #ccc;
}
a{
	border: 0;
}
img {
	border:0;
	vertical-align: bottom;
}
ins{
	text-decoration:none;
}
ul {
	list-style:none;
}
br {
	letter-spacing: 0;
}
/* ===========================================
	float clear,  clearFix,  hide, hr
   =========================================== */
.clearB{
	clear: both;
}
.clearL{
	clear: left;
}
.clearR{
	clear: right;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
/* clearfix */
.w100{
	width: 100%;
}
/* For modern browsers */
.clearFix:before, .w100:before, .gr01:before,
.clearFix:after, .w100:after, .gr01:after{
    content:"";
    display:table;
}
 
.clearFix:after, .w100:after, .gr01:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearFix, .w100, .gr01{
    zoom:1;
}
.hide{
	display: none;
}
/* ===========================================
	layout
   =========================================== */
/*  top page  */
#header-top{
	position: relative;
	width: 100%;
	background: url(../images/dattjapan_logo1replace.png) 2px 0 no-repeat;
}
#contcolumn-top{
	width: 100%;
	position: relative;
}
#contcolumninn-top{
	width: 950px;
	margin: 0 auto;
	padding: 15px 10px 0;
}
.leftcolumn-top{
	width: 300px;
	float: left;
	position: relative;
}
.rightcolumn-top{
	position: relative;
	width: 650px;
	height: 350px;
	float: right;
	overflow: hidden;
}
#footer-top{
	clear: both;
	width: 100%;
	height: 65px;
	background-color: #f2f2f2;
}

html, body, #contcolumn-top{
	height:100%;
}
body > #contcolumn-top{
	height: auto;
	min-height: 100%;
}
#contcolumninn-top{
	padding-bottom: 525px;
}
#top-contout{
	position: relative;
	margin-top: -515px;
	height: 515px;
}
/*  end top page  */
/* other */
#header-oth, #header-oth2{
	position: relative;
	width: 100%;
	padding: 0 0 50px;
}
#header-oth2{
	padding-bottom: 10px;
}
#contcolumn-oth{
	width: 100%;
	position: relative;
}
#contcolumninn-oth{
	width: 950px;
	margin: 0 auto;
	padding: 15px 10px 0;
}
#oth-cont{
	width: 100%;
	/* text-align: left;*/
	text-align: center;
}
#leftcolumn-oth{
	width: 200px;
	float: left;
	position: relative;
}
#rightcolumn-oth{
	position: relative;
	width: 730px;
	float: right;
}
#footer-oth{
	clear: both;
	width: 100%;
	background-color: #f2f2f2;
}

html, body, #contcolumn-oth{
	height:100%;
}
body > #contcolumn-oth{
	height: auto;
	min-height: 100%;
}
#contcolumninn-oth{
	padding-bottom: 120px;
}
#footer-oth{
	position: relative;
	margin-top: -65px;
	height: 65px;
}


#headerinn, #contcolumn, #footer{
	width: 960px;
	padding: 0 10px;
	/*text-align: left;*/
	text-align: center;
	margin: 0 auto;
}
#contcolumn-left{
	width: 960px;
	padding: 0 10px;
	text-align: left;
	/*text-align: center;*/
	margin: 0 auto;
}
#header{
	position: relative;
	width: 100%;
	background: url(../images/solution/nv_b.png) 0 bottom repeat-x;
	padding-top: 15px;
	z-index: 5;
}
/* bs */
.body-bs #header{
	background: url(../images/bs/bs_menu_back_1px.png) 0 bottom repeat-x;
}
.uc #header{
	position: relative;
	width: 100%;
	background: none;
	padding: 15px 0;
}

#headerinn{
}
#contcolumn{
}
#contcolumninn{
	width: 100%;
	padding: 15px 0;
}
#footer{
	position: relative;
	clear: both;
	padding: 0 0 8px;
}


/* ===========================================
	haikei
   =========================================== */
.body-cs, .uc, .body-bs{
	background-color: #f3f2ee;
}
/* -- header -- */

/* -- footer -- */
/* ===========================================
	font
   =========================================== */
p, li, dt, dd{
	font-size: 1.3em;
}
dd dt, dd dd, dd li, dd p, li p, li li, li dd, li dt, li dd p, td li, td dt, td dd, li li li{
	font-size: 1em;
}
.fs09em{
	font-size: 0.9em;
}
.fs12em{
	font-size: 1.2em;
}
.fs14px{
	font-size: 1.4em;
}
.fs15px{
	font-size: 1.5em;
}
.fs16px{
	font-size: 1.6em;
}
.fs18px{
	font-size: 1.8em;
}
.fbold{
	font-weight: bold;
}
.lineH-2{
	line-height: 2;
}
.txtwhite{
	color: white;
}
.txtred{
	color: red;
}
.txtcol01{
	color: #0078f5;
}
.txtcol02{
	color: #fa961e;
}
.txtcol03{
	color: #8cc83c;
}

.txtC{
	text-align: center;
}
.txtR{
	text-align: right;
}
/* -------- */
address,em{
	font-style:normal;
}
em{
	font-weight: bold;
}
/* ===========================================
	h1 h2 h3 h4 h5 h6
   =========================================== */
h1,h2,h3,h4,h5,h6{
	font-size: 1.4em;
}

/* CS */

.body-cs h2, .body-cs h3{
	color: #593A00;	
}
.h-btm, .h-btm-bs{
	background: url(../images/solution/block_h_back_1px.png) left bottom repeat-x;
	border-left: solid 6px #fa961e;
	padding-left: 10px;
	color: #593A00;
	line-height: 30px;
}
.h-btm2{
	background: url(../images/solution/cs_titleback_1px.png) left bottom repeat-x;
	border-left: solid 6px #fa961e;
	padding-left: 10px;
	color: #593A00;
	line-height: 30px;
	font-weight: normal;
}
/* BS */
.body-bs h2, .body-bs h3{
	color: #005d73;	
}
.h-btm-bs{
	background: url(../images/bs/block_h_back_bs_1px.png) left bottom repeat-x;
	border-left: solid 6px #0078f5;
	color: #005d73;
}
.h-btm2bs{
	background: url(../images/solution/cs_titleback_1px.png) left bottom repeat-x;
	border-left: solid 6px #0078f5;
	padding-left: 10px;
	color: #005d73;
	line-height: 30px;
	font-weight: normal;
}
.h-btm2bs a:link{
	color: #005d73;
	text-decoration: none;
} 
.h-btm2bs a:visited{
	color: #005d73;
	text-decoration: none;
}
.h-btm2bs a:hover{
	color: #005d73;
	text-decoration: underline !important;
}
.bs-h201{
	font-size: 2.2em;
	color: #005d73;
}
.bs-h4-col{
	color: #005d73;
}


.h-main, #leftcolumn-oth h2{
	color: #005d73;
	font-weight: normal;
	font-size: 1.3em;
	border-bottom: dotted 1px #666;
	margin-bottom: 25px;
}
.h-main strong, #leftcolumn-oth h2 strong{
	font-size: 1.3em;
}
.h-main2{
	font-size: 1.6em;
	color: #005d73;
	margin-bottom: 10px;
}
.h1-00{
	border-left: solid 6px #f08d38;
	padding-left: 10px;
	color: #593A00;
	line-height: 2;
	margin: 0 0 10px -20px;
}
.h-01{
	background-color: #9c7f54;
	color: #fff;
	font-size: 1.4em;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.top-copy{
	height: 50px;
	text-align: center;
}
/* ===========================================
	img
   =========================================== */
.imgfleft{
	float: left;
	margin: 0 12px 12px 0;
}
.imgfleft2{
	float: left;
	margin: 0 7px 7px 0;
}
.img-bline{
	vertical-align: baseline;
	margin-right: 3px;
}
a.hvrimg:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}
/* ===========================================
	link
   =========================================== */
a:link{
	color: #24618E;
} 
a:visited{
	color: Maroon;
}
a:hover{
	color: Navy;
	text-decoration: none;
}
a:active{
	color: red;
} 
.body-cs a:link{
	color: #666;
}
.body-cs a:visited{
	color: Maroon;
}
.body-cs a:hover{
	color: Navy;
	text-decoration: none;
}
/* ===========================================
	Navi
   =========================================== */
/*--- #mainnavi-top ---*/
#mainnavi-top-icon{
	float: left;
	width: 50px;
}
#mainnavi-top{
	float: right;
	width: 800px;
}
#mainnavi-top ul{
	text-align: right;
}
#mainnavi-top li{
	display: inline;
}
#mainnavi-top li a{
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	background: url(../images/linkarrow.gif) left center no-repeat;
	padding: 0.2em 22px 0.2em 16px;
}
#mainnavi-top a:link{
	color: #666;
}
#mainnavi-top a:visited{
	color: #666;
}
#mainnavi-top a:hover{
	color: Navy;
	text-decoration: none;
}

#mainnavi-top li a.none{
	padding-right:0;
}
#translate-this {
	float:right;
}

#leftcolumn-oth ul{
	padding-bottom: 40px;
}
#leftcolumn-oth li{
	margin-bottom: 10px;
	line-height: 1.2;
}
#leftcolumn-oth li a{
	background: url(../images/linkarrow.gif) 0 1px no-repeat;
	padding-left: 15px;
}
#leftcolumn-oth a:link{
	color: #666;
}
#leftcolumn-oth a:visited{
	color: #666;
}
#leftcolumn-oth a:hover{
	color: Navy;
	text-decoration: none;
}
#leftcolumn-oth .inq-liarr li{
	padding-left: 15px;
}
#leftcolumn-oth .inq-liarr .inq-liarr-act{
	background: url(../images/linkarrow.gif) 0 center no-repeat;
}
#leftcolumn-oth .inq-liarr em{
	color: #005d73;
}
/* ===========================================
	header
   =========================================== */
#rogo{
	float: left;
	width: 450px;
}
#head-right{
	float: right;
	width: 500px;
	text-align: right;
}
#head-right h1{
	font-size: 1.5em;
}
#head-right li{
	display: inline;
	font-size: 1.2em;
}
#head-right li a{
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	padding: 0.1em 0.6em 0.1em 12px;
}
#head-right li a:link{
	color: #666;
} 
#head-right li a:visited{
	color: #666;
}

.h-r-cs h1{
	color: #593a00;
}
.h-r-bs h1{
	color: #005d73;
}
.h-r-cs li a{
	background: url(../images/solution/linkarrow_cs_10px.gif) left center no-repeat;
}
.h-r-bs li a{
	background: url(../images/bs/linkarrow_bs2_10px.png) left center no-repeat;
}

/* ===========================================
	footer
   =========================================== */
/*  top page  */
#footer-top address, #footer-oth address{
	float: left;
	padding: 12px 0 0 5px;
	/*text-align: left;*/
	text-align: center;
	font-size: 1.6em;
}
#footer-top address span, #footer-oth address span{
	font-size: 0.8em;
}
#footer-top address img, #footer-oth address img{
	display: block;
	margin-bottom: 2px;
}
#copy{
	float: right;
	text-align: right;
	padding: 45px 5px 0 0;
	font-size: 1.1em;
}
/*----------------------*/
#pmark{
	position: absolute;
	width: 50px;
	height: 54px;
	right: 0;
	bottom: 15px;
}

#footerinn{
	position: relative;
} 
#footerinn h2{
	background-color: #593a00;
	color: #fff;
	border: solid 1px #9C7F54;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	font-size: 1.5em;
	padding: 0 10px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
}
#footerinn h3{
	font-size: 1.3em;
	color: #593a00;
}
/* BS color */
.body-bs #footerinn h2{
	background-color: #4e8b99;
	border: solid 1px #4e8b99;
}
.body-bs #footerinn h3{
	color: #005d73;
}

/* footer navi layout */
.fo-navi01{
	float: left;
	width: 475px;
	padding-left: 15px;
}
.fo-navi02{
	float: left;
	width: 300px;
}
.fo-navi03{
	float: left;
	width: 160px;
}
.fo-navi01inn-l{
	float: left;
	width: 215px;
}
.fo-navi01inn-r{
	float: right;
	width: 250px;
}

/*--- footernavi base ---*/
#footernavi{
	padding: 18px 0 15px;
}
#footernavi ul{
	padding-left: 3px;
}
#footernavi ul ul{
	padding-left: 1em;
}
#footernavi ul ul ul{
	padding-left: 1em;
}
#footernavi li{
	font-size: 1.1em;
	margin-bottom: 2px;
}
#footernavi li.fo-navi-mb{
	margin-bottom: 15px;
}
#footernavi li li li, #footernavi li li{
	font-size: 1em;
}
/* CS color */
#footernavi h3 a:link{
	color: #593a00;
} 
#footernavi h3 a:visited{
	color: #593a00;
}
#footernavi h3 a:hover{
	color: Navy;
	text-decoration: none;
}
#footernavi li a:link{
	color: #593a00;
} 
#footernavi li a:visited{
	color: #593a00;
}
#footernavi li a:hover{
	color: Navy;
	text-decoration: none;
}
#footernavi li li a:link{
	color: #95815c;
} 
#footernavi li li a:visited{
	color: #95815c;
}
#footernavi li li a:hover{
	color: Navy;
	text-decoration: none;
}
#footernavi li li li a:link{
	color: #666;
} 
#footernavi li li li a:visited{
	color: #666;
}
#footernavi li li li a:hover{
	color: Navy;
	text-decoration: none;
}

#footerinn h2:after{
	content: '';
	position: absolute;
	left: 50px;
	top: 25px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #fff;
}

/* footer address */
.fo-add-h2{
	color: #003a48;
}
.body-bs .fo-add-h2{
	color: #003a48;
}
.fo-add-b{
	float: left;
	width: 34%;
}
.fo-add-b2{
	float: left;
	width: 30%;
}
.fo-add-b address, .fo-add-b2 address{
	font-size: 1.1em;
	padding: 0 5px 5px;
}
.fo-add-b2 address{
	padding-left: 20px;
}
.fo-add-b address strong, .fo-add-b2 address strong{
	display: block;
}
#copy2{
	font-size: 1.1em;
	padding-bottom: 10px;
}
/* ===========================================
	contcolumn
   =========================================== */

.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb25{
	margin-bottom: 25px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}
.mb55{
	margin-bottom: 55px;
}
.mt5{
	margin-top: 5px;
}
.ptbmb20{
	padding: 20px 0;
	margin-bottom: 20px;
}
.ptb20{
	padding: 20px 0;
}
.pt5{
	padding-top: 5px;
}
.pt35{
	padding-top: 35px;
}


.grid{
	background-color: #fff;
	border: solid 1px #e6e6e6;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
.grid00{
	border: solid 1px #e6e6e6;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
.grid02{
	background-color: #fff;
	border: solid 2px #e6e6e6;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
.grad{
	background-color:#F3F2EE;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F3F2EE, endColorstr=#ffffff);
	background-image:-moz-linear-gradient(top, #F3F2EE 0%, #ffffff 50%,#F3F2EE 100%);
	background-image:linear-gradient(top, #F3F2EE 0%, #ffffff 50%,#F3F2EE 100%);
	background-image:-webkit-linear-gradient(top, #F3F2EE 0%, #ffffff 50%,#F3F2EE 100%);
	background-image:-o-linear-gradient(top, #F3F2EE 0%, #ffffff 50%,#F3F2EE 100%);
	background-image:-ms-linear-gradient(top, #F3F2EE 0%, #ffffff 50%,#F3F2EE 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#F3F2EE), color-stop(50%,#ffffff),color-stop(100%,#F3F2EE));
}
.gr01{
 	width: 936px;
 	padding: 0 20px 20px;
}
 
.breadcrumbs {
  margin:0px; 
  padding:0px;
  list-style: none;
}
.breadcrumbs li {
  display:inline;
  font-size: 1.2em;
	color: #593a00;
}
.breadcrumbs li a {
	padding: 0 10px 0 5px;
	background: url(../images/arr01.png) right center no-repeat;
}
.breadcrumbs h2{
	display: inline;
}
.breadcrumbs li a:link{
	color: #593a00;
} 
.breadcrumbs li a:visited{
	color: #593a00;
}
/* BS */
.body-bs .breadcrumbs li a {
	padding: 0 10px 0 5px;
	background: url(../images/bs/arr01.png) right center no-repeat;
}
.body-bs .breadcrumbs li a:link{
	color: #005d73;
} 
.body-bs .breadcrumbs li a:visited{
	color: #005d73;
}

.breadcrumbs li a:hover{
	color: Navy;
	text-decoration: none;
}

.ptop{
	text-align: right;
	font-size: 1.2em;
	line-height: 1.1;
}
.ptop a:link{
	color: #666;
} 
.ptop a:visited{
	color: #666;
}
.ptop a:hover{
	color: Navy !important; 
	text-decoration: none;
}

.sc-bgtn{
	padding: 20px 0 0 0;
}
.sc-bgtn .w100{
	padding: 10px 0;
}
.sc-bgtn ul{
	padding-left: 250px;
}
.sc-bgtn li{
	float: left;
	margin: 0 10px;
}