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

body {
	background-color:#FFFFFF;
    color:#666;
}
a{color:#4a93fe}

.txt_box p{padding:1em 0 ; border-bottom:1px solid #ccc;}
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */

#wrapper {
	width:100%;
	margin:0 auto;
}
#head_box{
	background-color:#fff;
    border-top:5px solid #4a93fe;
    border-bottom:1px solid #666;
	width:100%;
}
#header { background-color: #fff; width: 980px; margin: 0 auto; height: 74px; }
#header h1 {
    float:left;
}
#logo a{width:246px; height:44px; display:block; background:url(../images/fix01.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}
#header h2 {
	color:#666;
    float:left;
    padding:5px 0 0 10px;
    line-height:1.4em;
}
#header_left{ width: 488px; margin: 15px 0 0; float: left; }
#header_right{
    width:492px;
    float:right;
    text-align:right;
}
#imgbox{ width: 100%; background: url(../images/bg_pt1.png) repeat-x; padding: 28px 0; }
#imgbox h2{ width: 980px; margin: 0 auto; }
#gnavibox{
    width:100%;
    border-bottom:1px solid #d3d1d0;
    border-top:1px solid #d3d1d0;
}
#gnavi{
    width:980px;
    height:88px;
    margin:0 auto;
}
#gnavi li{ float:left;}
#gnavi01 a{ width:50px; display:block; height:88px; text-indent:-9999px; overflow:hidden; background:url(../images/gnavi.jpg) no-repeat;}
#gnavi01 a:hover{background:url(../images/gnavi.jpg) no-repeat 0 -88px;}
#gnavi02 a{ width:186px; display:block; height:88px; text-indent:-9999px; overflow:hidden; background:url(../images/gnavi.jpg) no-repeat -50px 0;}
#gnavi02 a:hover{background:url(../images/gnavi.jpg) no-repeat -50px -88px;}
#gnavi03 a{ width:186px; display:block; height:88px; text-indent:-9999px; overflow:hidden; background:url(../images/gnavi.jpg) no-repeat -236px 0;}
#gnavi03 a:hover{background:url(../images/gnavi.jpg) no-repeat -236px -88px;}
#gnavi04 a{ width:186px; display:block; height:88px; text-indent:-9999px; overflow:hidden; background:url(../images/gnavi.jpg) no-repeat -422px 0;}
#gnavi04 a:hover{background:url(../images/gnavi.jpg) no-repeat -422px -88px;}
#gnavi05 a{ width:186px; display:block; height:88px; text-indent:-9999px; overflow:hidden; background:url(../images/gnavi.jpg) no-repeat -608px 0;}
#gnavi05 a:hover{background:url(../images/gnavi.jpg) no-repeat -608px -88px;}
#gnavi06 a{ width:186px; display:block; height:88px; text-indent:-9999px; overflow:hidden; background:url(../images/gnavi.jpg) no-repeat -794px 0;}
#gnavi06 a:hover{background:url(../images/gnavi.jpg) no-repeat -794px -88px;}

#content {width:980px; margin:0 auto; }
#topix_block{width:650px; float:left;}
#main_area{width:100%; background:#fdfdf9; padding:30px 0;}
#dogear01,#dogear03,#dogear04,#dogear05,#dogear06{width:650px; height:47px; background:url(../images/dogear01.png) no-repeat;}
#dogear01 p{background:url(../images/marker01.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:580px; margin:0 auto; font-size:124%;}
#topix{ width: 600px; padding:0 23px 23px 23px; border-right: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; border-left: 2px solid #d8d8d8; background: #fff; min-height: 251px; }

#dogear03 p{background:url(../images/marker_sub01.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:580px; margin:0 auto; font-size:124%;}
#dogear04 p{background:url(../images/marker_sub02.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:580px; margin:0 auto; font-size:124%;}
#dogear05 p{background:url(../images/marker_sub03.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:580px; margin:0 auto; font-size:124%;}
#dogear06 p{background:url(../images/marker_sub04.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:580px; margin:0 auto; font-size:124%;}

