@charset "utf-8";

@import "/css/common/0-import.css";

/*----------------------index----------------------*/
body#index #header,body#detail #header {
	_height: 110px;
	z-index: 9999;
}

body#index #main,body#detail #main,body#search #main{
	margin: 0;
	z-index: 1;
}

body#index #sideBar {
	padding: 11px 10px 670px 10px;
	width: 300px;
	float: right;
	background: url(/images/index-sideBar_back.jpg) repeat-y left top;
}

body#detail #sideBar {
	padding: 11px 10px 41px 10px;
	width: 300px;
	float: right;
	background: url(/images/index-sideBar_back.jpg) repeat-y left top;
}

body#search #sideBar {
	padding: 11px 10px 41px 10px;
	width: 300px;
	float: right;
	background: url(/images/index-sideBar_back.jpg) repeat-y left top;
}

body#index #sideBar .photoBox,body#detail #sideBar .photoBox, body#search #sideBar .photoBox {
	margin: 0 0 20px 0;
}

body#index #sideBar h3,body#detail #sideBar h3,body#search #sideBar h3 {
	margin: 0 0 10px 0;
}

body#index #sideBar .newsBox,body#detail #sideBar .newsBox,body#search #sideBar .newsBox {
	padding: 13px 0 12px 0;
	margin-bottom: 10px;
	width: 300px;
	background-color: #fff;
}

body#index #sideBar .newsBox dl,body#detail #sideBar .newsBox dl,body#search #sideBar .newsBox dl {
	margin: 0 0 18px 12px; *
	margin-bottom: 5px;
}

body#index #sideBar .newsBox dt,body#detail #sideBar .newsBox dt,body#search #sideBar .newsBox dt {
	margin-bottom: 2px;
	color: #999;
}

body#index #sideBar .newsBox dd,body#detail #sideBar .newsBox dd,body#search #sideBar .newsBox dd {
	margin: 0 40px 6px 15px;
	line-height: 1.5;
}

body#index #sideBar .newsBox dd.red a,body#detail #sideBar .newsBox dd.red a,body#search #sideBar .newsBox dd.red a {
	color: #FF3F0F;
}

body#index #sideBar .newsBox dd.none,body#detail #sideBar .newsBox dd.none,body#search #sideBar .newsBox dd.none {
	margin-bottom: 0;
}

body#index #sideBar .newsBox ul,body#detail #sideBar .newsBox ul,body#search #sideBar .newsBox ul {
	float: right;
}

body#index #sideBar .newsBox ul li,body#detail #sideBar .newsBox ul li,body#search #sideBar .newsBox ul li {
	margin-right: 10px;
}

body#index #sideBar .numberBox,body#detail #sideBar .numberBox,body#search #sideBar .numberBox {
	padding: 16px 0 10px 0;
	margin-bottom: 10px;
	width: 300px;
	background-color: #fff;
}

body#index #sideBar .numberBox .subBox,body#detail #sideBar .numberBox .subBox,body#search #sideBar .numberBox .subBox  {
	margin-bottom: 18px;
	padding: 0 0 11px 16px;
	border-bottom: 1px solid #ccc;
	clear: both;
}

body#index #sideBar .numberBox .subBox02,body#detail #sideBar .numberBox .subBox02,body#search #sideBar .numberBox .subBox02 {
	margin-bottom: 19px;
	padding: 0 0 14px 16px;
}

body#index #sideBar .numberBox .subBox .floatL ul li,body#detail #sideBar .numberBox .subBox .floatL ul li,body#search #sideBar .numberBox .subBox .floatL ul li {
	float: left;
}

body#index #sideBar .numberBox .subBox .floatL ul li.num,body#detail #sideBar .numberBox .subBox .floatL ul li.num, body#search #sideBar .numberBox .subBox .floatL ul li.num {
	margin-right: 14px;
	width: 10px;
	padding-top: 5px;
}

body#index #sideBar .numberBox .subBox h5,body#detail #sideBar .numberBox .subBox h5,body#search #sideBar .numberBox .subBox h5
	{
	margin-bottom: 4px;
	width: 172px;
	float: right;
	font-size: 10px;
	color: #999;
	line-height: 1.5;
	font-weight: normal;
}

body#index #sideBar .numberBox .subBox p,body#detail #sideBar .numberBox .subBox p,body#search #sideBar .numberBox .subBox p {
	width: 172px;
	float: right;
	font-size: 10px;
	color: #999;
	line-height: 1.5;
}

body#index #sideBar .numberBox .subBox p a,body#detail #sideBar .numberBox .subBox p a,body#search #sideBar .numberBox .subBox p a {
	width: 115px;
	font-size: 12px;
}

body#index #sideBar .numberBox .subBox p a span,body#detail #sideBar .numberBox .subBox p a span,body#search #sideBar .numberBox .subBox p a span {
	margin-left: 7px;
}

body#index #sideBar .numberBox .none,body#detail #sideBar .numberBox .none,body#search #sideBar .numberBox .none {
	padding-bottom: 0;
	margin-bottom: 19px;
	border-bottom: none;
}

body#index #sideBar .numberBox .btn,body#detail #sideBar .numberBox .btn,body#index #sideBar .numberBox .btn {
	margin-left: 230px;
	margin-right: 10px;
	clear: both;
}

body#index #conts,body#detail #conts,body#search #conts {
	width: 580px;
	float: left;
}

body#index #conts h2 {
	margin: 0 0 13px 16px;
}

body#index #conts .box01 {
	padding: 19px 0 15px 21px;
	margin-bottom: 14px;
	background-color: #000;
	overflow: hidden;
	height: 326px;
}

body#index #conts .box01 .subBox {
	padding: 144px 0 0;
	margin-right: 33px;
	width: 18px;
	float: left;
}

body#index #conts .box01 .none {
	margin-right: 0;
}

body#index #conts .box01 .subBox02 {
	margin-right: 27px;
	width: 442px;
	height: 326px;
	padding-top: 0;
}

body#index #conts .box01 .subBox02 p {
	padding: 0;
	width: 189px;
	float: right;
	line-height: 1.5;
	color: #fff;
}

