@charset "UTF-8";

/*----------------------------------------------------
	siteCommon
----------------------------------------------------*/

/*----------------------------------------------------
	rightColumn #ranking
----------------------------------------------------*/

.rankBox{
	background:url(/_common/img/bg/rankBox_mdl.gif) repeat-y left top;
	margin-top: 7px;
	margin-bottom: 15px;
	zoom: 1;
}

.rankBox .inner{
	background:url(/_common/img/bg/rankBox_btm.gif) no-repeat left bottom;
	padding-bottom: 5px;
	zoom: 1;
}

.rankBox .inner strong{
	background:url(/_common/img/bg/rankBox_top.gif) no-repeat left top;
	display: block;
	position: relative;
	height: 31px;
}

.rankBox .inner strong span{
	background:url(/siteCommon/img/icon/gold.gif) no-repeat 7px top;
	padding-left: 41px;
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	height: 38px;
}

.rankBox .inner strong span img{
	margin: 11px 0 0 0;
}

.rankBox ul{
	width: 198px;
	margin: 0 1px 0 1px;
	border-top: 1px solid #d9d9d9;
}

.rankBox li{
	padding: 3px 4px 3px 6px;
	background:url(/_common/img/bg/rankBox.gif) repeat-x left top;
	height: 45px;
	font-size: 92%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d9d9d9;
	line-height: 1.25;
}

.rankBox li.top{
	height: 55px;
	font-size: 100%;
	padding: 3px 4px 5px 6px;
}

.rankBox li p{
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	color: #666666;
}

.rankBox li.top p{
	width: 105px;
}

.rankBox li img{
	float: right;
	vertical-align: top;
}

.rankBox li em{
	font-weight: bold;
	font-style: normal;
	font-size: 117%;
	display: block;
	line-height: 1.25;
	letter-spacing: -1px;
	color: #333333;
}

.rankBox li em.best{
	color: #FF6600;
}

.rankBox li em span{
	font-size: 84%;
}

.rankBox li.top em span{
	font-size: 71%;
}

.rankBox p.more{
	margin: 5px 0 0 15px;
	font-size: 92%;
}

.rankBox p.more .arrow01{
	background-position: left 40%;
}

/*----------------------------------------------------
	rightColumn .now
----------------------------------------------------*/

.now{
	margin-bottom: 10px;
}

.now dl{
	margin: 0;
}

.now dt{
	padding: 7px 0 3px 10px;
}

.now dd{
	color: #666666;
	padding: 5px 10px 5px 10px;
}

.now dd em{
	color: #FF6600;
	font-weight: bold;
	font-style: normal;
}

.now dd.btm em{
	font-size: 117%;
}

.now dd span{
	font-weight: bold;
}

.bnr h2{
	font-size: 117%;
}

.bnr p{
	padding: 0 0 10px 0;
	line-height: 1.5;
}

