@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:top.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "module/default.css";


/* --------------
Layout
-------------- */

/* top
----------------------------------------------- */

/* definition_#mainImg */
#mainImg{
	margin: 0 0 10px;
	background-image: url(../images/ban11.jpg);
	width: 705px;
	height: 221px;
	border: 1px solid #CCC;
}

/* definition_#bnrArea */
#bnrArea{
}

#bnrArea li{
	margin: 0 0 10px;
}

#bnrArea li.odd{
	float: left;
}

#bnrArea li.even{
	float: right;
}

/* definition_#boxTop01 */
#boxTop01{
	background-color: #ffead9;
	clear: both;
	color: #333;
	margin: 0 0 20px;
	position: relative;
	width: 706px;
}

#boxTop01 .icon{
	position: absolute;
	left: 5px;
	top: -20px;
}

#boxTop01 ol{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 18px 6px 16px 8px;
	width: 690px;
}

#boxTop01 li{
	float: left;
	margin: 0 0 0 4px;
}

/* definition_#boxTop02 */
#boxTop02{
	background-color: #ffd8d8;
	clear: both;
	color: #333;
	margin: 0 0 20px;
	width: 706px;
}

#boxTop02_2{
	background-color: #ffffff;
	clear: both;
	color: #333;
	margin: 0 0 20px;
	width: 706px;
    text-align: center;
}

#boxTop02 ol{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 5px 16px 2px 16px;
	width: 672px;
}

#boxTop02 li{
	margin: 0 0 8px;
}

#boxTop02 li.odd{
	float: left;
}

#boxTop02 li.even{
	float: right;
}

/* definition_#whatsNew */
#whatsNew{
	margin: 0 0 10px;
}

#whatsNew dt{
	background-image: url(../images/ic_triangle01.gif);
	background-position: 10px .25em;
	background-repeat: no-repeat;
	float: left;
	padding: 0 0 0 23px;
}

#whatsNew dd{
	background-image: url(../images/line_dotted01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0 0 10px;
	padding: 0 0 10px 100px;	
}


/* definition_#boxTop03 */
#boxTop03{
	clear: both;
	margin: 0 0 20px;
	width: 706px;
}

#boxTop03 .textBoxL{
	float: left;
	margin: 15px 0 0;
	padding: 0 0 0 10px;
	width: 340px;
}

#boxTop03 .textBoxL p{
	margin: 0 0 10px;
}

#boxTop03 .imgBoxR{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	margin: 15px 10px 0 0;
	padding: 2px;
}

/* under IE6 */
* html #boxTop03 .imgBoxR{
	margin: 15px 5px 0 0;
}


/* definition_#categoryMenu */
#categoryMenu{
	width: 706px;
}

#categoryMenu li{
	float: left;
	height: 100px;
	margin: 0 8px 12px 0;
	position: relative;
	width: 230px;
}

#categoryMenu li.end{
	margin: 0;
}

#categoryMenu li span{
	line-height: 1.2;
	position: absolute;
	bottom: 10px;
	left: 12px;
}

#categoryMenu li a{
	text-decoration: none;
}

