@charset "utf-8";
/* General style definition */

ul.def,ol.def{
	margin-bottom:1em;
	padding-left:0.6em;
	margin-left:1em;
}
ul.def li{
	list-style:disc;
}
ol.def li{
	list-style:decimal;
}

table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:1.5em;
}
table caption{
	font-size:16px;
	line-height:2.5em;
	font-weight:bold;
}
th{
	padding:5px;
	background-color:#f9f5ef;
	border:1px solid #ddd;
	vertical-align:top;
}
thead th{
	background-color:#f0e0c8;
}
th img{
	margin-left:7px;
}


td{
	padding:5px;
	border:1px solid #ddd;	
	vertical-align:top;
}

.contents p{margin-bottom:6px}

#support h1{
	margin-bottom:8px;
}

h3{margin-bottom:1em;}


.contents{
	width:900px;
	height:100%;
	padding:20px 27px 50px;
	background:url(../image/contents_bg.png) repeat-y;
}
#about.contents{
	padding:20px 27px 50px;
}
#fee.contents{
	width:802px;
	padding:20px 76px 50px;
}

hr{
	height:1px;
	border:none;
	margin:20px 0;
	padding:0;
	background:url(../image/dot.gif) repeat-x;
}

p.tpt{
	clear:both;
	text-align:right;
	margin:30px 0 0;
}
.toPageTop{
	cursor:pointer;
}

/*--*/
#main #contact1{
	position:absolute;
	top:792px;
	left:175px;
}

#but{
	width:900px;
	height:704px;
	margin-bottom:0px;
	position:relative;
	background:url(../image/about_but.jpg) no-repeat;
}

#but #contact2{
	position:absolute;
	top:558px;
	left:178px;
}

#fee .feeM{
	font-weight:bold;
	font-size:18px;
	padding:8px;
	margin-bottom:5px;
	background-color:#fff3d7;
	border:2px solid #f49a00;
	text-align:center;
}

#fee table{
	width:802px;
	margin-bottom:10px;
}
#fee table .deep{
	background-color:#f0e0c8;
}
#fee table thead td{
	font-size:14px;
	font-weight:bold;
	color:#ec6941;
}
#fee table thead span{
	font-weight:normal;
	color:#333;
}
#fee table td{
	vertical-align:middle;
}
#fee table.ftb{
	width:396px;
	float:left;
	margin-bottom:10px;
}
#fee table.ftb:after{clear:both;content:' ';display:block;font-size:0;line-height:0;;width:0;height:0}
* html #fee table.ftb{zoom:1;}

#fee table.mr10{
	margin-right:10px;
}

/*-------------------------------------*/

#outline.contents{
	width:908px;
	padding:20px 23px 50px;
}

#outline #demand{
	padding:15px;
	width:700px;
	margin:0 auto 40px;
	border:1px solid #e5e5e5;
	height:100%;
	overflow:hidden;
}
#outline #demand:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
* html #outline #demand{zoom:1;}

#outline #demand p{
	margin-bottom:0;
}
#outline #demand p.bold{
	font-size:20px;
	display:block;
	margin-bottom:1em;
}
#outline #demand .picL{
	width:150px;
	text-align:center;
	float:left;
}
#outline #demand ul{
	font-size:16px;
	line-height:2em;
	width:530px;
	display:inline;
	float:right;
}
#outline #demand li{
	background:url(../image/icon_check.gif) 0 2px no-repeat;
	padding-left:36px;
}

#outline h3{
	height:47px;
	margin-bottom:20px;
}
#outline #sAdv h3{
	width:604px;
	height:144px;
	margin:0 auto;
	background:url(../image/fig_outline_01.gif) center 0 no-repeat;
	text-indent:-900em;
}
#sAdv{
	margin-bottom:40px;
}

#sAdv dl{
	position:relative;
	width:848px;
	height:239px;
	margin:0 auto 15px;
}
#sAdv dd.read{
	position:absolute;
	top:80px;
	left:285px;
	font-weight:bold;
}
#sAdv dd.need{
	position:absolute;
	top:144px;
	left:298px;
	font-size:12px;
}
#sAdv dl#ad1{background:url(../image/outline_bg01.gif) center 0 no-repeat;}
#sAdv dl#ad2{background:url(../image/outline_bg02.gif) center 0 no-repeat;}
#sAdv dl#ad3{background:url(../image/outline_bg03.gif) center 0 no-repeat;}
#sAdv dl#ad4{background:url(../image/outline_bg04.gif) center 0 no-repeat;}
#sAdv dl#ad5{background:url(../image/outline_bg05.gif) center 0 no-repeat;}

