/* CSS Document */

/* ***************
**   共通事項   **
*************** */
body	{
	text-align: center; 
	color:#333;
	background-color:#fff;
	margin-top:5px;
	margin-left:0px;
	padding-left:10px;
	line-height:160%;
	}
div#wrapper {  
 max-width: 850px; 
    margin: 0 auto;  
    text-align: left;  
}   

h1	{
	display:block;
	margin:0px 0px 5px;
	padding:0px;
	text-align:left;
	}
h2	{
	margin:10px 0px 10px 25px;
	font-weight:bold;
	font-size:13px;
	height:15px;
	color:#f60;
	}
h2 img	{
	margin-right:2px;
	}
h3{	margin:20px 10px 10px 25px;
	padding:5px 0 5px 5px;
	font-weight:bold;
	color:#c03;
border-bottom:1px dotted #c03;
}
h4 {
background:#333;
color:#fff;
font-weight:bold;
font-size:130%;
padding:10px 0 10px 20px;
line-height:160%;
letter-spacing:0.05em;
margin-top:2em;}


h4:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f138";
padding-right : 5px;
color: #f99;
}


a,a:link,a:visited{
	color:#00d;
	background-color:transparent;
	text-decoration:underline;
	}
a:hover	{
	background-color:#33d;
	color:#fff;
	text-decoration:none;
	}
a img,img{
	border:none;
	}

#menu { 
width: 800px;
margin: 0 auto;  
padding-top:10px;
padding-bottom:200px;
text-align: left; 
font-weight: bold; 
}

#menu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu li{ 
float: left;  
width: 400px; 
padding: 0; 
margin: 0; 
}

#menu li a{
display: block; 
border-left: 8px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 10px 15px 10px ;
text-decoration: none;
color: #333;
margin: 3px 3px 3px 3px;
text-align: left;
font-size: 120%;
}

#menu li a:hover{
border-left: 8px solid #900;
border-top: 1px solid #900;
border-right: 1px solid #900;
border-bottom: 1px solid #900;
background-color: #fad0c5;
}

.box1{
width:90%;
text-align:center;
margin: 0 auto;
border: #900 solid 2px;
padding: 10px;
background: #fff;
}

.box2{
width:80%;
text-align:center;
margin: 0 auto; 
margin-top:20px; 
padding: 10px;
background: #ddd;
}

.box3{
width:90%;
text-align:left;
margin: 0 auto; 
margin-top:20px; 
padding: 20px 30px;
background: #FFE4E4;
}

.box4{
width:90%;
text-align:center;
font-weight:bold;
font-size:130%;
color:#fff;
margin: 0 auto; 
margin-top:20px; 
padding: 20px 30px;
background: #cc0000;
line-height:130%;
}

.box5{
width:90%;
text-align:center;
margin: 0 auto; 
margin-top:20px; 
padding: 10px;
background: #ddd;
}


h2 a,h2 a:link,h2 a:visited{ /* デフォルトリンク指定より前で定義しないこと */
	color:#f60;
	}


hr	{
	 border: 0 none; 
	height: 1px; 
	color: #999;
	background-color: #999;

	margin:20px 50px;

	}
address{
	margin:25px 10px 10px;
	padding-top:10px;
	padding-right:20px;
	padding-left:20px;
	text-align:center;
	border-top:1px solid #333;
	font-style:normal;
	font-size:12px;
	clear:both;
	}
address small{
	font-size:10px;
	}
#navi	{
	margin-bottom:3px;
	text-align:right;
	padding-right:10px;
	}
.red	{
	color:#C03;
	}
.orange{
	color:#f63;
	}
.hosoku{
	color:#999;font-size:85%;
	}
.b	{
	font-weight:bold;
	}
.hr	{
	margin-top:8px;
	margin-right:auto;
	margin-bottom:8px;
	margin-left:auto;
	}
.go_top{
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
	padding-right:10px;
	}
.bg_ffc	{
	background-color:#ffc;
	padding:5px;
	margin-left:20px;
	}
.comment{
	display:block;
	margin:3px 15px 3px;
	font-size:13px;
	padding:2px;
	}
	
/* ***********
**   online   **
************ */