body#index #conts .box01 .subBox02 p span {
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}

body#index #conts .box01 .subBox02 p.none {
	padding-top: 21px;
	margin-bottom: 104px;
}

body#index #conts .box01 .subBox02 p.none span {
	margin-left: 3px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
}

body#index #conts .box01 .subBox02 p.w30 {
	padding-top: 0;
	line-height: 1;
	width: 30px;
}

body#index #conts .box02 {
	margin: 0 0 22px 30px;
}

body#index #conts .box03 {
	margin: 0 0 17px 30px;
}

body#index #conts .box02 .subBox {
	margin-right: 19px;
	width: 160px;
	float: left;
}

body#index #conts .box02 .none {
	margin-right: 0;
}

body#index #conts .box02 .subBox img {
	margin-bottom: 10px;
}

body#index #conts .box02 .special img {
	margin-bottom: 3px;
}

body#index #conts .box02 .subBox p {
	margin: 0 0 1px 1px;
	color: #999;
	font-size: 10px;
}

body#index #conts .box02 .subBox a {
	line-height: 1.5;
	color: #333;
}

body#index #conts .box02 .end img {
	margin-bottom: 23px;
}

body#index #conts .btn {
	padding: 0 19px 0 0;
	margin-bottom: 45px;
	clear: both;
}

body#index #conts .btn a {
	float: right;
}

body#index #conts .box04 {
	margin: 0 10px;
	padding: 4px;
	background: url(../images/index-line01.jpg) repeat left top;
	margin-bottom: 30px;
}

body#index #conts .box04 .subBox {
	padding: 11px 0 27px 11px; *
	padding-bottom: 2px;
	background-color: #fff;
}

body#index #conts .box04 .subBox h3 {
	margin-bottom: 27px;
	color: #690;
}

body#index #conts .box04 .subBox ul {
	margin-right: 13px;
	width: 146px;
	float: left;
}

body#index #conts .box04 .subBox ul.ul02 {
	margin-right: 45px;
}

body#index #conts .box04 .subBox ul li {
	margin: 0 0 15px 20px;
}

body#index #conts .box04 .subBox ul li.none {
	margin-bottom: 0;
}

body#index #conts .box04 .subBox ul li a {
	color: #333;
}

body#index #conts #magazineList {
	padding: 0;
	clear: both;
	margin: 0 10px 20px 10px;
}

body#index #conts #magazineList ul {
	
}

body#index #conts #magazineList li {
	margin-right: 13px;
	padding: 3px 0;
	text-align: left;
	float: left;
}

/*----------------------detail----------------------*/
body#detail #pageGuide {
	margin-bottom: 13px; *
	margin-bottom: 15px;
}

body#detail #conts h2 {
	margin-bottom: 1px;
	font-size: 18px;
	line-height: 1;
}
body#detail #conts h3.mag-title {
	margin-bottom: 1px;
	font-size: 18px;
	line-height: 1;
}
body#detail #conts h3 {
	margin-bottom: 7px;
	font-size: 14px;
}

body#detail #conts h4 {
	margin: 0 20px 15px;
	padding-top: 13px;
	border-top: 1px solid #ccc;
	font-size: 14px;
}

body#detail #conts h4.mb20 {
	margin-bottom: 24px;
}

body#detail #conts .box01 {
	padding: 25px 0 21px 0;
	margin: 0 14px 0 20px;
	width: 540px;
	background-color: #000;
	color: #fff;
}

body#detail #conts .box01 .floatL {
	
}

body#detail #conts .box01 .floatL img {
	margin-left: 35px;
	margin-bottom: 19px;
}

body#detail #conts .box01 .subBox {
	width: 281px;
	float: right;
	margin-right: 16px;
}

body#detail #conts .box01 .subBox .btnBox {
	margin-bottom: 19px;
}

body#detail #conts .box01 .subBox .btnBox .w100 {
	width: 100px;
	margin-right: 30px;
}

body#detail #conts .box01 .subBox .btnBox .floatR img {
	margin: 28px 26px 0 0;
}

body#detail #conts .box01 .subBox p {
	line-height: 1.5;
}

body#detail #conts .box01 .subBox p.mr30 {
	font-size: 10px;
	line-height: 1.8;
}

body#detail #conts .box01 .subBox p span {
	margin-left: 2px;
}

body#detail #conts .box02 {
	margin: 0 20px 0 20px;
	padding: 7px 11px 5px 7px;
	background-color: #F5F5F5;
	border: 1px solid #ccc;
	clear: both;
	height: 32px;
}

body#detail #conts .box02 .w70 {
	width: 70px;
}

body#detail #conts .box02 .floatR ul li {
	margin-left: 10px;
	float: left;
}

body#detail #conts .box03 {
	margin: 0 20px 24px 20px;
	padding: 19px 0 4px 6px;
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
}

body#detail #conts .box03 div#sections {
	margin: 0 0 9px 14px;
	height: 50px;
	overflow: hidden;
}

body#detail #conts .box03 div#sections_disp {
	line-height: 1.5;
}

body#detail #conts .box03 p span {
	margin-left: 4px;
}

body#detail #conts .box03 p.right {
	margin: 20px 11px 0 0;
	padding: 0 18px 0 0;
	background: url(/images/detail-icon02.jpg) no-repeat right 4px;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

body#detail #conts .box04 {
	margin: 0 26px 23px 23px;
}

body#detail #conts .box04 .subBox {
	margin-right: 23px;
	padding-top: 74px;
	float: left;
}

body#detail #conts .box04 .subBox02 {
	margin-right: 26px;
	padding-top: 0;
}

body#detail #conts .box04 .none {
	margin-right: 0;
}

body#detail #conts .box04 .subBox02 .floatL {
	margin-right: 44px;
	width: 125px;
}

body#detail #conts .box04 .subBox02 .mr37 {
	margin-right: 37px;
}

body#detail #conts .box04 .subBox02 .none {
	margin-right: 0;
}

body#detail #conts .box04 .subBox02 .floatL img {
	margin-bottom: 17px;
}

body#detail #conts .box04 .subBox02 .floatL p {
	margin: 0 0 3px 0;
	font-size: 10px;
	color: #999;
}

