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

<!-- /*+++++++ お店の看板、ナビゲーション全体のcss+++++++　*/-->

* { font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;}

.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }

body {-webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; margin:0; padding:0; line-height:1.6em;}

/* page-top */
#page-top { position: fixed;bottom: 20px;right: 20px;font-size: 12px;}
#page-top a { background: #000;text-decoration: none;color: #fff;width: 100px; padding: 30px 0;text-align: center;display: block;border-radius: 20px;}
#page-top a:hover {text-decoration: none;background: #36C;}


/* 看板エリア全体のcss */
#kanban-area{ 
margin:0 auto;
width:910px;
height:135px;
position:relative;
}

/* ロゴマークcss */
.logo{ 
position:absolute;
width:200px;
height:135px;
top:57px;
left:2px;
}
/* DXチャンネルのバナーcss */
.shinchaku{ 
position:absolute;
top:6px;
right:4px;
margin:0;
padding:0;
}

.shinchaku img{ width:120px;}

/* パーツバナー マップエリアcss */
.parts{ 
position:absolute;
top:42px;
right:150px;
width:177px;
}
/* 日本最大級の部分css */
.sub-ttl{ 
position:absolute;
top:88px;
left:190px;
color:#006633;
font-size:12px;
text-align:left;
display:inline-block;
}

/* 日本最大級の部分css */
span.sub{
color:#006633;
}

/* ご相談くださいcss */
.news-tp{ 
position:absolute;
top:20px;
left:140px;
color:#222;
font-size:11px;
text-align:left;
display:inline-block;
letter-spacing:0.5px;
}
/* 検索エリアcss */
.news-cc{
position:absolute;
top:39px;
left:254px;
text-align:left;
width:540px;
padding:3px;
}

/* ソーシャルエリアcss */
.fb-cc{ 
position:absolute;
top:60px;
right:146px;
}

/* 看板エリアのリストcss */
.list-navi{
position:absolute;
top:92px;
left:210px;
font-size:11px;
padding:0;
margin:0;
font-size:12px;
width:690px;
}

.list-navi li{ 
display:block;
list-style:none;
float:left;
padding:0;
padding-left:9px;
}

.list-navi li a{ 
color:#000;

}

.list-navi li a:hover{ 
color:#C30;
text-decoration:underline;
}

a img {
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
a:hover img {
     opacity: 0.9; 
     filter: alpha(opacity=80);
}

/* header検索 */
#headSearch{ width:600px; margin:0 auto; font-size:11px; color:#555; overflow:hidden; clear:both; padding-top:15px; padding-bottom:0;}
#headSearch .form{ width:310px; float:left; }
#headSearch .sideSearchButton{ margin-left:-4px; vertical-align: middle;}


.head-end{ background:#eee; height:9px; width:100%;}

.main-box{ margin:0 auto; width:893px; margin-top:10px; height:100%; font-size:13px; color:#333; text-align:left; border:1px solid #E2E2E2; padding:3px 8px 3px 7px; background:#fff; position:relative;}

.obi{ position:absolute; right:1px; top:-6px;}

.main-back{ background:url(https://image.rakuten.co.jp/hana-online/cabinet/souko/haikei_boder.jpg) repeat;}

.main-box img{ border-radius:4px;}
.main-box a{ text-decoration:underline; color:#000; font-weight:bold;}
.main-box a:hover{ color:#C30; text-decoration:none;}

h1{ text-align:left; margin:0 auto; width:805px; font-weight:bold; color:#222; font-size:35px; margin-top:30px; line-height:1.6em;}

h2{ text-align:left; font-weight:bold; color:#333; font-size:24px; margin-top:90px; border-left:5px solid #333; padding-left:10px; height:35px; line-height:1.5em; letter-spacing:0.6px;}

span.a1{ font-size:19px;}
span.a2{ background:#FFC;}
span.a3{ font-size:18px; font-weight:bold;}
p.a4{ font-weight:bold; font-size:14px;}

.main-txt{ width:870px; height:auto; margin:0 auto; font-size:15px; letter-spacing:0.6px; line-height:2.5em; color:#333; padding:10px; margin-top:10px;}

.ishiguro{ margin:0 auto; width:670px; height:160px; background:#eee; border:1px solid #ccc; padding:10px; margin-top:30px; position:relative;}
.ishi-txt{ position:absolute; top:10px; left:213px; color:#222; width:470px; line-height:2em;}

.ishiguro img{ float:left; border-radius:50%; width:160px;}

.olive-sougou{ width:820px; padding:10px; margin:0 auto; background:#fff; color:#222; font-weight:bold; font-size:18px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; margin-bottom:50px; text-align:center; border:1px solid #222;}
.olive-sougou a{ color:#222; text-decoration:none;}
.olive-sougou:hover{ color:#fff;background:#063;-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.olive-sougou a:hover{ color:#fff; text-decoration:none;}

/* = Selected Text
----------------------------------------------- */
::selection {
 background:#333; /* Safari */
 color:#fff; /* Safari */
}

::-moz-selection {
 background:#333333; /* Firefox */
 color:#FFFFFF; /* Firefox */
}