@charset "UTF-8";

/*==============================
for PC
==============================*/

.pt2 {
	padding-top:5px;
}
.p10 {
	padding-left:10px;
	padding-right:10px;
}
.ml146 {
	margin-left:146px;
}

/*外部リンク明示*/
dl.agInfo {
	font-size:79%;
	line-height:15px;
}
dl.agInfo dt {
	float:left;
	width:15px;
	height:15px;
	background:url(/common/images/ico_pop_02.gif) no-repeat;
}
dl.agInfo dd {
	padding-left:18px;
}

/*ボタンの横並び,高さ揃え*/
ul.agBtn {
	list-style-type:none;
	position:relative;
	width:auto;
	height:60px;
}
ul.agBtn li.li01 {
	position:absolute;
	left:0;
	top:8px;
}
ul.agBtn li.li02 {
	position:absolute;
	left:145px;
	top:5px;
}
ul.agBtn li.li02 a img {
	vertical-align:text-bottom;
}


/* smart/iprint/index.htm */
#iprintTopBox #movieCent{
	background: url(/products/colorio/smart/iprint/images/top/movie_bg02.jpg) no-repeat left top;
	height:322px;
	width:498px;
	float:left;
	position:relative;
}
#iprintTopBox #movieLef{
 background:url(/products/colorio/smart/iprint/images/top/movie_bg01.jpg) no-repeat left top;
 height:321px;
 width:239px;
 float:left;
 position:relative;
 }
#iprintTopBox #movieBox #movieLef p.btn_dl01 {
	width:200px;
	top:180px;
	left:56px;
}
#iprintTopBox #movieBox #movieLef p.btn_dl02 {
	top:230px;
	left:59px;
}
#iprintTopBox #movieBox #movieLef dl.agInfo {
	color:#fff;
	position:absolute;
	left:10px;
	bottom:4px;
}
#iprintTopBox #movieRig{
	min-height:317px;
}
dl.agInfo dt.dt02 {
	background:url(/products/colorio/common/images/ico_pop_03.png) no-repeat;
}



/* line/index.htm */
.agBtnLine {
	margin-top:5px;
	margin-left:55px;
}

.agInfoLine {
	background:#005aaf;
	color:#fff;
	padding:5px 0 10px 116px;
}



/* point/index.htm */
#tabCont2 .first li {
  overflow: hidden;
}
#tabCont2 .first li.left {
	width: 305px;
}
#tabCont2 .first li.center {
	position: relative;
	width: 316px;
	height: 518px;
	text-align: center;
}
#tabCont2 .first li.center p {
	position: absolute;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	z-index: 999;
}
#tabCont2 .first li.right {
	width: 305px;
}
#tabCont2 .first .iosDlbtn {
  top: 403px;
  left: 20px;
}
#tabCont2 .first .androidDlbtn {
  top: 400px;
  left:auto;
  right: 20px;
}
#tabCont2 .first .androidDlbtn a img {
	vertical-align:text-bottom;
}
#tabCont2 .first .txt {
	position: absolute;
	text-align: left;
	width: 240px;
	top: 460px;
	left: 55px;
	font-size: 79%;
}
#tabCont2 .first .txt img {
	margin-left:-20px;
	padding-right:5px;
}



/* iprint/manual/index.htm */
.manuBox {
	border:1px solid #0058ad; border-radius:2px; width:880px; height:121px; position:relative; margin-bottom:40px;
}
.manuBox .manuImg {
	position:absolute; left:0; top:0;
}
.manuBox .manuBtnA {
	position:absolute;left:350px; top:13px;
}
.manuBox .manuBtnA a, .manuBox .manuBtnA img,.manuBox .manuBtnB a, .manuBox .manuBtnB img {
	float:left;
}
.manuBox .manuBtnA a {
	margin-right:10px;
}
.manuBox .manuBtnB a {
	margin-right:13px;
}
.manuBox .manuBtnB {
	position:absolute;left:500px; top:10px;
}
.manuBox .manuTxt {
	position:absolute;left:350px;bottom:5px;
}
.agInfoManu {
	padding-bottom:3px;
}



.agInfoMetool {
	float:right;
	padding-bottom:5px;
	padding-right:40px;
}





/* smart/renkei/index.htm */
.agInfoRenkei {
	float:right;
	padding-top:10px;
}



/* smart/youto/scene1〜scene8/index.htm */
#box_book #box_movie{
	height:290px;
}
#box_book #box_movie.box_movie01{
	height:330px;
}
#box_book #box_movie .dl_btn01{
	top:105px;
	left:50%;
	margin-left: -68px;
}
#box_book #box_movie .dl_btn02{
	top:155px;
	left:50%;
	margin-left: -65px;
}
#box_book #box_movie .dl_txt{
	width:180px;
	top:auto;
	bottom:10px;
}
#box_book #box_movie .dl_txt01{
	position:absolute;
	width:150px;
	top:210px;
	left:20px;
	font-size:10px;
	letter-spacing:normal !important;
	padding-left: 1em;
	}
#box_book #box_movie .dl_txt01 span {
	position: absolute;
	top: 0;
	left: -1em;
}

/* special/pf70.htm */
#pf70 #section04 ul.agBtn {
	width: 380px;
	position: absolute;
	top: 45px;
	left: 550px;
}

#pf70 #section04 dl.agInfo {
	width: 420px;
	position: absolute;
	top: 100px;
	left: 545px;
}

/* common/include/feature/me/cont_655_01.txt */
.agInfo655 {
	float:right;
}
.agBtn655A {
	position: absolute;
	top: 190px;
	right: 18px;
}
.agBtn655B {
	position: absolute;
	top: 240px;
	right: 21px;
}



/* common/include/feature/me/cont_661_01.txt */
ul.agBtn661 {
	width:495px;
}
ul.agBtn661 li.agTxt661 {
	position:absolute;
	right:0;
	top:10px;
}
ul.agBtn661b {
	width:520px;
	margin-left:160px;
}
ul.agBtn661b li.agTxt661 {
	position:absolute;
	right:0;
	top:10px;
}