/*1001px以上で適用する内容*/

@media screen and (min-width:1001px){

 
@charset "utf-8";



pc_area{ 
	display:block; 
} 
phone_area{ 
	display:none; 
} 



/* 表示部全体の設定*/
#site-box {
  width: 100%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  max-width: 1200px; /* 幅は最大で1030pxまで広がるようにする */
  min-width: 1130px; /* 幅は最小で1030pxまで狭まるようにする */
  margin: 0 auto;　 /* ページをウィンドウ幅に対して真ん中にくるようにする */
  line-height: 1.7;		
  background-color: white
 /*  border: 1px solid #000080;*/
}

/* 小セグメントの設定*/
#site-boxB {
  max-width: 900px; /* 幅は最大で940pxまで広がるようにする */
  min-width: 280px; /* 幅は最小で280pxまで狭まるようにする */
  margin: 0 auto;　 /* ページをウィンドウ幅に対して真ん中にくるようにする */
  line-height: 1.7;	
  text-align: center;	
}

/*上下のリンク部*/
#site-boxC {
  margin: 0 auto;　 /* ページをウィンドウ幅に対して真ん中にくるようにする */
  line-height: 1.7;	
  text-align: center;	
}

.text_sptab_only {
        display: none; /* 「表示しない」という意味 */
    }


/* 上下の各ページリンク部の色など*/
.box1 {
    padding: 0.5em 1em;
    margin: 0.1em 0;
    color: #2c2c2f;
    background-color: #D9E5FF;/*背景色*/
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
   font-size: 16px;
   font-family: "メイリオ","Century"; 

}

/* 下部の問合せ、メールアドレスの囲い　*/
.box2 {
    padding: 0.5em 1em;
    margin: 0.1em 0;
    color: #2c2c2f;
    background-color: white;/*背景色*/
    border: solid 1px #000000;
    border-radius: 10px;/*角の丸み*/
   font-size: 17px;
   font-family: "メイリオ","Century"; 
}





.box_wrap {
  border:1px solid black;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}


.outer {
  width: 100%;
}
 



/* テーブル要素*/


table.t5 {
border: 2px double #b9b9b9;

}

table.t4{
  width: 80%;
}


/* テーブル要素*/
.graph {
  border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示します。*/
  width: 800px;
}





/* サンプルページのテーブル*/
.sample_01{
 width: 100%;
 border-collapse: collapse;
 background-color: #FFF5EE;
 }


.sample_01 td{
padding: 6px;
background-color: #FFF5EE;
border: 2px double #b9b9b9;
}

/* 共有本文の字体*/
P.main1{
   line-height: 2.0em;
   font-size: 17px;
   font-family: "メイリオ","Century";
}

/* PC版だけ大きな文字にしたい時に使用するフォント*/
P.main2{
   line-height: 2.0em;
   font-size: 30px;
   font-family: "メイリオ","Century";
}

/* サンプルページの商品名*/
P.PN{
COLOR: #00AA33;
font-size: 120%;
font-weight: bold; 
}

/* ページ下の方の会社情報の字体*/
P.CI{
	font-family: "メイリオ","Century"; 
	COLOR:black;
	text-align: left;
	font-size: 20px;
	font-weight: bold; 
}

/* 各ページのメインタイトル*/
P.T1{
COLOR:  #000066 ;
text-align: left; 
font-size: 160%;
font-weight: bold; 
}

/* 各ページの中タイトル*/
P.T2{
font-family: "メイリオ","Century";
COLOR: #000000;
text-align: left; 
font-size: 20px;
font-weight: bold; 
}

/* PCだけ小さくしたい*/
P.s1{
font-family: "メイリオ","Century";
COLOR: #000000;
font-size: 13px;
line-height: 1.5em;
}

div.left { 
text-align: left; 
float: left;
}

div.right { text-align: right;
}


div.titlebar {
background-color:#cc0000; color:white;
font-weight:bold; padding:0.1em;
}


button.button2 { 
 /* 縦方向に1px横方向に100pxの余白を指定 */ 
width:270px; 
} 


/* 線の設定 */
hr.style1 {
 	height: 20px;
	border: 0;
	box-shadow: 0 15px 15px -10px #A4C6FF inset;
}

hr.style2 {
 	height: 20px;
	border: 0;
	box-shadow: 0 -15px 15px -10px #A4C6FF inset;
}

}





 /*1000px以下で適用する内容*/

