@charset "utf-8";

/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html {overflow-y:scroll;}
body {font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif !important;font-family:"ＭＳ Ｐゴシック", sans-serif;font-size:10px !important;font-size:62.5%;line-height:1.6;text-align:left;text-decoration:none;font-weight:normal;font-style:normal;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
select {border:solid 1px #ccc;}

/* PHOTO */
.picture {border:1px solid #ccc;}

/* フロート回り込み解除 */
br.clear {clear:both;display:none;height:0;font-size:0;line-height:0;}

/* フォント */
h1,h2,h3,h4,h5 {font-size:1em;line-height:1.5;}
.price {/*color:#f00;font-weight:bold;*/}
.attention {color:#f00;}
.mini {font-size:0.9em;}
em {color:#f00;font-style:normal;}

/* テーブル共通指定 */
table {margin:0 auto;border-top:1px solid #191919;border-left:1px solid #191919;text-align:left;}
table th {padding:8px;border-right:1px solid #191919;border-bottom:1px solid #191919;font-weight:normal;vertical-align:middle;}
table td {padding:8px;border-right:1px solid #191919;border-bottom:1px solid #191919;vertical-align:middle;}
div.tblareabtn {clear:both;margin:15px 0 0;text-align:center;}
.phototd {width:75px;text-align:center;}
.centertd {text-align:center;}
.pricetd {text-align:right;}
.pricetd em {font-weight:bold;}
#completetext {width:470px;margin:15px auto 0;padding:15px;border:5px solid #ccc;}
#completetext em {font-weight:bold;}
#completetext p{padding:20px 0 0;text-align:left;}

/* フレーム */
#leftcolumn {float:left;}
#leftcolumn h2 {padding:15px 0 0;}
#rightcolumn {float:left;width:166px;}
#rightcolumn h2 {padding:15px 0 0;}

/* メインコンテンツ */

/* 3カラム設定 */
#three_maincolumn {float:left;width:432px;padding:15px 0 0;}
#three_maincolumn h2 {padding:15px 0 0;}

/* 2カラム設定 */
#two_maincolumn h2 {padding:15px 0 0;}

/* 1カラム設定 */
#one_maincolumn {padding:10px 0 0;}

/* カゴの中 */
#cartarea {width:144px;padding:10px;border:solid 1px #ccc;}
#cartarea p {padding:5px 0 10px;}
#cartarea p.item {padding:0 0 10px;background:url("../img/side/line_146.gif") no-repeat bottom;}
#cartarea .btn {padding:0;text-align:center;}

/* ガイドリンク */
#guidearea {padding:15px 0 0;line-height:0;}

/* ログイン */
#loginarea {width:144px;padding:0 10px 10px;border:solid 1px #ccc;}
#loginarea p {padding:8px 0 0;}
#login img {padding:0 5px 0 0;vertical-align:bottom;}
#loginarea .btn {text-align:center;}
#loginarea .box96 {width:96px;border:solid 1px #ccc;}

/* 検索 */
#searcharea {width:144px;padding:0 10px 10px;border:solid 1px #ccc;}
#searcharea p {padding:8px 0 0;}
#searcharea .btn {text-align:center;}
#searcharea .box142 {width:142px;border:solid 1px #ccc;}

/* カレンダー */
#block-calendar table {border-collapse:collapse;margin:0 auto 10px;text-align:center;}
#block-calendar th, #block-calendar td {padding:2px;border:1px solid #ccc;}
#block-calendar th {background:#FF8144;color:#fff;}
#block-calendar .off {background:#fec;color:#E04A00;}
#block-calendar caption {color:#d40;}

/* バナー */
#banner {padding:15px 0 0;}
#banner li {padding:0 0 10px 0;}

/* テキストフィールド */
input[type='text'] {border:solid 1px #ccc;}

/* ボタン */
input[type='image'] {border:none;}
input[type='image'].box190 {width:190px;height:30px;}
input[type='image'].box180 {width:180px;height:30px;}
input[type='image'].box150 {width:150px;height:30px;}
input[type='image'].box140 {width:140px;height:30px;}
input[type='image'].box130 {width:130px;height:30px;}
input[type='image'].box51 {width:51px;height:22px;}



/* global styles */
body {
background-color:#000;
color:#fff;
}
a {
color:#996;
}
noscript p {
width:100%;
padding:0.5em 0;
background-color:#fff;
color:#000;
font-size:1.2em;
line-height:1.51;
text-align:center;
}

/* override util class */
#container .mini em {
color:#fff;
}



/* layout */
#container {
width:965px;
margin:0 auto;
padding-bottom:29px;
font-size:1.2em;
line-height:1.51;
}
#container:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}
#leftcolumn {
width:220px;
}
#two_maincolumn {
float:right;
width:715px;
}



/* header */
#header {
width:965px;
margin:0 auto;
background:#000;
padding:10px 0 20px;
}
#header:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}
#logo {
float:left;
margin-top:37px;
margin-right:21px;
}
#header .nav {
float:right;
width:167px;
}
#header .nav li {
display:inline;
float:left;
margin-bottom:15px;
margin-left:25px;
}
#header .nav img {
vertical-align:bottom;
}
#header .nav .qr_code {
display:block;
float:none;
clear:both;
margin:0;
text-align:right;
}