body#detail #conts .box04 .subBox02 .floatL p.pl0 {
	margin: 0 0 3px 10px;
}

body#detail #conts .box04 .subBox02 .floatL ul {
	margin: 0 10px 0 0;
	line-height: 1.5;
}

body#detail #conts .box04 .subBox02 .floatL ul.ul01 {
	margin: 0 0 0 10px;
}

body#detail #conts .box04 .subBox02 .floatL ul li a {
	color: #333;
}

body#detail #conts ul.ul03 {
	margin-bottom: 24px;
	text-align: center;
}

body#detail #conts ul.ul03 li {
	padding: 0 0 0 10px;
	display: inline;
}

body#detail #conts ul.ul03 li a {
	text-decoration: none;
	color: #333;
}

body#detail #conts ul.ul03 li.current a {
	color: #999;
}

body#detail #conts .box05 {
	margin: 0 0 0 20px;
}

body#detail #conts .box05 .subBox {
	margin-right: 25px;
	width: 155px;
	float: left;
}

body#detail #conts .box05 .none {
	margin-right: 0;
}

body#detail #conts .box05 .subBox img {
	margin-bottom: 10px;
}

body#detail #conts .box05 .subBox p {
	margin: 0 0 3px 10px;
	color: #999;
	font-size: 10px;
}

body#detail #conts .box05 .subBox ul {
	margin: 0 0 0 10px;
	line-height: 1.5;
}

body#detail #conts .box05 .subBox ul li a {
	color: #333;
}

#help #conts02 {
	padding: 15px;
}

#help #conts02 #pContent #paperList {
	width: 855px;
	padding: 0;
}

#help #conts02 #pContent #paperList li {
	width: 260px;
	margin-right: 13px;
	padding: 3px 0;
	text-align: left;
	float: left;
}

#help #conts02 #pContent #magazineList {
	width: 855px;
	padding: 0;
	clear: both;
}

#help #conts02 #pContent #magazineList ul {
	
}

#help #conts02 #pContent #magazineList li {
	width: 158px;
	margin-right: 13px;
	padding: 3px 0;
	text-align: left;
	float: left;
}

#help #conts02 #pContent h4 {
	margin-top: 26px;
	clear: both;
}

#help #conts02 #pContent p {
	padding-right: 20px;
	margin-top: 20px;
	font-size: 80%;
	font-weight: normal;
	clear: both;
	text-align: right;
	float: right;
}

/*----------------------help----------------------*/
#help #main {
	margin-bottom: 74px;
}

#help #conts {
	width: 725px;
	float: right;
	line-height: 180%;
}

#help #conts h2 {
	margin-bottom: 22px;
	font-size: 18px;
	background: #f8f8f8;
	border-left: 7px solid #99cc33;
	padding: 0.8em 0.9em;
	color: #333;
}

#help #conts h3 {
	margin-bottom: 16px;
	font-size: 14px;
	color: #000;
}

#help #conts p {
	margin-top: 0;
	margin-bottom: 15px;
}

#help #conts ul {
	padding-left: 20px;
}

#help #conts dl {
	padding-left: 20px;
}

#help #conts dl dd {
	padding-left: 15px;
}

#help #conts ol {
	list-style-type: decimal;
	padding-left: 20px;
}

#help #conts table {
	margin-bottom: 20px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#help #conts table th {
	padding-left: 5px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #c9eebf;
}

#help #conts table td {
	padding-left: 5px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff;
}

#help #conts .pagetop {
	margin: 50px 0;
	text-align: right;
	display: block;
}

#help #conts .box {
	margin-bottom: 55px;
}

#help #conts .bt0 {
	margin-bottom: 0;
}

#help #conts .box01 {
	width: 220px;
	float: left;
}

#help #conts h4 {
	margin-bottom: 9px;
	font-size: 18px;
	color: #666;
}

#help #conts .box01 p {
	margin-bottom: 10px;
	font-size: 12px;
	color: #000;
	line-height: 1.5;
}

#help #conts .box01 a {
	display: inline-block;
	margin: 0 0 0 1px;
}

#help #conts02 {
	padding: 15px;
}

#help #conts02 #privacy h2 {
	margin-bottom: 22px;
	font-size: 18px;
	color: #666;
}

#help #conts02 #privacy #rule h2 {
	margin: 22px 0;
	font-size: 18px;
	color: #333;
	text-align: center;
}

#help #conts02 #privacy p {
	font-size: 12px;
	text-align: left;
	line-height: 1.6;
}

#help #conts02 #privacy h3 {
	font-weight: bold;
	margin: 30px 0 17px 0;
	font-size: 16px;
	color: #333;
}

#help #conts02 #privacy ol,ul,dl {
	margin-bottom: 15px;
}

#help #conts02 #privacy li {
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}
/* faq */
#help #faq td.q_mark {
	padding:0;
	text-align:center;
	background-image: url(/images/scon_q.gif);
	background-repeat:no-repeat;
	height:28px;width:45px;
	border-style: none;
	text-align:center;
	vertical-align:top;
}
#help #faq td.a_mark {
	padding:0;
	text-align:center;
	background-image: url(/images/scon_a.gif);
	background-repeat:no-repeat;
	height:28px;width:45px;
	border-style: none;
	text-align:center;
	vertical-align:top;
}
#help #faq td.q {
	border-style: none;
	font-weight: bold;
	vertical-align:top;
}
#help #faq td.ans {
	border-style: none;
	vertical-align:top;
}
#help #faq div.idx {
	margin:0;
	padding-top:3px;
	color: #fff;
	font-weight: bold;
	vertical-align:top;
}
#help #faq table.qa {
	border:none;
	border-collapse:separate;
	border-spacing: 0.3em;
}
/*---------------------contact----------------------*/
#contact form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#contact form fieldset {
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	border: 5px solid #ccc;
	background: url(/images/index-sideBar_back.jpg);
}

#contact form fieldset.hidden {
	border: 0;
}

#contact form fieldset legend {
	color: #666666;
	font-weight: normal;
}

#contact form fieldset ol {
	margin: 0;
	padding: 0;
}

