@charset "utf-8";

/* ***************************
 *
 * dta-ctrl-head
 *
 *************************** */

#dta-ctrl-head {
	background: url(../images/main_bg.jpg) no-repeat;
	margin-bottom: 25px;
}

#dta-ctrl-head h2 {
	margin-bottom: 20px;
}

#app-history {
	margin-left: 38px;
	padding-left: 12px;
	border-left: 1px solid #9C946C;
}

#app-history .version {
	font-size: 13px;
	padding-bottom: 0.3em;
	font-weight: bolder;
}

#app-history .new-func {
	font-size: 12px;
	color: #404040;
	padding-bottom: 0.3em;
}

#app-history ul {
	padding-bottom: 0.9em;
	padding-right: 200px;
}

#app-history li {
	float: left;
	padding-right: 1em;
	font-size: 11px;
}

#app-history li span {
	color: #9B946B;
	font-weight: bolder;
}

#app-history p {
	line-height: 1;
/*
	font-size: 1%;
*/
}

#app-history p span {
	padding-right: 30px;
}

#app-history p img {
	margin-right: 3px;
	vertical-align: middle;
}

/* ***************************
 *
 * dta-ctrl-body
 *
 *************************** */

/* tab */
#dta-ctrl-body .tab-btn {
	position: relative;
	height: 70px;
	top: 0;
	left: 0;
}

#dta-ctrl-body .tab-btn li {
	position: absolute;
	top: 26px;
}

#dta-ctrl-body .tab-btn li img {
	cursor: pointer;
}

#dta-ctrl-body .tab-btn li.item01 {
	left: 18px;
}

#dta-ctrl-body .tab-btn li.item02 {
	left: 528px;
}

#dta-ctrl-body.set-tab1 .tab-btn li.item01 img {
	visibility: hidden;
}

#dta-ctrl-body.set-tab2 .tab-btn li.item02 img {
	visibility: hidden;
}


#dta-ctrl-body.set-tab1 #tab-2 {
	display: none;
}

#dta-ctrl-body.set-tab2 #tab-1 {
	display: none;
}

/* box */

#dta-ctrl-body .box-cnt {
	padding: 0 42px;
}

#dta-ctrl-body .bg-orange {
	background-color: #f6f4e6;
}

#dta-ctrl-body .box-cnt .box-tit {
	margin-bottom: 30px;
}

#dta-ctrl-body .box-cnt .box-cap {
	margin-bottom: 13px;
}

#dta-ctrl-body .box-cnt .box-lead {
	margin-bottom: 30px;
	font-size: 14px;
}

#dta-ctrl-body .box-cnt .returntotopA01 {
	padding-top: 12px;
	padding-bottom: 20px;
	margin-bottom: 0;
}

/* float ///////////////////////////////// */

/* col2 */
#dta-ctrl-body .left,
#dta-ctrl-body .col2 .screen,
#dta-ctrl-body .col4 .text {
	float: left;
}

#dta-ctrl-body .right,
#dta-ctrl-body .col2 .text,
#dta-ctrl-body .col4 .screen {
	float: right;
}

#dta-ctrl-body .col2 {
	width: 612px;
	padding-bottom: 35px;
}

#dta-ctrl-body .col2 .screen {
	width: 275px;
}

#dta-ctrl-body .col2 .text {
	width: 290px;
	margin-top: -5px;
}

#dta-ctrl-body .col2 .text .col2-cap {
	padding-bottom: 12px;
}

#dta-ctrl-body .col2 .text p {
	margin-bottom: 1em;
}

#dta-ctrl-body .lineconnect-box li,
#dta-ctrl-body .col2 .text li {
	padding-left: 19px;
	text-indent: -19px;
}

#dta-ctrl-body .col2 .text li img,
#dta-ctrl-body .lineconnect-box li img {
	margin-right: 3px;
	vertical-align: middle;
}

/* col4 */
#dta-ctrl-body .col4 {
	width: 612px;
	margin-bottom: 35px;
}

#dta-ctrl-body .col4 .right .text,
#dta-ctrl-body .col4 .right .screen {
	margin-bottom: 15px;
}

#dta-ctrl-body .col4 .left,
#dta-ctrl-body .col4 .right,
#dta-ctrl-body .col4 .right .wrap {
	width: 285px;
}

#dta-ctrl-body .col4 .screen {
	width: 140px;
}

#dta-ctrl-body .col4 .text {
	width: 130px;
}

#dta-ctrl-body .col4 h4 {
	margin-bottom: 15px;
}

/* col4.include-white-box */

#dta-ctrl-body .col4.include-white-box .right,
#dta-ctrl-body .col4.include-white-box .left {
	padding-top: 20px;
}

#dta-ctrl-body .col4 .white-box {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 307px;
}

#dta-ctrl-body .col4 .white-box-inner {
	padding-left: 23px;
	padding-right: 15px;
}


/* custom /////////////////////////////// */

/* lead-box */

#dta-ctrl-body .lead-box {
	padding-top: 32px;
}