/* global nav */
#gnav {
float:left;
width:599px;
}
#gnav li {
float:left;
}
#gnav img {
vertical-align:bottom;
}
#gnav .online_shop {
position:relative;
z-index:1000;
}
#gnav .online_shop .brands {
position:absolute;
top:54px;
left:119px;
min-width:154px;
border:1px solid #900;
display:none;
}
#gnav .online_shop ul {
height:100%;
padding:0 10px;
border:1px solid #000;
background-color:#121212;
}
#gnav .online_shop li {
float:none;
padding:9px 0 10px;
border-top:1px solid #202020;
border-bottom:1px solid #000;
}
#gnav .online_shop li a {
padding-left:13px;
background:url(../img/repair/common/aside_bg_01.gif) left center no-repeat;
}
#gnav .online_shop li a:hover {
background-image:url(../img/repair/common/aside_bg_01_on.gif);
}
#gnav .online_shop ul .first {
border-top:none;
}
#gnav .online_shop ul .last {
border-bottom:none;
}
#gnav .online_shop ul img {
vertical-align:middle;
}

/* breadcrumbs */
#breadcrumbs {
clear:both;
overflow:hidden;
height:100%;
margin-bottom:9px;
}
#breadcrumbs li {
float:left;
margin-right:4px;
padding-left:8px;
background:url(../img/repair/common/breadcrumbs_bg_01.png) left center no-repeat;
}
#breadcrumbs .home {
padding-left:0;
background:none;
}

/* information */
#information {
float:right;
width:700px;
padding:2px 0 1px 13px;
border:1px solid #333;
}
#information p {
float:left;
width:382px;
margin-top:7px;
}
#information p a {
padding-left:1em;
}
#information ul {
float:right;
width:318px;
}
#information li {
float:left;
width:105px;
padding:7px 0;
border-left:1px solid #333;
text-align:center;
}
#information ul img {
vertical-align:bottom;
}
#information form {
display:inline;
}



/* aside brands */
#aside_brands h2,
#aside_brands h3 {
margin-bottom:20px;
}
#aside_brands h2 {
padding-top:0;
}

/* category search */
#categoryarea {
padding-bottom:26px;
}
#categoryarea h2 {
margin-bottom:9px;
padding-top:0;
}
#categoryarea h3 {
margin-bottom:13px;
padding:0 1px 6px;
border-bottom:1px solid #333;
}
#categoryarea ul {
margin-bottom:19px;
margin-left:23px;
}
#categorytree li {
padding:10px 0;
border-bottom:1px dotted #333;
}
#categorytree ul {
margin-bottom:0;
margin-left:14px;
}
#categorytree li li {
padding:0;
border-bottom:none;
}
#categorytree a {
padding-left:14px;
background:url(../img/repair/common/aside_bg_01.gif) left center no-repeat;
}
#categorytree a:hover {
background-image:url(../img/repair/common/aside_bg_01_on.gif);
}
#categorytree .onlink {
color:#666;
font-weight:bold;
text-decoration:none;
}
#categoryarea p {
margin-bottom:4px;
margin-left:24px;
}
#categoryarea .find_to {
padding:4px 3px;
border:1px solid #333;
background:#fff url(../img/repair/common/aside_bg_02.png) 170px 50% no-repeat;
}
#categoryarea .find_to input {
width:160px;
border:1px solid #fff;
vertical-align:middle;
}

