@charset "shift_jis";


/*-----ページ全体構成-----*/
body {
margin:0;
padding:0;
text-align:center;
line-height:120%;
background-image:url("back_boro.gif");
}

a {
text-decoration:none;
color:black
;}
a:hover {
text-decoration:none;
;}


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


p {
font-size:80%;
margin:0.5em 0;
line-height:1.3em;
}
.woodwinds td{
font-size:80%;
line-height:1.5em;
padding:20px;
border-left:gainsboro 5px solid;
border-top:gainsboro 1px solid;
vertical-align:top;
}
.woodwinds p {
color:mediumslateblue;
font-size:100%;
}
#layer{
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:780px;
text-align:left;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
background-color:#ffffff;
overflow:hidden;
}

h1,h6 {
margin:0;
padding:0;
text-indent:-9999px;
}

/*-----ヘッダ部分-----*/

#top{
margin:0;
padding:0;
width:780px;
height:70px;
display:block;
background : #ffffff url(top_banner.gif) no-repeat;
border:gray 1px solid
;}

#top a{
text-decoration:none;
color:white;
}
#top a:hover{
border-bottom:#fff 1px solid;
}

#top p {
margin:0px 50px;
text-align:right;
font-size:70%;
color:white
;}

/*-----▲ヘッダ終了-----*/

/*-----▼本文-----/*

#bestshop {
margin:0;
padding:0;
width:780px;
height:250px;
}
#best shop img {
margin:0;
}
/*---▲トップのメイン画像---*/

#menu_bar {
margin:0;
padding:15px 18px;
}
ul#menu_bar {
list-style:none;
width:100%
;}
ul#menu_bar li {
list-style:none;
float:left;
width:146px
;}
ul#menu_bar a {
display:block;
width:146px;
height:30px;
background-image : url(menubar1103.gif);}
/*前のはmenu_bar3.gifでした*/
#menu_bar a span {
display:none
;}
a.top_menu {
background-position:0px 0px;
}
a:hover.top_menu {
background-position:0px -32px;
}
a.wind_rental {
background-position:-148px 0px
;}
a:hover.wind_rental {
background-position:-148px -32px;
}
a.repair_menu {
background-position:-296px 0px;
}
a:hover.repair_menu {
background-position:-296px -32px;
}
a.shop_menu {
background-position:-444px 0px;
}
a:hover.shop_menu {
background-position:-444px -32px;
}
a.access_menu {
background-position:-592px 0px;
}
a:hover.access_menu {
background-position:-592px -32px;
}
/*---▲メニューバー---*/


#pagebody {
width:780px;
margin:0;
padding:0;
;}
/*---▲分割まとめブロック---*/


#contents {
width:575px;
margin:10px 0;
padding:0;
float:left;
}/*---▲分割左ブロック---*/

#sideblock {
margin:10px 0;
width:200px;
float:right
;}/*---▲分割右ブロック---*/

.clear {
clear:both;
margin:0;
padding:0;
}
/*---▲回り込み解除---*/
#footer {
margin:0;
width:780px;
height:18px;
display:block;
background-color:gray;
text-align:center;
font-size:100%;
color:white
;}
/*---▲フッター---*/

/*---▼分割ブロック内に配置---*/
.goods {
margin:10px 0px;
padding:0px;
width:180px;
font-size:80%;
border-style:solid;
border-width:1px;
border-color:#ccccff;
}
.goods ul {
margin:0px 20px;
padding:10px;
}
.goods li {
line-height:120%;
padding:3px 0px;
list-style-image : url(ya.gif);
list-style-position:outside;
}
.goods a {
border-bottom:gray 1px solid;
}
.goods a:hover {
text-decoration:none;
border:none;
}
/*---▲リスト画像---*/

.cm {
width:180px;
height:***px;
background : url(***.gif) no-repeat;
text-indent:-9999px;
}

/*-----▲ＴＯＰ終了-----/*


.tip table{
border-collapse : collapse ;
border-style:solid;
border-width:1px;
border-color:gainsboro
}
.tip td {
border-right : 1px  solid #gainsboro;
border-bottom:1px solid #gainsboro
}

/*---▼総合ｈｏｖｅｒ指定---*/

