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

	
@media print{

body {
	/zoom: 67%; /*WinIE only */
}

}

h1#colortrac {
	text-indent:-1000px;
	background-image: url(../survey/category/img/title_colortrac.gif);
	background-repeat:no-repeat;
	width:319px;
	height:24px;
	overflow:hidden;
	}

h1#colotrac-accessories {
	text-indent:-1000px;
	background-image: url(../survey/category/img/title_colortrac-accessories.gif);
	background-repeat:no-repeat;
	width:373px;
	height:24px;
	overflow:hidden;
	}

h1#colotrac-software {
	text-indent:-1000px;
	background-image: url(../survey/category/img/title_colotrac-software.gif);
	background-repeat:no-repeat;
	width:350px;
	height:24px;
	overflow:hidden;
	}

h1#colotrac-stores {
	text-indent:-1000px;
	background-image: url(../survey/category/img/title_colotrac-stores.gif);
	background-repeat:no-repeat;
	width:262px;
	height:24px;
	overflow:hidden;
	}

h1#ci24 {
	text-indent:-1000px;
	background-image: url(../survey/Ci24/img/title_ci24.gif);
	background-repeat:no-repeat;
	width:279px;
	height:24px;
	overflow:hidden;
	}

h1#ci40 {
	text-indent:-1000px;
	background-image: url(../survey/Ci40/img/title_ci40.gif);
	background-repeat:no-repeat;
	width:279px;
	height:24px;
	overflow:hidden;
	}

h1#gx28 {
	text-indent:-1000px;
	background-image: url(../survey/Gx28/img/title_gx28.gif);
	background-repeat:no-repeat;
	width:395px;
	height:24px;
	overflow:hidden;
	}

h1#gx42 {
	text-indent:-1000px;
	background-image: url(../survey/Gx42/img/title_gx42.gif);
	background-repeat:no-repeat;
	width:395px;
	height:24px;
	overflow:hidden;
	}

h1#gx56 {
	text-indent:-1000px;
	background-image:  url("../survey/Gx56/img/title_gx56.gif");
	background-repeat:no-repeat;
	width:395px;
	height:24px;
	overflow:hidden;
	}

h2.specttl {
	width:900px;
	font-size:120%;
	line-height:100%;
	text-align:left;
	margin:20px 0px 0px 10px;
	}

#catch_store h2.ttl {
	font-size:140%;
	line-height:100%;
	text-align:left;
	font-weight: bold;
	margin:40px 0px 20px 0px;
	}

h2.colortrac-software { color:#CC0000; font-size:120%; font-weight:bold; margin:30px 0 0px 10px; text-align:left; }
h3.colortrac-software { font-size:120%; font-weight:bold; margin:25px 0 20px 0px; padding-top:15px; border-top:1px dotted #d2d2d2; width:100%; }

h3.colortrac { font-size:130%; font-weight:bold; margin:0px 0 30px 0px; }

/* catch ----------*/

#catch_ci24 {
	width:920px;
	height:560px;
	background-image: url(../survey/Ci24/img/bg_catch_ci24.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#catch_ci24f {
	width:920px;
	height:420px;
	background-image: url(../survey/Ci24/img/bg_catch_ci24f.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#catch_ci40 {
	width:920px;
	height:420px;
	background-image: url(../survey/Ci40/img/bg_catch_ci40.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#catch_ci40f {
	width:920px;
	height:420px;
	background-image: url(../survey/Ci40/img/bg_catch_ci40f.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#catch_gx28 {
	width:920px;
	height:605px;
	background-image: url(../survey/Gx28/img/bg_catch_gx28.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#catch_gx28f {
	width:920px;
	height:400px;
	background-image: url(../survey/Gx28/img/bg_catch_gx28f.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#catch_gx42 {
	width:920px;
	height:425px;
	background-image: url(../survey/Gx42/img/bg_catch_gx42.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#catch_gx42f {
	width:920px;
	height:400px;
	background-image: url(../survey/Gx42/img/bg_catch_gx42f.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#catch_gx56 {
	width:920px;
	height:420px;
	background-image: url(../survey/Gx56/img/bg_catch_gx56.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#catch_gx56f {
	width:920px;
	height:400px;
	background-image: url(../survey/Gx56/img/bg_catch_gx56f.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}


/* catch title ----------*/

#catch_store {
	float:left;
	width:900px;
	margin:0px 10px 0px 10px ;
	padding-top:20px;
	text-align:left;
	}

#catch_ci24 .ttl {
	float:left;
	padding-left:605px;
	margin-top:27px;
	text-align: left;
	}

#catch_ci40 .ttl {
	float:left;
	width:920px;
	padding-left:32px;
	margin-top:44px;
	text-align:left;
	}

#catch_gx28 .ttl, #catch_gx42 .ttl {
	float:left;
	padding-left:455px;
	margin-top:27px;
	text-align:left;
	}

#catch_gx56 .ttl {
	float: right;
	width:920px;
	padding-right:20px;
	margin-top:44px;
	text-align: right;
	}

#catch_ci40f .ttl, #catch_ci24f .ttl, #catch_gx28f .ttl, #catch_gx42f .ttl {
	float:left;
	width:920px;
	margin-top:47px;
	text-align: center;
	}

#catch_gx56f .ttl {
	float:left;
	width:920px;
	margin-top:47px;
	text-align: center;
	}
	
#catch_ci40 .read {
	float: right;
	width:920px;
	text-align:right;
	padding-right:20px;
	margin-top:174px;
	margin-bottom:50px;
	}

#catch_gx28 .read, #catch_gx42 .read {
	float:left;
	width:460px;
	text-align:left;
	padding-left:455px;
	margin-top:30px;
	}

#catch_gx28 .copys, #catch_gx42 .copys {
	width:455px;
	text-align:left;
	margin:30px 0px;
	}

#catch_ci24 .read {
	float: left;
	width:319px;
	text-align:right;
	padding-left:581px;
	margin-top:20px;
	}

