@charset "utf-8";
/* common_new.css : index_new.php 用（common.css の2026年版）
   - IE時代の記述を除去 / フォーカス表示を追加 / ナビ・左バナーの動きをCSS化 / スマホ用@mediaは除外 */


/* define TAG
---------------------------------------------------------------------*/
*{
	font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
}
body > *{
	color:#444;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
dt,ol,ul,li,dt,dd{
	list-style:none;
	text-indent:0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
q:before,q:after{
    content:'';
}
abbr,acronym{
    border:0;
}

a:link,a:visited{
	color:#b83d14;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:focus-visible{
	outline:2px solid #b83d14;
	outline-offset:2px;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
a:hover img{
	/*opacity:0.8;*/
}




/* main structure
---------------------------------------------------------------------*/

html{
	position:relative;
	width:100%;
	height:100%;
}

body#bg{
	width:100%;
	background:#fff url(../common/bg_craft3.jpg) top left no-repeat;
}

div#hd{
	position:relative;
	width:1038px;
	height:176px;
	text-align:left;
	background:url(../common/bg_craft.jpg);
	margin:0 auto 25px;
	overflow:hidden;
}

div#main{
	position:relative;
	width:1002px;
	margin:0 auto;
	padding-bottom:50px;
}

div#ft{
	position:relative;
	width:1027px;
	height:469px;
	background:url(../common/bg_ft.jpg) no-repeat;
	margin:0 auto 0;
	overflow:hidden;
}


/* hd
---------------------------------------------------------------------*/

#hd_logo{
	position:absolute;
	left:0;
	top:5px;
}
div#hd_info{
	position:absolute;
	left:285px;
	width:321px;
	height:115px;
	background:url(../common/bg_pageinfo.gif) no-repeat;
}
	div#hd_info p{
		position:absolute;
		left:44px;
		top:47px;
		width:246px;
		height:40px;
	}
	div#hd_info *{
		text-align:center;
		font-size:11px;
		line-height:130%;
	}
	
	div#hd_contact{
		position:absolute;
		left:628px;
		top:11px;
		width:274px;
	}
	a#hd_inq{
		position:absolute;
		display:block;
		left:884px;
		top:23px;
	}
	ul#gm{
		position:absolute;
		top:116px;
		width:1038px;
		height:63px;
		background:url(../common/bg_gm.gif) no-repeat;
	}

ul#gm li{
	display:inline;
}
ul#gm a{
	display:block;
	position:absolute;
	height:63px;
	text-indent:-9999px;
	background:no-repeat;
	opacity:0;
	transition:opacity .4s cubic-bezier(.39,.575,.565,1);
}
ul#gm li:hover a,
ul#gm a:focus-visible{
	opacity:1;
	outline-offset:-2px;
}
ul#gm a#gm1{left:0; 		width:140px; background:url(../common/gm_01.gif) }
ul#gm a#gm2{left:140px; width:124px; background:url(../common/gm_02.gif) }
ul#gm a#gm3{left:264px; width:126px; background:url(../common/gm_03.gif) }
ul#gm a#gm4{left:390px; width:125px; background:url(../common/gm_04.gif) }
ul#gm a#gm5{left:515px; width:125px; background:url(../common/gm_05.gif) }
ul#gm a#gm6{left:640px; width:125px; background:url(../common/gm_06.gif) }
ul#gm a#gm7{left:765px; width:126px; background:url(../common/gm_07.gif) }
ul#gm a#gm8{left:891px; width:147px; background:url(../common/gm_08.gif) }







/* footer
---------------------------------------------------------------------*/
div#ft_bread{
		width:1027px;
		height:47px;
		background:url(../common/bg_bread.jpg) no-repeat;
		margin:0 auto;
	}
	div#ft_bread ul{
		padding:15px 0 0 20px;
	}
	div#ft_bread li{
		display:inline;
	}

div#ft div *,div#ft a{
		font-size:11px;
		line-height:18px;
		color:#000;
	}
	
	div#ft_sitemap{
		position:absolute;
		left:26px;
		top:58px;
		width:189px;
		height:328px;
		background:url(../common/bg_sitemap.gif) no-repeat;
	}
		div#ft_sitemap dl{
			position:absolute;
			left:25px;
			top:58px;
			width:144px;
		}
		div#ft_sitemap dt{
			display:none;
		}
		div#ft_sitemap a{
			line-height:19px;
		}
	
	div#ft_maker{
		position:absolute;
		left:246px;
		top:61px;
		width:313px;
		height:160px;
	}
		div#ft_maker dl{
			width:320px;
		}
		div#ft_maker dd{
			display:inline;
		}
	
	div#ft_os{
		position:absolute;
		left:246px;
		top:266px;
		width:133px;
		height:135px;
	}
		div#ft_os dl{
			width:340px;
		}
		div#ft_os dd{
			display:inline-block;
			width:110px;
		}
	
	div#ft_yamato{
		position:absolute;
		left:596px;
		top:61px;
		width:371px;
		height:200px;
	}
		div#ft_yamato h2{
			display:block;
			margin-bottom:10px;
		}
		div#ft_yamato img#logo_yamato{
			float:left;
			margin:0 10px 0 0;
		}
		div#ft_yamato a#ft_btn_souryou{
			position:absolute;
			display:block;
			left:0;
			top:128px;
		}
		div#ft_yamato a#ft_btn_shuka{
			position:absolute;
			display:block;
			left:186px;
			top:128px;
		}
	
	div#ft_tel{
		position:absolute;
		left:599px;
		top:264px;
		width:267px;
	}
	div#ft_inq{
		position:absolute;
		left:866px;
		top:264px;
		width:133px;
	}
	
	div#ft_adrs{
		position:absolute;
		left:599px;
		top:362px;
		width:415px;
		height:96px;
		background:url(../common/ft_adrs.gif) no-repeat;
	}
		div#ft_adrs dt{
			display:none;
		}
		div#ft_adrs dd{
			position:absolute;
			left:11px;
			top:37px;
			width:139px;
		}
	
	p#ft_copyright{
		position:absolute;
		left:33px;
		top:439px;
		color:#000;
		font-size:10px;
		line-height:1;
	}

