@charset "utf-8";

/* @group reset */
*{margin: 0; padding: 0}
a { text-decoration: none}
ul, ol { list-style: none}
img { vertical-align: middle}
/* @end */

/* @group Fluid-img */
img { max-width: 100%; border: none;}
/* @end */

/* @group HTML */
html { color: #000000; line-height: 1.5; text-align: center }
a { color: #004000; text-decoration: none }
a:hover{ color: #004000; text-decoration: underline }
/* @end */

/* @group header */
header { text-align: center; padding-top: 24px; margin-bottom: 0px; margin: 0px auto; color: #000000; font-size: 8.5pt; line-height: 1.2; }
/* @end */

/* @group Nav */
nav {
margin-top: 5px; margin-bottom: 5px;
background: #ff4500; /* Old browsers */
background: -moz-linear-gradient(top, #e67928 0%, #ff4500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e67928), color-stop(100%,#ff4500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e67928 0%, #ff4500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e67928 0%, #ff4500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e67928 0%, #ff4500 100%); /* IE10+ */
background: linear-gradient(to bottom, #e67928 0%, #ff4500 100%); /* W3C */
}
nav ul { width: 58%; margin: 0 auto; overflow: hidden; }
nav ul li { width: 16.5%; float: left}
nav ul li a { display: block; color: #ffffff; font-size: 11pt; font-weight: normal; font-family: Meiryo; }
nav ul li a:hover { background-color: #5d2917;  color: #ffffff; font-size: 11pt; }
/* @end */

/* @group pagetitle */
#page_title { 
margin-top: 5px; margin-bottom: 5px; color: #ffffff; font-size: 20pt; vertical-align: text-bottom;
background: rgb(255,132,10); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,132,10,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,110,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,132,10,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,110,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,132,10,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,110,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,132,10,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,110,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,132,10,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,110,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,132,10,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,110,0,1) 100%); /* W3C */
}

#page_subtitle {
margin-top: 10px; margin-bottom: 0px; padding: 0px; color: #000000; font-size: 18pt; letter-spacing: -1pt;
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
}

/* @end */

/* @group submenu */
.submenu { font-size: 9.5pt; background: #c0c0c0;}
.submenu a { color: #004000; font-size: 9pt; text-decoration: none }
.submenu a:hover{ color: #ff0000; text-decoration: underline }
/* @end */

/* @group Contents */
#contents { width: 90%; margin: 0 auto; text-align: center}
#contents p { margin-bottom: 24px; text-align: left}
#contents img { margin-bottom: 24px; }
/* @end */

/* @box */
#main { width: 100%; border: 0px solid #000000; text-align: center; }
#index-box { text-align: center; display: block; margin: 0px auto;}
#repair-box { overflow: hidden; text-align: left; display: block; margin: 0px auto; }
#repair-box image { padding: 4pt 6pt 4pt 6pt; }
#repair-box img:hover { opacity: 0.5; }

#repair-link { color: #004000; font-size: 9pt; text-align: right;} 
#repair-link a{ color: #ff0000;} 
#form-box { width: 680px; overflow: hidden; text-align: center; display: block; margin: 0px auto;}
/* @end */

/* @media screen */

/*0-310px*/
@media screen and (min-width: 0px){
nav ul li { width: 100%; float: left}
nav ul li a { padding: 2px 0px 2px 0px; }
#page_title { line-height: 1.0 }
#index-box { width: 265px;}
#repair-box { width: 265px;}
#repair-link { width: 265px;}
}

/*310-570px*/
@media screen and (min-width: 310px){
nav ul li { width: 50%; float: left}
nav ul li a { padding: 2px 0px 5px 0px; }
#page_title { line-height: 1.2 }
#index-box { width: 265px;}
#repair-box { width: 310px;}
#repair-link { width: 310px;}
}

/*570-900px*/
@media screen and (min-width: 570px){
nav ul li { width: 30%; float: left}
nav ul li a { padding: 5px 0px 5px 0px; }
#page_title { line-height: 1.2 }
#index-box { width: 530px;}
#repair-box { width: 530px;}
#repair-link { width: 530px;}
}

/*900-px*/
@media screen and (min-width : 900px) {
nav ul li { width: 16.5%; float: left}
nav ul li a { padding: 15px 0px 15px 0px; }
#header { overflow: hidden; width: 720px; margin: 0px auto; }
#header #header1,#header #header2 { float: left; margin: 0 1.0416667%; }
#header #header1 { width: 340px; }
#header #header2 { width: 350px; }
#page_title { line-height: 1.5 }
#index-box { width: 720px;}
#repair-box { width: 800px; }
#repair-link { width: 770px;}
#page_subtitle { width: 770px;}
}