/* definition_.boxCategory */
.boxCategory{
	background-image: url(../images/bg_category_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #4d4d4d;
	margin: 0 0 10px;
	position: relative;
	width: 706px;
}

.boxCategory .innerBoxL{
	background-color: transparent;
	background-image: url(../images/bg_category_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin: 0 8px 0 0;
	padding: 1px;
	width: 228px;
}

.boxCategory .innerBoxR{
	background-color: transparent;
	background-image: url(../images/bg_category_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	margin: 0 0 0;
	padding: 1px;
	width: 228px;
}

.boxCategory .textBoxL{
	padding: 13px 0 0 9px;
	width: 170px;
}

.boxCategory .textBoxL p{
	line-height: 1.3;
	margin: 10px 0 12px;
	width: 130px;
}

.boxCategory .imgBoxL{
	border-width: 0;
	float: none;
	position: absolute;
	bottom: 2px;
	left: 135px;
	width: 93px;
}

/* under IE6 */
* html .boxCategory .imgBoxL{
	bottom: 1px;
}

.boxCategory .imgBoxC{
	border-width: 0;
	position: absolute;
	bottom: 2px;
	left: 373px;
	width: 93px;
}

/* under IE6 */
* html .boxCategory .imgBoxC{
	bottom: 1px;
}

.boxCategory .imgBoxR{
	border-width: 0;
	float: none;
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 93px;
}

/* under IE6 */
* html .boxCategory .imgBoxR{
	bottom: 1px;
}

/* sitemap.html
----------------------------------------------- */
/* definition_#sitemap */
#sitemap{
	margin: 10px 0 0;
}

#sitemap li{
	background-image: url(../images/line_dotted01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#sitemap li a{
	background-image: url(../images/ic_arrow02.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}



/* tshirt.html
----------------------------------------------- */
/* definition_#boxContentsL */
#boxContentsL{
	float: left;
	margin: 0 0 40px;
	width: 360px;
}

#boxContentsL #itemImg{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 10px;
	position: relative;
	width: 358px;
}

#boxContentsL .itemThumbL{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0 9px 10px 0;
}

#boxContentsL .itemThumbR{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 0 0 10px;
}

/* definition_#boxContentsR */
#boxContentsR{
	float: right;
	margin: 0 0 15px;
	width: 550px;
}

#boxContentsR .innerBox{
	background-color: #fdf9ed;
	border-color: #dedfde #FFF #ff7200;
	border-style: solid;
	border-width: 1px 0 2px;
	color: #333;
	width: 550px;
}

#boxContentsR .innerBox ul{
	padding: 0 0 0 20px;
}

#boxContentsR .innerBox li{
	margin: 0 0 10px;
}

#boxContentsR .innerBox li img{
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#boxContentsR #iconList li{
	float: left;
	margin: 0 8px 0 0;
}

#boxContentsR #iconList li.end{
	margin: 0;
}

#boxContentsR #bnrArea{
	width: 550px;
}

#boxContentsR #bnrArea li{
	margin: 0 0 15px;
}

/* definition_.bnrList */
.bnrList{
	clear: both;
	height: 90px;
	margin: 0 0 50px;
}

.bnrList li{
	float: left;
	margin: 0 5px 0 0;
}

.bnrList li.end{
	margin: 0;
}

/* definition_.bnrList2 */
.bnrList2{
	clear: both;
	margin: 0 0 35px;
}

.bnrList2 li{
	float: left;
	margin: 0 5px 0 0;
}

.bnrList2 li.end{
	margin: 0;
}

/* definition_.menuheader */
.menuheader{
	cursor: pointer;
}

/* definition_.boxPrint */
.boxPrint{
	background-image: url(../../tshirt/images/bg_boxprint_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 10px;
	width: 930px;
}

.boxPrint .innerBoxL{
	background-image: url(../../tshirt/images/bg_boxprint_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	padding: 2px;
	width: 456px;
}

.boxPrint .innerBoxR{
	background-image: url(../../tshirt/images/bg_boxprint_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	padding: 2px;
	width: 456px;
}

.boxPrint .textBoxR{
	margin: 5px 10px 0 0;
	width: 315px;
}

.boxPrint .textBoxR p{
	line-height: 1.5;
	margin: 0;
}

.boxPrint .imgBoxL{
	border-width: 0;
}

.boxPrint strong{
	background-color: #FFF;
	color: #da0700;
	font-weight: bold;
}

.boxPrint2{
	border-color: #dedfde;
	border-style: solid;
	border-width: 1px;
	clear: both;
	margin: 0 0 10px;
	padding: 1px;
	width: 456px;
}

.boxPrint2 .textBoxR{
	margin: 10px 10px 0 0;
	width: 315px;
}

.boxPrint2 .textBoxR p{
	line-height: 1.5;
	margin: 0;
}

.boxPrint2 .imgBoxL{
	border-width: 0;
}

.boxPrint2 strong{
	background-color: #FFF;
	color: #da0700;
	font-weight: bold;
}

/* definition_#boxEstimate */
#boxEstimate{
	border-color: #dedfde;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 15px 10px;
	width: 908px;
}

#boxEstimate ul{
	margin: 0 0 25px 17px;
}

#boxEstimate li{
	float: left;
	line-height: 1.5;
	margin: 0 40px 0 0;
}

