@charset "shift-JIS";

/*　基本設宁E
----------------------------------*/

*, address {
 padding:0;
 margin: 0;
 line-height: 150%;
}

ul, li, dl, dd, dt, img, table, tr, td, caption {
 margin:0;
 padding:0;
 list-style:none inside;
}

body {
 font-size:12px;
 line-height:150%;
 font-family: "�E��E� �E�ゴシチE��", "MS PGothic", Verdana, Arial, sans-serif;
}

h1 {
 width:560px;
 float:left;
 font-weight:normal;
 font-size:11px;
 color:#696969;
}

h2, strong {
 font-weight:bold;
}

h4{
 font-size:10px;
 font-weight:bold;
}

.ttl_b {
 margin:30px auto 15px;
 padding-bottom:10px;
 width:704px;
 font-size:24px;
 border-bottom:#0181c0 2px dotted;
 text-align:center;
}

.ttl_s {
 margin:10px auto 12px;
 text-align:left;
 text-indent:10px;
 width:704px;
 font-size:17px;
 border-bottom:#0181c0 2px dotted;
}

address {
 font-style:normal;
}

img {
 border:0;
 text-decoration: none;
}

p
	{
	margin: 10px 10px 10px 20px;
	padding:0;
	font-size:16px;
	letter-spacing: 1px;
	line-height: 20px;
	}

dl,dt,dd{
	margin:0;
	padding:0;
	font-size:16px;
	letter-spacing: 1px;
	line-height: 20px;
}

.ttl_s2 {
	text-align:left;
	width:850px;
	font-size:17px;
	border-bottom:#0181c0 2px dotted;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}

/*　基本class
----------------------------------*/

.cnt {
 text-align:center;
}

.mrg_cnt {
 margin:auto;
}

.left {
 text-align:left;
}

.red {
 color:#F00;
}

.red_b {
 color:#F00;
 font-weight:bold;
}

.btm10 {
 margin-bottom:10px;
}

.btm30 {
 margin-bottom:30px;
}

.u {
 text-decoration: underline
}

.bld {
 font-weight:bold;
}

.td_color {
 background:#FFF8DC;
 width:100px;
}

.td_color2 {
 background:#F0FFF0;
}

.td_color3 {
 background:#CFF;
}

.td_color4 {
 background:#FFCCCC;
}

.idt10 {
 text-indent:10px;
}

.ime_mode {
 ime-mode:disabled;
}

.bg_yel {
 background:#FF0;
}

.sky_b {
 color:#0083FF;
 font-weight:bold;
}

.fo20 {
 font-size:20px;
}

.pd20,#sitemap h4 {
 padding:20px 0;
}

/*　基本レイアウト設宁E
----------------------------------*/
#wrap {
 margin:auto;
 width:975px;
 border-right:1px solid #C0C0C0;
 border-left :1px solid #C0C0C0;
 overflow:hidden;
}

#cnt_wrap {
 clear:both;
 margin:auto;
 width:975px;
}

#foot {
 clear:both;
 width:955px;
 margin:auto;
 padding:15px 5px 5px;
 background:url(https://www.keyboard-repair.com/images/linebottom.gif) repeat-x;
}

#header_top {
 padding:3px;
 height:18px;
 background:#F5F5F5;
 border-bottom:2px solid #0181c0;
}

#bkm {
 width:400px;
 float:right;
 text-align:right;
}

#main_cnt {
 margin:auto;
 margin-right:10px;
 width:716px;
 float:right;
}

#main_info {
 margin:40px auto 20px;
 text-align:center;
}

