@charset "UTF-8";
 /*マテリアルスイーツCSS*/
 body{
   font-family:"Yu Mincho",Yugothic,"MS 明朝",Meiryo;
   font-size:20px;
   background-image:url("../images/Hi1.png");
   background-repeat:repeat-y;
 }

 /* リセット CSS */
 h1,h2,h3,h4,p,ul,li{
   margin:0;
   padding:0;
 }
 /* Webページのセルタリング CSS */
 #wrap{
   width:980px;
   margin:0 auto;


 }

 /* ヘッダー CSS */
 header{
   display:block;
   margin-right:auto;
   margin-left:auto;
   margin: 0 auto;
   width:980px;
   text-align:center;
   background-color:navajowhite;
   color:black;
   overflow:hidden;
   font-size:20px;
 }
 #head_meg{
   margin-top:0px;
   margin-left:70px;
   float:left;
 }
 h1{
   display:block;
   margin-right:auto;
   margin-left:auto;
   margin: 0 auto;
   width:850px;
   text-align:center;


   font-size:70px;
   color:brown;

 }

 /* メインコンテンツ CSS */
 main{
   
   padding-top:20px;
   padding-left:20px;
   padding-bottom:20px;
   background-color:navajowhite;
   overflow:hidden;
   background-image:url(../images/pan_haikei.png);
 }
 h2{
   display:block;
   margin-right:auto;
   margin-left:auto;
   margin: 0 auto;
   width:900px;
   text-align:center;

   font-size:60px;
   width:500px;
   height:60px;
   margin-top:40px;
   margin-bottom:20px;
   line-height:60px;
   text-align:center;
   color:darkred;
   background-image:url(../images/silver-h2.png);
 }
 h3{
   display:block;
   margin-right:auto;
   margin-left:auto;
   margin: 0 auto;
   width:850px;
   text-align:center;

   width:850px;
   height:70px;
   margin-top:10px;
   margin-bottom:10px;
   font-size:40px;
   line-height:70px;
   text-align:center;
   color:darkred;
   background-image:url(../images/frame.png);
   float:left;
 }

 h4{
   display:block;
   margin-right:auto;
   margin-left:auto;
   margin:auto;
   width:900px;
   text-align:center;

   font-size:60px;
   width:500px;
   height:60px;
   margin-top:0px;
   margin-bottom:20px;
   line-height:60px;
   text-align:center;
   color:darkred;
   background-image:url(../images/silver-h2.png);
 }

 #komeko{
   display:block;
   margin-right:10px;
   margin-bottom:10px;
   float:right;
 }

 .margin_p{
   margin-left:20px;
   color:black;
   float:left;
 }
 #picup_img{
   clear:both;
   margin-right:20px;
   float:left;
 }
 #picup_p{
   width:440px;
   height:280px;
   padding:10px;
   margin-right:20px;
   border-radius:10px;
   background-color:burlywood;
   float:left;
 }
 #classic{clear:both;}
 .rank{
   width:920px;
   padding:10px;
   margin-top:40px;
   margin-bottom:40px;
   margin-right:20px;
   border-radius:10px;
   background-color:cornsilk;
   float:left;
 }
 .web{
   width:900px;
   padding:20px;
   margin-right:20px;
   margin-top:10px;
   margin-bottom:20px;
   border-radius:10px;
   background-color:s andybrown;
   float:left;
   font-size:25px;

 }
 .sss{
   width:840px;
   padding:50px;
   margin-right:0px;
   margin-top:100px;
   margin-bottom:20px;
   border-radius:10px;
   background-color:cornsilk;
   float:left;
 }

 .oo{
   font-size:40px;
   color:darkred;

 }


 /* フッター CSS */
 footer{
   clear:both;
   
   padding:20px;
   text-align:right;
   background-color:navajowhite;


 }
 /* お問い合わせテーブル CSS */
 table{
   clear:both;
   margin-top:20px;
   margin-bottom:20px;
   border-collapse:collapse;
 }
 th,td{
   border:1px solid #333333;
   padding:5px;
 }
 th{
   width:200px;
   background-color:firebrick;
   color:white;
 }
 td{width:600px;}
 #submit{text-align:right;}