@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight:400
}

body {
line-height:1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:none
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}

del {
text-decoration:line-through
}

abbr[title],dfn[title] {
border-bottom:1px dotted;
cursor:help
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}

input,select {
vertical-align:middle
}

html {
overflow-y:scroll
}

body {
width:1120px;
margin:0 auto;
font-size:16px;
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
line-height:1.7;
background:#f5f5f5;
color:#222
}

h1 {
width:305px;
height:60px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
background:url(https://lh3.googleusercontent.com/-rfOf_jVLRsQ/V1xfjAeJo1I/AAAAAAAAANs/8xgVZecCsHk0lziRos7Z4yoxJ5VHaQOEACCo/s1600/title.png) no-repeat
}

h2 {
font-weight:700;
margin-bottom:.75em;
font-size:20px;
color:#c80c0c;
border-bottom:3px solid #888
}

h3 {
margin-bottom:.75em;
font-size:18px
}

h3:before {
content:"\002714\00a0";
color:#cf0c0c
}

h4 {
margin-bottom:.75em;
font-size:18px
}

h4:before {
content:"\00ab"
}

h4:after {
content:"\00bb"
}

h5 {
margin-bottom:.75em;
padding:2px;
font-size:18px;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
background:#f3f3f3
}

h6 {
font-style:normal;
font-weight:700;
margin-bottom:.75em;
padding-left:5px;
font-size:18px;
border-left:5px solid #cf0c0c
}

p {
margin-bottom:1em
}

img {
vertical-align:bottom
}

em {
font-style:normal;
font-weight:700
}

strong {
font-weight:700;
color:#ef8100
}

pre {
margin:1em 0;
padding:1em
}

blockquote {
margin-bottom:1em;
padding:1em;
border:1px dotted #ddd;
border-left:5px solid #ddd
}

ul,ol,dl {
margin:0 0 1em
}

ul li {
list-style:disc
}

ol li {
list-style:decimal
}

li {
margin-left:2em
}

#dl {
max-width:840px!important
}

dt {
font-style:normal;
font-weight:700;
font-size:18px;
margin-bottom:.5em
}

dt:before {
content:"\0025a0"
}

dd {
margin-bottom:1em
}

#latest {
border:3px solid #89a;
max-width:840px!important;
}

#dl_font {
	margin-bottom:.75em;
	font-size:18px
}

table {
margin-bottom:1em;
padding-bottom:1em;
width:100%;
border-collapse:collapse;
border:1px solid #ccc;
table-layout:fixed
}

th {
padding:2px 0;
text-align:center;
vertical-align:middle;
border:1px solid #B0C4DE;
background:#4682B4;
color:#eee
}

td {
padding:2px 10px;
text-align:left;
border:1px solid #B0C4DE;
vertical-align:top
}

table td img {
max-width:100%;
height: auto;
}

#title_dl {
background:#dff;
color:#111
}

#title_dl_old {
background:#eee;
color:#111
}

#name_dl {
width:25%;
text-align:right
}

#desc_dl {
width:35%;
background:#ffd
}

#url_dl {
width:25%;
vertical-align:middle;
text-align:center;
background:#eee
}

#conv_f {
text-align:center
}

#photo_t {
vertical-align:middle;
text-align:center
}

#name_u {
width:20%
}

#desc_u {
width:35%
}

#hint_u {
width:25%
}

#name_h {
width:20%
}

#desc_h {
width:35%
}

#hint_h {
width:25%
}

#name_s {
width:25%
}

#desc_s {
width:35%
}

#hint_s {
width:20%
}

#name_f {
width:20%
}

#desc_f {
width:20%
}

#hint_f {
width:40%
}

#name_br {
width:45%
}

#desc_br {
width:65%
}

#name_t {
width:25%
}

#desc_t {
width:35%
}

.scr {
overflow-y:scroll;
width:100%;
height:300px;
border:1px solid #ccc
}

.agreement {
overflow-y:scroll;
width:100%;
height:200px;
border:1px solid #ccc;
font-size:14px
}

.list {
padding:0 0 0 2em
}

.list li {
margin:0;
padding:0;
list-style:none;
text-indent:-1.3em
}

.list li:before {
content:"\002605\00a0";
color:#ffc720
}

.temp {
clear:both;
overflow:hidden;
margin-bottom:50px
}

.img {
float:left
}

.tx {
margin-bottom:40px
}

.btl {
margin-bottom:0;
padding:.25em;
border-bottom:1px solid #ccc
}

.photo img {
margin:5px 0 35px;
padding:10px;
box-shadow:rgba(113,135,164,0.8) 0 3px 15px 0;
background:#fff;
height:auto;
max-width:95%
}

.url a {
font-size:18px;
font-weight:700;
color:#167ac6;
text-decoration:none
}

