@charset "utf-8";
/* CSS Document */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　title : help.cybozu.com/dt2/ - Common
+　Description: Style Common
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* =======================
1: CSS for common setting
2: Header
3: Navi
4: SecGlobalNavi
5: MegaDropDown
6: BreadCrumb
7: Contents
8: Contents Parts
9: Footer
10: SubNavigation
11: Other
/* =======================

/*1: CSS for common setting
=========================================*/
html,body {
	height: 100%;
	background:#FFFFFF;
	}

body {
	color:#000000;
	-webkit-text-size-adjust: 100%;
	}
	
a:link {
	color: #015aaa;
	text-decoration: none;
	}

a:visited {
	color: #015aaa;
	text-decoration: none;
	}

a:hover {
	color: #015aaa;
	text-decoration: underline;
	}

a:active {
	color: #015aaa;
	text-decoration: underline;
	}
	
a:focus {
	outline:none;
	}

#wrapper {
	width: 100%;
	min-width: 980px;
	min-height: 100%;
	position: relative;
	height: auto !important;
	}

/*2: Header
=========================================*/
#wrapHeader {
	width: 100%;
	height: 30px;
	position:fixed;
	z-index: 1002;
	top:0;
	background:#1ba1e2;
	}

#wrapHeader:after {/*clearfix*/
    content: ""; 
    display: block; 
    clear: both;
	}
	
#header {
	width: 980px;
	margin: 0 auto;
	}

#header:after {/*clearfix*/
    content: ""; 
    display: block; 
    clear: both;
	}
	
#header .headerLogo {
	padding: 7px 0 0 20px;
	float: left;
	display: block;
	}

/* search*/
#header .headerSearchBox{
	width:400px;
	height:23px;
	float:right;
	margin:2px 0 0 0;
	padding:3px 0 0 0;
	}

#header .searchMenu ul {
	margin:0;
	padding:0;
	}

#header .searchMenu li {
	float: left;
	list-style:none;
	}
	
#header li.input_area {
	margin: 0 10px 0 34px;
	width: 180px;
	}

#header li.input_area input{
	margin: 1px 0 0 5px;
	padding: 1px 2px 0 3px;
	width: 180px;
	height:18px;
	border: 0;
	outline: none;
	color:#666666;
	font-size:12px;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
	}

#header li.search_button {
	width:23px;
	margin:0 0 0 2px;
	}

#header .submit {
	background: transparent url(/ja/dt2/img/btn_search.png) no-repeat left;
	width:23px;
	height:23px;
	border: none;
	cursor: pointer;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	padding:0; /*for IE*/
	_margin-left:-17px;
	}

*+html #header .submit {/* for IE7 */
	display:block
	}

.search-logo-head {
    float: right;
    padding: 5px 20px 0 15px; 
}
	
/*4: BreadCrumb
=========================================*/
#wrapBreadCrumb {
	width: 100%;
	height: 40px;
	position:fixed;
	z-index: 1001;
	margin:30px 0 0 0;
	background:#FFFFFF;
	}

#wrapBreadCrumb:after {/*clearfix*/
    content: ""; 
    display: block; 
    clear: both;
	}

#breadCrumb {
	width: 980px; /*for lanBtn*/
	margin: 0 auto; /*for lanBtn*/
	font-size: 11px;
	color:#000000;
	padding:10px 0 0 0;
	}

#breadCrumbInner:after {/*clearfix*/
    content: ""; 
    display: block; 
    clear: both;
	}
	
#breadCrumb p{
	margin:5px 0 0 0;
	}
	
#breadCrumb a{
	color: #66a6ff;
	text-decoration:none;
	}

#breadCrumb a:hover {
	color: #66a6ff;
	text-decoration: underline;
	}

#breadCrumb a:active {
	color: #0099cc;
	text-decoration: underline;
	}

#breadCrumb span {
	color:#444444;
	}

/*7: Contents
=========================================*/
#wrapContents{
	width: 100%;
	*zoom: 1;
	}

#wrapContents:after {/*clearfix*/
    content: ""; 
    display: block;
    clear: both;
	}

#wrapContentsInner{
	width: 980px;
	margin: 0 auto;
	padding:10px 0 0 0;
	}

/*8: Contents Parts
=========================================*/
/*Cursor
------------*/
#contensInner .cursorPointer{/*add*/
	cursor:pointer;
	}