a:hover.list,list2 {
text-decoration:none
;}

/*---▲リスト終了---*/
#pan {
margin-left:10px;
font-size:70%;
color:gray;
}
#pan a{
border-bottom:gray 1px solid;
}
#pan a:hover {
border:none;
}
/*---▲ぱんくずリスト用（#contnts内設置）---*/
.tableline {
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
margin:5px;
}
.tableline td {
padding:5px 10px;
border:gainsboro 1px solid;
font-size:80%;
line-height:150%;
}
/*---▲店紹介のライン---*/

.tableline02 {
border-collapse:collapse;
border-spacing:0;
padding:0;
table-layout:auto;
border:gainsboro 1px solid;
width:740px;
text-align:left;
}
.tableline02 td {
padding:10px 10px;
font-size:80%;
line-height:150%;
background-color:whitesmoke;
border-bottom:gainsboro 1px solid;
}
.tableline02 p {
text-align:right;
font-size:100%;
}
.tableline02 th {
font-size:90%;
height:30px;
background-color:#3F57A2;
text-align:center;
border-bottom:#000 1px solid;
color:#fff;
}
/*--見出しの色候補#6C3F1/#9999f1--*/

.tableline02 img {
margin:0;
padding:0;
}
.tableline02 h4 {
font-size:small;
padding-left:5px;
border-left:4px solid red;
}
.bord td{
border-left:gainsboro 1px solid;
}
/*--▲チューナーなどの枠線・背景灰色／縦線なし--*/


.tableline03 {
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:740px;
}
.tableline03 td {
padding:10px 10px;
font-size:80%;
line-height:130%;
border:gainsboro 1px solid;
}
.tableline03 p {
text-align:right;
font-size:100%;
color:red;
}
.tableline03 th {
height:30px;
font-size:90%;
background-color:#3F57A2;
text-align:center;
border-bottom:#000 1px solid;
color:#fff;
}
.tableline03 img {
margin:0;
padding:0;
}
.nakanaka{
vertical-align:top;
text-align:left;
}
/*--▲背景が白く灰色の枠線／アクセサリーページ--*/


.tableline04 {
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:531px;
}
.tableline04 td {
padding:10px 10px;
line-height:130%;
border:gainsboro 1px solid;
font-size:80%;
}
.tableline04 th {
height:30px;
font-size:90%;
background-color:#3F57A2;
text-align:center;
border-bottom:#000 1px solid;
color:#fff;
}
/*--▲背景が白く灰色の枠線／サイドメニュー横--*/


.tableline05 {
border-collapse:collapse;
border-spacing:0;
margin:0;
padding:0;
}
.tableline05 td {
padding:5px 5px;
border:gainsboro 1px solid;
font-size:80%;
line-height:150%;
background-color:whitesmoke;
}
.tableline05 th {
font-size:80%;
text-align:left;
height:30px
;}
/*--▲背景灰色・灰色の枠線--*/

.tableline06 {
border-collapse:collapse;
border-spacing:0;
padding:30px;
width:700px;
}
.tableline06 td {
padding:10px 10px;
border:orange 1px solid;
line-height:170%;
background-color:#FFFFCC;
font-weight:bold;
font-size:90%;
vertical-align:top;
}
/*--▲背景がクリーム色・オレンジの枠線・幅広--*/

/*---▼線のない調整用---*/
.tableline07 td{
padding:10px;
border:0px;
font-size:80%;
line-height:150%;
}

.tableline07 h5 {
font-size:1.0em;
padding:5px;
border-bottom:royalblue 1px solid;
border-right:lightskyblue 1px solid;
color:royalblue;
background-color:aliceblue;
}

