/* CSS Document */


#head-area .socialbutton{
	position: absolute;
	right: 0;
	bottom: -35px;
}


#main .main-inner h1{
	font-size:		28px;
	line-height:		1.4;
	font-weight:		bold;
	display:		none;
}

#main .main-inner .article{
	margin:0px !important;
}
#main .main-inner .video{
	display:none;
}

#main .main-inner .main-contents-1{
	padding:		0px !important;
	margin-top:		30px !important;
}
#main .main-inner .main-contents-1 h2{
	font-size:		32px;
	line-height:		1.4;
	font-weight:		bold;
}
#main .main-inner .main-contents-1 .txt{
	font-size:		14px;
	line-height:		1.4;
}
#main .main-inner .main-contents-1 .price{
	font-size:		18px;
	line-height:		1.4;
	font-weight:		bold;
}
#main .main-inner .main-contents-1 .price span{
	font-size:		20px;
}
#main .main-inner .main-contents-1 .left-part{
	width:			65.306122448979591836734693877551%;
	padding:		0;
}
#main .main-inner .main-contents-1 .left-part img{
	width:			100%;
}
#main .main-inner .main-contents-1 .right-part{
	width:			30.612244897959183673469387755102%;
	padding:		0;
	float:right;
	padding-right:		2.04082%;
}

#main .main-inner .main-contents-1 .right-part .Num{
	font-size:		18px;
	font-weight:		bold;
}

#main .main-inner .main-contents-2{
	border-bottom:		0px !important;
}

#main .main-inner .main-contents-2 ul {
	text-align: left;
	padding: 20px 0 0;
}
#main .main-inner .main-contents-2 ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 1.93877551020408163265306122449% 0 0;/*19/980 */
}
.ie7 #main .main-inner .main-contents-2 ul li{
	display: inline;
	zoom:1;
}

#main .main-inner .main-contents-2 ul li.nopd{
	padding-right:	0;
}
#main .main-inner .main-contents-2 ul li {
	width:32.040816326530612244897959183673%;/* 314/980 */
}
#main .main-inner .main-contents-2 ul li img {
	width: 100%;
}

#main .main-inner .eff-list{
    overflow: hidden;
    clear: both;
    /zoom: 1;
}

#main .main-inner .eff-list li {
    display: block;
    float: left;
    margin: 4px 5px 4px 0;
    height: 1.4em;

}
.ie7 #main .main-inner .eff-list li {
    display: inline;
}
#main .main-inner .eff-list li span {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ccc;
    padding: 0 8px;
    display: blcok;
    zoom: 1;
}


#main .main-inner .text-title-lv2{
	font-size:		24px;
	font-weight:	bold;
	line-height:	1.4;
}

#main .main-inner .main-contents-3{
	padding:		0px 0px 30px !important;
}
#main .main-inner .main-contents-3 .left-part{
	width:			18.36734693877551%;
}

#main .main-inner .main-contents-3 .right-part{
	width:			65.3061%;
	padding:		0;
	float: left;
}

#main .main-inner .main-contents-3 .right-part .txt{
	font-size: 14px;
}

#main .main-inner .main-contents-4{
	padding-top: 30px;
}

#main .main-inner .main-contents-4 .text-title-lv2{
	text-align:	left;
}


#main .main-inner .main-contents-4 .fn-left {
    float: left;
    width: 65.3061%;
}

#main .main-inner .main-contents-4 .fn-right {
    float: right;
    width: 32.0408%;
}

#main .main-inner .main-contents-4 ul {
	text-align: left;
	padding: 0;
}
#main .main-inner .main-contents-4 ul li .text span{
	font-size:	14px;
	line-height:	1.4;
	display:block;
	padding:8px 0 0 14px;
	float:left;
	text-indent: -14px;
}

#main .main-inner .main-contents-4 ul li .text img{
	width:	30px;
	display:block;
	float:left;
}

#main .main-inner .main-contents-4 .center{
	text-align: left;
	font-size: 14px;
}

#main .main-inner .main-contents-5{
	width:		auto;
	padding:	0 2.040816326530612244897959183673% 30px !important;
}
#main .main-inner .main-contents-5 ul {
	text-align: left;
	padding: 20px 0 0;
}
#main .main-inner .main-contents-5 ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 2.127659574468085106382978723404% 0 0;/*20/940 */
}
.ie7 #main .main-inner .main-contents-5 ul li{
	display: inline;
	zoom:1;
}

#main .main-inner .main-contents-5 ul li.nopd{
	padding-right:	0;
}
#main .main-inner .main-contents-5 ul li {
	width:31.914893617021276595744680851064%;/* 300/940 */
}
#main .main-inner .main-contents-5 ul li img {
	width: 100%;
}


@media screen and (max-width: 925px) {
	#main{
		padding: 10px;
	}
	
	#main .main-inner .main-contents-1 .left-part{
		float: none;
	}
	#main .main-inner .main-contents-1 .right-part{
		width:			100%;
		float:none;
		padding-right:	0;
		padding-top:10px;
	}
}


@media screen and (max-width: 680px) {
	
	#main .main-inner .main-contents-1 .left-part{
		width:			100%;
	}
	
	#main .main-inner .main-contents-2 ul li {
		display:block;
		padding: 0;
		float:	none;
		width:100%;
		max-width:314px;
		margin-bottom:10px;
	}
	#main .main-inner .main-contents-3 .left-part{
		width:			100%;
		padding:0;
		
	}
	
	#main .main-inner .main-contents-3 .left-part p{
		width:			100%;
		padding-top:		20px;
		text-align: 		center;
	}	
	
	#main .main-inner .main-contents-3 .left-part p img{
		width: 150px !important;
		height: 150px !important;
		min-width: 150px;
	}
	#main .main-inner .main-contents-3 .right-part{
		width:			100%;
		padding:		0;
		float:none;
		padding-top:10px;
	}

	
	#main .main-inner .main-contents-4 .fn-left {
	    float: none;
	    width: 100%;
	}
	
	#main .main-inner .main-contents-4 .fn-right {
	    float: none;
	    max-width: 314px;
	    width: 100%;
	}
	
	#main .main-inner .main-contents-4 ul li .text img {
		min-width:		30px !important;
	}
	#main .main-inner .main-contents-5{
		padding:	0 0 30px !important;
	}
	#main .main-inner .main-contents-5 ul li {
		display:block;
		padding: 0;
		float:	none;
		width:100%;
		max-width:300px;
		margin-bottom:10px;
	}
}