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

/* wrapper */
#DesignContents {
	
}
#DesignContents a{
	text-decoration:underline;
	
}
#main-content #DesignContents h3{
	padding:0px;
	width:530px;
	margin-top:25px;
}
#main-content #DesignContents h4{
	padding:0px;
	margin:20px 0px 15px 0px;
}
#main-content #DesignContents p {
	padding:5px 25px 5px 20px;
	clear:both;
}
#main-content #DesignContents table {
	margin-left:20px;
}
#main-content #DesignContents table td {
	padding-bottom:10px;
	padding-right:5px;
}
#main-content #DesignContents table th {
	background:url(../images/design/arrow_down.gif) left top no-repeat;
	color:#0071d8;
	font-weight:bold;
	padding-left:15px;
	vertical-align:top;
	padding-right:10px;
	padding-bottom:5px;
	text-align:left;
}
#DesignContents .small {
	font-size:10px;
	color:#636363;
}
/* menu */
#main-content #DesignContents div#DesignMenu {
	width:510px;
	background:url(../images/design/menubg.gif) 0 0 repeat;
	min-height:75px;
	padding:5px;
	margin-top:20px;
}
#main-content #DesignContents div#DesignMenu ul {

}
#main-content #DesignContents div#DesignMenu ul li {
	width:250px;
	float:left;
}
#main-content #DesignContents div#DesignMenu ul li a {
	background:url(../images/design/linkicon.gif) left center no-repeat;
	padding-left:25px;
	display:block;
	line-height:25px;
	color:#1c57b2;
	font-weight:bold;
}
#main-content #DesignContents div#DesignMenu ul li.last {
	clear:both;
}

#main-content #DesignContents div#DesignMenu2 {
	width:auto;
	background:#F1F1F1;
	min-height:75px;
	padding:5px 5px 5px 0px;
	margin-left:25px;
	margin-right:30px;
}
#main-content #DesignContents p#DesignMenu2t {
	background:url(../images/design/arrow_down.gif) left top no-repeat;
	color:#0071d8;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:5px;
	margin-left:25px;
}
#main-content #DesignContents div#DesignMenu2 ul {
}
#main-content #DesignContents div#DesignMenu2 ul li {
	width:220px;
	float:left;
	padding-left:20px;
	display:block;
	line-height:25px;
	font-weight:bold;
	background:url(../images/spec/asta.gif) left center no-repeat;
}
#main-content #DesignContents div#DesignMenu2 ul li.last {
	clear:both;
}

/* for one picture */
#main-content #DesignContents .picone {
	clear:both;
	padding-left:25px;
	padding-top:20px;
}
#main-content #DesignContents .picone span{
	background:url(../images/design/arrow_down.gif) left center no-repeat;
	color:#0071d8;
	font-weight:bold;
	padding-left:15px;
	display:block;
	margin-bottom:5px;
}

/* trial btn */
#main-content #DesignContents .trial {
	font-weight:bold;
	text-align:right;
	margin:35px auto;
}
#main-content #DesignContents .trial a{
	background:#fef0d9 url(../images/design/arrow_right.gif) left center no-repeat;
	line-height:30px;
	padding:6px 6px 6px 25px;
	position:static;
	display:inline;
	color:#df2626;
}

/* template */
#main-content #DesignContents .template1,
#main-content #DesignContents .template2,
#main-content #DesignContents .template3 {
	clear:both;
	padding:0px 0px 20px 20px;
	margin-left:5px;
	width:490px;
}
#main-content #DesignContents .template1{
	background:url(../images/design/template1.gif) 230px 30px no-repeat;
}
#main-content #DesignContents .template2{
	background:url(../images/design/template2.gif) 230px 30px no-repeat;
}
#main-content #DesignContents .template3{
	background:url(../images/design/template3.gif) 230px 30px no-repeat;
	padding:0px 0px 40px 20px;
}
#main-content #DesignContents .template1 p,
#main-content #DesignContents .template2 p,
#main-content #DesignContents .template3 p{
	padding:10px 280px 0px 15px;
	margin:0px;
}

/* result */
#main-content #DesignContents table.result strong {
	color:#007600;
	background:url(../images/design/dot.gif) 0 0 no-repeat;
	padding-left:15px;
}
#main-content #DesignContents .resultexp {
	padding-left:10px;
	padding-top:5px;
}
#main-content #DesignContents .resulturl {
	padding-left:0px;
	padding-right:0px;
}
#main-content #DesignContents .resulturl a{
	position:static;
	color:#df2626;
	display:inline;
}