#dta-ctrl-body .lead-box p {
	margin-bottom: 24px;
}

#dta-ctrl-body .lead-box h2 {
	margin-bottom: 22px;
}

#dta-ctrl-body .lead-box ul {
	padding-bottom: 43px;
}

#dta-ctrl-body .lead-box li {
	float: left;
}

/* box1-1 */
#dta-ctrl-body #box1-1 .over {
	position: relative;
	height: 100px;
}

#dta-ctrl-body #box1-1 .over p {
	position: absolute;
	text-align: center;
	width: 617px;
	left: 0;
}

#dta-ctrl-body #box1-1 .over1 {
	top: 15px;
}

#dta-ctrl-body #box1-1 .over2 {
	top: 70px;
}

/* box1-2 */
#dta-ctrl-body #box1-2 .figure {
	position: relative;
	height: 310px;
}

#dta-ctrl-body #box1-2 .figure p {
	position: absolute;
}

#dta-ctrl-body #box1-2 .figure p img {
	filter: alpha(opacity=0);
	moz-opacity:0;
	opacity:0;
}

#dta-ctrl-body #box1-2 .item01 {
	top: 2px;
	right: 5px;
}

#dta-ctrl-body #box1-2 .item02 {
	top: 148px;
	right: 5px;
}

#dta-ctrl-body #box1-2 .item03 {
	top: 108px;
	left: 0;
}

/* box1-3 */

#dta-ctrl-body #box1-3 .box-lead {
	margin-bottom: 15px;
}

#dta-ctrl-body #box1-3 .figure {
	padding-bottom: 40px;
}

#dta-ctrl-body #box1-3 .line-connect .note {
	padding: 15px 0 32px 92px;
	margin-bottom: 0;
}

#dta-ctrl-body #box1-3 .col2 {
	padding-bottom: 40px;
}

#dta-ctrl-body #box1-3 h5 {
	padding-bottom: 5px;
}

#dta-ctrl-body #box1-3 .lineconnect-box .inner {
	padding: 34px 22px 20px 322px;
}

/* box1-4 */

#dta-ctrl-body #box1-4 .box-lead .note {
	padding-top: 1em;
	display: block;
}

#dta-ctrl-body #box1-4 .figure {
	margin-bottom: 75px;
}

#dta-ctrl-body #box1-4 .option-text {
	font-size: 11px;
}

/* box1-5 */

#dta-ctrl-body #box1-5 .figure {
	margin-bottom: 75px;
}

#dta-ctrl-body #box1-5 .clock-box {
	padding-bottom: 10px;
}

#dta-ctrl-body #box1-5 .clock-box .wrap {
	width: 263px;
}

#dta-ctrl-body #box1-5 .clock-box .left,
#dta-ctrl-body #box1-5 .clock-box .right {
	width: 126px;
	padding-top: 0;
	padding-bottom: 10px;
}

#dta-ctrl-body #box1-5 .clock-box p {
	font-size: 10px;
	margin-bottom: 3px;
	line-height: 1.2;
}



/* box2-1 */
#dta-ctrl-body #box2-1 .over {
	position: relative;
	height: 100px;
}

#dta-ctrl-body #box2-1 .over p {
	position: absolute;
	text-align: center;
	width: 617px;
	left: 0;
}

#dta-ctrl-body #box2-1 .over1 {
	top: 15px;
}

#dta-ctrl-body #box2-1 .over2 {
	top: 70px;
}

/* box2-2 */
#dta-ctrl-body #box2-2 .figure {
	position: relative;
	height: 310px;
}

#dta-ctrl-body #box2-2 .figure p {
	position: absolute;
}

#dta-ctrl-body #box2-2 .figure p img {
	filter: alpha(opacity=0);
	moz-opacity:0;
	opacity:0;
}

#dta-ctrl-body #box2-2 .item01 {
	top: 4px;
	right: 5px;
}

#dta-ctrl-body #box2-2 .item02 {
	top: 150px;
	right: 5px;
}

#dta-ctrl-body #box2-2 .item03 {
	top: 150px;
	left: 0;
}

/* box2-3 */

#dta-ctrl-body #box2-3 .box-lead {
	margin-bottom: 15px;
}

#dta-ctrl-body #box2-3 .figure {
	padding-bottom: 45px;
}

#dta-ctrl-body #box2-3 .line-connect .note {
	padding: 15px 0 32px 92px;
	margin-bottom: 0;
}

#dta-ctrl-body #box2-3 .overray-text {
	position: relative;
}

#dta-ctrl-body #box2-3 .text-music .overray-text ul {
	position: absolute;
	right: 0;
	top: -105px;
	width: 173px;
}

#dta-ctrl-body #box2-3 .text-music {
	padding-bottom: 65px;
}

#dta-ctrl-body #box2-3 .text-music .overray-text img {
	margin-right: 3px;
}

#dta-ctrl-body #box2-3 .text-music .overray-text li {
	text-indent: -15px;
	padding-left: 15px;
	list-style: none;
}