#main_cnt2 {
	width:850px;
	float:none;
	margin: auto;
}
header{width:100%;height:120px;position:relative;}
header h1{position:absolute;left:15px;top:28px;}
header title_cnt{position:absolute;left:370px;top:21px;margin:auto;padding:15px 10px 5px;width:350px;color:#696969;}
header address{position:absolute;top:30px;right:20px;}
header p{margin:3px 3px 5px 3px;padding:0;font-size:12px;letter-spacing:1px;line-height:10px;}
nav#menu ul{background-color:#FFF;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background-image:-webkit-linear-gradient(#FFF, #e5e5e5);background-image:linear-gradient(#FFF, #e5e5e5);border-radius:10px 10px 10px 10px;-webkit-box-shadow:1px 2px 7px #b7b7b7;box-shadow:1px 2px 7px #b7b7b7;height:40px;padding-top:13px;padding-left:36px;margin-bottom:25px;}
nav#menu ul li{float:left;width:150px;border-right:1px dotted rgba(0,0,0,0.6);line-height:1.6;text-align:center;font-weight:bold;}
nav#menu ul li a{color:#333;text-decoration:none;display:block;-webkit-transition:0.5s;transition:0.5s;}
nav#menu ul li:first-child{border-left:1px dotted rgba(0,0,0,0.6);}
nav#menu ul li a:hover{color:#000;background:#FFF;}
#mobile_header,
#containerMobileMenu{display:none;}

/*　マ�Eジン設宁E
----------------------------------*/
#side_menu dl, #side_media dl,
.info_bn img, #rent p, #rent ul, #huken p,#example p,
#jisseki,#sitemap p {
 margin-bottom:10px;
}

#link_tbl table {
 margin-bottom:20px;
}

#m_cau, #voice, #text, #huken, #main_cnt,#lnk,#bt_submit {
 margin-bottom:30px;
}

/*　タイトル設宁E
----------------------------------*/
#title_bn, #title_info, #title_cnt {
 height:70px;
 text-align:center;
 float:left;
}

#title_bn {
 clear:both;
 padding:10px 0 5px 10px;
}

#title_bn,  {
 padding:15px 0 5px 10px;
 width:350px;
}

#title_cnt {
 margin:auto;
 padding:15px 10px 5px;
 width:375px;
 color:#696969;
}

#title_info {
 padding:5px 10px 5px 0;
 width:210px;
}

/*　グローバルナビ設宁E
----------------------------------*/
#g_navi {
 clear:both;
 margin:0 12px 10px 13px;
 width:950px;
 height:51px;
}

#g_navi img, #g_navi ul {
 float:left;
}

/*　サイドメニュー設宁E
----------------------------------*/
#side_menu {
 float:left;
 margin:0 10px;
 width:229px;
}

#side_menu dl, #side_media dl {
 width:225px;
 background:#0181c0;
 border:2px solid #0181c0;
}

#side_menu dt, #side_media dt {
 padding:3px 0;
 color:#FFF;
 font-size:16px;
 font-weight:bold;
}

/*　サイドメニュー設定２（メチE��ア掲載！E
----------------------------------*/
#side_media dt {
 padding:3px 0 0;
}

#side_menu dd {
 padding:20px 8px;
}

#side_menu dd, #side_media dd {
 text-align:left;
 background:#F0F8FF;
}

#side_menu li {
 list-style-image:url('https://www.keyboard-repair.com/images/point01.gif');
}

#side_media dd {
 padding:10px 8px;
 border-top:2px solid #0181c0;
}

#side_media dd p, #side_menu a {
 font-size:14px;
}

/*　右下インフォ設宁E
----------------------------------*/
#side_info {
 padding:20px 0 30px;
 text-align:left;
 line-height:200%;
 color:#666;
}

/*　右コンチE��チE��宁E
----------------------------------*/
#trable1 {
 width:716px;
 text-align:left;
 background:url(https://www.keyboard-repair.com/images/trable1_img1.jpg) no-repeat top right;
 font-size:16px;
}

#trable1 span, #trable1 strong {
 font-size:14px;
}

#trable1 dt, #trable1 blockquote {
 font-weight:bold;
 line-height:200%;
}

#trable1 dt {
 margin-top:10px;
}

#trable1 p {
 margin-top:15px;
 font-size:13px;
}

#trable1 dd {
 padding-left:15px;
}

#trable1 img {
 padding-right:5px;
}

.m_table, #m_cau {
 margin:10px auto;
 width:700px;
}

.m_table table {
 width:100%;
}

.m_table table, .m_table tr, .m_table td {
 border:#666 1px solid;
 font-size:13px;
}

.m_table_top td {
 background:#F0F8FF;
 text-align:center;
 font-weight:bold;
}

.m_table_top2 td {
 background:#F99;
 text-align:center;
 font-weight:bold;
}

#m_cau blockquote {
 margin:15px 10px;
}

/*　右コンチE��チElass
----------------------------------*/
.main_info_tbl, .main_info_tbl2, .main_info_tbl caption, .main_info_tbl2 caption {
 width:600px;
}

