@charset "utf-8";

/* ------------------------------------------------
 * Style Name  :  layout.css
 * --------------------------------------------- */

/* Base Area
 *-------------------------------------------------*/
.wrapper {
	width: 960px;
	clear: both;
	margin: 0px auto;
	background: #000;
}


/* Header
 *-------------------------------------------------*/
.header {
	clear: both;
	line-height: normal;
	display:block;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	font-size: 93%;
	color: #000000;
	width:960px;
	background: url(../img/layout/headerbg.png) no-repeat;
	height:244px;
}

#lead{
	text-align:right;
	height:191px;
}


/* Main Area
 *-------------------------------------------------*/
.main {
	display:block;
	overflow: hidden;
	width: 960px;
	margin: 0px auto;
	padding:5px 0px 0px 0px;
}



#menu{
	overflow:hidden;
	display:block;
	width:960px;
	height:53px;
	background: url(../img/layout/menu.jpg);
}

#menu ul li span {
display: none;
}

#menu ul li,#menu ul li a {
height:53px;
display:block;
}

#menu ul li {
float: left;
list-style:none;
display:inline;
}

#menu01 {width: 180px;}
#menu02 {width: 160px;}
#menu03 {width: 140px;}
#menu04 {width: 120px;}
#menu05 {width: 160px;}
#menu06 {width: 200px;}

#menu ul li#menu01 a:hover {background:url("../img/layout/menu.jpg") 0px -53px no-repeat; }
#menu ul li#menu02 a:hover {background:url("../img/layout/menu.jpg") -180px -53px no-repeat; }
#menu ul li#menu03 a:hover {background:url("../img/layout/menu.jpg") -340px -53px no-repeat; }
#menu ul li#menu04 a:hover {background:url("../img/layout/menu.jpg") -480px -53px no-repeat; }
#menu ul li#menu05 a:hover {background:url("../img/layout/menu.jpg") -600px -53px no-repeat; }
#menu ul li#menu06 a:hover {background:url("../img/layout/menu.jpg") -760px -53px no-repeat; }


#sidemenu{
	overflow:hidden;
	display:block;
	width:200px;
	height:402px;
	background: url(../img/layout/sidemenu.png);
}

#sidemenu ul li span {
display: none;
}

#sidemenu ul li,#sidemenu ul li a {
width:200px;
height: 58px;
display:block;
}

#sidemenu ul li {
float: left;
list-style:none;
display:inline;
}



#sidemenu ul li#sidemenu01 a:hover {background:url("../img/layout/sidemenu.png") -200px 0px no-repeat; }
#sidemenu ul li#sidemenu02 a:hover {background:url("../img/layout/sidemenu.png") -200px -58px no-repeat; }
#sidemenu ul li#sidemenu03 a:hover {background:url("../img/layout/sidemenu.png") -200px -116px no-repeat; }
#sidemenu ul li#sidemenu04 a:hover {background:url("../img/layout/sidemenu.png") -200px -174px no-repeat; }
#sidemenu ul li#sidemenu05 a:hover {background:url("../img/layout/sidemenu.png") -200px -232px no-repeat; }
#sidemenu ul li#sidemenu06 a:hover {background:url("../img/layout/sidemenu.png") -200px -290px no-repeat; }
#sidemenu ul li#sidemenu07 a:hover {background:url("../img/layout/sidemenu.png") -200px -348px no-repeat; }


#sidemobile{
	padding:5px 0 0 0;
}


.blockarea{
	padding:5px 0;
}

.blockareapage{
	padding:0 0 5px 0;
}


#newsdate{color:#ff0;}
#newstitlebg{color:#f00; font-size:20px;}
#newskiji{}




/* Side Menu
 *-------------------------------------------------*/
.sideMenu {
	display:block;
	overflow: hidden;
	width: 205px;
	float: left;
	padding:0;
	margin:0;
}


/* contents
 *-------------------------------------------------*/
.contents {
	display:block;
	overflow: hidden;
	width: 755px;
	float: right;
	padding:0;
	margin:0;
}


/* Footer
 *-------------------------------------------------*/
.footer {
	background: url(../img/layout/footerbg.png) no-repeat;
	clear: both;
	width: 960px;
	line-height: normal;
	color: #E7E3E0;
	font-size:85%;
	height:150px;
	text-align:center;
	padding:10px 0 0 0;
}

#copy{
	padding:10px 0 0 0;
}

#footlead{
	text-align:center;
	padding:10px 0;
}


ul#link-block{
	display:block;
	overflow:hidden;
}

ul#link-block li {
	display:block;
	overflow:hidden;
	float:left;
	height:50px;
	width:100px;
	text-align:center;
}

#honbun{
	padding:0 0 30px 0;
}

#honbun p{
	padding:10px 0 10px 10px;
}
h2{
	margin:20px 0;
	color:#f00;
	border-bottom:2px #fff solid;
}

h3{
	margin:10px 0 10px 10px;
	color:#ff0;
	border-bottom:1px #fff dotted;
}

.table2{
	margin:10px 0 10px 10px;
}

.table2 td{
	padding:5px;
	background:#333;
}

.table2 td.price{
	text-align:right;
}


.att{
	color:#f00;
	padding:20px 0 10px 0;
}

ul.honbunlist li{
	padding:0 0 10px 10px;
}

.imgc{
	text-align:center;
	padding:10px;
}

.bg1{
	background:#900;
	margin:10px 0 0 0;
}

.recimg{
	padding:10px 0 0 0;
}

.fixed_btn
{
  position: fixed;
  bottom: 100px; 
  right: 10px;
  z-index: 65535;
}

.container {
	position: relative;
	display: inline-block;
}
.button-imageA {
	position: absolute;
	top: 50%;  /* 画像内の位置調整 */
	left: 50%; /* 画像内の位置調整 */
	transform: translate(-165%, 50%);
	cursor: pointer;
	height:auto;
	width:200px;
}
.button-imageB {
	position: absolute;
	top: 50%;  /* 画像内の位置調整 */
	left: 50%; /* 画像内の位置調整 */
	transform: translate(-45%, 50%);
	cursor: pointer;
	height:auto;
	width:200px;
}
.button-imageC {
	position: absolute;
	top: 50%;  /* 画像内の位置調整 */
	left: 50%; /* 画像内の位置調整 */
	transform: translate(72%, 50%);
	cursor: pointer;
	height:auto;
	width:200px;
}
.button-imageD {
	position: absolute;
	top: 50%;  /* 画像内の位置調整 */
	left: 50%; /* 画像内の位置調整 */
	transform: translate(72%, 540%);
	cursor: pointer;
	height:auto;
	width:200px;
}
.button-imageE {
	position: absolute;
	top: 50%;  /* 画像内の位置調整 */
	left: 50%; /* 画像内の位置調整 */
	transform: translate(72%, 400%);
	cursor: pointer;
	height:auto;
	width:200px;
}
.button-imageF {
	position: absolute;
	top: 50%;  /* 画像内の位置調整 */
	left: 50%; /* 画像内の位置調整 */
	transform: translate(72%, 200%);
	cursor: pointer;
	height:auto;
	width:200px;
}

.button-imageCA,
.button-imageKU {
  display: inline-block;
  width: 250px;
  height: auto;
  cursor: pointer;
  margin: 10px; /* 適度な余白を調整 */
}

.modal {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    align-items: center;
    justify-content: center;
}

.modal-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    position: relative;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 36px;
    cursor: pointer;
    width: 50px;  
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    z-index: 1100; /* 他の要素より前面に */
}