@charset "utf-8";
@import url('reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html{scroll-behavior: smooth;}
body {
	margin:0;
	padding:0;
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body, td, th {
	color:#262626;
}

html,body,#bg,#bg table,#bg td,#cont{ width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;cursor:default;background:url(../background/loading.gif);color:#000;}



.next-link-text { font-size:9px}
/*DW編集用*/
/*
*{ overflow:visible!important;}
*/



/* ****************コンテンツ********************* */

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}


/*フッター*/



#foot{ position:absolute; z-index:50; color:#eee;width:300px; right:20px; font-size:10px;height:100%;} 
#foot div { bottom:8px;position:absolute; width:300px;}
#foot div p { text-align:right;}

/*#foot { position:absolute; bottom:5px; right:10px; text-align:right; z-index:70; color:#eee; font-size:10px;}*/

/*左メニュー*/
#menu-bg,#menu-bg-index {position:absolute;left:0px;top:0px;z-index:80;height:100%;}
#menu-bg div{width:290px; height:100%;/*background:#dadabc;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);*/padding:0px 0 0 0px}
#menu-bg-index div{width:290px; height:100%;background:#dadabc;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);padding:0px 0 0 0px}
#menu{position:absolute;left:0px;top:0px;z-index:81;height:100%;}
#menu div{width:290px; height:100%;padding-top:45px}
#menu li { font-size:0; line-height:0; margin-top: -5px;}
/* ***********右コンテンツ********** */
#cont{position:absolute;top:0;left:0px;z-index:70;overflow:auto;/*opacity:0.6;filter:alpha(opacity=60);*/}

/*黒い背景の設定*/

.box-head { min-height:10px;height: auto !important;height:10px; width:755px; position:relative;/*background-image:url(../img/bg_contents.png);*/}
.box { width:715px; padding:10px 20px 10px 20px;/*background-image:url(../img/bg_contents.png);background-position:0 bottom;background-repeat:repeat-y;*/position:relative; margin-bottom:40px}
.box p { color:#fff}

.box-head-index { min-height:10px;height: auto !important;height:10px; width:755px; position:relative;background-image:url(../img/bg_contents.png);}
.box-index { width:715px; padding:10px 20px 10px 20px;background-image:url(../img/bg_contents.png);background-position:0 bottom;background-repeat:repeat-y;position:relative; margin-bottom:40px}
.box-index p { color:#fff}
/*755-20-20*/

/*リンク*/
.icon {background-image:url(../img/icon.png);background-position:0 5px;background-repeat:no-repeat; text-indent:20px;}

/*ポジション*/
.position01 {position:absolute;left:320px; bottom:10%; z-index:71;}/*インデックスのみbottomで*/
.position02 { position:absolute;left:320px; top:150px; z-index:71}
.position03 { position:absolute;left:320px; top:150px; z-index:71}/*to use*/
.position04 { position:absolute;left:320px; top:150px; z-index:71}/*works*/
.position05 { position:absolute;left:320px; top:150px; z-index:71}/*shops*/
.position06 { position:absolute;left:320px; top:50px; z-index:75}/*blog*/
.position07 { position:absolute;left:320px; top:150px; z-index:71}

/*shops*/
.shops a:link {
	text-decoration: none;
	color:#fff;
}
.shops a:visited {
	text-decoration: none;
	color:#fff;
}
.shops a:hover {
	text-decoration: underline;
	color: #aaa;
}
.shops a:active {
	text-decoration: underline;
	color: #aaa;
}

/*
.shops a:link {
	text-decoration: none;
	color:#0099CC;
}
.shops a:visited {
	text-decoration: none;
	color:#0099CC;
}
.shops a:hover {
	text-decoration: underline;
	color: #0099CC;
}
.shops a:active {
	text-decoration: underline;
	color: #0099CC;
}
*/
.shops a { display:inline}
.shops p img { vertical-align:top!important; margin-left:5px}


/*note*/


.blog-head { width:500px; padding:10px 20px 10px 20px;background-color:#fcfcfc;position:relative; margin:0 0 0px 0;
opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95);}
.blog-head p { font-size:88%; margin:0 0 0 5px}

.blog { width:500px; padding:10px 20px 30px 20px;background-color:#fff;position:relative; margin:0 0 0px 0; border-top:1px solid #eee;}/*715*/
.blog .date { font-size:9px; color:#666; text-align:right; font-weight:bold;}
.blog .toblog { font-size:10px; color:#666; text-align:right; margin:0}
.blog h2 { border-bottom:1px solid #eee; width:500px; margin:80px 0 20px -20px; padding:0 20px 5px 20px; color:#666; font-size:18px; line-height:24px; font-weight:normal;}
.blog .right-img { float:right; margin-left:10px}
.blog .left-img { float:left; margin-right:10px}
.blog img { margin-bottom:10px}

.blog-foot { width:500px; padding:10px 20px 0px 20px;background-color:#fcfcfc;position:relative; margin:0 0 50px 0; border-top:1px solid #eee;}
.blog-foot .left { width:200px; float:left;}
.blog-foot .left p {text-align:right}
.blog-foot .right{ width:200px; float:right;}
.position06 a:link {
	text-decoration: none;
	color:#0099CC;
}
.position06 a:visited {
	text-decoration: none;
	color:#0099CC;
}
.position06 a:hover {
	text-decoration: underline;
	color: #0099CC;
}
.position06 a:active {
	text-decoration: underline;
	color: #0099CC;
}

#repair p{ margin-bottom: 30px;}
#repair h2{ font-weight:normal;margin-bottom: 5px; font-size: 15px; color: #fff;}

#repair .r-box{
	display:flex;
	align-items: flex-start;
	color: #fff;
	gap:15px;
	margin-bottom:50px;
}
#repair .r-box-img{
	display:flex;
	gap:10px;
	width: 55%;
	flex-wrap: wrap;
}
#repair .r-box-text{
	padding:20px;
	border:1px solid #fff;
	width: 45%;
}
#repair .r-box-img-s{
	display:flex;
	gap:10px;
	width: 30%;
	flex-wrap: wrap;
}
#repair .r-box-text-s{
	padding:20px;
	border:1px solid #fff;
	width: 70%;
}

body#repair{ background-image:url(../background/bg0.jpg);
background-size: cover;}

#repair .repair-gold{ margin-top: -350px; padding-top: 350px;}