/* チE�Eブル用 */
.tbl_wd1 {
 width:80px;
}

.tbl_wd2 {
 width:380px;
}

.tbl_wd3 {
 width:60px;
}

.tbl_wd4 {
 width:100px;
}

.tbl_wd5 {
 width:200px;
}

.tbl_wd6 {
 width:150px;
}

.tbl_wd7 {
 width:555px;
}

.main_info_tbl, .main_info_tbl2 {
 margin:0 auto;
}

.main_info_tbl {
 border-right:2px #333 solid;
 border-left:2px #333 solid;
}

.main_info_tbl2 {
 border-bottom:2px #333 solid;
 border-right:2px #333 solid;
 border-left:2px #333 solid;
 margin-bottom:30px;
}

.main_info_tbl caption, .main_info_tbl2 caption {
 background:#9CF;
 border:2px #333 solid;
 font-weight:bold;
}

.info_bn img, .info_bn_btm0 {
 margin:auto;
}

.info_bn_btm0 {
 margin-bottom:0;
}

.red_li {
 list-style-image: url('https://www.keyboard-repair.com/images/point02.gif');
}

/*　右コンチE��チE��部共通部刁E
----------------------------------*/
#btm_bn {
 font-size:16px;
}

#cnt_form, #cnt_form_table, #cnt_ftinfo,#h_form {
 border-collapse:collapse;
 background:#FFF;
}

#cnt_form, #cnt_form_table,#h_form {
 width:800px;
 font-size:13px;
}

#cnt_form p, #cnt_form_table p,#h_form p {
 margin-bottom:10px;
}

#cnt_ftinfo {
 width:692px;
 font-size:14px;
}

#cnt_form td, #cnt_form_table td, #cnt_form caption,
#h_form caption {
 padding:5px;
}

#cnt_form td, #cnt_form_table td {
 border:2px solid #0181c0;
}

#cnt_form caption, #cnt_ftinfo caption, #cnt_form_table caption {
 width:800px;
 text-align:center;
 color:#FFF;
 font-weight:bold;
 background:#0181c0;
}

#cnt_ftinfo caption {
 padding:3px;
}

.tbl_cnt {
 width:350px;
 text-align:center;
 margin:auto;
}

#rent li, #toprent li, #faq li, #faq2 li, .point {
 list-style:url(https://www.keyboard-repair.com/images/point02.gif) inside;
}

#cnt_ftinfo td {
 width:329px;
 padding:8px;
 vertical-align:top;
}

#cnt_ftinfo tr {
 border-bottom:2px solid #0181c0;
 border-right:2px solid #0181c0;
}

#cnt_ftinfo_L {
 border-left:2px solid #0181c0;
}

#cnt_ftinfo_R {
 border-right:2px solid #0181c0;
}

#cnt_ftinfo blockquote {
 margin-left:15px;
}

/*　階層ペ�Eジ用
----------------------------------*/

/* ----- FAQ ----- */
#faq dt, #faq2 dt {
 width:700px;
 font-size:13px;
 font-weight:bold;
 padding:2px 4px;
 border-color:#FFB6C1;
 border-width:0 0 0 10px;
 border-style:solid;
 background:#FFEFD5;
 text-align:left;
}

#faq li, #faq2 li, .point {
 margin:20px 0;
 font-size:13px;
 font-weight:bold;
 color:blue;
}

#faq li p, #faq_info, #faq2 li p, .point_p {
 margin:10px 0 0 13px;
 text-indent:13px;
 color:#000;
}

#faq li p, #faq2 li p {
 font-weight:normal;
}

#subpage_info, #faq_info, .point_p, .point_div {
 margin:10px;
 font-size:13px;
}

#faq li div, .point_div {
 margin:20px;
 padding:10px;
 width:290px;
 border:1px solid #CCC;
 color:#000;
 font-weight:normal;
}

#faq_info p {
 font-size:13px;
 margin:10px 0;
 font-weight:bold;
}

#faq_info blockquote {
 margin:0 0 20px 52px;
 text-indent:-26px;
}

#faq_info div {
 margin:0 0 20px 52px;
 text-indent:0px;
}

.point_p {
 margin-left:20px;
}

/* ----- 送料 ----- */
#souryo table {
 width:100%;
 margin:0 auto 30px;
 border-collapse: collapse;
 border-spacing: 0;
}

#souryo td {
 padding:2px;
 border:2px solid #333;
}