div#link{
	position:relative;
	width:1027px;
	height:60px;
	margin:0 auto;
}
	div#link a#bn_honpo{
		position:absolute;
		top:11px;
		width:126px;
	}
	div#link a#bn_kanoe{
		position:absolute;
		left:925px;
		top:7px;
		width:100px;
	}
	
div#i_pagetop{
	position:fixed;
	width:50px;
	height:143px;
	right:0;
	bottom:30%;
}

div#bn_pchonpo{
	position:fixed;
	width:132px;
	height:200px;
	left:0;
	top:40%;
	opacity:0;
	visibility:hidden;
	transition:opacity .3s,visibility .3s;
}
div#bn_pchonpo.is-show{
	opacity:1;
	visibility:visible;
}

/* ページ内リンクのスムーズスクロール（旧 autoScroll.js の代替） */
@media (prefers-reduced-motion:no-preference){
	html{ scroll-behavior:smooth; }
}

/* ホバー時のゆれ効果（js/top_new.js）の拡大基点 */
img.shakeItem{
	transform-origin:0 0;
}




/* ajax
---------------------------------------------------------------------*/
#modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	z-index:100;
}
.overlay{
	position:fixed;
	width:900px;
	height:600px;
	overflow:hidden;
	top:50px;
	left:50%;
	margin:0 0 0 -450px;
	background:#FFF;
	z-index:101;
	overflow:auto;
}


/* shared elem
---------------------------------------------------------------------*/
.csr_link{
	cursor:pointer;
}
.notice_msg{
	margin:10px 0;
	padding:10px;
	text-align:center;
	background:#fff;
}
.alert_msg{
	margin:10px 0;
	padding:10px;
	text-align:center;
	color:tomato;
	font-weight:bold;
	background:#fff;
}
.alert{
	display:inline-block;
	padding:4px 8px;
	background:#F06;
	color:#FFF;
	line-height:100%;
	white-space:nowrap;
	margin:4px 0;
}
.cl_red{
	color:#b83d14;
}









/* clear
---------------------------------------------------------------------*/

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



/* font size style
---------------------------------------------------------------------*/

.sml,.sml *{
	font-size:10px;
	line-height:14px;
}
.bld,.bld *{
	font-weight:bold;
}


/* table
---------------------------------------------------------------------*/
.table1_ttl{
	padding-bottom:15px;
	border-bottom:1px solid #ffd5bf;
}

table.table1{
	font-size:100%;
	line-height:160%;
}
	table.table1 th{
		text-align:center;
		white-space:nowrap;
		padding:10px 15px;
		background:#fff9f0;
		border-bottom:1px solid #ffd5bf;
	}
	table.table1 td{
		padding:10px 0 10px 20px;
		border-bottom:1px solid #ffd5bf;
	}
	table.table1 .alignL{
		text-align:left;
	}
	table.table1 .alignR{
		text-align:right;
	}

table.table2 *{
	font-size:11px;
	line-height:130%;
}
	table.table2 th{
		text-align:center;
		white-space:nowrap;
		padding:10px 15px;
		background:#fff9f0;
		border-bottom:1px solid #ffd5bf;
	}
	table.table2 td{
		padding:10px 0 10px 20px;
		border-bottom:1px solid #ffd5bf;
	}

table.plain{
	font-size:100%;
	line-height:160%;
}
	table.plain td{
		padding:2px;
		font-size:11px;
		line-height:120%;
		border:none;
	}
	table.plain input,
	table.plain textarea,
	table.plain select{
		margin:0 3px 3px 0;
	}



/* display type
---------------------------------------------------------------------*/
.block{
	display:block;
}
.inline{
	display:inline;
}
.in-block{
	display:inline-block;
}
.hide{
	display:none;
}


/* align
---------------------------------------------------------------------*/

.floatR{
	float:right;
}
.floatL{
	float:left;
}
.floatC{
	margin:0 auto 0;
}
.alignL{
	text-align:left;
}
.alignR{
	text-align:right;
}
.alignC{
	text-align:center;
}