.url a:hover {
font-size:18px;
font-weight:700;
color:#167ac6;
text-decoration:underline
}

.url2 a {
font-size:18px;
font-weight:700;
color:#167ac6;
text-decoration:none
}

.url2 a:hover {
font-size:18px;
font-weight:700;
color:#167ac6;
text-decoration:none
}

.link_box:hover {
background:#FFF!important;
cursor:pointer
}

.delete {
text-decoration:line-through
}

section {
margin-bottom:50px
}

footer {
clear:both;
padding:20px 0;
font-size:11px;
text-align:center
}

.page_top {
position:fixed;
bottom:10px;
right:10px;
padding:10px 20px;
color:#fff;
font-size:14px;
text-decoration:none;
background:#333
}

.page_top:hover {
background:#125
}

@media screen and (min-width: 801px) {
body {
box-sizing:border-box;
max-width:90%;
padding:0 10px
}

#contents {
margin-left:220px
}

nav {
width:100%;
position:absolute;
top:0;
left:0;
padding:3px 0;
opacity:1;
background:#222;
z-index:10
}

nav ul {
position:relative;
float:left;
left:50%;
margin:5px
}

nav li {
position:relative;
left:-50%;
float:left;
list-style:none;
margin:0;
padding:0 18px
}

nav li a {
color:#fff;
text-decoration:none
}

nav li a:hover {
color:#dfdfdf;
text-decoration:none
}

header {
margin-top:60px;
margin-bottom:30px;
width:auto
}

header h1 {
margin-bottom:10px;
margin-left:-7px;
margin-right:10px
}

h1 span {
font-size:12px
}

div#header-size {
width:305px
}

#menu {
position:absolute;
top:196px;
width:180px;
height:auto;
margin-top:0;
background:#ccc;
margin-bottom:0;
font-size:16px
}

#menu ul {
margin:0;
list-style:none
}

#menu li {
display:block;
list-style:none;
margin-left:0;
padding-left:0;
color:#333;
border-bottom:1px solid #777;
padding-right:0;
margin-right:0
}

#menu li:first-child {
margin-top:0;
border-top:0
}

#menu li:last-child {
border-bottom:0
}

#menu li a {
font-weight:400;
text-decoration:none;
color:#111;
display:block;
padding:5px 15px;
-moz-transition-property:all;
-moz-transition-duration:.2s;
-moz-transition-timing-function:linear;
-webkit-transition:all .2s linear 0
}

#menu li a:hover {
padding:5px 15px;
color:#111;
background:rgba(153,204,255,0.6)
}

#bunner {
position:absolute;
margin:0;
top:490px;
width:180px;
font-size:16px
}

#bunner ul {
margin:0;
list-style:none
}

#bunner li {
margin:0;
list-style:none
}

#showroom {
display:block;
position:relative;
top:0;
width:180px;
height:41px;
background:url(https://lh3.googleusercontent.com/-yyzyjX9uNKQ/Vq8eP_UBSnI/AAAAAAAAAEw/Eo6oJc4m9po/s1600-Ic42/showroom.png) no-repeat
}

#tver {
display:block;
position:relative;
top:10px;
width:180px;
height:41px;
background:url(https://lh3.googleusercontent.com/-91HaIOcw6-g/Vq8eQt50MWI/AAAAAAAAAE8/pc5XDPUt_dM/s1600-Ic42/tver.png) no-repeat
}
}

@media screen and (max-width: 800px) {
body {
box-sizing:border-box;
max-width:90%;
padding:0 10px
}

h1 {
width:305px;
height:60px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
background:url(https://lh3.googleusercontent.com/-rfOf_jVLRsQ/V1xfjAeJo1I/AAAAAAAAANs/8xgVZecCsHk0lziRos7Z4yoxJ5VHaQOEACCo/s1600/title.png) no-repeat
}

nav {
width:100%;
padding:0;
background:#345
}

nav ul {
margin:0
}

nav li {
list-style:none;
margin:0;
padding:0 18px;
border-bottom:1px solid #678
}

nav li a {
color:#fff;
text-decoration:none
}

nav li a:hover {
color:#dfdfdf;
text-decoration:none
}

header {
margin-top:10px;
margin-bottom:10px;
width:auto
}

header h1 {
margin-bottom:10px;
margin-left:-7px;
margin-right:10px
}

#menu ul {
position:relative;
width:100%;
background:#ccc;
font-size:16px;
margin:0;
list-style:none
}

#menu li {
display:block;
list-style:none;
margin-left:0;
padding-left:0;
color:#333;
border-bottom:1px solid #777;
padding-right:0;
margin-right:0
}

#menu li:first-child {
margin-top:0;
border-top:0
}

#menu li:last-child {
border-bottom:0
}