.tblw70 {
 width:70%;
 text-align:left;
}

/* ----- 感想 ----- */
#voice blockquote {
 width:98%;
 padding:5px;
 border:#ccc 1px solid;
 background:#F7F7F7;
 margin-bottom:20px;
}

#voice p .last {
 margin-bottom:0;
}

/* ----- 斁E��のみ構�E ----- */
#text p {
 margin-bottom:15px;
}

/* ----- 敁E��事例、仁E斁E���Eージ ----- */
.example {
 margin:30px 50px 50px;
 width:100%;
 font-size:13px;
}

.example strong {
  margin-top:20px;
 font-weight:bold;
}

.example blockquote,#example li {
 margin-bottom:20px;
 padding-left:20px;
 width:100%;
}

.ex_img {
 padding:20px 0;
}

.ex_pdb30 {
 padding-bottom:30px;
}

.example li{
 margin-bottom:10px;
 padding-left:20px;
 list-style:inside disc;
}

.example li p,.ex_pp {
 margin-bottom:10px;
 padding-left:25px;
}


/* ----- リンク雁E----- */
#link_page{
 font-size:13px;
}

.cate{
 margin:20px 0 10px;
 padding:5px 0px 3px 8px;
 background:#fff;
 color:#333;
 font-size:14px;
 font-weight:bold;
 border-bottom:1px dotted #0181C0;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

#link_page{
	padding:0 20px 0 0;
}
#link_page ul{padding:0 0 0 10px;}
#link_page ul li{
	list-style-type:none;
}

#link_page p{
	margin-bottom:10px;
}
.link_first li{
	list-style-type:decimal !important;
	font-size:100%;
	margin:0 0 5px 20px;
}
.link_first li:first-line{
	font-weight:bold;
}

.link_category li{
	margin:0 15px 5px 0;
	float:left;
	font-size:100%;
}

.fnts{
 margin-top:20px;
 font-size:9px;
}

.fntl{
 margin-top:20px;
 font-size:15px;
}

#link_tbl table,#link_tbl tr,#link_tbl td {
 border-spacing:2px;
 border:#666 1px solid;
}

#link_page pre{
 margin:auto;
 padding:0 80px;
}

#link_form,#link_form_confirm{
	padding:10px;
 font-size:13px;
}
#link_form li,#link_form_confirm li{
	font-size:100%;
	margin:0 0 5px 0;
}
#link_form li label{
	display:block;
	width:100px;
	padding:0 10px 0 0;
	vertical-align:top;
}
#link_form li input{
	width:220px;
}
.link_form_bikou textarea{
	width:500px;
	height:100px;
}
.link_form_url{
	background:#eee;
	width:500px;
	height:20px;
	font-size:100%;
}
#bt_submit{
	clear:both;
	text-align:center;
}
#bt_submit input{
	width:auto !important;
	padding:5px 10px;
	margin:10px 0;
	font-size:100%;
}

#link_form_confirm li{
	clear:both;
	display:block;
	margin:0 0 6px;
}
#link_form_confirm li label{
	display:block;
	font-weight:bold;
	width:100px;
	padding:0 10px 0 0;
}
#link_form_confirm li p{
	word-wrap:break-word;
	background:#f3f3f3;
	padding:5px;
	margin:0 20px 0 0;
	border:1px solid #ccc;
}
#link_form_confirm li span{
	display:block;
	clear:both;
	text-align:right;
	margin:0 20px 0 0;
}

/* ----- メーカー別修琁E��績 ----- */
#jisseki{
 width:570px;
}

#tokutei,#tokutei tr {
 width:686px;
 font-size:13px;
}

#jisseki,#tokutei,#rentpc{
 border-collapse: collapse;
 border-spacing: 0;
}

#tokutei td,#jisseki td,#tokutei caption{
 padding:5px;
 border:2px solid #666;
}

#tokutei caption {
 width:676px;
 text-align:center;
 font-weight:bold;
 border-bottom:0;
 background:#ADD8E6;
 color:#000;
}


#tokutei pre {
 line-height:14px;
}

#tokutei li {
 list-style:disc inside;
}

#rentpc{
 width:100%;
}

#rentpc td{
 width:50%;
 padding-left:20px;
 border:0 none;
 vertical-align:top;
}

#key_tbl {
 margin:10px 140px;
}