/*RichEdit
------------*/
#contensInner .txtBox{
	margin:0 0 15px 0;
	line-height:1.6;
	}

#contensInner .txtBox p{
	padding:0 0 10px 0;
	}

#contensInner .txtBox img{
	margin:0 3px 0 0;
	padding:0;
	}

#contensInner img.icon{
	vertical-align:middle;
	margin:0 3px 0 3px;
	}

#contensInner .txtBox .txtRed{
	color:#FF0000;
	}

/*titCap
------------*/
#contensInner .titCap{
	font-weight:bold;
	margin:15px 0 8px 0;
	}

/*cap
------------*/
#contensInner .txtBox img.cap,
#contensInner img.cap{
	padding: 0 0 13px 0;
	vertical-align:middle;
	}

/*capZoom
------------*/
#contensInner .imgCap_WrapImg,
#contensInner .txtbox .imgCap_WrapImg {
	padding:0;
	margin:5px 0 0 0;
	vertical-align:top;
	}

#contensInner .capZoomBtn{
	position: relative;
	z-index: 3;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	/*bottom:100px*/
	top:-10px;
	vertical-align:top;
	left:-20px;
	}

/*popuplink
------------*/
#contensInner .pop{
	margin:0 0 15px 0;
	}

#contensInner .pop p{
	padding:0 0 0 15px;
	margin:3px 0 2px 0;
	background:url(/ja/dt2/img/ico_popup.png) left 3px no-repeat;
	line-height:1.2em;
	}

#contensInner .pop p.none{
	background:none;
    padding:0;
	}

#contensInner .pop a,
#contensInner a{
	text-decoration:underline;
	font-size:14px;
	color:#0096ff;
	}
	
#contensInner .pop a:hover,
#contensInner a:hover{
	text-decoration:underline;
	color:#015AAA;
	}

#contensInner .pop a:active,
#contensInner a:active{
	text-decoration:underline;
	color:#015AAA;
	}

/*sup
------------*/
.sup{
	vertical-align:super;
	font-size:60%;
	padding:0 -1px 0 0;
	margin:0 0 0 2px;
	}
	
/*txtSup
------------*/
#contensInner .txtSup{
	margin:-16px 0 25px 5px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	font-size:12px;
	}

#contensInner .txtSup p{
	padding-top:4px;
	}

#contensInner .txtSup ul{
	padding:0;
	margin:0 0 0 5px;
	list-style:none;
	line-height:1.6;
	}

#contensInner .txtSup ul li {
	padding:5px 0 0 28px;
	margin:-5px 0 -1px 0;
	background:url(/ja/dt2/img/li_level01.png) left top no-repeat;
	}

#contensInner .txtSup .pop{
	margin:0 0 0 5px;
	}

#contensInner .txtSup .pop p{
	padding:0 0 0 28px;
	background:url(/ja/dt2/img/ico_popup.png) left 1px no-repeat;
	}

#contensInner .txtSup .pop a{
	font-size:12px;
	}

#contensInner .txtBox .txtSup{
	margin:-1px 0 5px 0;
	font-size:12px;
	}

#contensInner .txtBox .txtSup p{
	margin-bottom:-10px;
	}

/* add
------------*/
#contensInner .add{
	width:auto;
	min-height:10px;
	border: solid 2px #A4C400; 
	padding:7px 10px 0 12px;
	margin:15px 0 20px 0;
	}
	
#contensInner .addTitle{
	position:absolute;
	margin:-8px 0 0 -13px; 
	background:#A4C400; 
	color:#000000;
	font-size:16px;
	padding:15px 10px; 
	}

/* caution
------------*/
#contensInner .caution{
	width:auto;
	min-height:10px;
	border: solid 2px #EFB748;
	padding:7px 10px 0 12px;
	margin:15px 0 20px 0;
	}
	
#contensInner .cautionTitle{
	position:absolute;
	margin:-8px 0 0 -13px;
	background:#EFB748;
	color:#000000;
	font-size:16px;
	padding:15px 10px; 
	}

/* att
------------*/
#contensInner .att{
	width:auto;
	min-height:10px;
	border: solid 2px #f76262; 
	padding:7px 10px 0 12px;
	margin:15px 0 20px 0;
	}
	