#menu li a {
font-weight:400;
text-decoration:none;
color:#111;
display:block;
padding:5px 15px;
-moz-transition-property:all;
-moz-transition-duration:.2s;
-moz-transition-timing-function:linear;
-webkit-transition:all .2s linear 0
}

#menu li a:hover {
padding:5px 15px;
color:#111;
background:rgba(153,204,255,0.6)
}

#bunner {
font-size:16px
}

#bunner ul {
margin:20px 0;
list-style:none
}

#bunner li {
margin:0;
list-style:none
}

#showroom {
display:block;
position:relative;
width:180px;
height:41px;
background:url(https://lh3.googleusercontent.com/-yyzyjX9uNKQ/Vq8eP_UBSnI/AAAAAAAAAEw/Eo6oJc4m9po/s1600-Ic42/showroom.png) no-repeat
}

#tver {
display:block;
position:relative;
width:180px;
height:41px;
background:url(https://lh3.googleusercontent.com/-91HaIOcw6-g/Vq8eQt50MWI/AAAAAAAAAE8/pc5XDPUt_dM/s1600-Ic42/tver.png) no-repeat
}
}

name_t* {
margin:0;
padding:0
}

#main {
width:100%
}

#page1 ul .page1 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #f39800;
background-color:#555
}

#page2 ul .page2 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #ffe100;
background-color:#555
}

#page3 ul .page3 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #aace36;
background-color:#555
}

#page4 ul .page4 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #00a73c;
background-color:#555
}

#page5 ul .page5 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #54c3f1;
background-color:#555
}

#page6 ul .page6 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #2090fc;
background-color:#555
}

#page7 ul .page7 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #b660d3;
background-color:#555
}

#page8 ul .page8 > a {
pointer-events:none;
cursor:default;
color:#eee;
border-right:10px solid #999;
background-color:#555
}

#setting tr:nth-child(2) {
background:#ddd
}

#setting tr:nth-child(5) {
background:#ddd
}

#setting tr:nth-child(7) {
background:#ddd
}

#setting tr:nth-child(18) {
background:#ddd
}

#setting tr:nth-child(19) {
background:#ddd
}

#setting-old tr:nth-child(2) {
background:#ddd
}

#setting-old tr:nth-child(5) {
background:#ddd
}

#setting-old tr:nth-child(12) {
background:#ddd
}

#setting-old tr:nth-child(13) {
background:#ddd
}

#lock {
color:#c00
}

#true {
font-weight:700;
color:#080
}

#false {
font-weight:700;
color:#b00
}

#gray {
color:#888
}

#gray2 {
color:#555
}

#caution {
color:#000;
background:#ffffcf;
padding:1px 5px
}

#advice {
font-weight:700;
color:#a00
}

#other {
color:#777
}

#ok {
font-weight:700;
color:#070
}

#default {
font-weight:700;
color:#333
}

#form-bg {
padding-top:10px!important;
background:#e8e8e8
}

#form-text-bg {
background:#fefefe;
padding:3px
}

#sr_icon {
background:#e70;
color:#fff;
padding:2px;
margin:0 3px
}

#clock1 {
display:inline-block;
width:16px;
height:16px;
background:url(https://lh3.googleusercontent.com/-XHUPipP6dwI/Vq9-Ib4cGrI/AAAAAAAAAHI/b-BBCvZlxBw/s800-Ic42/img_icon.png) no-repeat;
background-position:0;
margin:-2px 1px
}

#clock2 {
display:inline-block;
width:16px;
height:16px;
background:url(https://lh3.googleusercontent.com/-XHUPipP6dwI/Vq9-Ib4cGrI/AAAAAAAAAHI/b-BBCvZlxBw/s800-Ic42/img_icon.png) no-repeat;
background-position:-16px;
margin:-2px 1px
}

#view {
display:inline-block;
width:16px;
height:16px;
background:url(https://lh3.googleusercontent.com/-XHUPipP6dwI/Vq9-Ib4cGrI/AAAAAAAAAHI/b-BBCvZlxBw/s800-Ic42/img_icon.png) no-repeat;
background-position:-32px;
margin:-2px 1px
}

#from_update {
display:inline-block;
width:16px;
height:16px;
background:url(https://lh3.googleusercontent.com/-XHUPipP6dwI/Vq9-Ib4cGrI/AAAAAAAAAHI/b-BBCvZlxBw/s800-Ic42/img_icon.png) no-repeat;
background-position:-64px;
margin:-2px 1px
}

#follow_total {
display:inline-block;
width:16px;
height:16px;
background:url(https://lh3.googleusercontent.com/-XHUPipP6dwI/Vq9-Ib4cGrI/AAAAAAAAAHI/b-BBCvZlxBw/s800-Ic42/img_icon.png) no-repeat;
background-position:-80px;
margin:-2px 1px
}