#contact form fieldset li {
	display: block;
	list-style: none;
	margin: 0;
	clear: both;
}

#contact form label {
	margin: 0 0 0 5px;
}

#contact form label.element {
	display: block;
	float: left;
	width: 150px;
	padding: 0;
	margin: 5px 0 0 0;
	font-weight: normal;
	text-align: right;
}

form label span.small {
	color: #666666;
	display: block;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	width: 140px;
}

#contact form input,form textarea,form select {
	width: auto;
}

#contact form textarea {
	overflow: auto;
	width: 350px;
	height: 200px;
}

#contact form br {
	clear: left;
}

#contact form div.element {
	display: inline;
	float: left;
	margin: 5px 0 0px 10px;
	padding: 0;
	padding-left: 10px;
	border-left: 7px solid #CCC;
}

#contact form span.required {
	font-size: 80%;
	margin: 5px 5px 0 10px;
}

#contact form li.reqnote {
	font-size: 120%;
	margin: 5px 0 0 10px;
}

#contact form span.error,#contact form span.required {
	color: red;
	font-weight: normal;
}

#contact form .error {
	border: 1px hidden orange;
	padding: 5px;
}

#contact form div.element .note {
	color: #666666;
	font-size: 80%;
	margin: 0px 0 0 0px;
}

#contact form div.element_error {
	display: inline;
	float: left;
	margin: 5px 0 0px 10px;
	padding: 0;
	padding: 2px;
	padding-left: 10px;
	border-left: 7px solid #F00;
}

#contact form div.element_error input {
	background-color: #FFF4F2;
	border: 1px solid #FF0000;
}

#contact form div.element_error textarea {
	background-color: #FFF4F2;
	border: 1px solid #FF0000;
}

div.form-error-summary {
	background: #FFF4F2 none repeat scroll 0 0;
	border: 1px solid #FF0000;
	font-size: 12px;
}

div#complete_msg {
	text-align: center;
	line-height: 150%;
	font-size: 120%;
	padding: 20px 0;
	background: url(/images/index-sideBar_back.jpg);
}

/*----------------------topic----------------------*/
#topicGuide {
	width: 600px;
	padding: 0;
	margin: 0; *
	margin-bottom: 14px;
	_margin-bottom: 15px;
}

#topicGuide ul {
	margin: 20px 0 0 0;
	padding: 0;
}

#topicGuide li {
	list-style: none;
	line-height: 150%;
	font-size: 100%;
	border-bottom: 1px solid #ccc;
	padding: 13px 15px;
}

#topicGuide li.first {
	border-top: 1px solid #ccc;
}

#topicGuide li:hover {
	background-color: #f7f7f7;
}

#topicGuide li div.pubdate {
	padding: 0px;
	margin: 0px;
	color: #888;
}

#topicGuide li div.topic_body {
	margin-left: 20px;
	width: 500px;
}

#topicGuide li a {
	
}

/*----------------------search----------------------*/
#search #main a {
	color: #333;
}

#search #main {
	padding-top: 37px;
}

#search #main h2 {
	margin: 0 0 15px 17px;
	font-size: 14px;
	color: #333;
}

#search #main h3 {
	margin: 0 0 11px 17px;
	font-size: 12px;
	color: #333;
}

#search #main p.color {
	margin: 0 0 45px 17px;
	font-size: 12px;
	color: #333;
}

#search #main p.mb20 {
	margin-bottom: 20px;
}

#search #main ul.check_ul {
	margin: 0 391px 17px 15px;
	padding: 8px 122px 11px 16px;
	border: 1px solid #e5e5e5;
	background: url(../images/search_bg01.gif) repeat left top;
}

#search #main ul.check_ul li {
	margin-right: 20px; *
	margin-right: 18px;
	float: left;
}

#search #main ul.check_ul li input {
	vertical-align: -2px;
}

#search #main ul.check_ul li.wr0 {
	margin-right: 0;
}

#search #main .box01 {
	margin: 0 0 0 10px;
	_margin-left: 10px;
	padding: 10px 0 10px 0;
	width: 570px;
	border-bottom: 1px solid #CCC;
}

#search #main .box01:hover {
	background-color: #f7f7f7;
}

#search #main .boxbt {
	margin-bottom: 85px;
}

#search #main h3.h301 {
	margin-bottom: 31px;
}

#search #main .box01 p {
	padding: 0 0 0 0;
	width: 400px;
	line-height: 1.2;
	color: #333;
	font-size: 12px;
	height: 100px;
	margin: 10px 10px 0 10px;
	float: left;
}

#search #main .box01 img {
	float: left;
	margin: 0 10px;
}

#search #main .box01 .se_ti {
	font-weight: bold;
	font-size: 120%;
	display: block;
}

#search #main .box01 .se_ti a {
	color: #5F7C1F;
}

#search #main .box01 .ma_ti {
	text-align: right;
	display: block;
	margin: 5px 0 10px 0;
}

#search #main .box01 .ma_text {
	margin-bottom: 10px;
	text-align: left;
	display: block;
	overflow: hidden;
}

#search #main .box01 .ma_text em {
	font-weight: bold;
}

#search #main .box01 .search_deleted {
	margin-left: 10px;
	width: 580px;
	display: block;
	height: 60px;
	border: 1px solid #E5E5E5;
	background-color: #FFF;
}

#search #main .box01 .deleted_alert {
	margin: 5px;
	display: block;
	background-color: #EFEFEF;
	line-height: 50px;
	text-align: center;
}



#search #main p.number {
	text-align: center;
}

#search #main p.number a {
	color: #333;
	text-decoration: none;
}

#search #main p.number a.current {
	color: #999;
}

/*--------------------------------------------
		#ranking
--------------------------------------------*/
#ranking #main {
	margin: 0;
}

#ranking #main .conts {
	width: 682px;
	float: right;
}

#ranking #main .conts .box {
	margin-bottom: 25px;
	clear: both;
}

#ranking #main .conts .box p {
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 1.4;
}

#ranking #main .conts .box p.p1 {
	margin-top: 5px;
	color: #999;
}

#ranking #main .conts .box .mb31 {
	margin-bottom: 31px;
}

