@charset "utf-8";

/* http://toho-motors.com */


/* レイアウト */

* {margin: 0;padding: 0;}
* {font-size: 100%;}

body {background: #008000;margin: 0;padding: 0;text-align: center;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}

img {border: none;}

table {border-collapse: collapse;border-spacing: 0;}

.clear {clear: both;}


/* 外枠 */

#wrapper {width: 920px;text-align:center;margin:20px auto;padding: 10px 10px;background: #FFFFFF;border: 2px solid #00CC00;}


/* ヘッダー */

#header {width: 920px;height: 120px;margin-bottom: 10px;background: url(../images/sky0031.jpg) no-repeat 0 0;}
#hleft {text-align: left;width: 200px;float: left;margin-top: 5px;margin-left: 5px;}
#hright {text-align: right;padding-top: 65px;}


/* NAVI */

#menu ul {list-style: none;height: 35px;color: #FFFFFF;background: #008000;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1, #004000));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #00FF00 0%, #004000 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #00FF00 0%, #004000 100%);}

#menu ul li {float: left;border-right: 1px solid #00AA00;}

#menu ul li a {display: block;text-align: center;line-height: 15px;font-size: 0.8rem;letter-spacing: 0.1rem;
color: #FFFFFF;padding: 10px 15px;}

#menu ul li a {display: block;text-align: center;line-height: 15px;font-size: 0.8rem;letter-spacing: 0.1rem;
color: #FFFFFF;padding: 10px 15px;}

#menu ul li a:hover, #menu ul li.active a {color: #FFFFFFf;font-weight: bold;
position: relative;top: 1px;}

#menu ul li:hover,#menu ul li.active {background: #0066FF;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #AAFFFF 0%, #000080 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #AAFFFF 0%, #000080 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #AAFFFF 0%, #000080 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AAFFFF), color-stop(1, #000080));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #AAFFFF 0%, #000080 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #AAFFFF 0%, #000080 100%);}


/* コンテナ */

#container {clear: left;width: 100%;text-align: center;margin-top: 10px;}

#main {float: left;width: 710px;text-align: left;background-color: #FFFFFF;margin-left: 5px;}

#colum {float: right;width: 195px;text-align: center;background-color: #FFFFFF;padding-top:5px;margin-right: 5px;}

