.adslot_top {display:inline-block; width:336px; height:280px;}
.adslot_middle {display:inline-block; width:336px; height:280px;}
.adslot_right {display:inline-block; width:300px; height:250px;}
.adslot_link {display:inline-block; width:990px; height:20px;}

html {font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body {width:990px; margin:0 auto 0 auto; padding:0;}

body {animation: fadeIn 4s ease 0s 1 normal;}
@keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
div.img {width:320px; height:70px; float:left; margin:0 0 15px 0; padding:0;}
div.img:hover {opacity:0.7;}
div.pic {width:660px; height:90px; float:right; margin:0 0 30px 0; padding:0;}
div.pic_top {width:auto; height:auto; margin:-10px 0 20px 0; padding:0;}

div.h1 {line-height:10px; margin:0; text-indent:0; padding:0; float:right;}
div.topicpass {font-size:95%; margin:40px 0 0 0; min-height:20px; padding:5px 0 2px 0; clear:both; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB;}
div.topicpass2 {display:none;}
div.area {margin:0 0 10px 0; padding:0;}
div.left_area {width:660px; float:left; margin:0 30px 0 0; padding:0;}
div.right_area {width:300px; float:left; margin:40px 0 15px 0; padding:0;}

div.search {width:400px; margin:15px 0 -10px 0; padding:0;}

div.denki7 {width:50px; height:30px; border:3px solid #CCCCCC; float:left; line-height:34px; margin:0 15px 10px 0; text-align:center;}
div.footer {line-height:160%; margin:20px 0 0 0; padding:10px 5px 10px 0; clear:both;}
div.tooltip {font-size:95%; width:660px; height:30px; border-bottom:1px solid #BBBBBB; line-height:32px; margin:10px 0 20px 0; padding:0;}

div.ads_link_top {margin:15px 0 -15px 0; padding:0;}
div.ads_top {margin:4px 0 10px 10px; float:right;}
div.ads_middle {margin:0; padding:0;}
div.ads_right {margin:3px 0 15px 0;}

h1 {font-size:80%; text-align:left; font-weight:normal; color:#444444;}
h2 {clear:both; position:relative; font-weight:600; font-size:125%; color:#444444; border-bottom:10px solid #CCDDFF; line-height:32px; text-indent:0; margin:15px 0 25px 0; padding:0;}
h2::after {position:absolute; bottom:-15px; left:0; z-index:2; content: ''; width:50px; height:10px; background-color:#CC6666;}
h3 {font-size:100%; font-weight:500; color:#c25751; line-height:20px; text-indent:0; margin:25px 0 25px 0; padding:6px 0 5px 10px; border-color:#c25751; border:1px solid #c25751; border-radius:10px;}

p {font-size:95%; color:#000000; line-height:200%; margin:10px 0 25px 0; padding:0;}
p.topicpass {font-size:95%; line-height:160%; margin:0;}
p.footer {font-size:95%; line-height:150%; margin:10px 0 10px 0; padding:0; text-indent:0;}
p.sp {font-size:70%; color:#666666; margin:0; padding:0; border-radius:10px;}
p.content {font-size:95%; border-bottom:1px solid #AAAAAA; color:#111111; line-height:180%; padding:6px 7px 4px 0; text-indent:0; margin:10px 0 10px 0;}
p.copy {font-size:85%; color:#666666; line-height:150%; padding:0; text-indent:0; margin:10px 0 10px 0;}

ul {padding:0; margin:15px 0 20px 0;}
ul.top {padding:0; margin:-5px 0 0 0; width:100%;}
ul.cont {width:100%; padding:5px 0px 10px 0; margin:5px 0 10px 15px;}
li.cont {font-size:95%; width:590px; border-bottom:1px solid #AAAAAA; color:#333333; margin:0 5px 10px 15px; list-style-type:disc; text-indent:0; line-height:180%; list-style-position:outside;}

li.top_1 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExUReHh4Q8PD+0AAF9fX8XFxYqKir29vR0dHTMzM7OzsxYWFgBq7SwsLMzMzAAAAP///8U3/x0AAAAQdFJOU////////////////////wDgI10ZAAAAfUlEQVR42qSSBwrAIAxFU2dd8f63rbN1NFDoh4jJw/woQoxR4iJIxRx+BeEBPHSpGeRtFZwE6NkO5hMC7lZ6Aui79GxOjotHi7IMgDGL1jlE5+wCMBdrfPMg38qk3PC9lYJkDmI3R9uiLL8uSHqQU717kL8EpB/FQy5eAgwAI1Idg5/ybgoAAAAASUVORK5CYII=)}

li.top_2 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAtUExURf/z2v/55v/tzP//8///+/+lRP/Unf/htP/Adf+2Yv/Mi/+uVf+pSv+jQP///wbkcisAAAACdFJOU/8A5bcwSgAAAMlJREFUeNpkUlsSxCAIU2YQUHL/6y4+WtkpP4KRAMFSk1HyS/IH6AOswyE3bwOYbwujh29oFzBwHwhjVaAkKp+37jyPnmvwickATcCAP1HHbqFUZYsSh9BqVbg6T+Dyhj8WbTQQyRTQM1aLJwqWXYNOhdWFV5lpHyDsAnJqv3QbKMbI6oUM8B7AGtqS9jMGRUYnevtdw2iVdibvjxCV/IpwRGQVaVNiSYAw1rzLxt+igjcEGNEN8qLU7mplfD7D2fn3l7SRgp8AAwA3ggnJgzYNmwAAAABJRU5ErkJggg==)}

li.top_3 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURf/20//iqFhYWP//+v/Eaf/Kc///8P/svmpqav+/W//Zk//RhP/BYUxMTP+9Vv////e0aeYAAAAEdFJOU////wBAKqn0AAAAmUlEQVR42nTRWRLEIAgEUBQtt6Tvf9yJG7jU9JfFk6iEeIZCINbMdU74kvIB9KDVgYdWoLYdmckj0QIOA5gLnELAiKO6KQgUSJgNioBTyJzHtyo8Cu1iAh5bvIDZweh101pPyzvM3TBG4s8TZFYKtE9X3liOsYe3x4bzf3zFWMM3RN4ywf7rsOOMC2KHu6O32PuMJkudfwIMAOTnDzzCOJrkAAAAAElFTkSuQmCC)}

li.top_4 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURe/ozfv8/+rUc+nLSujGN+zajeS6BfHy9eG3A+a/FOzepPDt4O7lvff4/961BP///8HRpWYAAAACdFJOU/8A5bcwSgAAAIdJREFUeNpskUsOwCAIRLFWIq2Z+x+3ln6ACCszb/FgpBJm0PeikBM4B4I9BRVoGdgAZI4xcykJ4AlqAvaZm8LALUAvCzigoOmQgbPDDRsQn6uJvsvc1N/RQi4mZ5/30wA9yzwLHGtXCra1EjVltdf3ggXct4wEkBME0HzpsXYpKWCE/78EGAB8AAk0KiSYaAAAAABJRU5ErkJggg==)}

li.top_5 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURVBQUJ+fn42NjWtra+Hh4aqqqllZWc3NzfLfQcJB8kHyYkmA//JBQVxcXE1NTf///1Q7OJ0AAAAQdFJOU////////////////////wDgI10ZAAAAhUlEQVR42rSRjQrDMAiENTWm+dG8/9vOtSnNJBtssIMg3KceGOhedBbwPitNYIu3z9MEqaLzxwQOcvtXRoQnYd36BCiZWDWIvTRE0KMuBd36WCaBuXyCUGstpeScW2t7VyAMB0gvYGdGlBWwFcJrcIX7VT9lyFcZfwH+Vh+ue4A3//EQYAB99hpIrJ2wKwAAAABJRU5ErkJggg==)}

li.top_6 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURWxsbLi4uKCgoLm5uYODg3JycuLi4mFhYfDw8Pr6+lxcXKmpqc3NzWZmZlhYWP////rUo98AAAAJdFJOU///////////AFNPeBIAAACSSURBVHjabJJRDsQgCETRWrupMvc/7q5QUdjOF3kv6kSlj09Pz0CR9yBS8dxEATtu4gCYsfgU9cYv+4E6V8CJnorOeMLGu4gTzgyuWwG7ES4ibwKkXMQJnz5bseeX1Y0raIoWhHQTe4e9MAU5Xu2M/MKHyP+VRAhvSapdbd3uMUDWO94fmdi4z1jxxuMvWfkKMAA7ZxXvutGiaQAAAABJRU5ErkJggg==)}

li.top_7 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAbUExURf9bT//T6f9rZv+/0P99fv/q9/9lXP////9XS4uLhiAAAAAIdFJOU/////////8A3oO9WQAAAG9JREFUeNqs0UsOwCAIBNDho3L/E5dFNaUd46azMNGXKALGJvgRBFHTb+gRqLbAhnHItYC6CoUMlAEkCxICeY+EEsh920GnV7WB4I9H+KbcRj8IP7REs5/BwN7tmPDpk60J1nN/jNa0z/h55pcAAwCYEw/wOdW/5QAAAABJRU5ErkJggg==)}

li.top_8 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURXt7e+vr62OM/7y8vNvb2/9qapKSkru7u//j4/8UFBRR/zo6Ov///+YjMc8AAAANdFJOU////////////////wA96CKGAAAAcklEQVR42qyO2w6AIAxDByi7yP9/rwQdAwWNiX1oYKeUQZoI0srMdkdEBQsR2TxAwB4cUQQABVyqNNpUnaBG6+fUVg3AfV3u1h0BcY17q5IyUjcgIq17rcrnnDXPQIZ6AttYCmK8+CuYVv0B3NcXuwADAPJTFz1RD9+2AAAAAElFTkSuQmCC)}

li.top_9 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURURERHNzc5WVlVVVVYiIiF9fX39/f0xMTEZGRv8lGmhoaP9JQP9ya0BAQDw8PP///3yre1gAAAAQdFJOU////////////////////wDgI10ZAAAAr0lEQVR42nSRCQ6FIAxEWzZx6fT+t5WC+lH4kxCgL1BmIH3JbQR4W1Ff5Ywq1wPHSy3ux4rtAXcVkHU9QDfweFTADoQGEnpJGbGBgK/kukoGkgoob4sD8EoezDQAGJiKKc3BQpPOpkyTzlZ3ZC4kLi8XsTmXElrn0Qe9Yt/Aqu2IeLE4ypbNuWuxiE+WZ0tPfv+R6sQlwZQyiPTzt1enAShnIpmBqvgPBItkTvQUYADkrh0Ac4VBEQAAAABJRU5ErkJggg==)}

li.top_10 {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURf9SUjw8PP+iomWkf3LAkl6Ydmqwh3PBk2Gfe2apgv/PoW64jFyTc1qQcFqOcP///3+qzvcAAAAQdFJOU////////////////////wDgI10ZAAAAs0lEQVR42nSSURLDIAhEt7WaGAPc/7ZlTaLYmfLnewsSJ7BZ26l4PwcsXKfByqfBDx8Gk0upwWDyZibTYMxxvodpCHnnqcptsOSr2bMbyEUGvzrcgCRw1T25kwyuUkJ+N8ui5wZrKjFv1sj98qKZXSNP/uG6SZOfSsx/+gdmXuFVFu7iYIdxWuQUt2k18i4OuXoid/GiYbqkwClo9ORTyORddOOvkEr4M7qgabYW7E99BRgAQF8cOUC1+fsAAAAASUVORK5CYII=)}

li.top_web {font-size:95%; border-bottom:1px solid #BBBBBB; height:35px; list-style:none; background:no-repeat 10px 50%; margin:10px 0 10px 0px; line-height:38px; text-indent:45px; background-color:#FFFFFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAqUExURUnC/0/E/0PA/0vD/z239D27+j69/z208T2t5j2w6j2r48vu/z2p4f///53aaMwAAAAOdFJOU/////////////////8ARcDcyAAAAN1JREFUeNpckgEShCAIRREVBen+111Aslpmmuo/FT4I1wlAhNdfvolFPZg+AKdpMqfDiQ8YsXZZsH+NG4Suw0HFypsY6KErrIjhx3UHdetz66tpsxOqgSynbx20WSbhC8pHN+KPaAGKiso6oDE3UYIhg6WtUu4UOwawop1JtiaAJGCYBuJX6Dj0Im0H5ToJh/PeMaygtLLT9MxB1qTy8R57CIoL+PYeoLhz62uXx6MDjl5Jt06orheo2V3EbHuCfuYxVcpp7z2PPSmJmqonG8/M6T1z+rsl+r0lPwEGAFIOF0HTnDfkAAAAAElFTkSuQmCC)}

table.cont {border-collapse:collapse; margin:15px 0 15px 0; width:100%; font-weight:normal; border:1px solid #666666;}
tr.cont {padding:0 5px 0 3px;border:1px solid #666666;}
th.cont {font-size:80%; padding:0 5px 0 3px;border:1px solid #666666;}
td.cont {font-size:80%; padding:0 5px 0 3px;border:1px solid #666666;}

br {clear:both;}

img {width:auto; height:auto; border:none; margin:5px 2px 30px 0; vertical-align:middle; max-width:100%;}
img.pic {width:auto; height:auto; border:none; margin:5px 0 10px 0;}

a:link {text-decoration:none; color:#0000FF; padding:0;}
a:visited {color:#800080;}
a:hover {text-decoration:underline;}

.yellow_hoso {background: linear-gradient(transparent 60%, #ffff66 60%);}

label {display:block; background:#CCDDFF; color:#222; padding:10px; margin:7px 0 20px 0; border:1px solid #22E; cursor:pointer;}
input[type="checkbox"].on-off {display:none;}
div.right_menu {transition:2s; margin:0; padding:0;}
input[type="checkbox"].on-off + div {height:0; overflow:hidden;}
input[type="checkbox"].on-off:checked + div {height:470px;}







@media screen and (max-width:1000px) {
.adslot_top {display:inline-block; width:336px; height:280px;}
.adslot_middle {display:inline-block; width:336px; height:280px;}
.adslot_right {display:none; width:300px; height:250px;}
.adslot_link {display:inline-block; width:660px; height:20px;}

body {width:660px; margin:0 auto 0 auto; padding:0;}
ul.top {padding:0; margin:10px 0 20px 0; width:100%;}

div.left_area {width:660px; float:left; margin:0 30px 0 0; padding:0;}
div.right_area {margin:10px 0 10px 0; padding:0;}
div.tooltip {width:660px; height:100%; line-height:160%; text-indent:0; padding:5px 0 5px 0;}

div.ads_right {display:none; margin:0 2px -5px 2px; padding:0;}

div.search {width:400px; margin:15px 0 -10px 0; padding:0;}

label {display:block; background:#CCDDFF; color:#222; padding:10px; margin:10px 0 0 0; border:1px solid #22E; cursor:pointer;}
input[type="checkbox"].on-off {display:none;}
.right_menu div {transition:2s; margin:0; padding:0;}
input[type="checkbox"].on-off + div {height:0; overflow:hidden;}
input[type="checkbox"].on-off:checked + div {height:470px;}






@media screen and (max-width:420px) {
.adslot_top {display:inline-block; width:340px; height:150px;}
.adslot_middle {display:inline-block; width:300px; height:250px;}
.adslot_right {display:none; width:336px; height:280px;}
.adslot_link {display:none; width:200px; height:90px;}

body {width:340px; margin:0 auto 0 auto; padding:0;}
div.pic {display:none;}
div.img {width:320px; height:70px; margin:-10px 0 15px 20px;}

div.topicpass {width:340px; height:100%; line-height:160%; margin:0 0 15px 0;}
div.area {width:340px;}
div.left_area {width:340px;}
div.right_area {width:340px;}
div.tooltip {width:340px; height:100%; line-height:160%; text-indent:0; padding:5px 0 5px 0;}
div.footer {line-height:160%; margin:0;  padding:10px 5px 25px 0; clear:both;}
div.denki7 {width:55px; margin:0 5px 15px 5px;}

div.search {width:340px; margin:5px 0 -15px 0; padding:0;}

div.ads_link_top {display:none; margin:-5px 80px -15px 80px; padding:0;}
div.ads_top {margin:-10px 0 10px 0; float:right;}
div.ads_middle {margin:-10px 30px -5px 20px; padding:0;}
div.ads_right {display:none; margin:0 2px -5px 2px; padding:0;}

ul.top {padding:0; margin:0 0 20px 0; width:100%;}
ul.cont {width:100%; padding:5px 0px 10px 0; margin:5px 0 10px 5px;}
li.cont {width:320px;}

label {display:block; background:#CCDDFF; color:#222; padding:10px; margin:20px 0 20px 0; border:1px solid #22E; cursor:pointer;}
input[type="checkbox"].on-off {display:none;}
.right_menu div {transition:all 2s; margin:0; padding:0; cursor: pointer;}
input[type="checkbox"].on-off + div {height:0; overflow:hidden;}
input[type="checkbox"].on-off:checked + div {height:470px;}

}