@charset "UTF-8";


/* ========BASIC======== */

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:16px;
   color:#333;
   background:#FFFABE;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:normal;
}

.float-clear{
 clear:both;
 margin: 0;
 padding: 0;
}

p {
   margin:0;
   padding:0;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}

a {
   color:#5A5D00;
   text-decoration:none;
}

a:hover {
   color:#7B8200;
   border-bottom:1px solid #4169e1;
}

em {
   font-style:normal;
   background:#ff0;
}


/* ========TEMPLATE WIREFRAME======== */

#top {
   width:790px;
   margin:20px auto;
   padding:10px;
   background:#fff;
}

#header {
   width:790px;
   position:relative;
   background:#FFE500;
}

#header h1 a {
   padding:10px 10px 0 20px;
   font-weight:bold;
   font-size:37px;
   color:#333;
}

#header h1 a:hover {
   color:#FFFABE;
   border-bottom:none;
}

#header p {
   margin:0;
   padding:0 10px 10px 20px;
}

#navi {
   position:absolute;
   top:20px;
   right:0;
}

#contents {
   width:790px;
   clear:both;
   float:left;
}

#main {
   float:left;
   width:620px;
}

#kiji {
   float:left;
   width:620px;
}

#sub {
   float:right;
   margin-top:13px;
   width:140px;
   padding:5px;
   background:#FFFABE;
}

#footer {
   margin-top:30px;
   width:790px;
   clear:both;
   padding:10px 0;
   border-top:1px solid #FFE500;
}


/* ========TOPIC PATH======== */

#topicpath ul{
 margin: 5px 0 0 0;
 padding:0;
}

#topicpath li{
 float:left;
 margin-right:8px;
 padding: 0 15px 0 0;
 font-size: 13px;
 list-style-type: none;
}

#topicpath a{
 text-decoration: none;
 margin: 0;
}

.path {
 background-image: url("image/topicpath.gif");
 background-repeat: no-repeat;
 background-position: right center;
}

/* ========MAIN CUSTOMIZE======== */

#main h2 {
   margin-bottom:10px;
   padding:10px 0 0 5px;
   font-weight:bold;
   font-size:24px;
   border-bottom:2px solid #FFE500;
}

#main h3 {
   margin:30px 0 5px 10px;
   padding:2px 0 2px 20px;
   font-weight:bold;
   font-size:20px;
   line-height:1.2;
   background:url(sankaku.gif) no-repeat;
   background-position: left center;
}

#main a {
   border-bottom: 1px solid #4169e1;
   color:#4169e1;
}

#main h4 {
   margin-bottom:2px;
   font-weight:bold;
   font-size:14px;
   border-bottom:2px solid #666;
}

#main h5 {
   margin-bottom:2px;
   padding:2px 5px;
   font-weight:bold;
   font-size:13px;
   background:#ececec;
}

#main h6 {
   font-weight:bold;
   font-size:13px;
}

#main p {
   margin-left:5px;
}

#main dl {
   margin:0;
   padding:0;
}

#main dt {
   text-decoration:underline;
}

#main dd {
   margin:0 0 1em 1em;
}


/* ========SUB CUSTOMIZE======== */

#sub h4 {
   padding:2px 5px;
   font-size:14px;
   color:#fff;
   background:#3C3C3C;
}

#sub ul {
   margin:5px 0 0 0;
   padding:0;
   list-style:none;
}

#sub li {
   margin:0 0 0 5px;
   padding-left:10px;
   border-bottom:1px solid #fff;
   line-height:2;
   background:url(image/bg_list.gif) 0 50% no-repeat;
}


/* ========PAGETOP CUSTOMIZE========= */

#footMenu {
   position: relative;
   overflow: hidden;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
}

#footMenu ul {
   position:relative;
   left:50%;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
}

#footMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 30px 0 0;
   padding:0;
}


/* ========FOOTER CUSTOMIZE======== */

.copyright {
   text-align:center;
   font-size:11px;
   padding:10px 0 0 0;
}


/* ========KIJI CUSTOMIZE======== */

#kiji h2 {
   margin-bottom:10px;
   padding:10px 0 0 5px;
   font-weight:bold;
   font-size:24px;
   border-bottom:2px solid #FFE500;
}