#boxEstimate .pStyle01{
	margin: 10px 20px 25px 0;
	text-align: right;
}

#boxEstimate .pStyle02{
	margin: 10px 0 25px;
	text-align: right;
	width: 625px;
}

#boxEstimate .innerBoxL{
	float: left;
	width: 450px;
}

#boxEstimate .innerBoxR{
	float: right;
	width: 450px;
}

.btnEsthimate2 a{
	background-image: url(../../estimate/images/btn_confirm.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 0 !important;
	height /**/: 60px;
	overflow: hidden;
	padding: 60px 0 0 0;
	width: 706px;
}

.btnEsthimate2 a:hover{
	background-image: url(../../estimate/images/btn_confirm_on.jpg);
}

.btnNext a{
	background-image: url(../images/btn_next.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 0 !important;
	height /**/: 60px;
	overflow: hidden;
	padding: 60px 0 0 0;
	width: 930px;
}

.btnNext a:hover{
	background-image: url(../images/btn_next_on.jpg);
}


/* definition_wrapGallery */
#wrapGarllery{
	width: 360px; 
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	display: none;
	position: relative;
	padding: 0 0 0 1px;
}

div.content #iconDesign{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

/*
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
*/

div.slideshow-container {
	position: relative;
	height: 318px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../../guide/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 358px;
	height: 318px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 358px;
	height: 318px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 1px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 0px solid #ccc;
	margin: 0 0 0 -5px;
}

/*
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
*/
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#thumbs{
	margin: 3px 0 0;
	width: 358px;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	float: left;
	padding: 0;
	margin: 5px 8px 5px 0;
	list-style: none;
}
ul.thumbs li.end {
	margin: 5px 0px;
}
a.thumb {
	padding: 0;
	display: block;
	border: 0px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #FFF;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* see-through > index.html
----------------------------------------------- */
/* definition_.boxSeeThrough */
.boxSeeThrough{
	background-image: url(../images/ic_arrow01.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 0 15px;
	width: 706px;
}

.boxSeeThrough .imgBoxL{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	width: 296px;
}

.boxSeeThrough .imgBoxR{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	width: 296px;
}

/* definition_.boxTips */
.boxTips{
	background-image: url(../images/bg_topics_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 15px;
	padding: 0 0 1px;
	width: 706px;
}

.boxTips .innerBox{
	background-image: url(../images/bg_topics_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 10px 0;
	width: 686px;
}

.boxTips .innerBox p{
	margin: 0;
	padding: 0 0 10px;
}

.boxTips .innerBox p.pStyle01{
	background-image: url(../images/ic_arrow02.gif);
	background-position: left .4em;
	background-repeat: no-repeat;
	padding-left: 10px;
}

/* definition_.boxThreeColumn */
.boxThreeColumn{
	background-image: url(../images/bg_3Column_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 30px;
	width: 706px;
}

.boxThreeColumn .innerBoxL{
	background-image: url(../images/bg_3Column_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0 23px 0 0;
	width: 218px;
}

.boxThreeColumn .innerBoxR{
	background-image: url(../images/bg_3Column_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 0;
	width: 218px;
}

.boxThreeColumn .innerBoxL img,
.boxThreeColumn .innerBoxR img
{
	margin: 1px;
}

.boxThreeColumn .innerBoxL p,
.boxThreeColumn .innerBoxR p
{
	background-color: #f2f2f2;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px 0 0;
	color: #000;
	margin: 0;
	padding: 7px 5px;
	text-align: center;
}

.boxThreeColumn .innerBoxL p a,
.boxThreeColumn .innerBoxR p a
{
	background-image: url(../images/ic_arrow02.gif);
	background-position: left .2em;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

/* voice > index.html
----------------------------------------------- */
/* definition_.boxVoice */
.boxVoice{
	background-image: url(../../voice/images/bg_boxvoice_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-color: #fea45a;
	border-style: solid;
	border-width: 3px 0 0;
	margin: 0 0 20px;
	padding: 0 0 1px;
	width: 706px;
}

.boxVoice .innerBox{
	background-color: #fff2e7;
/*
	background-image: url(../../voice/images/bg_boxvoice_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
*/
	color: #000;
	margin: 0 1px;
	padding: 3px 0 0;
	width: 704px;
}

.boxVoice .imgBoxL{
	border-width: 0;
	margin: 0 0 20px 20px;
}

.boxVoice .imgBoxL img{
	background-color: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	color: #000;
	margin: 0;
	padding: 1px;
}

/* under IE6 */
* html .boxVoice .imgBoxL{
	margin: 0 0 20px 10px;
	padding: 1px;
}

.boxVoice .imgBoxR{
	border-width: 0;
	margin: 0 20px 20px 0;
}

.boxVoice .imgBoxR img{
	background-color: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	color: #000;
	margin: 0;
	padding: 1px;
}

/* under IE6 */
* html .boxVoice .imgBoxR{
	margin: 0 10px 0 0;
	padding: 1px;
}

.boxVoice .innerBox p{
	margin: 20px 0 0;
}

.boxVoice .textBoxR{
	margin: 0 20px 20px 0;
	width: 321px;
}

/* under IE6 */
* html .boxVoice .textBoxR{
	margin: 0 10px 20px 0;
}

.boxVoice .textBoxR p{
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 10px;
}

.boxVoice .textBox{
	margin: 0 20px 20px;
}

.boxVoice .btnPageTop{
	background-image: url(../images/line_dotted01.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 10px;
	text-align: right;
}


/* payment > index.html
----------------------------------------------- */
/* definition_.boxPayment */
.boxPayment{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 3px 10px 0;
	width: 686px;
}

/* definition_.boxPayment2 */
.boxPayment2{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0;
	padding: 3px 0 0;
	width: 706px;
}

/* definition_.boxPayment3 */
.boxPayment3{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 0 25px;
	padding: 3px 0 0;
	width: 706px;
}

/* definition_.boxCard */
.boxCard{
	background-image: url(../../payment/images/bg_boxcard_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 20px 10px;
	padding: 0;
	width: 560px;
}

.boxCard .innerBox{
	background-image: url(../../payment/images/bg_boxcard_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px;
	width: 540px;
}

.boxCard p{
	margin: 0;
}

.boxCard .ulStyle01{
	margin: 0;
}

.boxCard .ulStyle01 li{
	float: left;
	margin: 0 0 0 25px;
}

.boxCard .ulStyle01 li.end{
	margin: 0;
}

.boxCard .ulStyle02{
	margin: 0 0 0 17px;
}

.boxCard .ulStyle02 li{
	margin: 0 0 15px;
}

.ulStyle03{
	margin: 0 0 25px 10px;
}

.ulStyle03 li{
	background-color: #FFF;
	background-image: url(../images/ic_triangle01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #ea0f00;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
}

.ulStyle03 li .caution{
	font-weight: normal;
}

.ulStyle04{
	margin: 10px 0 25px;
}

.ulStyle04 li{
	float: left;
	margin: 0 0 0 10px;
}

.ulStyle05 li{
	background-image: url(../images/ic_list01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 1.5;
	margin: 0 0 10px 5px;
	padding: 0 0 0 10px;
}




/* campaign > index.html
----------------------------------------------- */
/* definition_.boxCampaign */
.boxCampaign{
	margin: 0 0 15px;
	width: 706px;
}

.boxCampaign .textBoxL{
	padding: 0 0 0 10px;
	width: 450px;
}

.boxCampaign .imgBoxR{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	margin: 20px 0 0;
	padding: 1px;
}

/* definition_.boxCampaign2 */
.boxCampaign2{
	background-image: url(../../voice/images/bg_boxvoice_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-color: #fea45a;
	border-style: solid;
	border-width: 3px 0 0;
	margin: 0 0 20px;
	padding: 0 0 1px;
	width: 706px;
}

.boxCampaign2 .innerBox{
	margin: 0 1px;
	padding: 3px 10px 0;
	width: 684px;
}

.boxCampaign2 p{
	margin: 10px 0;
}

/* flow > index.html
----------------------------------------------- */
/* definition_.boxFlow */
.boxFlow{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 15px 0 0px;
	padding: 3px 0 15px 10px;
	position: relative;
	width: 696px;
}

.boxFlow .textBoxL{
	padding: 5px 0 0 10px;
	width: 450px;
}

.boxFlow .textBoxL p{
	margin: 0 0 10px;
}

.boxFlow .imgBoxR{
	background-color: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	color: #000;
	margin: 5px 0 0;
	padding: 1px;
}

.flowArrow{
	margin: 10px 0 0;
	text-align: center;
}

/* data > index.html
----------------------------------------------- */
/* definition_.boxData */
.boxData{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 15px;
	width: 704px;
}

.boxData .pStyle01{
	background-image: url(../images/line_dotted01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 10px 0;
	padding: 0 0 10px 20px;
	text-indent: -10px;
}

.boxData .pStyle02{
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	text-indent: -10px;
}

.boxData .pStyle03{
	background-color: transparent;
	color: #ee1300;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}

.boxData .pStyle04{
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}

.boxData .pStyle05{
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}

.boxData .pStyle06{
	background-image: url(../images/ic_arrow02.gif);
	background-position: left .4em;
	background-repeat: no-repeat;
}

.boxData .pStyle07{
	background-image: url(../images/ic_arrow02.gif);
	background-position: 10px .4em;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

.boxData .pStyle07 a{
	font-weight: bold;
}

.boxData .pStyle08{
	margin: 5px 0;
	padding: 0 10px;
}

.boxData .pStyle09{
	margin: 5px 0 25px;
	padding: 0 20px;
}

.boxData .icon{
	padding: 0 5px 0 0;
	vertical-align: middle;
}

.boxData .innerBox{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	position: relative;
}

.boxData form{
	background-color: #fff0e5;
	color: #000;
	padding: 5px 0 5px 20px;
}

.boxData .innerBox2{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	position: relative;
}

.boxData .boxTips{
	background-image: url(../../data/images/box_dotted1_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 auto 15px;
	padding: 0 0 1px;
	width: 664px;
}

.boxData .boxTips .innerBox{
	background-image: url(../../data/images/box_dotted1_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	padding: 10px 10px 0;
	width: 644px;
}

.boxData .boxTips .innerBox p{
	padding: 0 0 10px 10px;
}

.boxData .threeColumnL{
	background-image: url(../../data/images/box_dotted2_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: left;
	margin: 0 10px 10px 20px;
	width: 215px;
}

/* under IE6 */
* html .boxData .threeColumnL{
	margin: 0 10px 10px 10px;
}

.boxData .threeColumnC{
	background-image: url(../../data/images/box_dotted2_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 10px;
	width: 215px;
}

.boxData .threeColumnR{
	background-image: url(../../data/images/box_dotted2_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 0 20px 10px 0;
	width: 215px;
}

/* under IE6 */
* html .boxData .threeColumnR{
	margin: 0 10px 10px 0;
}

.boxData .threeColumnL .innerBox,
.boxData .threeColumnC .innerBox,
.boxData .threeColumnR .innerBox
{
	background-image: url(../../data/images/box_dotted2_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 0;
	width: 215px;
}

.boxData .threeColumnR2{
	background-image: url(../../data/images/box_dotted3_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 0 20px 20px 0;
	width: 440x;
}

/* under IE6 */
* html .boxData .threeColumnR2{
	margin: 0 10px 10px 0;
}

.boxData .threeColumnR2 .innerBox
{
	background-image: url(../../data/images/box_dotted3_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 0;
	width: 440px;
}

.boxData .threeColumnR2 .innerBox ol li{
	background-image: url(../images/ic_arrow02.gif);
	background-position: 10px .4em;
	background-repeat: no-repeat;
	margin: 0;
	padding: 2px 0 0 20px;
}

.boxData .threeColumnR2 .innerBox ol a{
	font-weight: bold;
}

.boxData #boxAdobe{
	background-color: #fafafa;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	clear: both;
	color: #000;
	margin: 0 auto 5px;
	padding: 14px 14px 10px;
	width: 635px;
}

.boxData #boxAdobe dt{
	float: left;
}

.boxData #boxAdobe dd{
	line-height: 1.5;
	padding: 0 0 0 95px;
}

.boxData .ulStyle01{
	line-height: 1.5;
	margin: 0 0 10px;
}

.boxData .ulStyle01 li{
	list-style-type: disc;
	margin: 0 0 0 30px;
}

.boxData .innerBox3{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 0 30px;
	padding: 3px 10px 0;
	width: 684px;
}

.boxData .innerBox3 .imgBoxL{
	margin: 0 10px 30px;
}

.boxData .innerBox3 .imgBox{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 0 10px;
	width: 390px;
}


/* scope > index.html
----------------------------------------------- */
/* definition_.boxScope  */
.boxScope{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	width: 704px;
}

/* estimate > index.html
----------------------------------------------- */
/* definition_.boxScope  */
.boxEstimate{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 20px;
	padding: 30px 30px 20px;
	width: 644px;
}

.boxEstimate .imgBoxL{
	margin: 0 0 20px;
}

.boxEstimate .textBoxR{
	margin: 0 0 20px;
	width: 315px;
}

.boxEstimate .textBoxR p{
	margin: 0 0 10px;
}

.boxEstimate .boxDate{
	background-image: url(../../estimate/images/box_date_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 644px;
}

#btnArea{
	margin: 0 0 20px;
}

#btnArea li{
	float: left;
	margin: 0 8px 0 0;
}

#btnArea li.end{
	margin: 0;
}

.btnEstimate{
	clear: both;
	margin: 0;
	text-align: center;
}

/* first > index.html
----------------------------------------------- */
/* definition_.boxFirst  */
.boxFirst{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 0 20px;
	width: 704px;
}

.boxFirst .textBoxL{
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	width: 425px;
}

.boxFirst .textBoxL p{
	margin: 0 0 10px;
}

.boxFirst .imgBoxR{
	border-width: 0;
	margin: 0 10px 15px 0;
}

/* under IE6 */
* html .boxFirst .imgBoxR{
	margin: 0 5px 15px 0;
}

.boxFirst .innerBox{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	clear: both;
	margin: 0 0 15px;
	padding: 3px 10px 0;
	width: 684px;
}

.boxFirst .ulStyle01{
	line-height: 1.3;
	margin: 0 0 15px;
}

.boxFirst .ulStyle01 li{
	list-style-type: disc;
	margin: 0 0 5px 22px;
}

.boxFirst .boxTips{
	background-image: url(../../data/images/box_dotted1_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 auto 15px;
	width: 664px;
}

.boxFirst .boxTips .innerBox{
	background-image: url(../../data/images/box_dotted1_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	padding: 10px 10px 0;
	width: 644px;
}

.boxFirst .boxTips .pStyle01{
	background-image: url(../images/ic_arrow02.gif);
	background-position: left .4em;
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
}

/* big-order > index.html
----------------------------------------------- */
/* definition_.boxBidOrder  */
.boxBidOrder{
	clear: both;
	margin: 0 0 10px;
}

.boxBidOrder .textBoxL{
	width: 445px;
}

.boxBidOrder .textBoxL p{
	margin: 0 0 15px;
}

.boxBidOrder .imgBoxL{
	padding: 1px;
}

.boxBidOrder .imgBoxR{
	padding: 1px;
}

.boxBidOrder2{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	clear: both;
	margin: 0 0 15px;
	padding: 3px 0 0;
	width: 706px;
}

/* under IE6 */
* html .boxBidOrder2{
	padding: 3px 0 10px !important;
}

.boxBidOrder2 .fourColumnL{
	background-image: url(../../big-order/images/box_dotted_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: left;
	margin: 0 14px 10px 0;
	width: 166px;
}

.boxBidOrder2 .fourColumnR{
	background-image: url(../../big-order/images/box_dotted_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 0 0 10px;
	width: 166px;
}

.boxBidOrder2 .fourColumnL .innerBox,
.boxBidOrder2 .fourColumnR .innerBox
{
	background-image: url(../../big-order/images/box_dotted_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 7px 0;
	width: 166px;
}

.boxBidOrder2 .pStyle01{
	background-image: url(../images/ic_arrow02.gif);
	background-position: 10px .4em;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

.bnrList-bigOrder li{
	float: left;
}

.bnrList-bigOrder li.bnr1{
	margin: 6px 14px 0 0;
}

/* law > index.html
----------------------------------------------- */
/* definition_.boxLaw  */
.boxLaw{
	width: 706px;
}

.boxLaw2{
	width: 700px;
}
.boxLaw p{
	margin: 10px 0 25px;
	padding: 0 10px;
}

.boxLaw .pStyle01{
	margin: 0 0 5px .5em;
}

.boxLaw .ulStyle01{
	line-height: 1.5;
	margin: 0 0 5px 1.5em;
}

.boxLaw .ulStyle01 li{
	padding: 0 0 0 2em;
	text-indent: -2em;
}

.boxLaw .ulStyle01 li span{
	padding: 0 1em 0 0;
}

/* menseki > index.html
----------------------------------------------- */
/* definition_.boxMenseki  */
.boxMenseki{
	width: 706px;
}

.boxMenseki p{
	margin: 0 0 25px;
	padding: 0 10px;
}

.boxMenseki .innerBox{
	background-image: url(../../payment/images/bg_boxpayment.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0 0 25px;
	position: relative;
}

/* qa > index.html
----------------------------------------------- */
/* definition_.qaList  */
.qaList{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 0 30px;
	width: 704px;
}

.qaList li{
	background-image: url(../images/line_dotted01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0 0 5px;
	padding: 10px 5px 10px 10px;
}

.qaList li.end{
	background-image: none;
	margin: 0;
}

.qaList li img{
	margin: -2px 0 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

/* definition_.boxFAQ  */
.boxFAQ{
	background-image: url(../../faq/images/bg_boxqa_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 706px;
}

.boxFAQ .innerBox{
	background-image: url(../../faq/images/bg_boxqa_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 15px 15px 10px;
	width: 676px;
}

.boxFAQ .innerBox p{
	background-image: url(../../faq/images/ic_a.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 3px 0 5px 27px;
}

/* staff > index.html
----------------------------------------------- */
/* definition_.boxStaff  */
.boxStaff{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 0 19px;
	width: 668px;
}

.boxStaff .imgBox{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 1px;
}

/* links > index.html
----------------------------------------------- */
/* definition_#links  */
#links{
	line-height: 1.4;
	margin: 20px 0 10px;
}

#links dt{
	background-image: url(../../links/images/ic_link.gif);
	background-position: 10px 1em;
	background-repeat: no-repeat;
	float: left;
	padding: 10px 0 10px 23px;
}

#links dd{
	border-color: #CCC;
	border-style: solid;
	border-width: 1px 0;
	margin: 0 0 10px;
	padding: 10px 15px 10px 300px;	
}

/* privacy > index.html
----------------------------------------------- */
.privacyList{
	margin: 0;
}

.privacyList li{
	line-height: 1.5;
	list-style-type: disc;
	margin: 0 0 5px 25px;
	padding: 0 0 0;
}





























.ranking_table {
	background-color: #ffffcc;
}
.ranking {
	background-color: #00F;
}
#compare_table {
	font-size: 12px;
	margin: 5px;
	padding: 7px;
}
.compare_tb {
	margin: 5px;
	padding: 5px;
}
.box_rank {
	height: 126px;
	width: 696px;
	border: 1px solid #F78501;
	padding: 4px;
}
.box2 {
	width: 706px;
	background-color: #000;
	height: 30px;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}
.box_top {
	height: 170px;
	width: 705px;
	border: 1px solid #CCC;
}
.flowbox{
	height: 150px;
	width: 705px;
	border: 1px solid #CCC;
}