#ranking #main .conts .box p.p1 a {
	font-size: 12px;
}

#ranking #main .conts .box .r_rank {
	float: left;
}

#ranking #main .conts .box .r_box {
	float: left;
	margin-top: 10px;
}

#ranking #main .conts .box .l_box {
	width: 515px;
	margin-top: 5px;
	float: right;
}

#ranking #main .conts .box .w477 {
	width: 475px;
}

#ranking #main .conts .box .w465 {
	width: 465px;
}

#ranking #main .conts .box .w515 {
	width: 515px;
}

#ranking #main .conts .mb36 {
	margin-bottom: 36px;
}

#ranking #main .conts .mb64 {
	margin-bottom: 64px;
}

/*--------------------------------------------
		#mypage
--------------------------------------------*/
#mypage .box {
	margin: 0 11px 24px 9px;
	padding: 10px 10px 13px 0;
	border: 1px solid #DDD;
	zoom: 1;
}

#mypage .box .btn {
	float: right;
}

#mypage table.topics {
	width: 780px;
	margin: 3px 0 0 10px;
}

#mypage table.topics th {
	width: 75px;
	color: #999;
	text-align: left;
}

#mypage table.topics td {
	line-height: 1.5;
}

#mypage table.topics td.date {
	width: 85px;
}

#mypage table.topics td a.color {
	color: #ff0000;
}

#mypage #main {
	margin: 0;
}

#mypage #main .conts {
	width: 726px;
	float: right;
}

#mypage #main .conts .ul01 {
	margin: 4px 0 28px 0;
}

#mypage #main .conts .ul01 li {
	margin-right: 14px;
	float: left;
}

#mypage #main .conts .ul01 li.ml0 {
	margin-right: 0;
}

#mypage #main .conts .page {
	margin-right: 20px;
	_margin-right: 10px;
}

#mypage #main .conts .page .ul02 {
	margin: 4px 0 28px 0;
	float: right;
}

#mypage #main .conts .page .ul02 li {
	margin-right: 10px;
	float: left;
}

#mypage #main .conts .page .ul02 li a {
	text-decoration: none;
	color: #333;
}

#mypage #main .conts .page .ul02 li.current a {
	color: #999;
}

#mypage #sideBar ul.sideNavi {
	padding: 15px 0 12px 20px;
	margin-bottom: 0;
	border: 1px solid #E7E7E7;
	border-top: none;
	border-bottom: none;
}
p.pwreset-result, p.pwchange-result {
    border: 1px solid #99cc33;
    vertical-align: middle;
    padding: 1em;
    margin-top: 3px;
    margin-bottom: 1em;
    font-size: 14px;
}
p.pwchange-result {
    width: 500px;
}
p.pwchange-result {
    width: 100%;
}
#mypage .conts h2 {
	margin-bottom: 22px;
	font-size: 18px;
	background: #f8f8f8;
	border-left: 7px solid #99cc33;
	padding: 0.8em 0.9em;
	color: #333;
}
#mypage .conts h3 {
    margin-bottom: 16px;
	font-size: 14px;
	color: #000;
}
#mypage .conts p {
	margin-bottom: 11px;
}
#mypage .conts .notice {
	font-weight: bold;
	color: #ee0000;
}
#mypage .conts dl {
}
#mypage .conts dt {
	font-weight: bold;
	font-size: 14px;
}
#mypage .conts dd {
	margin-bottom: 1em;
}
#mypage .conts .device h3 {
	float: left;
	width: 30px;
	height: 60px;
	clear: both;
}
#mypage .conts .device dl {
	margin: 0 0 0 20px;
}
#mypage .conts .device dl dt {
	float: left;
	width: 50px;
	font-weight: bold;
	font-size: 12px;
}
#mypage .conts .device dl dt:after {
	content: ":";
}
#mypage .conts .device dd {
	margin: 0.5em;
}
#mypage .conts .device button {
	margin: 10px 0 20px 30px;
	width: 180px;
	clear: both;
}
#mypage .conts #account {
	margin: 0 100px;
	padding: 1em;
	border: 5px solid #ccc;
}
#mypage .conts #account form {
	padding-top: 1em;
	border-top: solid 1px #ccc;
}
#mypage .conts #account .error_message {
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #FFBAB9;
	border: solid 1px #DF6F76;
	color: #DF2935;
}
#mypage .conts #account dl dt {
	float: left;
	width: 180px;
	text-align: right;
	line-height: 150%;
}
#mypage .conts #account dl dt:after {
	content: ":";
}
#mypage .conts #account dl dd {
	padding-left: 200px;
}
#mypage .conts #account input[type=text], #mypage .conts #account input[type=password] {
	font-size: 120%;
}
#mypage .conts #account .email{
	width: 280px;
}
#mypage .conts #account #form-act-btn {
	text-align:center;
}
#mypage div.error_message {
	margin: 15px 30px;
	background-color: #FFBAB9;
	padding: 12px;
	border: 1px solid #DF6F76;
	color: #DF2935;
}
#mypage div.error_message dl {
	margin: 0;
	font-size: 14px;
}
#mypage div.error_message dt {
	font-weight: bold;
	font-size: 16px;
}
#mypage div.error_message dd {
	margin: 0;
}
#mypage div.error_message strong {
	font-weight: bold;
}