#sAdv dt{text-indent:-900em;}

#outline table{width:840px;margin:0 auto;}
#outline table th{
	vertical-align:middle;
	width:20%;
	background-color:#f0e0c8;
	font-weight:bold;
}
#outline table td{
	vertical-align:middle;
	width:60%;
}
#outline table td.num{
	width:20%;
	background-color:#f9f5ef;
	text-align:center;
}

#outline #dAns p{
	width:528px;
	height:98px;
	text-indent:-900em;
	margin:0 auto 40px;
	background:url(../image/fig_outline_02.gif) center 0 no-repeat;
}
#outline #dAns ul#dFlow{
	width:848px;
	height:250px;
	text-indent:-900em;
	margin:0 auto 40px;
	background:url(../image/fig_outline_03.gif) center 0 no-repeat;
}
#ttbl{width:848px; margin:0 auto;}
#ttbl p{padding:0 5px;}
#ttbl p.cap{width:840px; margin:5px auto 40px;}

/*--------------------------------------
Flow
---------------------------------------*/
#flow dl{
	clear:both;
	width:850px;
	margin:0 auto 8px;
}
#flow dl:after{clear:both;content:' ';display:block;font-size:0;line-height:0;;width:0;height:0}
* html #flow dl{zoom:1;}

#flow dt{
	float:left;
	width:347px;
	height:217px;
	text-indent:-900em;
	margin-right:30px;
}
#flow dd{
	float:left;
	width:316px;
	padding:40px 29px 0 128px;
}
#flow #st1 dd,
#flow #st2 dd{height:151px;padding-top:66px;}
#flow #st3 dd{height:168px;padding-top:49px;}
#flow dd .rollover{margin-top:12px;}
#flow dd .fLogo{margin-bottom:12px;}

#flow #st1 dt{background:url(../image/flow_st1.gif) no-repeat;}
#flow #st2 dt{background:url(../image/flow_st2.gif) no-repeat;}
#flow #st3 dt{background:url(../image/flow_st3.gif) no-repeat;}
#flow p#st4{
	width:622px;
	height:130px;
	text-indent:-900em;
	margin:18px auto 37px;
	background:url(../image/flow_start.gif) no-repeat;
}

#flow #st1 dd,
#flow #st2 dd{background:url(../image/flow_bg1.gif) 0 18px no-repeat;}
#flow #st3 dd{background:url(../image/flow_bg2.gif) 0 18px no-repeat;}

#cmSample{
	width:841px;
	height:auto;
	min-height:1%;
	margin:0 auto 20px;
}
#cmSample:after{clear:both;content:' ';display:block;font-size:0;line-height:0;;width:0;height:0}
* html #cmSample{zoom:1;}

#cmSample h3{width:848px;margin:0 auto 40px;}

#cmSample .center{
	margin-bottom:40px;
}

#cmSample dl{
	width:272px;
	float:left;
}
#cmSample dl.mid{
	margin:0 12px;
}
* html #cmSample dl.mid{
	margin:0 3px;
}
#cmSample dt{
	font-weight:bold;
	margin-bottom:5px;
}
#cmSample dd{
	margin-bottom:1em;
}
#cmSample dd .rollover{
	clear:both;
	text-align:center;
	margin:0 12px;
}

*html #cmSample dd .rollover{
	margin-left:8px;
}

/*---------------------------------------
Support
---------------------------------------*/

#hflow{
	width:848px;
	margin:0 auto;
	padding:0 3px;
}
#hflow h2{
	margin:12px 0 18px 0;
}
#hflow .flowCont{
	margin-bottom:76px;
	min-height:1%;
}
#hflow .flowCont:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
* html #hflow .flowCont{zoom:1;}

#hflow .steps{
	margin-bottom:8px;
}
#hflow li{
	margin-bottom:1em;
}

#hflow .fig, #hflow .desc{
	min-height:342px;
	height:100%;
	margin-bottom:6px;
	overflow:hidden;
}
#hflow .fig{float:left;width:408px;text-align:center;}
#hflow .fig img{margin-bottom:8px;}

#hflow .desc{
	float:right;
	width:400px;
	padding-right:20px;
	height:100%;
	overflow:hidden;
	position:relative;
}
#hflow #fl1 .desc{
	width:471px;
	padding-right:0;
}
#hflow .desc table{
	margin-bottom:3px;
}
#hflow .desc table caption{font-weight:bold;margin-bottom:8px;}