#online table {
width: 95%;
text-align:center;
vertical-align: middle;
table-layout:fixed;
border: 2px #999 solid;
border-collapse: collapse;
margin-bottom:1em;
 } 
#online table td, th {
text-align:center;
padding: 10px;
border: 1px #999 solid;
border-collapse: collapse;
}

#tokutei table
{
width: 100%;
table-layout:fixed;
border: 2px #999 solid;
border-collapse: collapse;
 } 
#tokutei th {
width: 30%;
background:#eee;
text-align:left;
padding: 8px;
font-weight:bold;

}

#tokutei td {
padding: 8px;
border: 1px #999 solid;
border-collapse: collapse;
}


#online img {

	margin: 20px 0px 10px;
}

#online dt{
	color:#FFF;
	font-weight:bold;
	padding:7px 13px;
	background-color:#777;
	margin:20px 0px 7px 10px ;
	line-height: 2em;
margin-top:30px;
letter-spacing:0.05em;
}
#online dd{
	text-indent: -1em;
	line-height: 2em;
	padding-left:15px;  

}
#online ul{
	padding-left:60px;
	} 
#online li{
	line-height: 1.6em;
}


#onlinefaq dt{
	padding:7px 13px;
	border:1px solid #ccc;
	margin-bottom:7px;
	background-color:#eee;
	font-weight:bold;
	color:#666;
}
#onlinefaq dd{
	line-height: 1.6em;
	padding-left:15px; 
}

#onlinefaq table {
width: 600px;
text-align:center;
vertical-align: middle;
table-layout:fixed;
border: 2px #666 solid;
border-collapse: collapse;
 } 
#onlinefaq table td, th {
font-size:13px;
text-align:center;
padding: 5px;
border: 1px #666 solid;
border-collapse: collapse;
}

#onlineform dt{
	color:#FFF;
	font-weight:bold;
	padding:10px 10px;
	background-color:#666;
	margin-top:5px;
	margin-bottom:5px;
	}

#onlineform dd{
	line-height: 1.8em;
	}
	
#onlinechui dd{
width:auto;
margin-left:20px;
background-color:#FFE4E4;
text-indent: -1em;
line-height: 1.6em;
margin-bottom:2px;
}




dd.line{
width:auto;
background-color:#e6e6e6;
border-left: 5px solid #999;
margin-top:20px;
margin-bottom:5px;
font-weight:bold;
text-indent:1em;
}
dd.line2{
width:auto;
background-color:#e6e6e6;
border-left: 5px solid #999;
margin-bottom:2px;
text-indent:0.4em;
}
dd.line3{
width:auto;
border-left: 5px solid #999;
border-bottom: 1px solid #999;
margin-bottom:2px;
}


span.a1{
color:#c06;
font-weight:bold;
}

dd.a2{
color:#993333;
}

span.a3{
color:#990000;
font-weight:bold;
}
span.a4{
font-size:130%;
font-weight:bold;
}
span.a5{
color:#3366cc;
font-weight:bold;
font-size:120%;
background-color:#edfaff;
}
dd.a6{
width:auto;
background-color:#CCC;
margin-top:5px;
margin-bottom:2px;
padding:5px 5px 5px 8px;
}
dd.a7{
color:#CC0000;
}

span.a8{
color:#c06;
font-weight:bold;
font-size:130%;}


.bold_b{font-weight:bold;font-size: 120%;
 background: url(img/icon_a.gif) no-repeat left center;
 padding-left: 15px;
 height: 15px;}
.red_bold{color:#C00;font-weight:bold;border-bottom:1px solid #c06;padding:5px 0 0 5px;
line-height:160%;}
.blue_bold{color:#069;font-weight:bold;
border-bottom:1px dotted #39c;padding:5px 0 0 5px;
line-height:160%;}
.red{color:#C03;}
.blue{color:#09f;font-weight:bold;}
.gray{color:#999;font-size:10px;}
.gray2{color:#999;}
.white{color: #FFFFFF}
.pink{color:#F36}
.hosoku{font-size:80%;line-height:120%;}
.go_up{font-size: 80%;margin:10 10 0 10;text-align:right;}


/* ***********
カット作り方
************ */
#onlinecut ol{
list-style-type: decimal;
}
#onlinecut li{
line-height: 1.6em;
}



/* ***********
上へボタン
************ */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #999;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}