@charset"shift_jis";
body {
 margin: 0px;
 text-align: left;
 background-color: #ffffff;
 background-image: url(image/haibisukasu.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-attachment: fixed;
 font-size: 14px;
 line-height: 120%
}

a {
 font-size: 12px;
 color: #880033;
 text-decoration: none
 
}

a:hover {
font-size: 12px;
 color: #55dd55
}

/* === ヘッダのスタイル === */

.head {
 width: 797px;
 height: 70px;
 background-image: url(image/kona_title3.jpg);
 background-repeat: no-repeat
}

.head td {
 background-image: url(image/kona_title4.jpg);
 background-position: right;
 padding: 0px;
 border: none
}

.headmenu1 {
 background-image: url(image/head_menu.jpg);
 background-repeat: repeat-x;
 margin: 0;
 padding: 0;
 border: none;
 width: 800px;
 font-size: 12px;
 line-height: 100%;
 text-align: right;
 color: white
}

.headmenu1 a {
 color: white;
 text-decoration: none
}

.headmenu1 a:hover {
 color:gold
}

/* === サイドバーとメインのスタイル === */

.side_main {
 width: 800px;
 height: 100%
}

/* === サイドバーのスタイル === */

.side {
 width: 150px;
 background-color: #aabbff;
 vertical-align: top;
 padding: 0px
}

.index1 {
 font-size: 12px ;
 color: white;
 border-bottom: solid 1px white;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 12px;
 padding-right: 8px;
 background-color: #556688
}

.index2 {
 font-size: 12px;
 border-bottom: solid 1px white;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 12px;
 padding-right: 8px;
 background-color: #bbccdd
}

.index1 a {
 font-size: 12px;
 color: white;
 text-decoration: none
}

.index1 a:hover {
 font-size: 12px;
 color: #55dd55
}

.index2 a {
 font-size: 12px;
 color: #000033;
 text-decoration: none
}

.index2 a:hover {
 font-size: 12px;
 color: #55dd55
}

.select1 {
 font-size: 12px;
 color: gold;
 border-bottom: solid 1px white;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 12px;
 padding-right: 8px;
 background-color: #000033
}

.select1 a {
 font-size: 12px;
 color: gold;
 text-decoration: none
}

.select1 a:hover {
 font-size: 12px;
 color: #55dd55
}

.select2 {
 font-size: 12px;
 color: #770000;
 border-bottom: solid 1px white;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 12px;
 padding-right: 8px;
 background-color: #99aabb
}

/* === インデックスのスタイル === */

.index_page {
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 width: 648px;
 height: 200px;
 padding: 0 0 10 0 px;
 vertical-align: top;
 background: #ffffff
}

.image1 {
 text-align: center
}

/* === メインのスタイル === */

.main {
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 width: 608px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 0px;
 padding-bottom: 10px;
 vertical-align: top
}

.main h1 {
 height: 30px;
 font-size: 20px;
 color: white;
 padding: 5px 10px;
 background-image: url(image/kona_header2.jpg);
 background-position: left bottom;
 background-repeat: no-repeat;
}

.main h2 {
 font-size:18px;
 color: #880033;
 padding: 5px 0px 2px;
 border-bottom: solid 5px #667788
}

.main h3 {
 font-size:30px;
 color: green
}

.main h3 img {
 vertical-align: middle;
 margin-right:15px
}

.main h4 {
 text-align: center;
 font-size: 16px;
 color:green
}

.main p {
 font-size: 14px;
 color: black;
 line-height:130%
}

.main img {
 border: none
}

.topics {
 margin-top: 15px;
 margin-left:100;
 margin-right: auto
}

.topics td {
 width: 400px;
 height: auto;
 vertical-align: top;
 text-align: center;
 background: none;
 font-size: 16px;
 color: black
}

.topics p {
 text-align: left
}

.inquiry {
 text-align: left;
 margin-right: 15px
}

.inquiry2 {
 text-align: right;

}

/* === ゲルマリストのスタイル === */

.list1 {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

.list1 td {
 width: 150px;
 height: 120px;
 vertical-align: top;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black
}

.list2 {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

.list2 td {
 width: 600px;
 height: 120px;
 vertical-align: top;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black
}

.list2 p {
 font-size: 16px;
 color: green
}

.list3 {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

.list3 td {
 width: auto;
 height: 200px;
 vertical-align: top;
 text-align: left;
 background: none;
 font-size: 14px;
 color: black
}

.list3-a {
 margin-left: auto;
 margin-right: auto
}

.list3-a td {
 width: 400px;
 height: auto;
 vertical-align: top;
 text-align: left;
 background: none;
 font-size: 14px;
 color: black
}

.list3-a p {
 font-size: 13px
}

.list4 {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

.list4 td {
 width: auto;
 vertical-align: bottom;
 text-align: left;
 background: none;
 font-size: 14px;
 color: black
}

.list5 {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

.list5 td {
 width: 200px;
 height:80px;
 vertical-align: top;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black
}


.list7 {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

.list7 td {
 width: 200px;
 height:160px;
 vertical-align: middle;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black
}

.list8 {
 width: 600;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
}

.list8 td {
 width: 200;
 height: auto;
 vertical-align: top;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black;
}

.list9 {
 width: 600;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
}

.list9 td {
 height: auto;
 vertical-align: top;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black;
}

.map {
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto
}

/* === パーツリストのスタイル === */

.aboutbody {
 margin-left: 0px;
 width: auto;
}

.aboutbody div {
 font-size: 12px;
 line-height:170%
}

.aboutlist {
 font-size:12px;
 text-align:left;
 line-height:20px;
 width: 540px
}

.aboutleft {
 width:100px;
 background-color:#DDDDDD
}

.copy {
 border-top: solid 2px;
 padding-top: 6px;
 font-size: 10px;
 color: black;
 text-align: center;
}

/* === ライデンのスタイル === */

.ryden {
 text-align: center;
 font-size: 13px;
 color: red;
 margin-bottom: 15px
}

/* === オイルカラットのスタイル === */

.oilkarat {
 font-size: 12px;
 line-height: 180%;
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 width: 608px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 0px;
 padding-bottom: 10px;
 vertical-align: top
}

.oilkarat h1 {
 height: 30px;
 font-size: 14px;
 color: white;
 padding: 5px 10px;
 background-image: url(image/kona_header2.jpg);
 background-position: left bottom;
 background-repeat: no-repeat;
}

.oilkarat h2 {
 font-size:24px;
 font-family:arial;
 color: red;
 text-align: center;
}

.oilkarat h3 {
 font-size:30px;
 color: green
}

.oilkarat img {
 font-size:12px;
 border: none;
 vertical-align: middle
}

#germa_s01 {
 text-align:center;
 font-size:18px;
 font-family:serif;
 color:darkcyan;
}

#germa_s02 {
 text-align:center;
 font-size:48px;
 color:darkcyan;
 width:600px
}

#icsphere p {
 text-align:center;
 font-size:12px;
}

.list6 {
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
}

.list6 td {
 width: 300px;
 vertical-align: center;
 text-align: center;
 background: none;
 font-size: 12px;
 color: black;
}

.list6 p {
 font-size: 18px;
 text-align: left;
 line-height: 180%
}

.list10 {
 witdth: 600;
 margin-top: 0px;
 margin-bottom: 5px;
 margin-left: auto;
 margin-right: auto
}

.list10 td {
 padding: 4px 10px 4px 10px;
 vertical-align: center;
 text-align: left;
 background: none;
 font-size: 16px;
 color: black;
}

.member {
 font-size: 14px;
}