@charset "UTF-8";
/* Reset Stylesheet Based on - html5doctor.com Reset Stylesheet http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
ul, li { list-style: none; }
/*-------------------------------------
clearfix
-------------------------------------*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*-------------------------------------
basic
-------------------------------------*/
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body { color: rgb(80,80,80); font: 14px/1.5 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Arial', 'Helvetica', 'sans-serif'; }
a { text-decoration: none; color: rgb(80,80,80); }
a:hover { text-decoration: none; }
img { vertical-align: bottom; }
/*-------------------------------------
smp-view
-------------------------------------*/
.smp-view { width: 100%; height: 60px; background-color: rgb(80,80,80); display: block; }
.smp-view a { width: 100%; padding: 10px 0; text-align: center; display: block; font-size: 30px; color: rgb(255,255,255); }
/*-------------------------------------
header
-------------------------------------*/
header { padding-top: 30px; background: url(../images/headline_kagidoctor.jpg) repeat-x top; position: relative; }
header h1 { max-width: 178px; max-height: 46px; margin-left: 10px; }
header nav { border-bottom: 3px solid rgb(240,240,240); position: relative; z-index: 1; }
header nav > p { width: 25%; padding: 10px; text-align: center; font-weight: bold; color: rgb(255,255,255); background: rgb(250,125,35); border-bottom: 3px solid rgba(0,0,0,0.2); border-radius: 5px; position: absolute; top: -54px; right: 10px; }
header nav > ul { display: none; }
/*-------------------------------------
contents
-------------------------------------*/
#contents { padding-top: 15px; }
/*-------------------------------------
footer
-------------------------------------*/
footer { margin-bottom: 100px; }
footer nav { border-top: 1px solid rgb(240,240,240); }
footer nav > ul { display: block; }
footer #copyright { padding: 10px; text-align: center; font-size: 10px; color: rgb(255,255,255); background: rgb(240,160,90); }
footer dl { font-size: 10px; color: rgb(255,255,255); background: rgb(100,100,100); text-align: center; padding: 15px 10px; }
footer dt { display: inline; }
footer dd { display: inline; margin-left: 15px; }
footer dd a { padding: 5px 30px; display: inline-block; font-weight: bold; color: rgb(100,100,100); background: rgb(255,255,255); border-radius: 30px; }
/*-------------------------------------
nav
-------------------------------------*/
nav { width: 100%; margin-top: 14px; }
nav ul { width: 100%; background: rgb(255,255,255); }
nav ul li { display: block; font-weight: bold; border-top: 1px solid rgb(240,240,240); }
nav ul li p { display: block; }
nav ul li p span { padding: 15px 30px 15px 45px; display: block; background: url(../images/icon_aclose.png) no-repeat 98% center; background-size: 12px; }
nav ul li p span.open { background: url(../images/icon_aopen.png) no-repeat 98% center; background-size: 12px; }
nav ul li a { padding: 15px 30px 15px 45px; display: block; background: url(../images/icon_link.png) no-repeat 98% center; background-size: 12px; }
nav ul li.menu1 { background: url(../images/icon_menu1.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu2 { background: url(../images/icon_menu2.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu3 { background: url(../images/icon_menu3.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu4 { background: url(../images/icon_menu4.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu5 { background: url(../images/icon_menu5.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu6 { background: url(../images/icon_menu6.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu7 { background: url(../images/icon_menu7.png) no-repeat 10px 12px; background-size: 30px; }
nav ul li.menu8 { padding: 15px 30px 15px 45px; display: block; background-image: none; text-align: center; }
nav ul li ul { width: 100%; display: none; }
nav ul li ul li { display: block; font-weight: normal; }
nav ul li ul li a { display: block; }
/*-------------------------------------
common
-------------------------------------*/
.title { padding: 10px 10px 10px 42px; font-size: 16px; color: rgb(255,255,255); }
.service-list .title, .service .title { background: rgb(250,125,35) url(../images/icon_title1.png) no-repeat 10px center; background-size: 30px; }
.service-flow .title { background: rgb(250,125,35) url(../images/icon_title2.png) no-repeat 10px center; background-size: 30px; }
.price-list .title { background: rgb(250,125,35) url(../images/icon_title5.png) no-repeat 10px center; background-size: 30px; }
.qa .title { background: rgb(250,125,35) url(../images/icon_title6.png) no-repeat 10px center; background-size: 30px; }
.area .title { background: rgb(250,125,35) url(../images/icon_title4.png) no-repeat 10px center; background-size: 30px; }
.bouhan .title { background: rgb(250,125,35) url(../images/icon_title3.png) no-repeat 10px center; background-size: 30px; }
.coupon { text-align: center; margin-top: 20px; }
.tel { text-align: center; position: fixed; bottom: 0px; }
/*-------------------------------------
top  service
-------------------------------------*/
.service-list { display: block; margin-top: 10px; }
.service-list ul { max-width: 102%; margin-left: -2%; padding-bottom: 10px; }
.service-list ul li { width: 48%; margin: 10px 0 0 2%; float: left; text-align: center; }
.service-list ul li a { color: rgb(50,50,50); display: block; }
.service-list ul li img { margin-bottom: 5px; display: block; }
.service-list ul li span { display: block; color: rgb(255,0,0); font-weight: bold; }
.service-flow { margin-top: 10px; }
.service-flow dl { width: 100%; display: block; margin-bottom: 10px; }
.service-flow dl dt { margin-top: 10px; padding: 10px; display: block; text-align: center; background: rgb(255,175,50); color: rgb(255,255,255); font-weight: bold; }
.service-flow dl dd { padding: 10px; display: block; font-size:12px; background: rgb(255,245,220); }
.service-flow dl dd img { float: left; margin-right: 10px; }
/*-------------------------------------
service
-------------------------------------*/
.service { display: block; margin-top: 10px; }
.service .block { display: block; padding: 15px; }
.service figure { text-align: center; }
.service h3 { margin-top: 4px; text-align: center; font-size: 16px; }
.service p { margin-top: 6px; padding: 10px 15px; background: rgb(255,245,220); }
.service-price { text-align: center; margin: 10px 0px 20px; }
.service-price h2 { text-align: center; }
.service-price p { text-align: center; margin-top: 10px; }
/*-------------------------------------
price-list
-------------------------------------*/
.price-list { display: block; }
.price-list .block { display: block; padding: 10px 15px; }
.price-list figure { text-align: center; margin: 10px 0px; }
.price-list h3 { padding: 5px 0px; font-size: 16px; border-bottom: 2px solid rgb(250,125,35); }
.price-list p { line-height: 180%; text-align: center; }
.price-list p span { font-weight: bold; color: rgb(255,0,0); }
/*-------------------------------------
qa
-------------------------------------*/
.qa { display: block; }
.qa .block { display: block; margin: 15px 0px; }
.qa figure { text-align: center; margin: 10px 0px; }
.qa h3 { padding: 5px; text-align: center; font-size: 16px; color:rgb(255,255,255); background: rgb(255,175,50); }
.qa dl { display: block; margin-bottom: 10px; border-top: 1px solid rgb(220,220,220); }
.qa dl dt { padding: 10px 10px 10px 30px; display: block; font-weight: bold; border-bottom: 1px solid rgb(220,220,220); background: url(../images/icon_bclose.png) no-repeat 10px center rgb(255,245,220); background-size: 12px; }
.qa dl dt.open { background: url(../images/icon_bopen.png) no-repeat 10px center rgb(255,245,220); background-size: 12px; }
.qa dl dd { padding: 10px 15px; display: block; font-size: 12px; border-bottom: 1px solid rgb(220,220,220); display: none; }
/*-------------------------------------
area
-------------------------------------*/
.area { display: block; }
.area figure { text-align: center; }
.area dl { width: 100%; display: block; margin-bottom: 10px; border-top: 1px solid rgb(240,240,240); }
.area dl dt { padding: 10px 20px; display: block; font-weight: bold; border-bottom: 1px solid rgb(240,240,240); background: rgb(255,245,220); }
.area dl dd { display: block; border-bottom: 1px solid rgb(240,240,240); background: url(../images/icon_link.png) no-repeat 98% center; background-size: 12px; }
.area dl dd a { padding: 10px 20px; display: block; }
.area .block { margin: 15px; padding: 15px; display: block; border: 1px solid rgb(240,240,240); }
.area p.business { margin: 15px; font-weight: bold; }
.area p.detail { margin: 15px; padding: 15px; background: rgb(240,240,240); }
/*-------------------------------------
anticrime-swap  auxiliary-lock
-------------------------------------*/
.bouhan { display: block; }
.bouhan figure { text-align: center; margin-top: 15px; }
.bouhan h3 { text-align: center; margin-top: 10px; }
.bouhan dl { padding: 0px 15px 10px; }
.bouhan dl dt { margin-top: 10px; display: block; font-weight: bold; color: rgb(250,125,35); }
.bouhan dl dd { margin-bottom: 15px; display: block; }
.bouhan .block { display: block; }
.bouhan .name { margin: 0px; padding: 15px 10px 15px 30px; text-align: left; border-bottom: 1px solid rgb(220,220,220); background: url(../images/icon_bclose.png) no-repeat 10px center rgb(255,245,220); background-size: 12px; }
.bouhan .name.open { background: url(../images/icon_bopen.png) no-repeat 10px center rgb(255,245,220); background-size: 12px; }
.bouhan .goods { padding: 15px; border-bottom: 1px solid rgb(220,220,220); display: none; }
.bouhan .goods .wrap { margin-bottom: 10px; }
.bouhan .goods figure { width: 35%; margin: 0; float: left; }
.bouhan .goods figure img { width: 100%; }
.bouhan .goods .detail { width: 60%; margin-left: 5%; float: left; }
.bouhan .goods .detail h4 { display: block; color: rgb(250,125,35); }
.bouhan .goods .detail p { margin-top: 10px; }
.bouhan .goods .detail p span { display: block; font-weight: bold; }
.bouhan .goods .detail p img { width: 100%; }
.bouhan .goods .detail ul { margin-top: 10px; display: block; }
.bouhan .goods .detail ul li { float: left; width: 30%; margin-right: 3%; }
.bouhan .goods ul { display: block; }
.bouhan .goods ul li { float: left; width: 50%; margin-bottom: 10px; }
.bouhan .goods ul li img { width: 100%; }
.bouhan .goods table { width: 100%; margin-bottom: 10px; }
.bouhan .goods table th { width: 50%; padding: 5px 10px; border: 1px solid rgb(220,220,220); background: rgb(255,245,220); }
.bouhan .goods table td { width: 50%; padding: 5px 10px; border: 1px solid rgb(220,220,220); }
.bouhan .goods p img { width: 100%; margin-bottom: 10px; }
/****************************************
		5-x. Cooperate
*****************************************/

.col-three{
	box-shadow:1px 1px 3px 0 #ccc;
	padding:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:15px;
	}
.col-end{margin-right:0;}
.cooperate-inner{
	padding:20px;
	}
.cooperate-inner ul{
	margin-top:20px;
	margin-bottom:20px;
	}
.cooperate-inner h3{
	background:#f89a00;
	color:#fff;
	padding:10px;
	margin-top:35px;
	margin-bottom:20px;
	border-radius:10px 10px 0 0;
	}
.cooperate-inner h4{
	color:#f89a00;
	border-bottom:solid 2px #f89a00;
	padding:10px;
	margin-bottom:10px;
	}
.cooperate-inner .info{
	clear:both;
	background:#eee;
	padding:20px;
	border-radius:10px;
	}
.cooperate-inner table{
	border-collapse:collapse;
	border:#ccc solid 1px;
	}
.cooperate-inner th{
	background:#f8c674;
	}
.cooperate-inner th,
.cooperate-inner td{
	padding:10px;
	border:#ccc solid 1px;
	}

/*ボタン用*/
.bnr_btn{	margin-top:20px;text-align:center;}
.bnr_btn:active{	opacity:.8;	}
/*icon*/
nav ul li.menu9 { background: url(../images/icon_menu9.png) no-repeat 10px 12px; background-size: 30px; }
.cooperate .title { background: rgb(250,125,35) url(../images/icon_title9.png) no-repeat 10px center; background-size: 30px; }