#right_side{width:300px; float:right;}
#sidebar{width:300px;}
#dogear02{width:300px; height:47px; background:url(../images/dogear02.png) no-repeat;}
#dogear02 p{background:url(../images/marker02.png) no-repeat 0 18px; padding:14px 0 4px 25px; color:#555; width:237px; margin:0 auto; font-size:124%;}
#mapbox{ padding:0 0 18px 0; border-right:2px solid #d8d8d8; border-bottom:2px solid #d8d8d8; border-left:2px solid #d8d8d8; background:#fff;}
.map{padding:0 18px;}
#otoiawase{background:#666; color:#fff; padding:5px; margin:10px 0; text-align:center;}

#bottom_area{min-height:238px; background:url(../images/stripe.png) repeat-x; border-top:2px solid #ccc;}
#btn_box { width: 980px; padding-top: 0; padding-right: 0; padding-bottom: 0; margin: 0 auto; }
#banners { width: 980px; float: left; padding: 20px 0 0 0; }
#gotop { width: 200px; float: left; text-align: right; margin: -40px 0 0; }

#banner01,#banner02,#banner03{float:left; padding:0 20px 0 0;}
#banner04{float:left;}
#banner01 a { width: 230px; height: 180px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/btn01.png); }
#banner01 a:hover {background: url(../images/btn01.png) 0 -180px; }
#banner02 a { width: 230px; height: 180px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/btn02.png); }
#banner02 a:hover {background: url(../images/btn02.png) 0 -180px; }
#banner03 a { width: 230px; height: 180px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/btn03.png); }
#banner03 a:hover {background: url(../images/btn03.png) 0 -180px; }
#banner04 a { width: 230px; height: 180px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/btn04.png); }
#banner04 a:hover {background: url(../images/btn04.png) 0 -180px;}

#footer_navi { background: #000; padding: 10px 0; text-align: center; color:#fff; }
#footer_navi a{ color:#fff; text-decoration:none;}
#footer_navi a:hover{ color:#fff; text-decoration:underline;}

#logo2 a{width:208px; height:33px; display:block; background:url(../images/fix02.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}

#footer_navi li{ display: inline; padding:0 1.5em 0 0; }
#footer_info{ width: 980px; margin: 0 auto; padding: 15px 0 0; }
#footer_left { width: 780px; float: left; }
#foot_info_left { border-right: 1px solid #ccc; padding:0 0 10px 0; width: 36%; float: left; }
#foot_info_right { padding: 0 0 10px 20px; float: left; width: 50%; }

#sidebtn02,#sidebtn03,#sidebtn04{ margin: 15px 0 0; }

#info_table { width: 100%; padding: 50px 0 0 0; }
#info_table table { width: 100%; border-collapse:collapse; }
#info_table table tr th { border-right: 3px #4A93FE solid; padding: 1em 2em 1em 0.5em; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left; width: 20%; }
#info_table table tr td { border-bottom: 1px solid #ccc; padding: 1em 0 1em 1em; }
#sidebtn_box { padding: 20px 0 0 0;}
#sidebtn01 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi01.png) no-repeat; }
#sidebtn01 a:hover { background: url(../images/side_navi01.png) no-repeat 0 -70px; }
#sidebtn02 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi02.png) no-repeat; }
#sidebtn02 a:hover { background: url(../images/side_navi02.png) no-repeat 0 -70px; }
#sidebtn03 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi03.png) no-repeat; }
#sidebtn03 a:hover { background: url(../images/side_navi03.png) no-repeat 0 -70px; }
#sidebtn04 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi04.png) no-repeat; }
#sidebtn04 a:hover { background: url(../images/side_navi04.png) no-repeat 0 -70px; }

#repair01,#repair02,#repair03{float:left; padding:0 5px 0 5px ; border-right:3px dotted #ddd;}
#repair04{ float:left; padding:0 0 0 5px;}
#repair_bottom h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #f5ae3b; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin:0 0 20px 0; }