#hflow .desc table th,#hflow .desc table td{
	width:40%;
	vertical-align:middle;
}
#hflow .desc .cap{
	text-align:right;
}
#hflow .hint{
	clear:both;
	min-height:72px;
	height:auto !important;
	height:72px;
	padding:50px 0 30px 75px;
}

.cap{clear:both;font-size:10px;}

/*Step 1*/
#hflow #fl1 .fig{width:439px;height:295px;}
#hflow #fl1 .desc{width:409px;color:#333;}
/*Step 2-6*/
#hflow #fl2 .hint{height:110px;background:url(../image/hint_4l_bg.gif) no-repeat;}
#hflow #fl3 .hint{background:url(../image/hint_2l_bg.gif) no-repeat;}
#hflow #fl4 .hint{height:90px;background:url(../image/hint_3l_bg.gif) no-repeat;}
#hflow #fl5 .hint{background:url(../image/hint_2l_bg.gif) no-repeat;}
#hflow #fl6 .hint{background:url(../image/hint_2l_bg.gif) no-repeat;}


#hflow .hint ul,#hflow .hint li{
	margin-bottom:0 !important;
}

#samples{
	padding:0 25px;
}
#samples h2,#samples h3{
	margin-bottom:6px;
}
#samples p{
	padding:0 3px;
}

#samples ul, #samples .dlCont{
	width:841px;
	margin:0 auto 24px;
	min-height:1%;
}
#samples ul.last{
	margin-bottom:80px;
}

#samples ul:after, #samples .dlCont:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
* html #samples ul, * html #samples .dlCont{zoom:1;}

#samples li, #samples dl{
	width:161px;
	float:left;
	margin-right:9px;
	margin-bottom:12px;
}
#samples li.turn, #samples dl.turn{
	margin-right:0;
}
#samples dt{
	width:145px;
	height:60px;
	padding:7px;
	border:1px solid #dfdfdf;
	margin-bottom:7px;
}

#samples li.turn:after, #samples dl.turn:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
* html #samples li.turn,
* html #samples dl.turn{zoom:1;}

#samples #author{
	overflow:hidden;
	height:100%;
	border:1px solid #dfdfdf;
	margin:0 auto 60px;
	padding:12px 12px 12px 147px;
	background:url(../image/author.gif) left center no-repeat #fef5e7;
}
#samples #author:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
* html #samples #author{zoom:1;}
#samples #author h3{
	text-indent:-900em;
	display:none;
}
#samples #author .fl{
	width:171px;
}
#samples #author .fr{
	font-size:10px;
	width:510px;
}
#samples p{
	margin-bottom:0 !important;
}

/*---------------------------------------
Download
---------------------------------------*/
#download .contents{
	min-height:335px;
	_height:335px;
	margin-top:0;
	padding-top:0;
}
#download table,
#download .contents p{
	clear:both;
	width:840px;
	margin:0 auto 1em;
}
#download table label{
	font-weight:bold;
	display:block;
	line-height:30px;
}
#download table td .fl img,
#download table td .fr img{
	margin-right:10px;
}
#download table td .fl,
#download table td .fr{
	width:48%;
	padding-left:10px;
	padding-bottom:10px;
}
.cBox{
	width:800px;
	margin:0 auto;
	border:1px solid #666;
	padding:20px;
}
.cBox p{
	width:auto;
	text-align:center;
}

/*---------------------------------------
Partner
---------------------------------------*/
#partner .contents{
	padding-top:44px;
}
#partnerFlow .contents,
#partnerFaq .contents,
#partnerApply .contents{padding-top:0;}

#partner #usage{
	position:relative;
	width:780px;
	height:260px;
	background:url(../image/usage_bg.jpg) no-repeat red;
	margin:0 auto 40px;
}
#partner #usage p#btn-ToSite{
	position:absolute;
	display:inline;
	width:278px; height:31px;
	top:197px; left:71px;
	text-indent:0em;
}
#partner #usage p, #partner #usage li{
	text-indent:-900em;
}

#partner table{
	width:94%;
	margin:0 auto 1em;
}

#partner table .def{
	margin-bottom:0;
}
#partner table thead th{
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
#partner table tbody th{
	vertical-align:middle;
}
#partnerApply table th{
	background:#fff3d7;
}
#partnerApply table th img{
	vertical-align:middle;
}
#partner #ptnCondition table tbody th{
	font-weight:bold;
}

.notice{width:94%;margin:0 auto;font-size:0.8em;}

#topicPath, .inner{
	width:840px;
	margin:0 auto;
	padding:0 4px;
}
.inner{margin-bottom:40px;}

