body
{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:150%;
	background:url('../images/bg_3.gif');
	<!--background-image:	url(../images/all_bg.png);-->
	background-attachment:	fixed;
	background-position:	top;
	background-repeat:repeat;
	margin-left:auto;
	margin-right:auto;
	font-size:100%;
	font-weight:normal;
	color:	#FFF;
	text-align:	left;
	padding:0px;
	overflow-x: hidden;
}
div{
	margin:0px;
	padding:0px;
}
img{
	border:0 none;
	vertical-align:bottom;
}
.img-white{
	padding: 3px;
	background-color: #7B7567;
	border-radius: 5px;
}

p {padding:0;}


.FloatBOX-R {
	display:block;float:left; width:50%; margin:5px 0px; padding-top:15px; text-align:center;
}
.FloatBOX-L {
	display:block;float:left; width:50%; margin:5px 0px; text-align:center; padding-left: 0px;
}




p.Content {
	padding:10px 25px;	
	margin:5px auto;
	text-align:left;
}

div.ContentBox{
	margin:10px auto;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}

div#sub_content{
	clear:both;
	width:1000px;
	height:auto;
	margin:0px auto 0px auto ;
	padding:0px;
	text-align:center;

}
div#white_content{
	clear:both;
	width:100%;
	height:auto;
	margin:0px auto 30px auto ;
	padding:5px 0px 0px 0px;
	background-color:#AAA089;
}



div#beige_content{
	clear:both;
	width:100%;
	height:auto;
	margin:0px auto auto auto;
	padding:5px 0px 0px 0px;
	background-color:#e1ddd5;
}


div#header{
	clear:both;
	width:100%;
	margin:5px auto;
	padding:0px;

}
div#footer
{
	background-color:	#000;
	clear:	both;
	width:	100%;
	margin:0px auto;
}

div#line{
	margin:auto auto 0px auto;
	background-image:url('../images/line.png');
	width:100%;
	height:16px;
	
}

.ImgCenter{
	display:block;
	margin:3px auto;
	min-width:180px
}

table.ProductTA {
	width:100%;
	margin:0px auto;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background-color: #aaa;
}

.ProductTA th{
	white-space:nowrap;
	background-color: #AAA089;
	padding:3px 5px;
}
.ProductTA td {
	text-align: left;
	background-color: #AAA089;
	color:#fff;
	border-collapse: collapse;
	border-color:black;
	padding:3px 5px;
}


.logo_s{margin:0px 380px 0px 0px; float:left;}		

.SPBOX_F{padding:20px 0px 0px 0px;}
.SPBOX_F2{padding:20px 0px 0px 0px;}


.index_fixbtn{background-image:url('../images/return_btn01.png'); background-size:contain;  position: fixed;  bottom: 10px;   right: 10px;  padding: 32.5px 32.5px;}
.index_fixbtn:hover{background-image:url('../images/return_btn02.png'); background-size:contain;  position: fixed;  bottom: 10px;   right: 10px;  padding: 32.5px 32.5px;}


@media (max-width: 1000px) {
   /* 横幅が1000px以下の場合に適用するスタイル なぜか980じゃないとクロームテストは反応しない */


body{
font-size:12px;}

  .Content{
  	line-height:150%;
  }

p.Content {
	padding:10px 10px;	
	text-align:left;
}

.SPBOX_F{
margin: 20px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

.ProductTA {
line-height:150%;
}


.ProductTA td {
padding:15px 5px;
}

.ProductTA th{
padding:15px 5px;}



.index_fixbtn{display:none}

  img.responsive-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

.FloatBOX-R {
	display:block;float:right; width:40%; margin:5px 0px; padding-top:15px; padding-right:15px; text-align:center;
}
.FloatBOX-L {
	display:block;float:left; margin:5px 0px; text-align:center; padding-left: 0px;
}

div#sub_content{
	clear:both;
	width:100% !important;
	height:auto;
	margin:0px auto 0px auto ;
	padding:0px;
	text-align:center;

}
div#white_content{
	clear:both;
	width:100% !important;
	margin:0px 0px 30px 0px ;
	padding:5px 0px 0px 0px;
	height:auto;
	background-color:#AAA089;
}



div#beige_content{
	clear:both;
	width:100% !important;
	height:auto;
	margin:0px auto auto auto;
	padding:5px 0px 0px 0px;
	background-color:#e1ddd5;
}


div#header{
	clear:both;
	width:100% !important;
	margin:5px auto;
	padding:0px;

}
div#footer
{
	background-color:	#000;
	clear:	both;
	width:	100% !important;
	margin:0px auto;
}

div#line{
	margin:auto auto 0px auto;
	background-image:url('../images/line.png');
	width:100% !important;
	height:16px;
	
}

.ImgCenter{
	display:block;
	margin:3px auto;
	min-width:100px
}

table.ProductTA {
	width:100% !important;
	margin:0px auto;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background-color: #aaa;
}

.ProductTA th{
	background-color: #AAA089;
	white-space:nowrap;
	max-width:100px;
	padding:3px 5px;
}
.ProductTA td {
	text-align: left;
	background-color: #AAA089;
	color:#fff;
	border-collapse: collapse;
	border-color:black;
	padding:3px 5px;
}


.logo_s{margin:0px 0px 0px 0px; float:left;}		

.SPBOX_F{padding:20px 0px 0px 0px;}
.SPBOX_F2{padding:20px 0px 0px 0px;}


.index_fixbtn{background-image:url('../images/return_btn01.png'); background-size:contain;  position: fixed;  bottom: 10px;   right: 10px;  padding: 32.5px 32.5px;}
.index_fixbtn:hover{background-image:url('../images/return_btn02.png'); background-size:contain;  position: fixed;  bottom: 10px;   right: 10px;  padding: 32.5px 32.5px;}





}





/* === 追加: スマホ横スクロール防止 & レスポンシブ対応 === */
div#sub_content,
div#white_content,
div#beige_content,
div#header,
div#footer,
table.ProductTA {
    width: 100% !important;
    max-width: 1000px;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

table.ProductTA {
    display: block;
    overflow-x: auto;
}


/* === スマホ用文字サイズ調整 === */
@media (max-width: 1000px) {
    body {
        font-size: 12px;
    }
    .Content,
    table.ProductTA,
    table.ProductTA td,
    table.ProductTA th {
        font-size: 12px !important;
        line-height: 1.4;
    }
    p, div, span {
        font-size: 12px !important;
        line-height: 1.4;
    }
}


div#header {
    display: flex;
    justify-content: space-between; /* 左右に配置 */
    align-items: center; /* 垂直方向中央揃え */
}

#header img {
    max-height: 38px;
}