@charset "utf-8";
/* CSS Document */


body {
	background-color: #FFFFFF;
	text-align: center;
	}
h1 {
	border-bottom-color: #ff9900;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-size: 1.2em;
	letter-spacing:0.2em;
	}
h1.top {
	width:550px;
	height:200px;
	margin: 0 auto 15px auto;
	padding:0;
	}
h2 {
	letter-spacing: 0.10em;
	border-bottom-color:#FFCC00;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin: 0px 10px;
	padding: 5px 0 5px 0;
	font-size: 1em;
	text-align: left;
	}
li {
margin:10px 0 0 0;
	font-size: 0.85em;
}

p {
	font-size: 0.85em;
	line-height:150%;
}
a {
color:#3366FF;
}
a:hover {
color:#FF6600;
}

.conteiner {
	padding:50px 20px 20px 20px;
	margin:20px auto;
	border:#999999 2px solid;
	background:#FFFFCC;
	text-align: center;
	width: 570px;
	}
.toplink {
	background-color: #FFFFFF;
	width: 550px;
	font-size: 0.75em;
	padding: 0 0 0 10px;
	text-align: left;
	}
.title {
	width: 550px;
	text-align: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

.sub {
	width: 550px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
        background:white;
	font-size: 0.85em;
	font-weight:bold;
        color:red;
	letter-spacing:0.25em;
	border:red 2px solid;
	}

.box2 {	
	width:550px;
	margin:0;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 0.85em;
	font-weight:bold;
	letter-spacing:0.25em;
	background:#ff9900;

}
.box22 {
	width: auto;
	height:30px;
	margin:10px 0;
	padding:0;
	text-align: center;
	font-size: 0.85em;
	font-weight:bold;
	letter-spacing:0.25em;
	background:#FFCC00;
	border-top:#FF9900 solid 2px;
	border-right:#CC6600 solid 2px;
	border-left:#FF9900 solid 2px;
	border-bottom:#CC6600 solid 2px;
	line-height:250%;
}
.box22 a {	
	width:350px;
	height:30px;
	display:block;
	text-decoration:none;
	}
.box22 a:hover {	
	width:350px;
	height:30px;
	background:#FFFF99;
	display:block;
	text-decoration:none;
	}
.box23 {
text-align:left;
}
.box23 h4 {
margin:0;
padding:0;
font-size:0.85em;
color:#333333;
}
.box23 p {
margin:5px 0 0 0;
font-size:0.8em;
color:#333333;
line-height:150%;
font-weight:normal;
}

.box {
	width: 550px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	text-align: left;
	}
.box p {
margin:10px 0 0 20px;
}


.box3 {
	width: 100%;
	padding:0;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	font-size:0.75em;
	}

.box4 {
	width: 96%;
	padding:0;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	}
.box-spe {
	clear:both;
	width: auto;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border:#660000 solid 1px;
	text-align: left;
	}
.box-spe2 {
	clear:both;
	width: auto;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border:#660000 solid 1px;
	text-align: left;
	overflow: hidden;
}

.box-spe2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .box-spe2 {
    height: 1em;
    overflow: visible;
}
/**/
.box-spe h2 {
	letter-spacing: 0.10em;
	border-bottom-color:#660000;
	border-bottom-width:1px;
	border-bottom-style: solid;
	margin: 0px;
	padding: 5px 0 5px 0;
	font-size: 1em;
	color:#660000;
	text-align: left;
	}
.box-spe2 h2 {
	letter-spacing: 0.10em;
	border-bottom-color:#660000;
	border-bottom-width:1px;
	border-bottom-style: solid;
	margin: 0px;
	padding: 5px 0 5px 0;
	font-size: 1em;
	color:#660000;
	text-align: left;
	}
.box-spe p {
margin:5px 0 0 0;
}
.box-spe2 p {
margin:5px 0 0 0;
}
img.home {
float:right;
margin:0 ;
padding:0;
}
img.homeSp{
	display:none;
}
p.service {
margin:0 0 5px 0;
padding:4px 2px 4px 40px;
font-size:0.85em;
font-weight:bold;
color:#FF6666;
background:#FFCCCC url(img/ie-bar.gif) no-repeat 0 0;
}
.toi-box {
	width: auto;
	margin:0;
	padding:10px 10px 20px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 0.8em;
	font-weight:nomal;
	border:#999999 solid 1px;
	background:#FFFFFF;
	}
.toi-box h2 {
margin:0;
padding:2px 0;
font-size:0.85em;
color:#333333;
font-weight:normal;
border-bottom:#666666 solid 1px;
}
.toi-box p {
margin:10px 5px;
color:#666666;
}
.toi-box img {
margin:0;
padding:0;
}
address {
font-size:0.75em;
color:#999999;
}

/*追加
--------------------------------*/

table {
font-size:0.85em;
border-bottom:1px solid #555555;
border-left:1px solid #555555;
}

tr,td {
border-top:1px solid #555555;
border-right:1px solid #555555;
}


.doui{width: 80%;margin: 10px auto;padding-top: 5px;padding-right: 0;padding-bottom: 5px;padding-left: 0;background:#FFCCFF;font-size: 0.85em;border:#888888 1px solid;text-align:center;}
.komered {
font-size:0.75em;
color:#FF0000;
}
.komered2 {
margin:5px 0;
font-size:0.75em;
color:#FFFFFF;
}
.inputre {
margin:5px 0;
}
.veribox {
clear:both;
position:relative;
    overflow: hidden;
}

.veribox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .veribox {
    height: 1em;
    overflow: visible;
}
/**/
.veri {
float:left;
margin:0 5px;
}

.mb03{
	margin-bottom:3px;
}


@media screen and (max-width: 768px){
	h1.top{
		width:100%;
		height:auto;
	}
	h1.top img{
		width:100%;
		height:auto;
	}


}

@media screen and (max-width:640px){
	img.home {
		display:none;
	}
	img.homeSp{
		float:right;
		margin:0 ;
		padding:0;
		display:block;
	}
	.mf{
		font-size:0.75em;
	}
	.mf input{
		width:80% !important;
		display:block;
	}
	.mf input.w98{
		width:98% !important;
		
	}
	.mf input.w20{
		width:20% !important;
		
	}
	.mf input.w40{
		width:40% !important;
		
	}
	.mf input.mb1{
		margin-bottom:1% !important;
		
	}
	.mf input.inl{
		display:inline;
		
	}
	.mf td.wAuto span{
		display:block;
	}
	.mf td.wAuto span input{
		display:inline;
		width:auto !important;
	}
	.mf .komered{
		display:block;
	}
	.mf br{
		display:none;
	}
	.mf.mf2 br{
		display:block;
	}
}