#partner #faq.inner{width:848px;padding:0;}

#partner h2{
	width:848px;
	margin:0 auto 1em;
}
#partner h3,#partnerFlow h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

dl#aboutURL{
	font-size:20px;
	font-weight:bold;
	width:630px;
	margin:20px auto;
}
dl#aboutURL dd{
	font-size:25px;
	height:80px;
	line-height:80px;
	padding-left:79px;
	background:url(../image/arrowR.gif) 0 10px no-repeat;
}
dl#aboutURL dd a{
	text-decoration:underline;
}

.apply{
	position:relative;
	width:780px;
	height:160px;
	font-size:14px;
	overflow:hidden;
	margin:0 auto 1em;
	background:url(../image/bottom_apply_bg.gif) 0 40px no-repeat;
}
.apply p.btn-Apply{
	position:absolute;
	display:inline;
	top:56px;
	left:290px;
	text-indent:0em;
}
.apply p.btn-Flow{
	position:absolute;
	display:inline;
	top:110px;
	left:20px;
	text-indent:0em;
}
.apply p{
	text-indent:-900em;
}

#ptnFlow.inner{width:850px;padding:0;}

#ptnFlow dl{
	margin-bottom:20px;
}
#ptnFlow dl#pf1{height:121px;background:url(../image/pflow01.gif) no-repeat;}
#ptnFlow dl#pf2{height:181px;background:url(../image/pflow02.gif) no-repeat;}
#ptnFlow dl#pf3{height:122px;background:url(../image/pflow03.gif) no-repeat;}
#ptnFlow dl#pf4{height:121px;background:url(../image/pflow04.gif) no-repeat;}
#ptnFlow dl#pf5{height:121px;background:url(../image/pflow05.gif) no-repeat;}
#ptnFlow dt{
	display:none;
	text-indent:-900em;
}
#ptnFlow dd{
	padding:20px 15px 15px 260px;
}
#ptnFlow p.arrow{
	clear:both;
	display:block;
	text-align:center;
	margin:0 0 5px;
}
/*---------------------------------------
Contact Form
---------------------------------------*/

#faq dl{
	width:848px;
	margin:0 auto 20px;
}

#faq dt{
	width:768px;
	height:34px;
	font-size:15px;
	font-weight:bold;
	background:url(../image/faq_q.gif) center no-repeat;
	padding:13px 0 0 80px;
	margin:0 0 10px;
}

#faq dd{

	background:url(../image/faq_a.gif) no-repeat;
	
}
#faq dd p{
		padding:40px 40px 40px 68px;
		background:url(../image/faq_a_footer.gif) bottom no-repeat;
}
#faq dd ol,#faq dd ul{
		padding:40px 40px 40px 92px;
		background:url(../image/faq_a_footer.gif) bottom no-repeat;
}
#contactTable td{
	width:60%;
}
#contactTable th,#contactTable td{
	border:none;
	background:none;
}

#formArea{
	background:url(../image/form_bg.gif) no-repeat;
	width:848px;
	margin:0 auto;
}



#formCont{
	padding:20px 30px 20px;
	background:url(../image/form_footer.gif) bottom no-repeat;
}





#formInput{
	width:455px;
	float:left;
}

#pv{
	width:317px;
	height:193px;
	float:right;
	position:relative;
	background:url(../image/form_pv.gif) no-repeat;
}

#pvbtn{
	position:absolute;
	top:121px;
	left:30px;
}

#pvt{
	padding:10px;
	border:1px solid #dedede;
	height:150px;
	overflow:auto;
	background:#fff;
	margin-bottom:1em;
}
#pvt p{
	margin-bottom:1em;
}

#formArea textarea{
	width:766px;
	margin-left:4px;
	
	margin-bottom:30px;
	}


.req{
	color:#C00;
}


ul#reg{
	margin:20px 0 0 40px;

	padding-left:0.6em;
	list-style:disc;
	font-size:10px;
}

#inputError {
	border:2px dotted #ccc;
	padding:15px;
	
	font-weight:bold;
	width:746px;
	margin:0 auto 20px;
}


#inputError ul{
	margin:20px 0 0 1em;

	padding-left:0.6em;
	list-style:disc;
	color:#c00;
}

#end{
	min-height:300px;
	padding:20px 30px 0;
}

/*---------------------------------------
Template
---------------------------------------*/

body#temp{background:none;}
body#temp #wrapper{background:none; margin:0; padding:18px 0 0; width:auto;}
body#temp .contents{background:none; padding:0;}
body#temp h1{margin-bottom:1em;}