#key_tbl table {
 width:433px;
 border:1px solid #666;
}

#key_tbl td,#key_tbl tr,#key_tbl table {
 border:1px solid #666;
 background:#FFC;
}

#key_tbl td {
 padding:8px;
}

/* ----- 法人問合せフォーム ----- */
.point_blue{
 color: #6666FF;
 font-weight:bold;
}

#cnt_form caption, #cnt_ftinfo caption, #cnt_form_table caption {
	width:850px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#008A87;
	font-size: 16px;
}

#h_form td {
 border:2px solid #666;
}

.infolist, .infoti {
 margin-bottom:20px;
}

.mgL10 {
 margin-left:10px;
}

.main {
 padding: 5px;
 float: left;
 line-height: 130%;
 width: 570px;
 background-color: #FFFFFF;
}

.main p {
 margin:10px; 
}

@media screen and (max-width: 960px) {
            h2, div#wrap, div#header_top {
                width: 100%
            }
            h2#title_bn, div#header_top, div#title_cnt, div#title_info {
                float: none;
            }
            div#title_bn, div#title_cnt, div#title_info {
                width: 100%;
            }
            div#title_cnt {
                margin: 0;
            }
            div#cnt_wrap, table#cnt_form_table, div#main_cnt2 {
                width: 100%;
            }
            div#cnt_form, h3.ttl_s2 {
                width: 95%;
                margin: 0 auto;
            }
header{width:100%;height:120px;position:relative;}
header h1{position:absolute;width:70%;left:15px;top:18px;}
header h1 img{width:90%;height:auto;}
header title_cnt{display:none;}
header address{position:absolute;width:30%;top:40px;right:10px;}
header address img{width:90%;height:auto;}
nav#menu ul{height:auto;padding:0;margin-bottom:0;}
nav#menu ul{height:auto;padding:0;margin-bottom:0;}
nav#menu ul li{background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));background-image:-webkit-linear-gradient(#FFF, #e5e5e5);background-image:linear-gradient(#FFF, #e5e5e5);border-radius:10px 10px 10px 10px;-webkit-box-shadow:1px 2px 7px #b7b7b7;box-shadow:1px 2px 7px #b7b7b7;float:left;border:none !important;margin-bottom:5px;width:50%;}
nav#menu ul li a{padding:7px;}
nav#menu ul li:last-child{margin-bottom:20px;}
        }

        @media screen and (max-width: 480px) {
            h2#title_bn, #id-logo {
                width: 95%;
                text-align: center;
            }
            #title_cnt {
                height: auto;
            }
            div#cnt_form, h3.ttl_s2 {
                width: 98%;
                margin: 0 auto;
            }
            td.idt10 {
                width: 20%
            }
            textarea {
                width: 80%;
            }
            input, textarea, select {
                font-size: 16px;
            }
header,
nav#menu{display:none;}
#mobile_header{display:table;width:99%;height:50px;position:fixed;top:0;z-index:999;background:#fff;border-bottom:1px solid #ccc;}
#mobile_header .menu,
#mobile_header .logo,
#mobile_header .mail{display:table-cell;vertical-align:middle;}
#mobile_header .menu{width:50px;}
#mobile_header .box{display:table;width:40px;height:40px;border:1px solid #ccc;border-radius:4px;margin:4px;}
#mobile_header a{display:table-cell;text-align:center;vertical-align:middle;color:#124A87;text-decoration:none;}
#mobile_header img{width:100%;height:auto;max-width:320px;margin-top:5px;}
#containerMobileMenu{margin-top:60px;}
#containerMobileMenu ul{padding:0;}
#containerMobileMenu ul li{border-bottom:1px solid #ccc;background:#fff;font-size:14px;}
#containerMobileMenu ul li i{margin-right:.5em;}
#containerMobileMenu ul li a{display:block;width:auto;padding:.5em;color:#333;text-decoration:none;}
        }

        .ui-widget {
            font-size: 12px;
        }
        .ui-autocomplete{
            max-height: 220px;
            overflow-x: hidden;
            overflow-y: scroll;
        }
        .ui-menu {
            text-align: left;
        }
        .ui-menu-item {
            line-height 16px;
            font-weight: bold;
        }
        .ui-menu-item-wrapper {
            line-height 16px;
        }
        .ui-helper-hidden-accessible {
            display: none;
        }