/*--------------------------------------------
  #purchase, account, pwforgot
--------------------------------------------*/
body#detail #conts h2.purchase {
	margin-bottom: 22px;
	margin-right: 18px;
	font-size: 18px;
	background: #f8f8f8;
	border-left: 7px solid #99cc33;
	padding: 0.8em 0.9em;
	color: #333;
}
body#detail h2.guide-title {
	margin-bottom: 22px;
	margin-right: 18px;
	font-size: 18px;
	background: #f8f8f8;
	border-left: 7px solid #99cc33;
	padding: 0.8em 0.9em;
	color: #333;
}
body#detail .guide-section {
    margin-right: 18px;
    padding: 0 0.9em;
    margin-bottom: 2.5em;
}
body#detail .caption {
    font-size: 14px;
    color: #333;
}
body#mypage .caption {
    font-size: 13px;
    color: #333;
}
body#my .caption {
    font-size: 14px;
    color: #333;
}
body#detail table.pwreset, body#mypage table.pwchange {
    border: 1px solid #99cc33;
    vertical-align: middle;
    width: 500px;
}
body#detail table.pwreset {
    margin: 1em 0 1em 0;
}
body#mypage table.pwchange {
    margin: 0.4em 0 1em 0;
}
body#detail table.pwreset th, table.pwreset td, table.pwchange th, table.pwchange td {
    border: 1px solid #99cc33;
}
body#detail table.pwreset th, table.pwchange th {
    background-color: #99cc33;
    color: #fff;
    font-weight: bold;
    padding: 3px;
}
body#detail table.pwreset td {
    padding: 1em 0.1em 1em 0.5em;
    width: 180px;
    color: #333;
}
table.pwchange td {
    padding: 0.5em 0.1em 1em 0.5em;
    width: 180px;
    color: #333;
}
body#detail table.pwreset td.resetmail, table.pwchange td.pwchangeitem {
    padding-left: 0.5em;
    width: 320px;
}
body#detail div#pwreset-submitarea, div#pwchange-submitarea {
    margin: 0 0 1.5em 0;
    padding:0;
    width: 500px;
}
body#detail #pwreset-submit, #pwchange-submit {
    margin-left: 180px;
    height: 40px;
    width:200px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
    /*gets rid of the white background color that is there by default*/
    background-image: url(/images/green_submitbtn.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    _display: block;
    /*don't ask, but this gets rid of the dash in IE7 and 6*/
}
body#detail .buy_submit_btn {
    /* ref. http://jc-designs.net/blog/2009/08/background-image-on-submit-button-in-ie6/ */
    height: 60px;
    width:330px;
    cursor: pointer;
    border: none;
    color: #fff;
    padding-left:5px;
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
    /*gets rid of the white background color that is there by default*/
    background-image: url(/images/green_submitbtn_l.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    _display: block;
    /*don't ask, but this gets rid of the dash in IE7 and 6*/
}
.buy_guide .magazine-cell {
    display: block;
    float: left;
    padding-left: 3px;
}
.warning {
    color: #f00;
}
body#detail #conts .box06 {
	margin: 0 14px 0 20px;
	width: 540px;
}

body#detail #conts .box06 .floatL {
	
}

body#detail #conts .box06 .floatL img {
	margin-left: 0;
	margin-bottom: 19px;
}

body#detail #conts .box06 .subBox {
	width: 360px;
	float: right;
	margin-right: 16px;
}

body#detail #conts .box06 .subBox .btnBox {
	margin-bottom: 19px;
}

body#detail #conts .box06 .subBox .btnBox .w100 {
	width: 100px;
	margin-right: 30px;
}

body#detail #conts .box06 .subBox .btnBox .floatR img {
	margin: 28px 26px 0 0;
}

body#detail #conts .box06 .subBox p {
	line-height: 1.5;
}

body#detail #conts .box06 .subBox p.mr30 {
	font-size: 10px;
	line-height: 1.8;
}

body#detail #conts .box06 .subBox p span {
	margin-left: 2px;
}

body#detail #conts .carrierbox {
	margin: 0 14px 0 20px;
	padding-bottom: 20px;
	width: 500px;
}
body#detail #conts .carrierbox {
	margin: 0 14px 0 20px;
	width: 500px;
	border-bottom: 1px solid #ccc;
}

body#detail #conts .carrierbox .floatL img {
	margin-left: 0;
	margin-bottom: 13px;
	border: 1px solid #666;
}

body#detail #conts .carrierbox .subBox01 {
	width: 250px;
	float: left;
	margin-right: 16px;
}

body#detail #conts .carrierbox .subBox02 {
	width: 360px;
	float: right;
	margin: 0 0 20px 0;
	background: url(/images/index-sideBar_back.jpg);
	border: 2px solid #ccc;
}
body#detail #conts .subBox03 {
	width: 360px;
	float: right;
	margin: 0;
}
body#detail #conts .subBoxPc {
	width: 360px;
	float: right;
	margin: 0 0 20px 0;
}

body#detail #conts .carrierbox .sendmail {
	margin-bottom: 20px;
}

body#detail #conts .carrierbox .complete {
	padding: 50px 0;
	text-align: center;
}


body#detail #conts .buy_ti {
	
}

body#detail #conts .buy_guide {
	border: 1px solid #ccc;
	margin-right: 18px;
	padding: 10px;
}

body#detail #conts .buy_guide h3 {
	margin: 16px 20px;
	font-size: 14px;
	color: #000;
}

body#detail #conts .buy_guide form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

body#detail #conts .buy_guide form fieldset {
	clear: both;
	float: left;
	margin: 0;
	padding: 5px;
	width: 100%;
}

body#detail #conts .buy_guide form fieldset.hidden {
	border: 0;
}

body#detail #conts .buy_guide form fieldset legend {
	color: #666666;
	font-weight: normal;
}
body#detail #conts .buy_guide form fieldset ol {
	margin: 0;
	padding: 0;
}

body#detail #conts .buy_guide form fieldset li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

body#detail #conts .buy_guide form label.element {
	display: block;
	font-weight: normal;
}

body#detail #conts .buy_guide form label span.small {
	color: #666666;
	display: block;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	width: 140px;
}

body#detail #conts .buy_guide form input#email {
	margin-left: 5px;
	width: 200px;
}

body#detail #conts .buy_guide form div.element {
	display: block;
	float: left;
	padding: 0;
}

body#detail #conts .buy_guide form span.required {
	font-size: 80%;
	margin: 5px 5px 0 10px;
}

body#detail #conts .buy_guide form li.reqnote {
	font-size: 120%;
	margin-left: 10px;
}

body#detail #conts .buy_guide form span.error,body#detail #conts .buy_guide form span.required {
	color: red;
	font-weight: normal;
}

body#detail #conts .buy_guide form .error {
	border: 1px hidden orange;
	padding: 5px;
}

body#detail #conts .buy_guide form div.element .note {
	color: #666666;
	font-size: 80%;
	margin: 0;
}