/* aside nav */
#aside_nav li {
padding-bottom:10px;
}
#aside_nav ul img {
vertical-align:bottom;
}

/* aside banner */
#aside_banner li {
margin-bottom:10px;
}
#aside_banner ul img {
vertical-align:bottom;
}



/* footer */
#footer {
width:965px;
margin:0 auto;
padding-bottom:60px;
}
#footer .nav {
padding:19px 0 15px;
text-align:center;
line-height:1.51;
}
#footer .nav li {
display:inline;
padding:0 0.4em;
}
#footer p {
text-align:center;
}

/* footer banner */
#footer_banner {
width:965px;
margin:0 auto;
border-top:1px solid #333;
border-bottom:1px solid #333;
}
#footer_banner ul {
overflow:hidden;
height:100%;
}
#footer_banner li {
float:left;
}
#footer_banner ul img {
vertical-align:bottom;
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay {
background-color:#000;
}
#cboxLoadingOverlay,
#cboxLoadedContent {
background-color:#fff;
}
#cboxLoadingGraphic {
background:url(../img/repair/common/loading.gif) center center no-repeat;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight {
overflow:hidden;
height:18px;
}
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
overflow:hidden;
height:0;
}
#cboxTitle,
#cboxCurrent,
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
position:absolute;
display:none;
text-indent:-9999px;
}
#cboxClose {
top:-18px;
right:0;
width:13px;
height:13px;
padding:2px;
background:#fff url(../img/repair/common/close.png) center center no-repeat;
font-size:0;
}
#cboxIframe {
overflow:hidden;
}



/* static page title */
#container .article h2 {
margin-bottom:29px;
padding:0 2px 10px;
border-bottom:1px dotted #333;
}
#container .article .contact {
width:29em;
padding:9px;
border:1px solid #191919;
}

/* reset table styles in static pages */
#container .article table {
margin:0;
border:none;
}
#container .article th {
background-color:transparent;
}
#container .article th,
#container .article td {
padding:0;
border:none;
vertical-align:baseline;
}
#container .article th {
font-weight:bold;
text-align:left;
}

/* contact block for static pages */
#container .article .contact h3,
#container .article .contact h4,
#container .article .contact p {
margin-right:2px;
margin-left:2px;
line-height:1.2;
}
#container .article .contact h3,
#container .article .contact h4 {
margin-bottom:5px;
}
#container .article .contact p {
margin-bottom:11px;
}
#container .article .contact p img {
vertical-align:middle;
}
#container .article .contact h4 {
padding-top:10px;
border-top:1px dotted #333;
font-weight:normal;
}
#container .article .contact ul {
list-style:disc outside;
margin-left:1.5em;
}



/* lead (special) */
#special .lead {
margin-bottom:39px;
}
#special .lead p {
margin:0 2px 20px;
line-height:1.51;
}
#special .lead ol {
overflow:hidden;
width:727px;
margin-right:-12px;
}
#special .lead li {
float:left;
width:224px;
height:229px;
margin-right:12px;
padding:2px;
border:1px solid #181818;
}
#special .lead ol h3 {
height:122px;
margin:0 14px 8px;
border-bottom:1px dotted #333;
text-align:center;
}
#special .lead ol h3 span {
position:relative;
display:block;
width:224px;
margin:0 -14px 17px;
}
#special .lead ol p {
margin:0 0 13px 16px;
}
#special .lead ol img {
vertical-align:bottom;
}

/* and more (special) */
#special .and_more p {
margin:0 2px 20px;
line-height:1.51;
}
#special .and_more .section {
padding-bottom:9px;
}
#special .and_more .section h3 {
margin-bottom:7px;
padding-left:14px;
background:url(../img/repair/common/common_icon_circle.png) left center no-repeat;
font-size:1.166em;
line-height:1.51;
}

