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

#sabmenu{display:none;}

h2.mainH2{background-color:#ad6352;color:#fff;padding-top:10px;padding-left:0;padding-bottom:5px;text-align:center;line-height:1.0em;border-bottom:5px double #800;border-left:1px dotted #800;border-top:1px dotted #800;border-right:1px dotted #800;}

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

p.merit{padding:5px;margin:5px;line-height:2.0em;border-left:5px double #800;}
#Paragraf01 .img300{width:300px;}

#Paragraf02{margin-top:2.0em;}
#Paragraf02 h2{color:#800;border-bottom:1px dotted #800;}
#Paragraf02 h2 a{color:#800;}
#Paragraf02 .midashi2 {font-weight:normal;color:#800;border-bottom:0px solid #800;margin-bottom:1.0em;}
#Paragraf02 .left{display:block;}
#Paragraf02 .right{display:block;}
#Paragraf02 .right .box01 img{width:100%;}
#Paragraf02 .right .box01 a{color:#800;}
#Paragraf02 .right .box01 a:hover{color:#ff4500;margin-bottom:30px;}
#Paragraf02 .midashi2 {font-weight:normal;color:#800;border-bottom:0px solid #800;}
#Paragraf02 .price{border:1px dotted #800;padding:5px;margin-bottom:5px;}
#Paragraf02{display:block;overflow:hidden;margin-top:30px;}
#Paragraf02 .ParagrafMenu{clear:both;overflow:hidden;display:block;margin:15px 0;}

#Paragraf03 {margin-top:2.0em;width:100%;}
#Paragraf03 h2{color:#800;border-bottom:1px dotted #800;margin-bottom:2.0em;}
#Paragraf03 .center{clear:both;width:100%;margin:20px auto;}
#Paragraf03 .left img{width:100px;float:left;padding-right:10px;}
#Paragraf03 .right img{float:left;width:100px;padding-left:10px;}
#Paragraf03 .right p{clear:both;}

#Paragraf04 {margin-top:2.0em;}
#Paragraf04 h2{color:#800;border-bottom:1px dotted #800;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 #800;padding:5px;margin-bottom:5px;}
#Paragraf04 .midashi3 {margin-top:20px;}
#Paragraf04 .midashi2 {font-weight:normal;color:#800;border-bottom:0px solid #800;}

#ParagrafPrice{display:block;}
#ParagrafPrice h2{color:#800;border-bottom:1px dotted #800;}
#ParagrafPrice h2.midashi3 {margin-top:20px;}
#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{}

ol.tableCell{list-style:none;display:block;}
ol.tableCell li{display:block;line-height:1.0em;}
ol.tableCell li.cell01{border-bottom:1px dotted #ccc;padding-bottom:0}
ol.tableCell li.cell02{border-bottom:0px dotted #ccc;}

/*===============================================
●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:#800;float:left;}
.headimagePc p.right{display:block;padding-top:10px;width:500px;padding-right:100px;color:#333;float:right;line-height:1.5em;}

#sabmenu{display:block;width:auto;margin:0 auto;text-align:center;background-color:#f4f0ee;}
#sabmenu ul{font-size:14px;}
#sabmenu ul li{display:inline-block;margin:5px auto;padding:0 1.5em;border-right:1px solid #555;}
#sabmenu ul li.firstchild{border-left:1px solid #555;}
#sabmenu ul li a{color:#800;}
#sabmenu ul li a:hover{color:#800;opacity:0.7;}

h2.mainH2{text-align:left;font-size:20px;background-color:#ad6352;color:#fff;padding-top:10px;padding-left:20px;padding-bottom:5px;line-height:1.0em;border-bottom:5px double #800;border-left:1px dotted #800;border-top:1px dotted #800;border-right:1px dotted #800;}

#Paragraf01{display:block;overflow:hidden;}
#Paragraf01 .left{float:left;width:300px;}
#Paragraf01 .right{float:right;width:620px;padding-left:20px;}
#Paragraf01{display:block;overflow:hidden;margin-top:30px;}
#Paragraf01 .ParagrafMenu{clear:both;overflow:hidden;display:block;margin:15px 0;}
#Paragraf01 p.margin30{margin:30px;}

p.merit{margin:30px;margin-left:100px;padding-left:40px;line-height:2.0em;background-image:url(../images/circle.png);background-repeat: no-repeat;border-left:0px double #800;}
p.marginleft150{margin-left:150px;}
p.marginleft80{margin-left:80px;}
#Paragraf02 h2{display:block;}
#Paragraf02 h2 a{color:#800;}
#Paragraf02 .left{float:left;width:100px;margin-top:10px;}
#Paragraf02 .left img{width:100px;}
#Paragraf02 .right{float:right;width:810px;padding-left:20px;margin-top:10px;}
#Paragraf02 .right .box01{display:block;margin-top:10px;text-align:right;}
#Paragraf02 .right .box01 a{color:#800;}
#Paragraf02 .right .box01 a:hover{color:#ff4500;margin-bottom:30px;}

#Paragraf03{clear:both;display:block;overflow:hidden;margin-top:30px;width:100%;/*background-color:#ccc;*/}
#Paragraf03 .left{float:left;width:100px;margin-top:10px;}
#Paragraf03 .left img{width:100px;}
#Paragraf03 .right{float:right;width:810px;padding-left:20px;margin-top:10px;}
#Paragraf03 .right img{float:right;width:100px;padding-left:10px;}
#Paragraf03 .right p{clear:none;}

#Paragraf04{display:block;overflow:hidden;margin-top:30px;}
#Paragraf04 h2{clear:both;}
#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;}
#Paragraf04 .leftImage{float:left;width:140px;height:160px;}
#Paragraf04 .leftImage img{width:130px;}






ol.tableCell{list-style:none;display:block;}
ol.tableCell li{display: table-cell;line-height:2.0em;vertical-align: middle;}
ol.tableCell li.cell01{width:100px;border-bottom:1px dotted #ccc;padding-bottom:1.5em}
ol.tableCell li.cell02{width:500px;border-bottom:1px dotted #ccc;}

#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:200px;border-bottom:1px dotted #ccc;background:none;}
#ParagrafPrice ul li.price02{width:500px;border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.price03{width:250px;border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.last-child{border-bottom:1px dotted #ccc;}



}