#repair_bottom,#sales_bottom { margin: 50px 0 0 0; }
#repair_table,#repair_table2,#repair_table3 { border-collapse: collapse; padding: 0; width: 100%; }
#repair_table tr th,#repair_table2 tr th,#repair_table3 tr th { padding: 10px 0 10px 0; border-bottom: 2px dotted #ccc; text-align: left; width: 10%; }
#repair_table tr td,#repair_table2 tr td,#repair_table3 tr td { border-bottom: 2px dotted #ccc; width: 80%; }
#repair_copy { border-top: 3px solid #F5AE3C; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display:block;
/* box-shadow */
box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;
-webkit-box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;
-moz-box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;}

#sales_copy { border-top: 3px solid #9466AD; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */
box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
#sales_bottom h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #9466AD; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin: 0 0 20px 0; }
#sales_img { float: left; width: 230px; }
#sales_text { float: right; width: 340px; }

#ins_copy { border-top: 3px solid #EB4451; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */ box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
.ins_bar { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #eb4451; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin: 0 0 20px 0; }

#que_copy { border-top: 3px solid #00B2B9; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */ box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
.que_bar { border: 1px solid #ccc; font-size: 110%; margin: 0 0 15px 0; background:#666; color:#fff; padding: 0.3em 0 0.3em 0.4em; border-radius:6px;}
.que_index{border-left:3px solid #00B2B9;padding: 0.2em 0 0.2em 0.5em; line-height:1.6em; display:block; font-size:110%}
#copyright { background: #000; color: #fff; text-align: center; padding: 5px 0; }
#spb01,#spb02,#spb03,#spb04{display:none;}
.sp_only{display:none;}
.dropcaps{padding:0.5em 0 ;}

}
@media screen and (min-width: 641px) and (max-width: 768px){
/* タブレット用のスタイル記述 */

#head_box{width:100%; border-top:3px solid #4A93FE; border-bottom:1px solid #ccc;    padding: 0 0 0.5em 0;}
#header{ width:700px; margin:0 auto;}
#logo{ width:246px; padding:0.5em 0 0 0;}
#header_left{ float:left}
#logo a{width:246px; height:44px; display:block; background:url(../images/fix01.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}
#header_left h2{ display:none;}
#header_right{ float:right;}
#header_right p img{ width:420px; height:52px;}
#imgbox{ width: 100%; background: url(../images/bg_pt1.png) repeat-x; padding: 28px 0; border-bottom:1px solid #ccc; }
#imgbox h2{width:700px; margin:0 auto;}
#mainimg{width:100%; height:auto;}
#subimg{width:700px; height:136px;}
#gnavibox{ background:#fff; border-bottom:3px double #eee; min-height:260px}
#gnavi{width:700px; margin:0 auto; display:block; padding:20px 0;} 
#gnavi01,#gnavi02,#gnavi03,#gnavi04,#gnavi05,#gnavi06{ float:left;}
#gnavi01,#gnavi02{padding:0 20px 0 0;}
#gnavi04,#gnavi05{ padding:20px 20px 0 0;}
#gnavi06{padding:20px 0 0 0;}
#gnavi01 a,#gnavi02 a,#gnavi03 a,#gnavi04 a,#gnavi05 a,#gnavi06 a{display:block; width:220px; height:100px; background:url(../images/tab_navi01.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}
#gnavi02 a{background:url(../images/tab_navi02.jpg) no-repeat;}
#gnavi03 a{background:url(../images/tab_navi03.jpg) no-repeat;}
#gnavi04 a{background:url(../images/tab_navi04.jpg) no-repeat;}
#gnavi05 a{background:url(../images/tab_navi05.jpg) no-repeat;}
#gnavi06 a{background:url(../images/tab_navi06.jpg) no-repeat;}
#main_area{width:100%; background:#fdfdf9; padding:30px 0;}
#content{width:700px; margin:0 auto;}
#topix_block{width:370px; float:left;}
#dogear01,#dogear03,#dogear04,#dogear05,#dogear06{width:370px; height:47px; background:url(../images/tablet_dogear01.png) no-repeat;}
#dogear01 p{background:url(../images/marker01.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:300px; margin:0 auto; font-size:124%;}
#topix{ width: 320px; padding:0 23px 23px 23px; border-right: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; border-left: 2px solid #d8d8d8; background: #fff; min-height: 251px; }
#sidebar{width:300px;}
#dogear02{width:300px; height:47px; background:url(../images/dogear02.png) no-repeat;}
#dogear02 p{background:url(../images/marker02.png) no-repeat 0 18px; padding:14px 0 4px 25px; color:#555; width:237px; margin:0 auto; font-size:124%;}
#dogear03 p{background:url(../images/marker_sub01.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:300px; margin:0 auto; font-size:124%;}
#dogear04 p{background:url(../images/marker_sub02.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:300px; margin:0 auto; font-size:124%;}
#dogear05 p{background:url(../images/marker_sub03.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:300px; margin:0 auto; font-size:124%;}
#dogear06 p{background:url(../images/marker_sub04.png) no-repeat 0 15px; padding:11px 0 3px 23px;color:#555; border-bottom:1px solid #999; width:300px; margin:0 auto; font-size:124%;}
#mapbox{ padding:0 0 18px 0; border-right:2px solid #d8d8d8; border-bottom:2px solid #d8d8d8; border-left:2px solid #d8d8d8; background:#fff;}
.map{padding:0 18px;}
#otoiawase{background:#666; color:#fff; padding:5px; margin:10px 0; text-align:center;}

#bottom_area{background:url(../images/stripe.png); border-top:2px solid #ccc; padding:0 0 20px 0;}
#btn_box { width: 700px; margin: 0 auto; }
#banners { width: 700px; padding: 20px 0 0 0; }

#banner01,#banner02,#banner03{float:left; padding:0 20px 0 0;}
#banner01 a { width: 160px; height: 125px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/tablet_btn01.png); }
#banner02 a { width: 160px; height: 125px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/tablet_btn02.png); }
#banner03 a { width: 160px; height: 125px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/tablet_btn03.png); }
#banner04 a { width: 160px; height: 125px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/tablet_btn04.png); }

#footer_navi { background: #000; padding: 10px 0; text-align: center; color:#fff; }
#footer_navi a{ color:#fff; text-decoration:none;}
#footer_navi a:hover{ color:#fff; text-decoration:underline;}
#footer_navi li,#footer_navi p { display: inline; }


#footer_navi li{ display: inline; padding:0 1.5em 0 0; }
#footer_left{width:700px; border-bottom:2px dotted #ccc;}
#footer_info{ width: 700px; margin: 0 auto; }
#logo2{width:220px; padding:10px 0 0 0; float:left;}
#logo2 a{width:208px; height:33px; display:block; background:url(../images/fix02.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}

#foot_info_left { border-right: 1px solid #ccc; padding:0 0 10px 0; width: 190px; float: left; }
#foot_info_right { padding: 0 0 10px 20px; width:210px; float:left; }
#gotop { width:124px; margin:20px auto;}
#copyright { background: #000; color: #fff; text-align: center; padding: 5px 0; }

#gmap{width:320px; height:200px;}
#info_table { width: 100%; padding: 50px 0 0 0; font-size:85%; }
#info_table table { width: 100%; border-collapse:collapse; }
#info_table table tr th { border-right: 3px #4A93FE solid; padding: 1em 2em 1em 0.5em; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left; width: 20%; }
#info_table table tr td { border-bottom: 1px solid #ccc; padding: 1em 0 1em 1em; }

#right_side{width:300px; float:right;}
#sidebtn_box { padding: 20px 0 0 0; }
#sidebtn02,#sidebtn03,#sidebtn04{ margin: 15px 0 0; }
#sidebtn01 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi01.png) no-repeat; }
#sidebtn01 a:hover { background: url(../images/side_navi01.png) no-repeat 0 -70px; }
#sidebtn02 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi02.png) no-repeat; }
#sidebtn02 a:hover { background: url(../images/side_navi02.png) no-repeat 0 -70px; }
#sidebtn03 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi03.png) no-repeat; }
#sidebtn03 a:hover { background: url(../images/side_navi03.png) no-repeat 0 -70px; }
#sidebtn04 a { width: 300px; height: 70px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/side_navi04.png) no-repeat; }
#sidebtn04 a:hover { background: url(../images/side_navi04.png) no-repeat 0 -70px; }

#repair_copy { border-top: 3px solid #F5AE3C; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display:block;
/* box-shadow */
box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;
-webkit-box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;
-moz-box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;}
#tablet_copy01{width:320px; height:17px;}
#tablet_copy02,#tablet_copy04{width:320px; height:48px;}
#tablet_copy03{width:320px; height:60px;}

#repair_box{ width:310px; margin:0 auto;padding:0 0 20px 0;}
#repair01,#repair03{ float:left; padding:0 28px 0 0;}
#repair02,#repair04{ float:left;}
#repair03,#repair04{margin:20px 0 0 0;}
#repair_bottom h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #f5ae3b; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin:0 0 20px 0; }
#repair_table,#repair_table2,#repair_table3 { border-collapse: collapse; padding: 0; width: 100%; }
#repair_table tr th,#repair_table2 tr th,#repair_table3 tr th { padding: 10px 0 10px 0; border-bottom: 2px dotted #ccc; text-align: left; width: 10%; }
#repair_table tr td,#repair_table2 tr td,#repair_table3 tr td { border-bottom: 2px dotted #ccc; width: 80%; padding:0 0 0 1em; }

#sales_img{width:230px; margin:0 auto;}
#sales_text { margin:20px 0 0 0;}
#sales_bottom h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #9466AD; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin:30px 0 5px 0; }

.ins_bar { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #eb4451; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin: 0 0 20px 0; }
#ins320{ width:320px;}

#sales_copy { border-top: 3px solid #9466AD; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */
box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
#ins_copy { border-top: 3px solid #EB4451; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */ box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
#que_copy { border-top: 3px solid #00B2B9; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */ box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
.que_bar { border: 1px solid #ccc; font-size: 110%; margin: 0 0 15px 0; background:#666; color:#fff; padding: 0.3em 0.5em 0.3em 0.4em; border-radius:6px;}
.que_index{border-left:3px solid #00B2B9;padding: 0.2em 0 0.2em 0.5em; line-height:1.6em; display:block; font-size:90%; font-weight:bold;}
#copyright { background: #000; color: #fff; text-align: center; padding: 5px 0; }
#spb01,#spb02,#spb03,#spb04{display:none;}
.sp_only{display:none;}
.dropcaps{padding:0.5em 0 ;}

}
@media screen and (min-width: 0px) and (max-width: 640px){
/* スマートフォン用のスタイル記述 */
#head_box{width:100%; border-top:3px solid #4A93FE; text-align:center;}
#header_left h2{ display:none;}
#logo{ width:246px; padding:0.5em 0 0 0; margin:0 auto;}
#logo a{width:246px; height:44px; display:block; background:url(../images/fix01.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}
#header_right{ display:none;}
#imgbox{ width: 100%; margin:0.5em auto  0 auto; background: #F4FCFF;padding: 1em 0; border-bottom:1px solid #ccc;  border-top:1px solid #ccc; }
#imgbox h2{width:95%; margin:0 auto; display:block;}
#mainimg{width:100%; height:auto;}
#gnavibox{width:100%; background:#ddd; border-bottom:3px double #ccc; padding:1em 0 0 0;}
#gnavi{ width:95%; margin:0 auto; display:block;}
#gnavi01,#gnavi02,#gnavi03,#gnavi04,#gnavi05,#gnavi06{float:left; width:30%;}
#gnavi01,#gnavi02,#gnavi04,#gnavi05{padding:1% 5% 2.5% 0;}

#gnavi03,#gnavi06{padding:1% 0 2.5% 0;}
#gnavi01 a,#gnavi02 a,#gnavi03 a,#gnavi04 a,#gnavi05 a,#gnavi06 a{min-height:100px; min-width:30%; display:block; background: #fafafa url(../images/sp_btn01.png) no-repeat center center; text-indent:-9999px; overflow:hidden; border:3px double #eee; border-radius:10px; background-size:90% auto;}
#gnavi02 a{background: #fafafa url(../images/sp_btn02.png) no-repeat center center; background-size:90% auto;}
#gnavi03 a{background: #fafafa url(../images/sp_btn03.png) no-repeat center center; background-size:90% auto;}
#gnavi04 a{background: #fafafa url(../images/sp_btn04.png) no-repeat center center; background-size:90% auto;}
#gnavi05 a{background: #fafafa url(../images/sp_btn05.png) no-repeat center center; background-size:90% auto;}
#gnavi06 a{background: #fafafa url(../images/sp_btn06.png) no-repeat center center; background-size:90% auto;}
#content{ background:#FFFEF7; padding:2.5%;}
#topix_block{ margin:0 auto; padding:1em; border:2px solid #ccc; border-radius:10px; background:#fff;}

#dogear01 p{background:url(../images/marker01.png) no-repeat 0 0.3em; padding:0.1em 0 0.1em 1.2em;font-size:124%; border-bottom:1px solid #ccc;}
#dogear02 p{background:url(../images/marker02.png) no-repeat 0 0.3em; padding:0.1em 0 0 1.2em;font-size:124%; border-bottom:2px dotted #ccc;}
#dogear03 p{background:url(../images/marker_sub01.png) no-repeat 0 0.3em; padding:0.1em 0 0 1.2em;font-size:124%; border-bottom:2px dotted #ccc;}
#dogear04 p{background:url(../images/marker_sub02.png) no-repeat 0 0.3em; padding:0.1em 0 0 1.2em;font-size:124%; border-bottom:2px dotted #ccc;}
#dogear05 p{background:url(../images/marker_sub03.png) no-repeat 0 0.3em; padding:0.1em 0 0 1.2em;font-size:124%; border-bottom:2px dotted #ccc;}
#dogear06 p{background:url(../images/marker_sub04.png) no-repeat 0 0.3em; padding:0.1em 0 0 1.2em;font-size:124%; border-bottom:2px dotted #ccc;}


#topix{padding:1em 0 0 0;}
#sidebar{ padding:1em; margin:1.5em auto; border:3px double #ddd; background:#fff; border-radius:10px}
.map{padding:0.5em 0 0 0;}
.map img{width:100%; height:auto; display:block; margin:0 auto; }
#maptxt{padding:0; font-size:110%;}
#otoiawase{background:#666; color:#fff; padding:5px; margin:0.9em 0 0.5em 0; text-align:center; font-size:110%; border:1px solid #666; border-radius:5px;}
#tel2{border:none;}
#btn_box{border-top:3px double #eee; padding:1em 0 0 0; }
#banners{width:95%; margin:0.5em auto;}
#banner01,#banner02,#banner03,#banner04{display:none;}
#spb01,#spb02,#spb03,#spb04{padding:0 0 1em 0;}
#spb01 img,#spb02 img,#spb03 img,#spb04 img{ width:100%; height:auto;}
#footer_navi { background: #000; padding: 10px 0; text-align: center; color:#fff; }
#footer_navi a{ color:#fff; text-decoration:none;}
#footer_navi a:hover{ color:#fff; text-decoration:underline;}
#footer_navi li { display: inline; }


#footer_navi li{  padding:0 1.5em 0 0; font-size:85%; }
#footer_left{width:100%; border-bottom:2px dotted #ccc;}
#footer_info{ width:100%; margin: 0 auto; }
#logo2{width:220px; padding:10px 0 0 0; margin:0 auto;}
#logo2 a{width:208px; height:33px; display:block; background:url(../images/fix02.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}

#foot_info_left,#foot_info_right { border: 1px solid #ccc; padding:0.5em; text-align:center;}
#gotop { display:none;}
#copyright { background: #000; color: #fff; text-align: center; padding: 5px 0; }

#info_table { width: 100%; padding: 50px 0 0 0; }
#info_table table { width: 100%; border-collapse:collapse; }
#info_table table tr th { border-right: 3px #4A93FE solid; padding: 1em 2em 1em 0.5em; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left; width: 20%; }
#info_table table tr td { border-bottom: 1px solid #ccc; padding: 1em 0 1em 1em; }
#gmap{width:100%; height:10em;}
.map_none{display:none;}

#subimg{width:100% ; height:auto;}

#repair_copy { font-size:116%; border-top: 3px solid #F5AE3C; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display:block;/* box-shadow */
box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;-webkit-box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;-moz-box-shadow:rgb(240, 240, 240) 0px 2px 0px 0px;}
#sales_copy { font-size:116%;  border-top: 3px solid #9466AD; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */
box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
#ins_copy { font-size:116%;  border-top: 3px solid #EB4451; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */ 
box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }
#que_copy { font-size:116%;  border-top: 3px solid #00B2B9; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; margin: 0 0 30px 0; display: block; /* box-shadow */ 
box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -webkit-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; -moz-box-shadow: rgb(240, 240, 240) 0px 2px 0px 0px; }

#sp_p01,#sp_p03{width:46%; float:left;}
#sp_p02,#sp_p04{width:46%; float:right;}
#sp_p01 img,#sp_p02 img,#sp_p03 img,#sp_p04 img{width:100%;  height:auto;}

#repair_bottom h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #f5ae3b; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin:0 0 20px 0; margin:10% 0 0 0;}
#sales_bottom h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #9466AD; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin:30px 0 5px 0; }
.ins_bar { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 3px solid #eb4451; padding: 0.3em 0 0.3em 0.5em; font-size: 110%; margin: 0 0 20px 0; }
.que_bar { border: 1px solid #ccc; font-size: 110%; margin: 0 0 15px 0; background:#666; color:#fff; padding: 0.3em 0.5em 0.3em 0.4em; border-radius:6px;}
.que_index{border-left:3px solid #00B2B9;padding: 0.2em 0 0.2em 0.5em; line-height:1.6em; display:block; font-size:90%; font-weight:bold;}
#repair_table,#repair_table2,#repair_table3 { border-collapse: collapse; padding: 0; width: 100%; margin:15px 0 0 0; }
#repair_table tr th,#repair_table2 tr th,#repair_table3 tr th { padding: 10px 0 10px 0; border-bottom: 2px dotted #ccc; text-align: left; width: 10%; }
#repair_table tr td,#repair_table2 tr td,#repair_table3 tr td { border-bottom: 2px dotted #ccc; width: 80%; padding:0 0 0 1em; }

#sales_img{width:80%; margin:0 auto; text-align:center; padding:0 0 2em 0;}

#sidebtn01,#sidebtn02,#sidebtn03,#sidebtn04{display:none;}
.sp_none{display:none;}
#sp_subimg {width:95%; margin:0 auto;}
#sp_subimg img{width:100%; height:auto;}
.flex_img{width:100%; height:auto;}
.spimg01 img{ width:80%; height:auto;}
.dropcaps{padding:0.5em 0 ;}

} 

/* 170627 追記 */

#diaryPro #diary, #diaryPro #comment, #diaryPro #trackback {
    margin: 0 15px 0 15px;
}

.diary p,.diary ul{
	font-size: 14px;
}
.diary ul{
    margin: 15px 0 0;	
}

.diary li{
    color: #300;
    border-bottom: 1px solid #ccc;
    padding: 0 0 01em 0;
    margin: 0 0 2em 0;
}

#page{
	text-align: center;
}

#page li{
	display: inline;
}
#page ul li:first-of-type{
	margin-right: 10px;
}

.detail h3 {
    padding: 0.8em 0 0 0;
    margin: 0 0 1.5em 0;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 3px double #ddd;
}

.detail .info {
    margin: 5px 10px;
    font-size: 10px;
    text-align: right;
}

.detail .info li{
	color: #4a93fe;
	border-bottom: none;
}