.embed-container {position: relative; padding-bottom: 25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* 見出し他 */

h2 {font-size: 0.9rem;letter-spacing: 0.2rem;background-color: #FFFFFF;background: url(../images/h_mark.gif) no-repeat 0 0;
border-bottom: 1px solid #00AA00;padding: 0 0 0 30px;margin: 15px 0 5px 0;}

h3 {font-size: 0.75rem;letter-spacing: 0.2rem;padding: 5px 0;margin-bottom: 5px;}

a:link {color: #0000CD;text-decoration: none;}
a:visited {color: #0000CD;text-decoration: none;}
a:hover {color: #009000;text-decoration: none;}
a:active {color: #0000CD;text-decoration: none;}

a.out {background-image: url(../link/o_link.gif);background-repeat: no-repeat;
background-position: right center;padding-right: 14px;margin-right: 2px;}

a.pdf {background-image: url(../link/pdficon_small.png);background-repeat: no-repeat;
background-position: right center;padding-right: 14px;margin-right: 2px;}


/* メイン内枠 */

.main-top {border: 0px solid #C0C0C0;padding: 0px;margin: 0 2px 2px 2px;}

.main-frame1,.main-map {text-align: center;border: 1px solid #C0C0C0;padding: 10px;margin: 0 2px 10px 2px;}

.main-frame2,.main-frame3 {text-align: left;font-size: 0.75rem;line-height: 1.5rem;border: 1px solid #C0C0C0;
padding: 10px 15px;margin: 0 2px 10px 2px;}

.main-frame2 {letter-spacing: 0.07rem;}

.main-frame3 {letter-spacing: 0.15rem;}
.main-frame3 p {text-align: right;}
.main-frameslick {border: 0px solid #C0C0C0;padding: 0px;margin-top: 10px;}


/* メイン内横並び振分 */

@media all and (min-width: 481px) {.contents {display: flex;flex-direction: row;}}
#sideL { order: 1; width: 75%;}	/* sideLを左側に幅75%で配置 */
#sideR { order: 2;}	/* sideRを右側に配置 */
@media all and (max-width: 480px){.contents {display: flex;flex-direction: column;}}
#sideL { order: 1; width: 100%; }	/* sideLを幅100%で配置 */


/* メイン内表 */

.sideL-table1 {width: 100%;font-size: 0.75rem;letter-spacing: 0.15rem;line-height: 1.3rem;}
.sideL-table1 th {width: 100px;text-align: center;border: 1px solid #C0C0C0;padding: 5px 0;background-color: #DCDCDC;}
.sideL-table1 td {text-align: left;border: 1px solid #C0C0C0;padding: 5px 3px 5px 12px;background-color: #FFFFFF;}
.sideR-table1 {text-align: left;border: 0px solid #C0C0C0;padding-top: 20px;margin-right: 60px;}
.main-table1,.main-table2,.main-table3,.main-table4,.main-table5 {width: 100%;font-size: 0.75rem;line-height: 1.3rem;margin: 0 4px 17px 2px;}
.main-table1,.main-table2 {letter-spacing: 0.15rem;}
.main-table1 th,.main-table3 th {width: 100px;text-align: center;border: 1px solid #C0C0C0;padding: 5px 0;background-color: #DCDCDC;}
.main-table1 td {text-align: left;border: 1px solid #C0C0C0;padding: 5px 3px 5px 12px;background-color: #FFFFFF;}
.main-table2 th {width: 120px;text-align: center;border: 1px solid #C0C0C0;padding: 5px 0;background-color: #DCDCDC;}
.main-table2 td {text-align: left;border: 1px solid #C0C0C0;padding: 5px 3px 5px 12px;background-color: #FFFFFF;}
.main-table4 th,.main-table5 th {width: 145px;text-align: center;border: 1px solid #C0C0C0;padding: 5px 0;background-color: #DCDCDC;}
.main-table3 td {text-align: left;border: 1px solid #C0C0C0;padding: 5px 5px 5px 10px;background-color: #FFFFFF;}
.main-table4 td,.main-table5 td {text-align: left;border: 1px solid #C0C0C0;padding: 5px 5px 5px 10px;background-color: #FFFFFF;}
.main-table3 {overflow: auto;height: 612px;line-height: 1rem;}
.main-table4 {overflow: auto;height: 300px;line-height: 1rem;}
.main-table5 {overflow: auto;height: 485px;line-height: 1rem;}


/* 右サイド */

.colum-dl1 dt, .colum-dl3 dt {text-align: center;letter-spacing: 0.3rem;background: #00AA00;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1, #004000));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #00FF00 0%, #004000 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #00FF00 0%, #004000 100%);
color: #FFFFFF;}

.colum-dl1 {font-size: 0.8rem;margin: 0 0 10px 10px;}
.colum-dl1 dt {padding: 5px 0;}
.colum-dl1 dd {text-align: left;line-height: 1.5rem;margin-bottom: 10px;padding: 8px 8px;color: #000000;
border: 1px solid #008000;}
.colum-dl1 a:link {color: #0000CD;text-decoration: none;}
.colum-dl1 a:visited {color: #0000CD;text-decoration: none;}
.colum-dl1 a:hover {color: #009000;text-decoration: none;}
.colum-dl1 a:active {color: #0000CD;text-decoration: none;}

.colum-dl2 {font-size: 0.75rem;margin: 0 0 10px 10px;}
.colum-dl2 dt {text-align: center;padding: 5px 0;border: 1px solid #008000;border-bottom: 0;
background-color: #FFFFFF;color: #FFFFFF;}
.colum-dl2 dd {text-align: left;line-height: 1rem;margin-bottom: 10px;padding: 5px 0 5px 20px;
border: 1px solid #00AA00;border-top: 0;color: #000000;}
.colum-dl2 a:link {color: #000000;text-decoration: none;}
.colum-dl2 a:visited {color: #000000;text-decoration: none;}
.colum-dl2 a:hover {color: #0000FF;text-decoration: none;}

.colum-dl3 {font-size: 0.8rem;margin: 0 0 10px 10px;}
.colum-dl3 dt {margin-bottom: 15px;padding: 5px 0px;}
.colum-dl3 dd {text-align: center;margin-bottom: 10px;}


/* スライドショー */

#slideshow {position: relative; width: 680px; height: 250px;}
#slideshow img {position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0;}
#slideshow img.active {z-index: 10; opacity: 1.0;}
#slideshow img.last-active {z-index: 9;}


/* フッター */

#footer {clear: both;text-align: center;font-size: 0.8rem;padding: 5px 0 5px;margin-top: 10px;
background: #00AA00;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #00FF00 0%, #004000 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1, #004000));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #00FF00 0%, #004000 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #00FF00 0%, #004000 100%);
color: #FFFFFF;}