#catch_ci24 .copys {
	float: left;
	width:470px;
	padding-left:440px;
	text-align:left;
	margin:20px 0px;
	}

#catch_gx56 .read {
	float:left;
	width:920px;
	text-align: left;
	padding-left:20px;
	margin-top:156px;
	margin-bottom:50px;
	}


/* items ----------*/

.items {
	float:left;
	width:900px;
	text-align:left;
	margin:0px 10px 30px 10px;
	line-height:200%;
	}

.items_ct {
	float:left;
	width:900px;
	text-align:left;
	margin:0px 10px 0px 10px;
	line-height:200%;
	}

.colortrac-bg {
	background-image:url(../survey/category/img/colotrac-bg.gif);
	background-position: top center;
	background-repeat:repeat-y;
	width:920px;
	}

.items .c-left, .items_ct .c-left {
	float:left;
	width:430px;
	text-align:left;
	}

.items .c-right, .items_ct .c-right {
	float:right;
	width:430px;
	text-align:left;
	}

.c-left strong, .c-right strong { font-size:120%;}

.c-left .lleft, .c-right .lleft { float:left; width:205px;	text-align:left; }
.c-left .rright, .c-right .rright { float:right; width:205px;	text-align:left; }

.items .ci_logo, .items .gx_logo { float:left; width:430px; text-align:left; margin:20px 0px 10px 0px; }
/*.items .gx_logo { float:left; width:430px; text-align:right; margin:20px 0px 10px 0px; }*/
.items .catch { float:left; width:430px; text-align:center; margin:30px 0px;	}

.items .lpic { float: left; margin-right: 5px; border:none;}
.items .rpic { float:right; margin-left: 5px; border:none;}

.items .sone {
	float:left;
	width:430px;
	margin:0px 0px 20px 0px;
	}

.items .one, .items_ct .one {
	float:left;
	width:900px;
	margin:20px 0px 0px 0px;
	}

.items .one .box {
	float:left;
	display:inline;
	overflow: hidden;
	width:288px;
	height:260px;
	margin:5px;
	border:1px solid #d2d2d2;
	background-color:#f3f3f3;
	}

.items .one .wbox {
	float:left;
	display:inline;
	overflow:hidden;
	width:588px;
	height:260px;
	margin:5px;
	border:1px solid #d2d2d2;
	background-color:#f3f3f3;
	}

.items .one .hbox, .items_ct .one .hbox {
	float:left;
	display:inline;
	overflow:hidden;
	width:288px;
	height:520px;
	margin:5px;
	border:1px solid #d2d2d2;
	background-color:#f3f3f3;
	}

.items .one .sbox {
	float:left;
	display:inline;
	overflow:hidden;
	width:130px;
	height:230px;
	margin:10px;
	}

.items .one .abox {
	float:left;
	display:inline;
	overflow:hidden;
	width:213px;
	height:560px;
	margin:5px;
	border:1px solid #d2d2d2;
	}

.s-box { float:left; display:inline; width:128px; margin-left:15px;	text-align:center; }

.items .one .box .txt, .items .one .wbox .txt, .items .one .hbox .txt, .items_ct .one .hbox .txt, .items .one .abox .txt {
	margin:15px;
	line-height:180%;
	}

.items .wleft {
	float:left;
	width:475px;
	text-align:left;
	}

.items .sright {
	float:right;
	width:395px;
	text-align:left;
	}