body#detail #conts .buy_guide form div.element_error {
	display: inline;
	float: left;
	padding: 0;
	padding: 2px;
}

body#detail #conts .buy_guide form div.element_error input {
	background-color: #FFF4F2;
	border: 1px solid #FF0000;
}

body#detail #conts .buy_guide form div.element_error textarea {
	background-color: #FFF4F2;
	border: 1px solid #FF0000;
}


/*--------------------------------------------
		#list
--------------------------------------------*/
#list #main {
	margin: 0;
}

#list #main .conts {
	width: 700px;
	float: right;
}

#list #main .conts .box {
	margin: 1px 0 21px 0; *
	margin: 1px 0 28px 0;
}

#list #main .conts .box .box01 {
	margin-right: 6px;
	width: 134px;
	line-height: 1.6;
	float: left;
}

#list #main .conts .box .mr0 {
	margin-right: 0;
}

#list #main .conts .box .box01 img.mb11 {
	margin-bottom: 11px;
}

#list #main .conts .box .box01 img.mb7 {
	margin-bottom: 7px;
}

#list #main .conts .box .box01 p {
	margin: 0 0 5px 5px;
	height: 60px;
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
	overflow: hidden;
}

#list #main .conts .box .box01 h2 {
	margin: 0 0 0 10px;
	font-size: 10px;
	color: #999;
	font-weight: normal;
}

#list #main .conts .box .box01 ul {
	margin: 0 0 0 10px;
}

#list #main .conts .box .box01 ul li {
	margin-bottom: 6px;
	float: left;
}

#list #main .conts .mb30 {
	margin-bottom: 30px; *
	margin-bottom: 36px;
}

#list #main .conts .mb107 {
	margin-bottom: 107px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#search #main ul.check_ul li {
		margin-right: 10px;
	}
	#mypage .box  dl dt .pl72 {
		padding-left: 84px;
	}
}

/*--------------------------------------------
		popup
--------------------------------------------*/
#header img.btn {
	cursor: pointer;
}

.box_popup {
	display: none;
	position: absolute;
	left: 1px;
	top: 100px;
	padding: 4px;
	width: 540px;
	z-index: 9999;
	background: url(/images/index-line01.jpg) repeat left top;
}

.box_popup .subBox {
	padding: 11px 0 27px 11px; *
	padding-bottom: 2px;
	background-color: #fff;
}

.box_popup .subBox h3 {
	margin-bottom: 27px;
	color: #690;
}

.box_popup .subBox ul {
	margin-right: 13px;
	width: 146px;
	float: left;
}

.box_popup .subBox ul.ul02 {
	margin-right: 45px;
}

.box_popup .subBox ul li {
	margin: 0 0 15px 20px;
}

.box_popup .subBox ul li.none {
	margin-bottom: 0;
}

.box_popup .subBox ul li a {
	color: #333;
}

/*--------------------------------------------
		#login
--------------------------------------------*/
#loginArea {
	width: 940px;
	text-align: left;
	border: 5px solid #ccc;
	margin-top: 20px;
	margin-left: 10px;
	background: url(/images/index-sideBar_back.jpg);
}

#loginMain {
	background-color: #FFF;
	width: 673px;
	margin: 35px auto 35px auto;
	padding: 0 0 30px 0;
	text-align: left;
	border: 5px solid #ccc
}
#loginMain .caption {
	display: block;
	margin: 15px 0 15px 105px;
	padding: 0;
}
#loginMain div.error_message, #detail div.error_message {
	margin: 15px 30px;
	background-color: #FFBAB9;
	padding: 12px;
	border: 1px solid #DF6F76;
	color: #DF2935;
}
#loginMain div input {
	vertical-align: middle;
}
table#loginform {
    border-collapse: collapse;
}
table#loginform th {
    font-weight: bold;
    width: 120px;
    padding: 5px 0 5px 105px;
}
table#loginform td {
    padding: 5px 0 5px 10px;
}
table#loginform input.text, table#loginform input.password, #pwresetForm input.text, #pwresetForm input.password, #pwchangeForm input.text, #pwchangeForm input.password {
    font-size: 120%;
    width: 280px;
}
table#loginform input[type=text], #loginform input[type=password], #pwresetForm input[type=text], #pwresetForm input[type=password], #pwchangeForm input[type=text], #pwchangeForm input[type=password] {
    font-size: 120%;
    width: 280px;
}
#loginMain div#login-act-btn {
    display: block;
    margin: 5px 0 15px 225px;
    padding: 0 0 5px 10px;
}
#loginMain h1 {
	margin: 0;
	padding: 0 0 0 200px;
	height: 55px;
	background: url(/images/regist_bg.jpg) no-repeat;
	line-height: 55px;
	font-size: 18px;
	color: #636563;
}
#loginMain p {
	margin: 1em 100px;
}
#loginMain input, #loginMain select, #loginMain radio, #loginMain checkbox {
	margin: 5px 0;
	line-height: 180%;
}
#loginMain input[type=text], #loginMain input[type=password], #loginMain select {
    font-size: 120%;
    width: 280px;
}
#loginMain fieldset {
	margin: 0 100px;
}
#loginMain label {
	margin: 5px 0;
	padding-right: 10px;
	float: left;
	width: 150px;
	text-align: right;
    font-size: 120%;
	font-weight: bold;
	line-height: 180%;
	color: #636563;
	clear: both;
}
#loginMain label:after {
	content: ":";
}
#loginMain fieldset .ui-block-b, #loginMain fieldset .ui-block-c, #loginMain fieldset .ui-block-d, #loginMain fieldset fieldset label {
	float: left;
}
#loginMain fieldset .ui-block-b label, #loginMain fieldset .ui-block-c label, #loginMain fieldset .ui-block-d label, #loginMain fieldset fieldset label {
	float: none;
	margin-left: 5px;
	line-height: 36px;
	font-weight: normal;
}
#loginMain fieldset .ui-block-b label:after, #loginMain fieldset .ui-block-c label:after, #loginMain fieldset .ui-block-d label:after, #loginMain fieldset fieldset label:after {
	content: "";
}
#loginMain fieldset .inputvalue {
	font-size: 120%;
	line-height: 36px;
}
#loginMain #regist-act-btn {
	text-align: center;
}
#loginMain input, #loginMain select{
    font-size: 120%;
}
#loginMain #year {
	width: 4em;
}
#loginMain #month, #loginMain #day {
	width: 3em;
}
#loginMain input[type=submit] {
	width: 200px;
}
#loginMain ul {
	margin: 1em 100px;;
}
#loginMain #agreement {
	margin: 1em 100px;
	height: 20em;
	border: solid 1px #636563;
	overflow: scroll
}