#contensInner .attTitle{
	position:absolute;
	margin:-8px 0 0 -13px; 
	background:#f76262;
	color:#000000;
	font-size:16px;
	padding:15px 10px; 
	}

#contensInner .add .txtBox,
#contensInner .caution .txtBox,
#contensInner .att .txtBox{
	margin:38px 0 8px 0;
	padding:0;
	}

/*table
------------*/
#contensInner table{
	border-collapse:collapse;
	border:3px solid #939090;
	background-color:#ffffff;
	empty-cells:show;
	padding:0;
	margin:0 0 5px 0;
	}

#wrapContentsInner th{
	background:#d9d9d9;
	font-weight:bold;
	text-align: center;
	border-bottom:1px solid #333333;
	}
	
#wrapContentsInner td{
	border-bottom:1px solid #333333;
	}

#wrapContentsInner th,
#wrapContentsInner td{
	padding:3px 2px 3px 3px;
	vertical-align:top;
	border-right:1px solid #333333;
	}

#wrapContentsInner tr.gray,
#wrapContentsInner td.gray{
	background:#eeeeee;
	}

/*tableNo
------------*/
#contensInner .tableNo table{
	border-collapse:collapse;
	border:none;
	empty-cells:show;
	padding:0;
	margin:0;
	background:none;
	}
	
#wrapContentsInner .tableNo td{
	vertical-align:top;
	}

#wrapContentsInner .tableNo th,
#wrapContentsInner .tableNo td{
	padding:0;
	border:none;
	}

/*process
------------*/
#wrapContentsInner ol.process {
    font-size:1.8em;
	padding:0 0 0 25px;
	margin:0 0 0 19px;
	margin-left:1px\9;
	font-weight: normal;
	color:#2a7ec9;
	}

#wrapContentsInner ol.process, x:-moz-any-link {
	margin: 0 0 0 8px;
	}
	
#wrapContentsInner ol.process li {
    margin:0 0 0 15px; 
    padding:1px 4px 0 4px;
	}

#wrapContentsInner ol.process li, x:-moz-any-link {
	margin-bottom:5px;
	}

#wrapContentsInner ol.process div{
	font-weight:normal;
	font-size :14px;
	color:#000000;
	margin-left:0\9;
	line-height:1.6;
	}

#wrapContentsInner ol.process div, x:-moz-any-link {
	margin-left:-1px;
	}	

#wrapContentsInner ol.imgOp div{
	min-width:270px;
	margin:10px 0 0 0;
	margin-left:0\9;
	line-height:1.6;
	}

#wrapContentsInner ol.imgOp div, x:-moz-any-link {
	margin-left:0;
	}

#wrapContentsInner ol.imgOp .imgCapRight{
	margin: 10px 0 10px 20px;
	float: right;
	position: relative;
	z-index: 2;
	-ms-interpolation-mode: bicubic;
	}

#wrapContentsInner ol.imgOp .imgCapRight_wrapZoomButton {
	height: 0;
	cursor:pointer;
	padding:0;
	margin:0 0 0 662px;
	vertical-align:middle; 
	}

#wrapContentsInner ol.imgOp .imgCapRight_zoomButton {
	position: absolute;
	z-index: 3;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}
	
#wrapContentsInner ol.imgOp:after,
#wrapContentsInner ol.imgOp img:after,
#wrapContentsInner ol.imgOp .txtBox:after{/*clearfix*/
    content: ""; 
    display: block;
    clear: both;
	}

#wrapContentsInner ol.process h5{
	color:#000000;
	}

#wrapContentsInner ol.process .txtBox{
	line-height:1.8;
	}

#wrapContentsInner ol.process div.pop{
	margin-left:0;
	}
	
/*step
------------*/
#wrapContentsInner .step{
	margin:45px 0 35px 0;
	}

#wrapContentsInner .step dl{  
	position:relative;
	padding:8px 10px 15px 0;
	margin: 0 0 0 29px;
	border-left:2px solid #1ba1e2;
	background:#FFFFFF;
	}

#wrapContentsInner .step dl.last{  
	border-left:none;
	}

#wrapContentsInner .step dl:after,
#wrapContentsInner .step dt:after{/*clearfix*/
    content: ""; 
    display: block; 
    clear: both;
	}

#wrapContentsInner .step dt{
	position:absolute;
	top:-5px;
	left:-28px;
	}