#kiji h3 {
   margin:30px 0 5px 5px;
   padding:2px 0 2px 10px;
   font-weight:bold;
   font-size:20px;
   line-height:1.2;
   border-left:5px solid #FFE500;
   border-bottom:1px solid #FFE500;
}

#kiji a {
   border-bottom: 1px solid #4169e1;
   color:#4169e1;
}

#kiji p {
   margin:0 0 0.5em 20px;
}


/* ========SELECT======== */

.select {
   margin:0;
   padding:0px;
}

.select ul{
   float:left;
   width:165px;
   margin:0 0 10px 20px;
   padding:0px;
}

.select li{
   list-style-type: none;
   padding-left:10px;
   background:url(bg_list.gif) 0 50% no-repeat;
 text-decoration: none;
}

.select a{
 margin: 0;
}

.map {
   margin: 0 0 0 5px;
}


/* ========PLUG======== */

.plug {
   margin:0;
   padding:0;
}

.plug ul{
   margin:0 0 10px 0px;
   padding:0px;
}

.plug li{
   float:left;
   width:120px;
   margin:0 0 1em 17px;
   list-style-type: none;
}


/* ========SNS======== */
.sns-top {
 margin:5px 0 0 0;
 padding:0;
 text-align:right;
 letter-spacing:-0.4em;
}

.sns-top li {
 padding:0;
 list-style-type:none;
 display:inline-block;
 letter-spacing:normal;
}

.sns-fbtop {
 margin-right:10px;
}

.sns-tw {
 width:100px;
}

.sns-gptop {
 width:58px;
}

.sns-hb {
 width:55px;
}


/* Media Queries
------------------------------------------ */
@media screen and (max-width: 749px){
* {
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#top {
   width:100%;
   margin:20px auto;
   padding:10px;
   background:#fff;
}

#header {
   width:100%;
}

#header h1 a {
   padding:5px !important;
   font-size:30px;
}

#header p {
   padding:5px;
}

#contents {
   width:100%;
}

#main {
   float:none;
   width:100%;
}

#kiji {
   float:none;
   width:100%;
}

#sub {
   float:none;
   width:100%;
}

#footer {
   width:100%;
}

.smp{
display: none;
}

.select2{
   margin:0;
   padding:0px;
}

.select2 ul{
   float:left;
   margin:0 20px 15px 5px;
   padding:0px;
}

.select2 li{
margin-top: 10px;
   list-style-type: none;
 text-decoration: none;
}

.select ul{
width: auto;
   float:left;
   margin:0 20px 20px 0px;
   padding:0px;
}

.select li{
margin-top: 10px;
}

#topicpath li{
margin-top: 10px;
}

}


@media screen and (min-width: 750px){
.select2{
display: none;
}
}


/* ========Ad======== */
.ad-big-1{
}
.ad-native{
margin: 10px 0 0 15px;
}
.ad-big-3, .ad-big-3-1, .ad-big-3-2{
margin:10px 0 0 5px;
}
.ad-small-1, .ad-small-2{
margin: 0 auto;
}
.ad-small-3{
margin: 10px auto 0 auto;
}
.ad-top{
margin-top: 10px;
}

@media screen and (min-width: 361px) {
.ad-small-1, .ad-small-2, .ad-small-3{
display: none;
}
}
@media screen and (max-width: 360px) {
.ad-big-1, .ad-big-2, .ad-big-3{
display: none;
}
}
@media screen and (min-width: 451px) {
.ad-big-3-2{
display: none;
}
}
@media screen and (max-width: 450px) {
.ad-big-3-1{
display: none;
}
.ad-native{
margin: 10px 10px 0 10px;
}
}
@media screen and (max-width: 365px) {
.ad-big-3-2{
display: none;
}
}


/* ========AF======== */
.af-1, .af-2{
float: left;
width: 300px;
}
.af-1{
margin: 10px 15px 0 5px;
}
.af-2{
margin: 10px 0 0 0;
}
@media screen and (max-width: 749px){
.af-1, .af-2{
float: none;
margin: 10px auto 20px auto;
}
}