/*--------------------------------------------
		#slide
--------------------------------------------*/
body#index #conts .box01 #slideshow {
	width: 470px;
	float: left;
}

body#index #conts .box01 #slideshow slider {
	width: 470px;
	float: left;
}

body#index #conts .box01 #slideshow ul {
	margin: 0;
	padding: 0;
}

body#index #conts .box01 #slideshow li {
	list-style-type: none;
}

body#detail #conts .box04 #slideshow {
	width: 482px;
	float: left;
}

body#detail #conts .box04 #slideshow slider {
	width: 482px;
	float: left;
}

body#detail #conts .box04 #slideshow ul {
	margin: 0;
	padding: 0;
}

body#detail #conts .box04 #slideshow li {
	list-style-type: none;
}

.activeSlide {
	color: #99CC33;
	font-weight: bold;
}

/*--------------------------------------------
		#pager
--------------------------------------------*/
.pager-navi {
	clear: both;
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
	float: right;
}

.pager-navi a {
	color: #494949;
	width: auto;
	height: 21px;
	display: block;
	font-size: 108%;
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
	margin: 0 3px;
	padding: 0 6px;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
	float: left;
	text-decoration: none;
}

* html .pager-navi a {
	color: #494949;
	float: left;
	width: auto;
	height: 21px;
	display: block;
	font-size: 108%;
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
	margin: 0 2px 0 0;
	padding: 0 6px 0 6px;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
}

.pager-navi a:hover {
	color: #fff;
	background: #99CC33;
	border: 1px solid #6E9739;
	text-decoration: none;
}

.pager-navi a.next {
	width: 21px;
	padding: 0;
}

.pager-navi a.next:hover {
	
}

.pager-navi a.previous {
	width: 21px;
	padding: 0;
}

.pager-navi a.previous:hover {
	
}

.pager-navi span.CrntP {
	color: #6E9739;
	width: 21px;
	height: 21px;
	display: block;
	font-size: 108%;
	background: #fff;
	border: 1px solid #c6c6c6;
	margin: 0 3px;
	padding: 0;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
	float: left;
}

div.list_img {
	margin: 5px 0 10px 5px;
	position: relative;
	height: 170px;
}

div.list_img_l {
	margin: 5px 0 10px 5px;
	position: relative;
	height: 190px;
}

img.new_release {
	position: absolute;
	top: -5px;
	left: -5px;
}

/*-- z-index(category dropdown menu for IE) --*/
.conts {
	z-index: 2;
}

#sideBar {
	z-index: 1;
}

#main {
	z-index: 0;
}

#header {
	z-index: 3;
}

/*-- glimpse viewer --*/
#viewer_close {
	height: 30px;
	display: none;
	margin: 0 14px 0 20px;
	width: 540px;
	background-color: #000;
}

#viewer_close img{
	float:right;
	margin: 8px 5px 0 0;
	cursor: pointer;
	
}
#viewerbox {
	position:relative;
	height: 270px;
	overflow: hidden;
	padding: -30px;
}

#viewerbox object {
	position: relative;
	top: -30px;
}

/*-- social buttons --*/
#social-buttons {
	margin:0;
	height:30px;
	line-weight:30px;
}
#social-buttons li {
	float:left;
	padding: 0 5px 0 0;
}
#social-buttons li:first-child {
	padding: 0;
}

/*-- help pages --*/
.selectdevice {
}

.selectdevice a{
	float:left;
	display:block;
	background-image:url(/images/help/selectdevice.png);
	background-repeat:no-repeat;
	height:190px;
	margin-right:1px;
}

.selectdevice .iphone{
	background-position:28px 0;
	width:178px;
}
.selectdevice .iphone:hover{
	background-position:28px -252px;
}
.selectdevice .android{
	background-position:-152px 0;
	width:142px;
}
.selectdevice .android:hover{
	background-position:-152px -252px;
}
.selectdevice .pc{
	background-position:-296px 0;
	width:203px;
}
.selectdevice .pc:hover{
	background-position:-296px -252px;
}
.selectdevice .keitai{
	background-position:-501px 0;
	width:136px;
}
.selectdevice .keitai:hover{
	background-position:-501px -252px;
}

.prefix{
	*display:inline-block;
}
.prefix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 10%;
	line-height: 0;
	clear: both;
}

.help_usage {
	padding-left: 38px;
	background-repeat:no-repeat;
}
.help_usage_pc {
	background-position: left center;
	background-image:url(/images/help/pc.png);
}
.help_usage_iphone {
	background-position: 3px center;
	background-image:url(/images/help/iphone.png);
}
.help_usage_android {
	background-position: 6px center;
	background-image:url(/images/help/android.png);
}
.help_usage_keitai {
	background-position: 7px center;
	background-image:url(/images/help/keitai.png);
}

.howtoblock {
}
.howtoblock .column{
	float:left;
	width:200px;
	margin-right:30px;
}
.howtoblock .title{
	margin-bottom:10px;
	padding:20px;
	background-repeat:no-repeat;
	background-position: left center;
}
.howtoblock img {
	display:inline-block;
}
.howtoblock .no1{
	background-image:url(/images/help/1.png);
}
.howtoblock .no2{
	background-image:url(/images/help/2.png);
}
.howtoblock .no3{
	background-image:url(/images/help/3.png);
}
.howtoblock .no4{
	background-image:url(/images/help/4.png);
}
.howtoblock .no5{
	background-image:url(/images/help/5.png);
}
.howtoblock .no6{
	background-image:url(/images/help/6.png);
}

.prefix{
	*display:inline-block;
}
	.prefix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 10%;
	line-height: 0;
	clear: both;
}