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

#sabmenu{display:none;}

#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;}
#Paragraf01 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:1.0em;}
#Paragraf03 ul{width:100%;margin:20px auto;}
#Paragraf03 ul li{border-bottom:1px dotted #800;}
#Paragraf03 ul li span{display:block;background-color:#c0b8b8;}


#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;}

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

.GoogleMap{display:none;}

.Link a{color:#555;}
.Link a:hover{color:#800;}

/*===============================================
●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:500px;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;}

.marginL100{margin-left:100px;}
.marginL50{margin-left:50px;}
#Paragraf01{display:block;overflow:hidden;}
#Paragraf01 .left{float:left;width:260px;margin:20px;}
#Paragraf01 .right{float:right;width:600px;padding-left:20px;margin-top: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;}
#Paragraf01 p.merit{margin:30px;margin-left:100px;padding-left:40px;line-height:1.8em;background-image:url(../images/circle.png);background-repeat: no-repeat;border-left:0px double #800;}



#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%;}
#Paragraf03 h2{color:#800;border-bottom:1px dotted #800;margin-bottom:1.0em;}
#Paragraf03 ul{width:100%;margin:20px auto;}
#Paragraf03 ul li{list-style:none;}
#Paragraf03 ul li span{display:inline-block;width:70px;background:none;margin-right:10px;border-right:1px dotted #800;}
#Paragraf03 .left{float:left;width:450px;}
#Paragraf03 .right{float:right;width:450px;}
#Paragraf03 .right .img{width:200px;float:left;margin-right:2px;}
#Paragraf03 .right .img p{font-size:12px;margin-top:0;line-height:1.2em;}
#Paragraf03 .right .Link{clear:both;font-size:12px;padding:5px;}
#Paragraf03 .right .Link a{color:#555;}
#Paragraf03 .right .Link a:hover{color:#800;}


#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;}

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

.ItemMenu{margin-left:200px;margin-bottom:50px;}
.ItemMenu li{list-style-type:disc;color:#A844BA;border-bottom:1px solid #ccc;margin-bottom:10px;}
.ItemMenu li.ItemMenu2{color:#333;margin-left:10px;border-bottom:0px solid #ccc;list-style:none;}
.GoogleMap{display:block;width:800px;height:300px;}

.photo{display:block;}
.photo ul li{float:left;width:202px;list-style:none;}
.photo ul p{font-size:12px;line-height:1.3em;padding:0 10px;}


.photo img{width:200px;margin-right:2px;}



}