/* margin control
---------------------------------------------------------------------*/


.left50{
	margin-left:50px;
}
.left40{
	margin-left:40px;
}
.left30{
	margin-left:30px;
}
.left20{
	margin-left:20px;
}
.left15{
	margin-left:15px;
}
.left10{
	margin-left:10px;
}
.left7{
	margin-left:7px;
}
.left5{
	margin-left:5px;
}
.left3{
	margin-left:3px;
}
.left0{
	margin-left:0px !important;
}

.right50{
	margin-right:50px;
}
.right40{
	margin-right:40px;
}
.right30{
	margin-right:30px;
}
.right20{
	margin-right:20px;
}
.right15{
	margin-right:15px;
}
.right10{
	margin-right:10px;
}
.right7{
	margin-right:7px;
}
.right5{
	margin-right:5px;
}
.right3{
	margin-right:3px;
}
.right0{
	margin-right:0px !important;
}

.top50{
	margin-top:50px;
}
.top45{
	margin-top:45px;
}
.top40{
	margin-top:40px;
}
.top35{
	margin-top:35px;
}
.top30{
	margin-top:30px;
}
.top25{
	margin-top:25px;
}
.top20{
	margin-top:20px;
}
.top15{
	margin-top:15px;
}
.top10{
	margin-top:10px;
}
.top7{
	margin-top:7px;
}
.top5{
	margin-top:5px;
}
.top3{
	margin-top:3px;
}
.top0{
	margin-top:0px !important;
}

.btm50{
	margin-bottom:50px;
}
.btm40{
	margin-bottom:40px;
}
.btm30{
	margin-bottom:30px;
}
.btm20{
	margin-bottom:20px;
}
.btm15{
	margin-bottom:15px;
}
.btm10{
	margin-bottom:10px;
}
.btm7{
	margin-bottom:7px;
}
.btm5{
	margin-bottom:5px;
}
.btm3{
	margin-bottom:3px;
}
.btm0{
	margin-bottom:0px !important;
}


/* width */
.w600{
	width:600px;
}
.w550{
	width:550px;
}
.w500{
	width:500px;
}
.w450{
	width:450px;
}
.w400{
	width:400px;
}
.w350{
	width:350px;
}
.w300{
	width:300px;
}
.w250{
	width:250px;
}
.w200{
	width:200px;
}
.w175{
	width:175px;
}
.w150{
	width:150px;
}
.w125{
	width:125px;
}
.w100{
	width:100px;
}
.w75{
	width:75px;
}
.w50{
	width:50px;
}
.w25{
	width:25px;

}
.w20{
	width:20px;
}
.w15{
	width:15px;
}
.w10{
	width:10px;
}

/* height */
.h600{
	height:600px;
}
.h550{
	height:550px;
}
.h500{
	height:500px;
}
.h450{
	height:450px;
}
.h400{
	height:400px;
}
.h350{
	height:350px;
}
.h300{
	height:300px;
}
.h250{
	height:250px;
}
.h200{
	height:200px;
}
.h175{
	height:175px;
}
.h150{
	height:150px;
}
.h125{
	height:125px;
}
.h100{
	height:100px;
}
.h75{
	height:75px;
}
.h50{
	height:50px;
}
.h25{
	height:25px;
}
.h20{
	height:20px;
}
.h15{
	height:15px;
}
.h10{
	height:10px;
}

/* ヘッダー連絡先テキスト */
#hd_contact {
  text-align: left;
}
#hd_contact p.hd_lead {
  font-size: 12px !important;
  color: #444 !important;
  line-height: 1.6;
}
#hd_contact p.hd_tel a,
#hd_contact p.hd_tel a:link,
#hd_contact p.hd_tel a:visited {
  display: block;
  font-size: 26px !important;
  font-weight: 900 !important;
  font-family: Arial, sans-serif !important;
  -webkit-text-stroke: 0.5px #b83d14;
  color: #b83d14 !important;
  text-decoration: none;
  line-height: 1.3;
}
#hd_contact p.hd_hours {
  font-size: 12px !important;
  color: #666 !important;
  line-height: 1.4;
}
#hd_contact p.hd_addr {
  font-size: 11px !important;
  color: #666 !important;
  line-height: 1.4;
}

/* フッター連絡先テキスト */
#ft_tel {
  background: #fff;
  padding: 6px 10px;
  display: block;
  width: 267px;
}
#ft_tel p.ft_tel_lead {
  font-size: 12px !important;
  color: #444 !important;
  line-height: 1.6;
}
#ft_tel p.ft_tel_num a,
#ft_tel p.ft_tel_num a:link,
#ft_tel p.ft_tel_num a:visited {
  display: block;
  font-size: 26px !important;
  font-weight: 900 !important;
  font-family: Arial, sans-serif !important;
  color: #b83d14 !important;
  text-decoration: none;
  line-height: 1.3;
}
#ft_tel p.ft_hours {
  font-size: 12px !important;
  color: #444 !important;
  line-height: 1.4;
}