/*---▼メニューの枠---*/
.tableline30{
margin-left:20px;
padding:20px 5px;
border:gray 1px solid;
table-layout:fixed;
}
.tableline30 td{
padding:5px 20px;
font-size:80%;
}
/*---▼修理写真の枠---*/
.tableline31 {
width:500px;
border-collapse:collapse;
border-spacing:0;
margin:10px;
padding:0;
border-top:gainsboro 1px solid;
border-left:gainsboro 1px solid;
}
.tableline31 td {
padding:5px;
border-right:gainsboro 1px solid;
border-bottom:gray 1px solid;
font-size:80%;
line-height:120%;
}

/*---▲テーブルのライン。文字上揃え---*/
/*---▼灰色の枠・背景色幅可変---*/
.tableline32 {
border-collapse:collapse;
border-spacing:0;
margin:5px;
}
.tableline32 td {
text-align:left;
padding:5px 10px;
border:gainsboro 1px solid;
font-size:80%;
line-height:140%;
}
.tableline32 td a{
text-decoration:none;
border-bottom:#000 1px dotted;
}
.tableline32 td a:hover{
color:royalblue;
border-bottom:none;
}

.tableline40 {
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:531px;
}
.tableline40 td {
padding:10px 10px;
line-height:130%;
border:red 2px solid;
font-size:80%;
}

/*-----▼ＵＬ　ＣＬＡＳＳ＝”headline”-----*/

.headline {
width:530px;
padding:0 0 10px 20px;
margin:0;
line-height:110%;
}
.headline ul,.headline li{
width:500px;
margin-left:15px;
padding-left:10px;
list-style-image : url(ya.gif);
font-size:90%;
line-height:1.4em;
}
.headline p{margin-left:20px;}
.headline img,.headline span {
margin:0;
padding:0;
}
.headline p span{
padding:10px 20px;
}
.headline h5 {
font-size:90%;
padding:2px 10px;
width:95%;
border-bottom:#ccccff 1px solid;
border-left:#ccccff 23px solid;
text-align:left;
}
.headline li a{
border-bottom:gray 1px solid;
}
.headline li a:hover{
border:none;
}

/*---▼オールボックス---*/
.allbox{
padding:0 10px;
margin:0;
line-height:120%;
}
.allbox p{
padding:0 20px;
}
.allbox h5{
font-size:90%;
padding:2px 10px 2px 85px;
width:95%;
border-left:#F7E920 15px solid;
background-image:url("repair/mallet.gif");
background-repeat:no-repeat;
background-position-y: center;
text-align:left;
}


/*---マージンを10pxだけ設定する（headline内）---*/
.headline sukima{
margin-left:10px;
}
/*---▼画像にマウスを乗せると画像が動く---*/

.bottom_move a:hover {
position:relative;
top:1px; left:1px;
filter:gray();
}

/*---▼メニュー以下幅90％の部分・段組じゃない部分---*/
#mainte_big{
width:780px;
}

#mainte_contents {
padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
/*--▲ここまで--*/


#case_back {
background-image : url(case.jpg);
background-repeat:no-repeat;
background-position:right top;
}
#metro {
background-image : url(metro.jpg);
background-repeat:no-repeat;
background-position:right top;
}
#wood {
background-image : url(back_sx.jpg);
background-repeat:no-repeat;
background-position:left bottom;
height:450px;
}
#link {
padding:20px;
}

/*---▼コメント・行間詰---*/
P.tsume{margin:3px;
padding:3px;
line-height:1.0em;
font-size:0.7em;}

/*---▼個別指定---*/
/*--ライン--*/
.line a{
border-bottom:gray 1px solid;
}
.line a:hover{
border:none;
}
/*--span要素に指定するニュース一覧--*/
span.news{
margin:-3px 0 10px;
padding:5px 10px;
background-color:#e9e9e9;
font-size:0.8em;
line-height:1.3em;
display:inline-block;
width:531px;

overflow:auto;
border:gainsboro 1px solid;
}
.news a{border-bottom:gray 1px solid;}
.news a:hover{border:none;}

/*--左隙間--*/
.yose {
width:700px;
padding:0 30px;
}
.yoseru{padding:0 30px;
font-size:90%;
line-height:1.4em;}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}