.bnr .stickerlabo{
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.bnr img{
	margin-bottom: 5px;

}

/*----------------------------------------------------
	#main .home
----------------------------------------------------*/

.product_top{
	margin-top: 16px;
	margin-bottom: 10px;
}

.product_top h2.tit{
	zoom: 1;
	height: auto;
	top: -16px;
}

.product_top h3{
	position: relative;
	z-index: 1;
}

.product_top div.inner{
	margin-top: -7px;
	padding: 0;
}

.product_top ul{
	margin-top: -23px;
	padding-bottom: 10px;
}

.product_top li{
	float: left;
	padding: 92px 10px 0 10px;
	border-right: 1px solid #e7e6e2;
	border-left: 1px solid #ffffff;
}

.product_top li.fileA4{
	border-left: 0;
	background:url(/siteCommon/img/img/fileA4.gif) no-repeat 41px top;
}

.product_top li.fileB5{
	padding-left: 9px;
	background:url(/siteCommon/img/img/fileB5.gif) no-repeat 50% 9px;
}

.product_top li.fileA5{
	border-right: 0;
	padding-left: 9px;
	padding-right: 5px;
	background:url(/siteCommon/img/img/fileA5.gif) no-repeat 50% 18px;
}

.tmp_top .top{
	margin-bottom: 10px;
	padding-top: 7px;
}

.tmp_top .top p{
	float: right;
}

.tmp_top .top .txt{
	float: left;
	width: 280px;
	padding-top: 0;
}

.tmp_top h3,.creators_top h3,.data_top h3,.labo_top h3{
	margin: 0 0 10px 0;
	padding: 6px 5px 4px 12px;
	font-weight: bold;
	font-size: 100%;
	background: url(/_common/img/hl/type02.gif) repeat-y;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.25;
	color: #333333;
}

.tmp_top .box_w{
	background:url(/_common/img/bg/box_w.gif) no-repeat left top;
	padding: 10px;
	zoom: 1;
}

.tmp_top .arrow01,.creators_top .arrow01{
	font-size: 84%;
}

.boxType_04 li span.file_thum{
	display:block;
	width: 40px;
	height: 56px;
	margin-bottom: 5px;
	padding: 0 !important;
	float: left;
	cursor: pointer;
}

.boxType_04 li span.file_thum em{
	display: none
}

* html .boxType_04 li span.file_thum img{
	display: none;
}

* html .boxType_04 li span.file_thum em{
	display: block;
	text-indent: -9999px;
}

.home .column02 .boxType_04{
	float: left;
	width: 248px;
	height: 330px;
}

.creators_top{
	margin-right: 16px;
}

.creators_top .box_w,.data_top .box_w{
	background:url(/_common/img/bg/box_w_s.gif) no-repeat left top;
	padding: 10px;
	margin-top: 10px;
	zoom: 1;
}

.creators_top ul li span{
	padding: 0 13px 5px 0;
}

.creators_top ul li.right span{
	padding-right: 0;
}

.data_top .box_w p{
	text-align: center;
}

.labo_top{
	clear: both;
	background: none;
}

.boxType_04.labo_top div.inner{
	padding: 10px 0 0 0;
}

.labo_top .inner h3{
	font-size: 117%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.labo_top p{
	width: 240px;
	padding-right: 10px;
}

.designIcon{
	margin-bottom: 25px;
}

.designIcon p{
	float: right;
}

.designIcon a{
	float: left;
}

.laboBtm{
	clear: both;
}

.laboBtm div{
	float: left;
	width: 248px;
}

.laboBtm div p{
	padding-top: 5px;
	padding-right: 0;
}

.laboBtm div.left{
	width: 248px;
	margin-right: 16px;
}


/*----------------------------------------------------
	.CLcampaign
----------------------------------------------------*/
/* キャンペーンページのおまじない（プルダウンメニューが後ろに隠れてしまうため） */
#header{
	position: relative;
	z-index: 1;
}

.CLcampaign{
	position: relative;
}

.CLcampaign h1{
	background:transparent url(/_common/img/bg/campaignTit.jpg) no-repeat;
	width: 693px;
	height: 334px;
	font-size:200%;
	margin:0 0 10px;
}

.CLcampaign h1 span{
	display: block;
	line-height: 100%;
	width: 240px;
	position: relative;
	top: 130px;
	left: 62px;
	font-weight:bold;
	color: #000000;
}

.CLcampaign .catchTxt{
	display: block;
	width: 380px;
	font-family: MS UI Gothic;
	font-weight: bold;
	font-size: 123%;
	line-height: 170%;
	letter-spacing:-1px;
	position: absolute;
	left: 40px;
	top: 235px;
}

.CLcampaign .catchTxt span{
	font-size: 90%;
}
.CLcampaign .catchTxt strong{
	color: #FF3E7C;
	font-weight: bold;
}
.CLcampaign h2{
	background: #5C5C5C url(/_common/img/hl/type04.gif) repeat-y;
}

.CLcampaign dl{
	margin-bottom: 20px;
	line-height: 170%;
	font-family: "ＭＳ Ｐゴシック";
}

.CLcampaign dt{
	color: #FF6699;
	font-size: 124%;
	font-weight: bold;
}

.CLcampaign .box{
	text-align: center;
	border: 1px solid #C3C3C3;
	padding: 10px;
}

.CLcampaign .box .err{
	display: block;
	width: 340px;
	color: #FFFFFF;
	font-size: 124%;
	font-weight: bold;
	margin: 0 auto 6px auto;
	padding: 3px 0 3px 0;
	background: #FF3333;
}
.CLcampaign .box .btn{
	margin-bottom: 5px;
}

.CLcampaign .notice{
	color: #FF6699;
}


/*----------------------------------------------------
	.aboutSite
----------------------------------------------------*/

.aboutSite .mainImg{
	text-align: center;
}

.boxBlue{
	position: relative;
	margin-left: 21px;
	background:url(/siteCommon/img/bg/blueBox_topL.gif) #F1F7FE no-repeat left top;
}

.boxBlue .innerT{
	background:url(/siteCommon/img/bg/blueBox_topR.gif) no-repeat right top;
	zoom: 1;
}

.boxBlue .innerB{
	background:url(/siteCommon/img/bg/blueBox_btmL.gif) no-repeat left bottom;
}

.boxBlue .disp{
	background:url(/siteCommon/img/bg/blueBox_btmR.gif) no-repeat right bottom;
}

.boxPink{
	position: relative;
	margin-left: 21px;
	background:url(/siteCommon/img/bg/boxPink_topL.gif) #FFF5E8 no-repeat left top;
}

.boxPink .innerT{
	background:url(/siteCommon/img/bg/boxPink_topR.gif) no-repeat right top;
	zoom: 1;
}

.boxPink .innerB{
	background:url(/siteCommon/img/bg/boxPink_btmL.gif) no-repeat left bottom;
}

.boxPink .disp{
	background:url(/siteCommon/img/bg/boxPink_btmR.gif) no-repeat right bottom;
}

.boxBlue .aboutsite,.boxPink .aboutsite{
	padding: 15px 0 18px 155px;
}

.boxBlue .tit,.boxPink .tit{
	position: absolute;
	left: -9px;
	top: -7px;
}

.boxBlue p,.boxPink p{
	padding-bottom: 15px;
	margin-left: 20px;
}

.aboutSite .boxType_04 p{
	padding-bottom: 10px;
}

.aboutSite .otherImg{
	position: relative;;
	zoom: 1;
	text-align: center;
	padding-bottom: 5px;
}

.aboutSite .boxR .otherImg{
	margin-top: 70px;
}

.aboutSite .otherImg .comp{
	position: absolute;
	right: 55px;
	bottom: 45px;
}

/*----------------------------------------------------
	.features
----------------------------------------------------*/

.blueIcon li{
	border-bottom: 1px dotted #cccccc;
	background: none;
}

.features .bdrBox{
	height: 151px;
	width: 386px;
	background:url(/siteCommon/img/bg/bdrBox.gif) no-repeat left top;
}

.features .bdrBox ul{
	padding: 19px 0 0 15px;
}

.features .bdrBox li{
	margin-bottom: 10px;
	padding: 0;
	border: 0;
}

/*----------------------------------------------------
	.howtouse
----------------------------------------------------*/

/*---------------------[ designExample ]---------------------*/ 

.howtouse h3 span{
	font-weight: normal;
	padding-left: 10px;
}

.howtouse .column2.last{
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 20px;
}

.howtouse .column2 .txt_ex{
	float: right;
	padding: 10px 10px 0 10px;
	width: 520px;
/*	min-height: 308px;
	height: auto!important;
	height: 308px;
	position: relative;*/
}

.howtouse .leftPic{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.howtouse .imgDisp{
	clear: both;
	padding-left: 10px;
}

.howtouse .imgDisp .img01{
	float: left;
	margin-right: 40px;
}

.howtouse .imgDisp .img02{
	float: left;
}

.howtouse .imgDisp .img02 div{
	float: left;
}

.howtouse .imgDisp .img02 div.left{
	margin: 0 10px 0 0;
}

.imgDisp span,
.leftPic span{
	display: block;
	font-size: 92%;
	text-align: left;
	padding-left: 10px;
}

.howtouse .bdrBox{
	height: 151px;
	width: 700px;
	margin-left: 13px;
	background:url(/siteCommon/img/bg/bdrBox02.jpg) no-repeat left top;
}

.howtouse .bdrBox ul{
	padding: 20px 0 0 15px;
	float: left;
}

.howtouse .bdrBox li{
	margin-bottom: 10px;
	padding: 0;
	border: 0;
}

.product_howtouse{
	margin-top: 22px;
	margin-bottom: 10px;
}

.product_howtouse h2.tit{
	zoom: 1;
	height: auto;
	top: -16px;
}

.product_howtouse h3{
	position: relative;
	z-index: 1;
}

.product_howtouse div.inner{
	margin-top: -7px;
	padding: 0;
}

.product_howtouse ul{
	margin-top: -23px;
	padding-bottom: 10px;
}

.product_howtouse li{
	float: left;
	padding: 92px 10px 0 10px;
	border-right: 1px solid #e7e6e2;
	border-left: 1px solid #ffffff;
}

.product_howtouse li.fileA4{
	border-left: 0;
	background:url(/siteCommon/img/img/fileA4.gif) no-repeat 41px top;
}

.product_howtouse li.fileB5{
	padding-left: 9px;
	background:url(/siteCommon/img/img/fileB5.gif) no-repeat 50% 9px;
}

.product_howtouse li.fileA5{
	border-right: ;
	padding-left: 9px;
	padding-right: 9px;
	background:url(/siteCommon/img/img/fileA5.gif) no-repeat 50% 18px;
}

.tmp_howtouse,
.data_howtouse{
	margin-bottom: 10px;
}

.tmp_howtouse div.inner,
.data_howtouse div.inner{
	padding-bottom: 10px;
}

.tmp_howtouse .top{
	margin-bottom: 10px;
	padding-top: 7px;
}

.tmp_howtouse .top p{
	float: right;
}

.tmp_howtouse .top .txt{
	float: left;
	width: 490px;
	padding-top: 0;
}

.tmp_howtouse h3,
.data_howtouse h3{
	margin: 0 0 10px 0;
	padding: 6px 5px 4px 12px;
	font-weight: bold;
	font-size: 100%;
	background: url(/_common/img/hl/type02.gif) repeat-y;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.25;
	color: #333333;
}

.tmp_howtouse .box_w{
	background:url(/_common/img/bg/box_w.gif) no-repeat left top;
	padding: 10px;
	zoom: 1;
}

.tmp_howtouse .arrow01{
	font-size: 84%;
}

.data_howtouse .top .txt{
	float: left;
	width: 490px;
	padding-top: 0;
}

.data_howtouse .top p{
	float: right;
}


/*----------------------------------------------------
	.aboutCreator
----------------------------------------------------*/

ol.bdrBox_p li{
	padding: 10px 0 50px 0;
	margin: 0;
	position: relative;
	background: url(/_common/img/arrow/arrow03.gif) no-repeat center bottom;
	border: 0;
}

ol.bdrBox_p li.last{
	background: none;
	padding-bottom: 0;
	vertical-align: top;
}

ol.bdrBox_p .inner{
	background: #FFF5E8;
	border: 1px solid #c3c3c3;
	padding: 20px 20px 20px 85px;
}


ol.bdrBox_p span.num{
	padding: 4px 0 4px 0;
	height: 40px;
	background: url(/_common/img/bg/list02.gif) no-repeat left top;
	line-height: 1.2;
	top: 30px;
	left: 25px;
}

ol.bdrBox_p span.num span{
	display: block;
	font-size: 50%;
	line-height: 1.2;
	font-weight: bold;
}

.dataTit{
	display: block;
}

.bdrBox_p ul.data li{
	background: none;
	padding: 0 2px 0 2px;
	float: left;
	position: static;
}

.memberTbl{
	margin-left: 16px;
}

.memberTbl th,.memberTbl td{
	border: 1px solid #c3c3c3;
	text-align: center;
}

.memberTbl th{
	color: #ffffff;
	font-weight: bold;
	font-size: 117%;
}

.memberTbl .general{
	background: #0EA2F1;
	width: 320px;
}

.memberTbl .creator{
	background: #FF6600;
	width: 370px;
}

.memberTbl td{
	padding: 20px 0 20px 0;
}

.memberTbl td a{
	margin: 0 auto;
}

.serviceIcon{
	width: 170px;
	margin: 0 auto;
	text-align: left;
}

.serviceIcon.w_1{
	width: 150px;
}

.serviceIcon.w_2{
	width: 220px;
}

.serviceIcon img{
	margin: 0 5px 10px 5px;
}


.box_entryHow{
	padding: 0 0 50px 0;
	background: url(/_common/img/arrow/arrow03.gif) no-repeat scroll center bottom;
}

.box_entryHow.type2{
	background: none;
}

.box_entryHow span.num{
	background:url(/_common/img/bg/list02.gif) no-repeat left top;
	width: 52px;
	display: block;
	padding: 10px 0 4px 0;
	height: 34px;
	text-align: center;
	color: #ffffff;
	font-family: Arial;
	font-size: 200%;
}

.box_entryHow span.num span{
	display: block;
	font-size: 50%;
	font-weight: bold;
	line-height: 0.5;
}

.box_entryHow table{
	width: 100%;
}

.box_entryHow table,
.box_entryHow th,
.box_entryHow td{
	width: auto;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.box_entryHow th{
	width: 48px;
	padding-right: 10px;
}

.box_entryHow td{
	font-size: 14px;
}

.box_entryHow td.as{
	width: 240px;
}

.box_entryHow td.ab{
	padding-left: 90px;
}

.box_entryHow td.fa{
	width: 661px;
}

.box_entryHow td img.photo{
	margin-top: 10px;
}

.box_entryHow td p{
	font-size: 12px;
}

.box_entryHow .inner_left{
	width: 315px;
	padding-left: 56px;
	float: left;
}

.box_entryHow.type2 .pic{
	margin: 0 0 0 20px;
}

.box_entryHow td li{
	text-indent: -10px;
	padding-left: 10px;
	margin-bottom: 16px;
}

.aboutCreator .btn_aplli{
	margin: 0 auto;
	margin-bottom: 14px;
}

.aboutCreator .memberTbl{
	margin-left: 16px;
	margin: 0 auto;
}

.aboutCreator .memberTbl th,.memberTbl td{
	border: 1px solid #c3c3c3;
	text-align: center;
}

.aboutCreator .memberTbl th{
	color: #ffffff;
	font-weight: bold;
	font-size: 117%;
}

.aboutCreator .memberTbl .general{
	background: #0EA2F1;
	width: 320px;
}

.aboutCreator .memberTbl .creator{
	background: #FF6600;
	width: 400px;
}

.aboutCreator .memberTbl td{
	padding: 20px 0 20px 0;
}

.aboutCreator .memberTbl td a{
	margin: 0 auto;
}

.aboutCreator .serviceIcon{
	width: 170px;
	margin: 0 auto;
	text-align: left;
}

.aboutCreator .serviceIcon.w_2{
	width: 400px;
}

.aboutCreator .txt01 {
	color:#FF6600;
}

.aboutCreator .txt01 {
	clear:both;
	font-size:117%;
	padding:0 0 10px;
	text-align:center;
}



/*----------------------------------------------------
	.faq
----------------------------------------------------*/

.faq .inner,.faq .inner li{
	list-style: inherit;
	list-style-type: decimal;
}

.faq .inner{
	margin: 5px 0 5px 0;
	padding-left: 40px;
}

/*----------------------------------------------------
	.privacy
----------------------------------------------------*/

.privacy p{
	margin-bottom: 15px;
}

.privacy .breadCrumb{
	margin-bottom: 0;
}

.privacy em{
	display: block;
	margin-bottom: 10px;
}

/*----------------------------------------------------
	.terms
----------------------------------------------------*/

.terms table{
	width: 100%;
}

/*----------------------------------------------------
	.sitemap
----------------------------------------------------*/

.sitemap .list05{
	width: 310px;
	float: left;
}

.sitemap li{
	margin-bottom: 20px;
	font-weight: bold;
}

.sitemap li span{
	display: block;
	font-weight: normal;
}

.sitemap li .inner,
.sitemap li .inner li{
	list-style: none;
	list-style-image: none;
	zoom: 1;
}

.sitemap li .inner{
	margin: 5px 0 0 0;
	padding-bottom: 1px;
	background: url(/siteCommon/img/line/line_dot01.gif) no-repeat 5px 100%;
}

.sitemap li .inner li{
	background: url(/siteCommon/img/line/line_dot02.gif) no-repeat 6px 5px;
	font-weight: normal;
	padding: 4px 0 1px 27px;
	margin: 0 0 4px 0;
}


/*----------------------------------------------------
	.product
----------------------------------------------------*/

.product .box_clearFileCreate .detail{
	padding: 6px 0 17px 0;
	position: relative;
	background: url(/siteCommon/img/bg/blueBox_btmL.gif) #f1f7fe no-repeat left bottom;
}

.product .box_clearFileCreate .detail .btnB01{
	position: absolute;
	top: 4px;
	right: 30px;
}

.product .box_clearFileCreate .detail p{
	width: 340px;
	margin: 6px 0 0 50px;
}

.product .box_clearFileCreate .detail p em{
	font-size: 117%;
}

.product .box_clearFileCreate .detail div{
	background: url(/siteCommon/img/bg/blueBox_btmR.gif) no-repeat right bottom;
}




.product .column2 .right{
	float: right;
	margin-top: 5px;
}

.product .column2 .inner{
	float: left;
}

.product .column2 .detail{
	margin-left: 14px;
	padding-top: 6px;
	position: relative;
	background: url(/siteCommon/img/bg/blueBox_btmL.gif) #f1f7fe no-repeat left	 bottom;
}

.product .column2 .detail .btnB01{
	position: absolute;
	top: 4px;
	right: 30px;
}

.product .column2 .detail p em{
	font-size: 117%;
}

.product .column2 .detail div{
	width: 345px;
	background: url(/siteCommon/img/bg/blueBox_btmR.gif) no-repeat right bottom;
}

.product .column2 .detail .box{
	background: url(/siteCommon/img/bg/productFile_bdr.gif) no-repeat left top;
	padding: 5px 2px 18px 2px;
	margin: 0 auto 0 auto;
	width: 300px;
	height: 120px;
}

.product .column2 .detail dl{
	float: left;
	width: 148px;
	margin-top: 3px;
	border-right: 1px dotted #c4dcfb;
}

.product .column2 .detail dl.last{
	border-right: none;
}

.product .column2 .detail dt{
	text-align: center;
	padding: 0 0 3px 0;
}

.product .column2 .detail dd{
	padding: 3px 0 0 10px;
}

.product .column2 .detail .last th,
.product .column2 .detail .last td{
	border: 0;
}

.product .img_top{
	margin-bottom: 10px;
}

.box_1col{
	padding-left: 10px;
}

.fileDetail{
	float: left;
	width: 500px;
}

.fileDetail th{
	font-weight: bold;
	width: 108px;
}

.product .imgBox{
	float: right;
}

.product .imgBox img{
	display: block;
}

.priceTbl{
	margin-left: 10px;
}

.priceTbl th{
	width: 139px;
}

.priceTbl td{
	text-align: center;
}


/* pictureDispArea
----------------------------------------------------*/
div#pictureDispArea{
	width: 726px;
	height: 504px;
	margin-bottom: 20px;
}

div.designLoading{
	background: url(/_common/img/bg/designCompLoading.gif) no-repeat;
}

div.designTrans{
	background: url(/_common/img/bg/designCompTrans.gif) no-repeat;
}

div#pictureDispArea img.hyo1{
	border-left: 1px solid #666;
}


/*----------------------------------------------------
	.templateDesign
----------------------------------------------------*/

.tmpList li{
	float: left;
	position: relative;
	background: url(/_common/img/arrow/arrow06.gif) no-repeat right 1px;
	padding: 0 40px 0 5px;
	margin-top: 35px;
	width: 180px;
}

.tmpList li.num02{
	width: 210px;
}

.tmpList li.last{
	background: none;
	width: 239px;
	padding: 0;
	margin: 0;
}

.tmpList li .txt{
	margin: 7px 0 0 7px;
}

.tmpList span.num{
	float: left;
	width: 49px;
	display: block;
	padding: 8px 0 6px 0;
	height: 34px;
	background: url(/_common/img/bg/list02.gif) no-repeat left top;
	text-align: center;
	color: #ffffff;
	font-family: Arial;
	font-size: 200%;
}

.tmpList li.last span{
	background: none;
	position: absolute;
	left: 43px;
	top: 30px;
	color: #0EA2F1;
}

.tmpList li div{
	clear: both;
	text-align: center;
	padding: 13px 0 0 15px;
}


/*----------------------------------------------------
	.creatorsDesign
----------------------------------------------------*/

.creatorsDesign .templateDesignList li div{
	height: 60px;
}

.creatorsDesign dl{
	margin-bottom: 20px;
	line-height: 170%;
	font-family: "ＭＳ Ｐゴシック";
}

.creatorsDesign dt{
	color: #FF6699;
	font-size: 124%;
	font-weight: bold;
}

.profile{
	position: relative;
	background: url(/siteCommon/img/bg/profile.jpg) no-repeat left top;
	height: 228px;
}

.profile .pic{
	position: absolute;
	left: 23px;
	top: 23px;
}

.profile dl{
	width: 405px;
	padding: 25px 32px 0 0;
	float: right;
}

.profile dt{
	background: url(/siteCommon/img/line/profileLine.gif) no-repeat left bottom;
	font-size: 200%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.profile dd em{
	display: block;
	margin-bottom: 5px;
}

/*----------------------------------------------------
	.orderByData
----------------------------------------------------*/

.download{
	padding: 0 10px 0 10px;
}

.download dl{
	float: left;
	width: 348px;
	margin: 0 0 10px 0;
	background: #f2f2f2;
}

.download dl.left{
	margin-right: 10px;
}

.download dl.last{
	margin-bottom: 0;
}

.download dt{
	background: url(/_common/img/bg/dot.gif) repeat left top;
	font-weight: bold;
	padding: 7px 0 5px 10px;
	color: #5B5B5B;
}

.download dd{
	padding: 12px;
}

.download dd img{
	border: 1px solid #8f8f8f;
}

.download dd p{
	text-indent: -15px;
	padding-left: 15px;
	margin-top: 10px;

}

.download dd a{
	background: url(/_common/img/arrow/arrow01.gif) no-repeat left top;
	padding-left: 15px;
}

.notes{
	padding: 0 0 0 10px;
	margin-bottom: 20px;
}

.notes dl{
	clear: both;
	float: left;
	width: 340px;
}

.notes dt{
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}

.notes dd{
	float: left;
	line-height: 1.6;
	width: 340px;
}

.notes .pic{
	float: right;
	margin-right: 20px;
}

.orderByData strong{
	font-weight: bold;
}

.orderByData strong span{
	font-weight: normal;
}

.otherNotes{
	background: url(/_common/img/bg/dot02.gif) #f6f6f6 repeat left top;
	margin-left: 10px;
/*	padding: 15px;*/
}

.otherNotes .top{
	background: url(/siteCommon/img/bg/dot_btmL.gif) no-repeat left bottom;
}

.otherNotes .inner{
	background: url(/siteCommon/img/bg/dot_btmR.gif) no-repeat right bottom;
}

.otherNotes .left{
	float: left;
	width: 333px;
	padding: 15px 10px 15px 15px;
	background: url(/siteCommon/img/bg/dot_topL.gif) no-repeat left top;
}

.otherNotes .right{
	float: right;
	width: 333px;
	padding: 15px 15px 15px 10px;
	background: url(/siteCommon/img/bg/dot_topR.gif) no-repeat right top;
}

.otherNotes ul{
	padding-left: 10px;
	margin-bottom: 0;
}

.otherNotes ul li{
	font-size: 92%;
	padding: 2px 0 2px 0;
}

.orderByData .type01{
	width: 250px;
	margin-left: 10px;
}

.orderByData .type01 tbody th,.orderByData .type01 tbody td{
	text-align: center;
}

.dataDt dl{
	float: left;
	border: 1px solid #C3C3C3;
	width: 216px;
	height: 138px;
	padding: 10px;
	margin-right: 5px;
}

.dataDt dl.last{
	margin: 0;
}

.dataDt dt{
	height: 15px;
	margin: 0 0 10px 0;
	padding: 3px 5px 2px 12px;
	font-weight: bold;
	font-size: 100%;
	background: url(/_common/img/hl/type02.gif) repeat-y;
}

.dataDt dd{
	font-size: 117%;
	padding-left: 5px;
}

.dataDt dd table th,.dataDt dd table td{
	background: none;
	padding: 0;
	border: 0;
}

.dataDt dd table th{
	font-weight: bold;
}

.dataDt .notice{
	color: #5B5B5B;
	font-size: 78%;
	text-indent: -10px;
	margin-left: 10px;
}

.whiteType{
	background: #5C5C5C;
	position: relative;
	margin-left: 14px;
}

.whiteType .tit{
	position: absolute;
	top: -4px;
}

.whiteType .img{
	position: relative;
	left: 10px;
	margin-top: 28px;
}

.whiteType p{
	color: #ffffff;
	text-align: center;
	margin-bottom: 5px;
}

.whiteType p span{
	padding: 0 30px 0 30px;
}

.whiteType .left{
	float: left;
	width: 356px;
}

.whiteType .right{
	float: right;
	width: 356px;
}

.whiteType .right dl{
	margin: 35px 0 0 15px;
}

.whiteType .right dt{
	color: #ffffff;
	font-weight: bold;
}

.whiteType .right dd{
	color: #ffffff;
	padding-bottom: 15px;
}

.fileUp{
	width: 100%;
}

.fileUp th{
	width: 107px;
}

.fileUp th.type{
	vertical-align: top;
}

.fileUp label{
	margin-right: 30px;
	padding-left: 5px;
}

.filePrice{
	margin-left: 14px;
}

.filePrice table{
	float: left;
	border: 2px solid #C3C3C3;
	width: 206px;
	margin-left: 4px;
}

.filePrice table.first{
	width: 272px;
	margin-left: 0;
}

.filePrice thead th{
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	border: 0;
	border-right: 2px solid #C3C3C3;
	border-bottom: 2px solid #C3C3C3;
}

.filePrice .under th{
	background: #F2F2F2;
	color: #666666;
}

.filePrice .under th.unit{
	font-weight: normal;
	border-right: 1px dotted #C3C3C3;
}

.filePrice tbody th{
	background: none;
	border-right: 2px solid #C3C3C3;
}

.filePrice tbody th,.filePrice tbody td{
	text-align: center;
	font-weight: bold;
	border-left: 0;
	padding: 3px 0 3px 0;
}

.filePrice tbody td.unit{
	font-weight: normal;
	border-right: 1px dotted #C3C3C3;
}

.filePrice tbody .bg th,.filePrice tbody .bg td{
	background: url(/siteCommon/img/bg/dot03.gif) repeat left top;
}

.orderByData .priceDetal .right p{
	margin-bottom: 20px;
}

.orderByData .commentArea{
	width: 100%;
}

.orderByData .commentArea th{
	width: 107px;
}

.orderByData .commentArea textarea{
	width: 99%;
	height: 120px;
	font-size: 100%;
	font-family: 'MS UI Gothic',Arial,'Hiragino Kaku Gothic Pro W3';
}

.orderByData.conf .btn input{
	margin: 0 10px;
}

.orderByData.exe .leadTxt{
	text-align: center;
	font-size: 159%;
}