#wrapContentsInner .step dd {
	margin: 0 0 10px 35px;
	}

#wrapContentsInner .step dd strong{
	font-size:18px;
	font-weight:bold;
	color:#5e5e5e;
	line-height:18px;
	}

#contensInner .step dd .txtBox{
	margin:20px 0 0 0;
	}

#wrapContentsInner .step dd ol, x:-moz-any-link {
	padding:15px 0 0 16px; /*FF*/
	}

/*ul list
------------*/
#contensInner .txtBox ul,
#contensInner .txtBox li ul,
#contensInner .txtBox li ul li ul{
	padding:0 0 0 5px 0;
	list-style:none;
	line-height:1.6;
	}

#contensInner .txtBox ul li,
#contensInner .txtBox ol li ul li{ 
	padding:4px 0 2px 16px;
	background:url(/ja/dt2/img/li_level01.png) left top no-repeat;
	}

#contensInner .txtBox ul li li,
#contensInner .txtBox ol li ul li li{
	background:url(/ja/dt2/img/li_level02.png) left top no-repeat;
	padding:2px 0 0 20px;
	margin:0;
	}

#contensInner .txtBox ul li li li,
#contensInner .txtBox ol li ul li li li{
	background:url(/ja/dt2/img/li_level03.png) left top no-repeat;
	margin:2px 0 0 0;
	}

/*ol list
------------*/
#contensInner .txtBox ol,
#contensInner .txtBox li ol,
#contensInner .txtBox li ol li ol{
	background:none;
	padding:0 0 0 25px;
	margin:0;
	}

#contensInner .txtBox ol li {
	padding:2px 0 0 0;
	margin:0 0 -2px 0;
	}

#contensInner .txtBox ol li li {
	padding:2px 0 0 0;
	margin:0;
	}

#contensInner .txtBox ol li li li {
	margin:2px 0 0 0;
	}

/*notea
------------*/
#contensInner .notea{
	width:auto;
	min-height:10px;
	margin:10px 0 15px 12px;
	padding:8px;
	border:solid 1px #CBCBCB;
	background:#eeeeee;
	color:#3d3d3d;
	}

#contensInner .notea .txtBox{
	padding-bottom:0;
	margin-bottom:0;
	}

#contensInner .pdfMenu ul li {
	display:block;
	background:url(/ja/dt2/img/ico_pdf.png) left top no-repeat;
	padding:0 0 0 21px;
	list-style:none;
	}

#contensInner .pdfMenu ul li a:link {
	color: #015aaa;
	text-decoration:none;
	}

#contensInner .pdfMenu ul li a:visited {
	color: #015aaa;
	}

#contensInner .pdfMenu ul li a:hover {
	color: #015aaa;
	text-decoration: underline;
	}

#contensInner .pdfMenu ul li a:active {
	color: #015aaa;
	text-decoration: underline;
	}*/

/*arrow
------------*/
#contensInner .txtBox .arrow{
	padding: 0;
	margin:-5px 0 -5px 0;
	background:url(/ja/dt2/img/img_arrow.png) center top no-repeat;
	height:40px;
	}

/*10: Footer
=========================================*/
#wrapBtm {
	width: 100%;
	background:#e1e1e1;
	text-align: left;
	min-height:49px;
	position:absolute;
	bottom:0;
	}

#wrapBtm:after {/*clearfix*/
    content: ""; 
    display: block; 
    clear: both;
	}
	
#footer {
	width: 980px;
	margin: 0 auto;
	padding:9px 0 0 0 ;
	}	

#footer .btmTxt {
	float: left;
	font-size: 11px;
	text-align:left;
	color:#333333;
	}

#footer .btmTxt ul {
	list-style:none;
	margin: 0 0 6px 0;
	line-height: 14px;
	}

#footer .btmTxt li {
	display: inline;
	}
	
#footer .btmTxt a {
	color: #333333;
	text-decoration:none;
	}

#footer .btmTxt a:hover {
	color: #333333;
	text-decoration:underline;
	}

#footer .btmTxt a:visited {
	color: #000000;
	text-decoration: none;
	}

/*11: Other
=========================================*/
#goTop{
	position: fixed;
	bottom:1px;
	right:-20px;
	z-index:1020;
	}
	
#goTop a{
    width: 66px;
    height: 46x;
    display: block;
	}