@charset "utf-8";
/* CSS Document */
/*===============================================
●モバイル用
===============================================*/

#Paragraf01{display:block;}
#Paragraf01 h2{color:#ff00fe;border-bottom:1px dotted #ff00fe;}
#Paragraf01 .left{display:block;}
#Paragraf01 .right{display:block;}
#Paragraf01 .right .whitning01 img{width:100%;}
#Paragraf01 .midashi2 {font-weight:normal;color:#333;border-bottom:0px solid #ff00fe;margin-bottom:1.0em;}
#Paragraf01 .price{border:1px dotted #ff00fe;padding:5px;margin-bottom:5px;}

#Paragraf02{margin-top:2.0em;}
#Paragraf02 h2{color:#ff00fe;border-bottom:1px dotted #ff00fe;}
#Paragraf02 .midashi2 {font-weight:normal;color:#333;border-bottom:0px solid #ff00fe;margin-bottom:1.0em;}
#Paragraf02 .left{display:block;}
#Paragraf02 .right{display:block;}
#Paragraf02 .right .box01 img{width:100%;}
#Paragraf02 .price{border:1px dotted #ff00fe;padding:5px;margin-bottom:5px;}

#Paragraf03 {margin-top:2.0em;}
#Paragraf03 h2{color:#ff00fe;border-bottom:1px dotted #ff00fe;margin-bottom:1.0em;}
#Paragraf03 .left{display:block;}
#Paragraf03 .right{display:block;}
#Paragraf03 .price{border:1px dotted #ff00fe;padding:5px;margin-bottom:5px;}

#Paragraf04 {margin-top:2.0em;}
#Paragraf04 h2{color:#ff00fe;border-bottom:1px dotted #ff00fe;margin-bottom:1.0em;}
#Paragraf04 .left{display:block;}
#Paragraf04 .left p{width:100%;margin-bottom:1.0em;}
#Paragraf04 .right{display:block;}
#Paragraf04 .right p{width:100%;margin-bottom:1.0em;}
#Paragraf04 .price{border:1px dotted #ff00fe;padding:5px;margin-bottom:5px;}

#Paragraf05 {margin-top:2.0em;}
#Paragraf05 h2{color:#ff00fe;border-bottom:1px dotted #ff00fe;margin-bottom:1.0em;}
#Paragraf05 .left{display:block;}
#Paragraf05 .left p{width:100%;margin-bottom:1.0em;}
#Paragraf05 .right{display:block;}
#Paragraf05 .right p{width:100%;margin-bottom:1.0em;}
#Paragraf05 .price{border:1px dotted #ff00fe;padding:5px;margin-bottom:5px;}

#ParagrafPrice{display:block;}
#ParagrafPrice h2{color:#ff00fe;border-bottom:1px dotted #ff00fe;}
#ParagrafPrice ul{list-style:none;display:block;}
#ParagrafPrice ul li{line-height:2.0em;}
#ParagrafPrice ul li.price01{border-bottom:1px dotted #ccc;background-color:#e5f2e5;}
#ParagrafPrice ul li.price02{border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.price03{border-bottom:1px dotted #ccc;text-align:right;}
#ParagrafPrice ul li.last-child{}

/*===============================================
●PC 画面の横幅が640px以上
===============================================*/
@media print, screen and (min-width: 640px){

.headimagePc{display:block;background-image:url(../images/headimagePc.png);height:300px;width:1000px;margin:0;}
.headimagePc h2{display:block;padding-top:85px;padding-left:400px;color:#555;font-family: 'Book Antiqua', sans-serif;}
.headimagePc p.left{display:block;padding-top:10px;padding-left:80px;color:#ff00fe;float:left;}
.headimagePc p.right{display:block;padding-top:10px;width:500px;padding-right:100px;color:#333;float:right;line-height:1.5em;}

#Paragraf01{display:block;overflow:hidden;}
#Paragraf01 .left{float:left;width:300px;}
#Paragraf01 .right{float:right;width:620px;padding-left:20px;}

#Paragraf02{display:block;overflow:hidden;margin-top:30px;}
#Paragraf02 .left{float:left;width:250px;}
#Paragraf02 .left img{width:250px;}
#Paragraf02 .right{float:right;width:680px;padding-left:20px;}

#Paragraf03{display:block;overflow:hidden;margin-top:30px;}
#Paragraf03 .left{float:left;width:250px;}
#Paragraf03 .left img{width:250px;}
#Paragraf03 .right{float:right;width:680px;padding-left:20px;}
#Paragraf03 .center{clear:both;;width:100%;padding-left:20px;}

#Paragraf04{display:block;overflow:hidden;margin-top:30px;}
#Paragraf04 .left{float:left;width:450px;}
#Paragraf04 .left img{width:420px;}
#Paragraf04 .left p{width:420px;}
#Paragraf04 .right{float:right;width:480px;padding-left:20px;}
#Paragraf04 .right img{width:420px;}
#Paragraf04 .right p{width:420px;}

#Paragraf05{display:block;overflow:hidden;margin-top:30px;margin-bottom:30px;}
#Paragraf05 .left{float:left;width:450px;}
#Paragraf05 .left img{width:420px;}
#Paragraf05 .left p{width:420px;}
#Paragraf05 .right{float:right;width:480px;padding-left:20px;}
#Paragraf05 .right img{width:420px;}
#Paragraf05 .right p{width:420px;}



#ParagrafPrice{display:block;}
#ParagrafPrice ul{list-style:none;display:block;}
#ParagrafPrice ul li{display: table-cell;line-height:2.0em;vertical-align: middle;}
#ParagrafPrice ul li.price01{width:300px;background-color:#fff;border-bottom:0px dotted #ccc;}
#ParagrafPrice ul li.price02{width:300px;border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.price03{width:300px;border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.last-child{border-bottom:1px dotted #ccc;}



}