.items .ci40bg {
	float:left;
	width:475px;
	height:286px;
	background-image:url(../survey/Ci40/img/ci40_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

p.ci40txt { width:290px; float:left;}
p.righttxt { width:270px; float:right;}

p.nml { margin:0px; padding:0px;}
.sml { font-size:90%;	line-height:180%; margin:0px; padding:0px;}
.xsml { font-size:86%; line-height:180%; color:#666666;}
.hsml { font-size:90%; line-height:150%; margin-top:60px; text-indent:-1em; padding:0 0 0 1em;}
.x-sml { font-size:86%; line-height:150%;}
p.xx-sml { font-size:86%; line-height:150%; margin:5px 0 0 0; padding:0px;}
.b-sml { font-size:86%; line-height:180%;}
p.t10-sml { font-size:86%; line-height:150%; margin:10px 0 0 0;}
.lleft .x-sml, .rright .x-sml { font-size:86%; line-height:150%; margin:10px 0 20px 0;}
.subttl { font-size:100%; margin:10px 0 10px 0; color:#666666; padding-bottom:0px; border-bottom:1px dotted #c2c2c2;}
.items ul {
	list-style-type: disc;
	padding:0px 0 0 8px;
	margin:5px 0px 20px 8px;
	}

.items li{
	text-align:left;
	margin:3px 0px 0px 0px;
	padding-left:-10px;
	line-height:160%;
	}

.boximg { float:right; margin:0 10px 10px 10px; border:none;}
.picimg { margin:0 10px 10px 10px; border:none;}
.youtube { float:right; margin:30px 40px 10px 40px; border:none;}
.youtube:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/* spec ----*/

#spec-box, #store-box {
	clear:both;
	width:900px;
	text-align:left;
	margin:0px 10px 30px 10px;
	}

#spec-box .txt, #store-box .txt {
	float:left;
	width:900px;
	margin-bottom:5px;
	}

#spec-box .smalltxt, #store-box .smltxt {
	float:left;
	width:900px;
	font-size:10px;
	color:#666666;
	text-align:left;
	}

#spec-box table {
	margin: 15px 0px 15px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #dddddd;
	font-size:10px;
	color:#666666;
	}

#store-box table {
	margin: 15px 0px 15px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	line-height:180%;
	}

#spec-box th, #spec-box td, #store-box th, #store-box .td {
	padding: 3px 0px 3px 5px;
}

#store-box table th, #store-box table td {
	padding: 3px 0px 3px 5px;
}

#spec-box th {
	background-color: #dddddd;
}

#spec-box td {
	border: 0px solid #dddddd;
}

#store-box td {
	border-bottom:1px solid #dddddd;
}

#spec-box .as {
	background-color:#EFEFEF;
	}

#store-box td.as {
	border-bottom:1px solid #dddddd;
	height:50px;
}

/* smenu-index ----*/

#smenu_index {
	width:920px;
	height:35px;
	border-bottom:1px solid #dddddd;
	margin-top:10px;
	text-align:left;
	}

#smenu_index .ttl {
	float:left;
	width:340px;
	text-align:left;
	}

#smenu_index .index {
	float:right;
	width:500px;
	text-align:right;
	padding-right:8px;
	border-right:1px solid #d2d2d2;
	}

#smenu_index ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

#smenu_index li{
	text-align:center;
	margin:0px 0px 0px 8px;
	padding-left:8px;
	display:inline;
	line-height:200%;
	border-left:1px solid #d2d2d2;
	}

#smenu_index a {color:#3B72D7; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_blue.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
#smenu_index a:link, #smenu_index a:visited, #smenu_index a:active {color:#3B72D7; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_blue.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
#smenu_index li.on a {color:#9a9a9a; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_gray.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
#smenu_index li.on a:link, #smenu_index li.on a:visited, #smenu_index li.on a:active {color:#9a9a9a; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_gray.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
#smenu_index a:hover {color:#FF716B; text-decoration: underline; background-image: url(../survey/img/arrow_circle_pink.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}

/* footer-index ----*/

.footer-index {
	float: right;
	width:500px;
	text-align:right;
	margin-top:10px;
	padding-right:8px;
	border-right:1px solid #d2d2d2;
	}

.footer-index ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

.footer-index li{
	text-align:center;
	margin:0px 0px 0px 8px;
	padding-left:8px;
	display:inline;
	line-height:190%;
	border-left:1px solid #d2d2d2;
	}

.footer-index a {color:#3B72D7; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_blue.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
.footer-index a:link, .footer-index a:visited, .footer-index a:active {color:#3B72D7; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_blue.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
.footer-index li.on a {color:#9a9a9a; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_gray_up.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
.footer-index li.on a:link, .footer-index li.on a:visited, .footer-index li.on a:active {color:#9a9a9a; font-size:105%; font-weight:bold; text-decoration:none; background-image:url(../survey/img/arrow_circle_gray_up.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}
.footer-index a:hover {color:#FF716B; text-decoration: underline; background-image: url(../survey/img/arrow_circle_pink_up.gif); background-position:left 30%; background-repeat:no-repeat; padding-left:20px;}