@charset "utf-8";

/* レスポンシブのCSS
------------------------------------------------------------*/


   /* 枠の中（inner）
------------------------------------------------------------*/
.in3{
	display: bloc; 
width : 98%;
padding : 1%;
 }

.in1{
	display: bloc; 
width : 98%;
padding : 1%;
 }

.in2{
	display: bloc; 
width : 98%;
padding : 1%;
 }

.inh{
	display: bloc; 
width : 98%;
padding : 1%;
 }

   /* 枠
------------------------------------------------------------*/
.w3{
	display: bloc; 
width : 100%;
 }

.w1{
	display: bloc; 
width : 100%;
 }

.w2{
	display: bloc; 
width : 100%;
 }

.wh{
	display: bloc; 
width : 100%;
 }

   /* 枠（枠線付き）
------------------------------------------------------------*/
.w3a{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
margin : 1%;
 }

.w1a{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
margin : 1%;

 }

.w2a{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
margin : 1%;
 }

.wha{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
margin : 1%;
 }

   /* 枠（枠線＋影付き）
------------------------------------------------------------*/
.w3b{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
margin : 1%
 ;
}


.w1b{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
margin : 1%
 ;
}

.w2b{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
margin : 1%
 ;
}

.whb{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
margin : 1%
 ;
}


   /* ＰＣ用
------------------------------------------------------------*/
@media all and (min-width: 1020px) {

   .wrapper{
      display : table;           /* ※3段組の作成 */
      border-spacing: 0em 0px ;
      margin : 0px auto;
      width : 1020px;
 }

   /* 枠の中（inner）
------------------------------------------------------------*/
.in3{
	display: bloc; 
width : 97%;
float : left;
position : relative;
padding : 1%;
 }

.in1{
	display: bloc; 
width : 30%;
float : left;
position : relative;
padding : 1%;
 }

.in2{
	display: bloc; 
width : 63%;
float : left;
position : relative;
padding : 1%;
 }

.inh{
	display: bloc; 
width : 47%;
float : left;
position : relative;
padding : 1%;
 }

   /* 枠
------------------------------------------------------------*/
.w3{
	display: bloc; 
width : 100%;
float : left;
position : relative;
 }

.w1{
	display: bloc; 
width : 33.3333%;
float : left;
position : relative;
 }

.w2{
	display: bloc; 
width : 66.6666%;
float : left;
position : relative;
 }

.wh{
	display: bloc; 
width : 50%;
float : left;
position : relative;
 }

   /* 枠（枠線付き）
------------------------------------------------------------*/
.w3a{
	display: bloc; 
width : 98%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
  margin : 1%;
 }
.w1a{
	display: bloc; 
width : 31%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
  margin : 1%;
 }

.w2a{
	display: bloc; 
width : 64.6%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
  margin : 1%;
 }

.wha{
	display: bloc; 
width : 48%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
  margin : 1%;
 }

   /* 枠（枠線＋影付き）
------------------------------------------------------------*/
.w3b{
	display: bloc; 
width : 98%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
  margin : 1%;
 }


.w1b{
	display: bloc; 
width : 31%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
  margin : 1%;
 }

.w2b{
	display: bloc; 
width : 64.6%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
  margin : 2%;
 }

.whb
display: bloc; 
width : 48%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
  margin : 1%;
 }


 }