/* entry (special) */
#special .entry {
padding-top:29px;
border-top:1px dotted #333;
}
#special .entry p {
text-align:center;
}



/* link list (link) */
#link {
padding-bottom:175px;
}
#link ul {
overflow:hidden;
width:1080px;
margin-right:-116px;
font-weight:bold;
}
#link li {
position:relative;
float:left;
width:239px;
margin-bottom:48px;
padding-top:85px;
margin-right:31px;
}
#link ul img {
position:absolute;
top:0;
left:0;
}
#link ul a {
padding-right:15px;
background:url(../img/repair/common/common_icon_external.png) right center no-repeat;
}



/* company information (company) */
#company {
margin-bottom:40px;
}
#container #company table {
width:965px;
margin:0 auto;
}
#container #company th,
#container #company td {
padding:11px 9px;
border:1px solid #191919;
vertical-align:middle;
}
#container #company table .map {
width:435px;
text-align:center;
}



/* for media (media) */
#media {
margin-bottom:55px;
}
#media .lead {
margin-bottom:26px;
}
#media .lead h3 {
margin-bottom:10px;
line-height:1.2;
}
#media .lead p {
line-height:1.51;
}



/* recruit details (recruit) */
#recruit {
margin-bottom:50px;
}
#recruit .details {
margin-bottom:20px;
}
#recruit .details p {
margin-bottom:15px;
line-height:1.2;
}
#recruit .details table {
width:655px;
line-height:1.2;
}
#recruit .details th,
#recruit .details td {
padding:11px;
border:1px solid #191919;
vertical-align:middle;
}
#recruit .details table .notes {
display:block;
margin-top:3px;
margin-left:1em;
font-size:0.833em;
text-indent:-1em;
}



/* sitemap */
#sitemap ul {
overflow:hidden;
width:975px;
margin-right:-10px;
line-height:1.2;
}
#sitemap li {
float:left;
width:152px;
margin-right:10px;
margin-bottom:15px;
}
#sitemap ul img {
margin-left:5px;
vertical-align:middle;
}
#sitemap ul a {
padding-left:13px;
background:url(../img/repair/common/aside_bg_01.gif) left center no-repeat;
zoom:1;
}
#sitemap ul a:hover {
background-image:url(../img/repair/common/aside_bg_01_on.gif);
}
#sitemap ul ul a,
#sitemap ul ul a:hover {
background-image:url(../img/repair/common/common_arrow_02.png);
}
#sitemap ul ul a {
padding-left:7px;
}
#sitemap ul .online_shop {
float:none;
width:auto;
padding-bottom:10px;
border-bottom:1px solid #191919;
}
#sitemap ul .online_shop ul {
width:959px;
margin:0 3px;
}
#sitemap ul .online_shop li {
width:auto;
margin-right:34px;
white-space:nowrap;
}
#sitemap ul .brands {
margin:21px 0;
background:url(../img/repair/sitemap/sitemap_bg_01.png) repeat-y;
}
#sitemap ul .brands_inner {
overflow:hidden;
width:980px;
margin-right:-15px;
padding-bottom:6px;
background:url(../img/repair/sitemap/sitemap_bg_02.png) left bottom no-repeat;
}
#sitemap ul .brands .shop {
float:left;
width:224px;
padding:3px 3px 0;
margin-right:15px;
background:url(../img/repair/sitemap/sitemap_bg_03.png) no-repeat;
}
#sitemap ul .brands h3 {
margin-bottom:10px;
}
#sitemap ul .brands h3 a,
#sitemap ul .brands h3 a:hover {
background:none;
}
#sitemap ul .brands h3 a {
padding-left:0;
}
#sitemap ul .brands img {
margin-left:0;
vertical-align:bottom;
}
#sitemap ul .brands ul {
width:239px;
margin-right:-21px;
font-size:0.833em;
}
#sitemap ul .brands li {
margin-right:21px;
margin-bottom:5px;
}



/* privacy policy */
#policy .section {
padding-bottom:10px;
}
#policy .section h3,
#policy .section p,
#policy .section ol {
margin-bottom:10px;
}
#policy .section p,
#policy .section ol {
margin-left:20px;
}
#policy .section ol ol {
margin-top:10px;
}