@charset "UTF-8";
@import "base.css";

/*==========================================================================*/


h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 100%;
}
	
a { color: #006699; }
a:hover,
a:active { color: #0A7CB4; text-decoration: none; }

p { margin: 0; }

dt img,dd img,li img { vertical-align: bottom; }


.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url("http://kanrihi110.com/images/arrow_h.jpg") center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url("http://kanrihi110.com/images/arrow_h.jpg") center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}




.white {color: #fff;}
.gray {color: #666;}
.red {color: #f00;}
.blue {color: #06f;}
.orange {color: #f60;}
.green{color:#638000;}
.bold {font-weight: bold;}

.bg_orange{
background:#f60;
padding:0 5px;
font-weight:bold;
color:#FFF;
}


.font10{font-size:77% !important;}
.font11{font-size:85% !important;}
.font12{font-size:93% !important;}
.font13{font-size:100% !important;}
.font14{font-size:108% !important;}
.font15{font-size:116% !important;}
.font16{font-size:123.1% !important;}
.font17{font-size:131% !important;}
.font18{font-size:138.5% !important;}
.font19{font-size:146.5% !important;}
.font20{font-size:153.9% !important;}
.font21{font-size:161.6% !important;}
.font22{font-size:167% !important;}
.font23{font-size:174% !important;}
.font24{font-size:182% !important;}
.font25{font-size:189% !important;}
.font26{font-size:197% !important;}

.font40{font-size:300% !important;}


/*================================body========================================*/

html {
	background: none;
}

body {
	background: url("../images/bg.gif") 0 0 repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-top:5px;
}

/*=================================== header=======================================*/

#header {
	margin-bottom:10px;
}

#header h1 { 
color:#666;
margin-bottom:10px; }

/*=================================== footer=======================================*/


#footer {
	background: url("../images/bg.gif") 0 0 repeat-x;
	color: #333;
	text-align: center;
padding-top:10px;
}

#footer address {
	width: 950px;
	margin: 0 auto;
	color:#666;
}



/*===================================common=======================================*/
.textIn{
margin:10px 20px;
}
.box_yellow{
border:1px solid #9C9C9C;
background:#FF9;
padding:10px 20px;
}

/*===================================content=======================================*/

.pointBox ul{
width:930px;
height:460px;
padding:0 16px;
	background: url("../images/point_box_bg.gif") 0 0 repeat-y;
}

.pointBox ul li{
float:left;
}



.case{
padding:5px;
width:940px;
}

.case dl.case_box{
float:left;
display:inline;
width:298px;
margin:5px;
background: url("../images/point02_box_btm.gif") left bottom no-repeat;
padding-bottom:15px;
}

.case dt.casettl{
background: url("../images/point02_box_ttl.gif") 0 0 no-repeat;
height:48px;
padding:10px;
color:#FFF;
font-weight:bold;
font-size:138.5% !important;
line-height:1.2 !important;
}

.case dl.caseIn{
background: url("../images/point02_box_bg.gif") 0 0 repeat-y;
padding:10px;
width:278px;

}


.caseIn dt{
clear:both;
float:left;
width:69px;
margin-bottom:5px;
margin-right:10px;
/*display:inline-block;*/
}



.caseIn dd{
float:left;
width:199px;
margin-bottom:10px;
/*display:inline-block;*/
}


.voice dt{
background: url("../images/point02_voice_ttl02.gif") 0 0 no-repeat;
font-weight:bold;
font-size:153.9% !important;
padding:5px 20px;
}

.voice dd{
padding:5px 20px;
margin-bottom:30px;
width:850px;
}



.point03Box div{
float:left;
width:450px;
margin-top:20px;
}

.point03Box div h5{
margin-bottom:15px;
}


.point03Box div p{
padding-right:15px;
}


.faq dt{
background: url("../images/faq_q.gif") 0 0 no-repeat;
width:870px;
height:65px;
font-size:153.9% !important;
font-weight:bold;
padding:15px 10px 0 70px;
line-height:1.2;
margin-bottom:10px;
}

.faq dd{
background: url("../images/faq_a.gif") 0 0 no-repeat;
padding-left:180px;
margin-bottom:30px;
padding-top:10px;
min-height:49px;
}


table.table01{
width:950px;
}

table.table01 th{
width:25%;
color:#FFF;
background:#8DBF2C;
font-weight:bold;
}

table.table01 td{
width:75%;
}


button {
padding: 0;
border: none;
background: none;
}

img {
margin: 0;
vertical-align: top;
line-height: 0;
}

input,textarea,button,table,tr,th,td {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.button {
	margin-top:30px;
padding: 0 30px;
text-align: center;
line-height: 1;
}

.button a,.button input {
-webkit-appearance: none;
display: block;
width: 100%;
padding: 15px 0;
background: #c00;
border: none;
border-radius: 4px;
font-family: "小塚ゴシック Pr6N","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 114.29%;
color: #fff;
text-align: center;
cursor: pointer;
text-decoration: none;
behavior: url(../js/PIE.htc);
}

/*########################___     animation ___########################*/
.anime-beating {
animation: beating-scale 1s infinite;
}

@keyframes beating-scale {
0% { transform: scale(1); }
50% { transform: scale(1.08); }
100% { transform: scale(1); }
}