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

@media only screen and (max-width:768px){

body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif,Meiryo;
	font-size:13px;
}


.inner{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}

}

@media only screen and (min-width:768px){


body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif,Meiryo;
	font-size:13px;
}

.inner{
	width:1000px;
	height:auto;
	min-height:600px;
	padding:10px 0;
	margin:0 auto;
	text-align: center; 
}

}


/* ²£«~¤º­¶  */

@media only screen and (max-width:768px){


.pddiv{
        width: 90%;
        height: auto;
        margin: 0 8% 0 2%;
        padding: 20px 0 40px 0;
	text-align: center;	
}

.pddiv1{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
}

.pddiv1 img{
        width: 95%;
        height: auto;
        margin: 0 2.5%;
        padding: 0;
	text-align: center;
	border:0;	
}

.pddiv2{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
	float:left;
	text-align:left;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
}

.pdtitle{
        width: 90%;
        height:auto;
        margin: 0;
        padding: 0 10% 0 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
	text-align:left;
}

.pdname{
        width: 90%;
        height:auto;
        margin: 10px 0;
        padding: 0 10% 0 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 31px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}

.pdprice{
        width: 90%;
        height:auto;
        margin: 0;
        padding: 0 10% 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #900000;
        letter-spacing: 1px;
	text-align:right;
}

.pdprice span{
        font-size: 22px;
        font-weight: 700;
        line-height: 31px;
        color: #c00000;	
}

.pdprome{
        width: 90%;
        height:auto;
        margin:15px 0;
        padding: 10px 10% 10px 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        color: #333;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}

.pddesc{
        width: 95%;
        height:auto;
        margin: 0 2.5%;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;	
}




}

@media only screen and (min-width:768px){

.pddiv{
        width: 90%;
        height: auto;
        margin: 0 8% 0 2%;
        padding: 20px 0 40px 0;
	text-align: center;	
}

.pddiv1{
        width: 30%;
        height: auto;
        margin: 0;
        padding: 0;
	float:left;
	text-align:left;
}

.pddiv1 img{
        width: 95%;
        height: auto;
        margin: 0 2.5%;
        padding: 0;
	text-align: center;
	border:0;	
}

.pddiv2{
        width: 60%;
        height: auto;
        margin: 0;
        padding: 0 10% 0 0;
	float:left;
	text-align:left;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
}

.pdtitle{
        width: 90%;
        height:auto;
        margin: 0;
        padding: 0 10% 0 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
	text-align:left;
}

.pdname{
        width: 90%;
        height:auto;
        margin: 10px 0;
        padding: 0 10% 0 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 31px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}

.pdprice{
        width: 90%;
        height:auto;
        margin: 0;
        padding: 0 10% 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #900000;
        letter-spacing: 1px;
	text-align:right;
}

.pdprice span{
        font-size: 22px;
        font-weight: 700;
        line-height: 31px;
        color: #c00000;	
}

.pdprome{
        width: 90%;
        height:auto;
        margin:15px 0;
        padding: 10px 10% 10px 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        color: #333;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}

.pddesc{
        width: 95%;
        height:auto;
        margin: 0 2.5%;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;	
}

}