@media screen and (max-width:1001px){

 
@charset "utf-8";

pc_area{ 
	display:none; 
} 
phone_area{ 
	display:block; 
} 




/* 表示部全体の設定*/
#site-box {
  width: 95%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  max-width: 1100px; /* 幅は最大で1100pxまで広がるようにする */
  min-width: 280px; /* 幅は最小で600pxまで狭まるようにする */
　 /* ページをウィンドウ幅に対して真ん中にくるようにする */
  line-height: 1.7;		
  background-color: white;
  margin: 0px auto;
  padding: 20px;
    font-size: 25px;
 /*  border: 1px solid #000080;*/

}

/* 小セグメントの設定*/
#site-boxB {
  width: 95%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  max-width: 1060px; /* 幅は最大で940pxまで広がるようにする */
  min-width: 280px; /* 幅は最小で280pxまで狭まるようにする */
  margin: 0 auto;　 /* ページをウィンドウ幅に対して真ん中にくるようにする */
  line-height: 1.7;	
  text-align: center;	

}



/* 上下の各ページリンク部の設定*/


.box_left {
  width: 14%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  min-width: 145px; /* 幅は最小で280pxまで狭まるようにする */
  height:50px;
  margin-left:1px;
  margin-top:1px;
  margin-bottom:1px;
  text-align: center;
  float:left;
  background-color: #D9E5FF;
  border: 1px solid black;
}


/* 上下の各ページリンク部の色など*/
.box1 {
    padding: 0.5em 1em;
    margin: 0.1em 0;
    color: #2c2c2f;
    background-color: #D9E5FF;/*背景色*/
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);

}

/* 上下の各ページリンク部の色など*/
.box2 {
    padding: 0.5em 1em;
    margin: 0.1em 0;
    color: #2c2c2f;
    background-color: white;/*背景色*/
    border: solid 1px #000000;
    border-radius: 25px;/*角の丸み*/

}


.outer {
  width: 100%;
  overflow-x:scroll;
}

/* テーブル要素*/


.t3{ margin: 0 -10px; }

table.t3{
width:100%;
}
.t3 th,
.t3 td{
 width: 100%;
display: block;
text-align: center;
border-top: none;

 }
  .t3 tr:first-child th { border-top: 1px solid #ddd; }



.t4{ margin: 0 -10px; }

table.t4{
width:100%;
}
.t4 th,
.t4 td{
 width: 100%;
display: block;
border-top: none;

 }
  .t4 tr:first-child th { border-top: 1px solid #ddd; }




.box_wrap {
  border:1px solid black;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* スマホサイズでもテーブル要素を固定する*/
.graph1 {
  border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示します。*/
  width: 2000px;
}

.graph2 {
  border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示します。*/
  width: 600px;
}



/* サンプルページのテーブル*/
.sample_01{
 width: 100%;
 border-collapse: collapse;
 background-color: #FFF5EE;
 }


.sample_01 td{
padding: 6px;
background-color: #FFF5EE;
border: 2px double #b9b9b9;
}

/* 共有本文の字体*/
P.main1{
COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century";
}

/* PC版だけ大きな文字にしたい時に使用するフォント*/
P.main2{
COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century";
}

/* サンプルページの商品名*/
P.PN{
COLOR: #00AA33;
   font-size: 25px;
font-weight: bold; 
}

/* ページ下の方の会社情報の字体*/
P.CI{
COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century";
}

/* 各ページのメインタイトル*/
P.T1{
COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century";
}

/* 各ページの中タイトル*/
P.T2{
COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century";
}

/* PCだけ小さくしたい*/
P.s1{
COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century";
}


div.left { 
text-align: left; 
float: left;
}

div.right { text-align: right;
}


div.titlebar {
background-color:#cc0000; color:white;
font-weight:bold; padding:0.1em;
}


button.button2 { 
 /* 縦方向に1px横方向に100pxの余白を指定 */ 
width:270px; 

} 


/* 線の設定 */
hr.style1 {
 	height: 20px;
	border: 0;
	box-shadow: 0 15px 15px -10px #A4C6FF inset;
}

hr.style2 {
 	height: 20px;
	border: 0;
	box-shadow: 0 -15px 15px -10px #A4C6FF inset;
}


/* 販売コーナーのセレクトボックスの文字　*/
select {
	border :1px solid #eee;
	COLOR: #000066;
   line-height: 2.0em;
   font-size: 25px;
   font-family: "メイリオ","Century"
   
   
}

/* 問合せコーナーのインプットボックス内の文字サイズ　*/
input{ 
font-size: 25px; 
} 


/* 問合せコーナーのインプットボックス内の文字サイズ　*/
textarea{ 
font-size: 25px; 
}