#dta-ctrl-body #box2-3 .col2 .screen {
	width: 411px;
}

#dta-ctrl-body #box2-3 .col2 .text {
	width: 170px;
	padding-top: 53px;
}

#dta-ctrl-body #box2-3 .col2 .text h5 {
	padding-bottom: 5px;
}

#dta-ctrl-body #box2-3 .white-box {
	border: 1px solid #d1ccba;
	background: #fff;
	padding: 22px 24px;
	margin-bottom: 35px;
}

#dta-ctrl-body #box2-3 .white-box .wrap {
	width: 100%;
}

#dta-ctrl-body #box2-3 .white-box li img {
	vertical-align: middle;
}

#dta-ctrl-body #box2-3 .col3 .left {
	width: 178px;
}

#dta-ctrl-body #box2-3 .col3 .left p {
	padding-top: 15px;
	padding-right: 20px;
}

#dta-ctrl-body #box2-3 .col3 .center {
	float: left;
}

#dta-ctrl-body #box2-3 .col3 .right {
	width: 150px;
}

#dta-ctrl-body #box2-3 .col3 .right li {
	text-indent: -15px;
	padding-left: 15px;
	list-style: none;
}

#dta-ctrl-body #box2-3 .col3 .right li img {
	margin-right: 3px;
}

#dta-ctrl-body #box2-3 .text-app {
	position: relative;
}

#dta-ctrl-body #box2-3 .text-app .overray-text {
	position: absolute;
	width: 150px;
	left: 0;
	top: 75px;
}

/* box2-4 */

#dta-ctrl-body .no-float {
	float: none;
	clear: both;
	padding-top: 15px;
}

#dta-ctrl-body #box2-4 .box-lead .note {
	padding-top: 1em;
	display: block;
}

#dta-ctrl-body #box2-4 .figure {
	margin-bottom: 75px;
}

#dta-ctrl-body #box2-4 .line-connect {
	background: url(../images/cnt4_line.png) no-repeat left bottom;
	margin-bottom: 0;
	padding-bottom: 60px;
}

#dta-ctrl-body #box2-4 .option-text {
	font-size: 11px;
}

/* box2-5 */

#dta-ctrl-body #box2-5 .figure {
	margin-bottom: 75px;
}

#dta-ctrl-body #box2-5 .clock-box {
	padding-bottom: 10px;
}

#dta-ctrl-body #box2-5 .clock-box .wrap {
	width: 263px;
}

#dta-ctrl-body #box2-5 .clock-box .left,
#dta-ctrl-body #box2-5 .clock-box .right {
	width: 126px;
	padding-top: 0;
	padding-bottom: 10px;
}

#dta-ctrl-body #box2-5 .clock-box p {
	font-size: 10px;
	margin-bottom: 3px;
	line-height: 1.2;
}

/* dta-ctrl-link */
#dta-ctrl-link {
	padding: 40px 35px 20px 35px;
}

#dta-ctrl-link .cap-line {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#dta-ctrl-link .cnt-link {
	padding-bottom: 50px;
}

#dta-ctrl-link .left {
	float: left;
}

#dta-ctrl-link .right {
	float: right;
}

#cnt-download .wrap {
	width: 670px;
	padding: 20px 0;
}

#cnt-download .wrap .left,
#cnt-download .wrap .right {
	width: 310px;
}

#cnt-download .wrap .left {
	background: url(../images/cnt10_btn_ios_o.gif) no-repeat;
}

#cnt-download .wrap .right {
	background: url(../images/cnt10_btn_android_o.gif) no-repeat;
}

#cnt-device h3 {
	padding-bottom: 35px;
}

#cnt-device li {
	padding-bottom: 25px;
}

#cnt-device .wrap {
	width: 670px;
	padding-bottom: 5px;
}
#dta-ctrl-link .cnt-ban .wrap {
	width: 670px;
	padding-bottom: 25px;
}

#cnt-device .item01 {
	padding-right: 10px;
}

#cnt-device .note p {
	margin-bottom: 0;
}

#cnt-device .note ul {
	padding-left: 1.6em;
}

#cnt-device .note li {
	list-style: disc;
}

/* box-foot */
#dta-ctrl-body .box-foot {
	padding-top: 10px;
}

/* ***************************
 *
 * base
 *
 *************************** */

#dta-ctrl {
	color: #333;
	font-size: 12px;
	line-height: 1.8;
	font-family: '�▲궎�ゃ궕', 'Meiryo', "�믡꺀��깕鰲믡궡 Pro W3", "Hiragino Kaku Gothic Pro", "竊�설 竊겹궡�룔긿��", Osaka, sans-serif;
}

#dta-ctrl .note {
	font-size: 10px;
}

/* ***************************
 *
 * = clearfix
 *
 *************************** */

.wrap:after { 
    content: ".";
    display: block;
    height:0px;
    clear: both;
    visibility: hidden;
	 line-height: 0;
}

.wrap {
	display: inline-block;
}

/* \*/
*html .wrap {
	zoom: 1;
}