﻿@charset "utf-8";

#container{
	width : 100%;
}

body{
 width : 900px;
 font-size : 16px;
 margin-top : 0px;
 margin-left : auto;
 margin-right : auto;
 margin-bottom : 0px;
 font-family : "メイリオ","Avenir","Helvetica Neue", "Helvetica, Arial", "Hiragino Sans", "ヒラギノ角ゴシック", "YuGothic", "Yu Gothic", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic" ;
 padding: 0;
}

#header{
	width : 100%;
height : 30px;
padding-top : 20px;
background-color : #ffffff;
margin-bottom : 1px;
border-bottom-width : 1px;
border-bottom-color : #cccccc;
border-bottom-style : solid;
}

.itemkankou{
	width : 100%;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #cccccc;
margin-bottom : 15px;
}
.mainbox_a{
	width : 200px;
height : inherit;
float : inherit;
margin-bottom : 10px;
margin-top : 10px;
padding-top : 9px;
padding-left : 9px;
padding-right : 9px;
padding-bottom : 9px;
}
.mainbox_img{
	width : 200px;

}
.mainbox_txt{
	width : 200px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 3px;
}
.mainbox_txt a{
	font-size : 16px;
}
.mainbox_comment{
	float : left;
width : 200px;
padding-left : 6px;
font-size : 14px;
text-align : left;
color : #666666;
}
li { 
  -webkit-box-flex: 1; 
  -moz-box-flex: 1; 
}
.subcontents{
	width : 33%;
height : 67px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : gray;
padding-bottom : 2px;
padding-top : 2px;
padding-left : 2px;
float : left;
}
.sub_pic{
	width : 100px;
height : 67px;
float : left;
text-align : center;
}
.subcontents_comment{
	float : left;
width : 60%;
padding-left : 10px;
font-size : 13px;
color : #666666;
}
.items{
	float : left;
width : 176px;
padding-left : 10px;
font-size : 16px;
}
.items a{
	font-size : 16px;
}
.img{
	display: inline-block;
box-shadow : 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
border-radius: 3px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
border : none;
}
.img2{
	display: inline-block;
border-radius: 3px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
border-style : none;
}
.ad{
	margin-top : 30px;
margin-bottom : 30px;
text-align : center;
}
#adsection{
	padding-top : 10px;
padding-bottom : 10px;
display : inline-block;
text-align : center;
width : 100%;
}
#footer{
	text-align : center;
width : 100%;
color : white;
background-color : #666666;
}
#footerlink{
	width : 100%;
text-align : center;
display : inline-block;
}
#footerlink a{
	color : #666666;
}
.logo{
	width : 155px;
background-repeat : no-repeat;
height : 35px;
float : left;
}
.mainmenu{
	width : 100%;
min-width :100px;
float : left;
}
a{
	text-decoration : none;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
font-weight : lighter;
}
a:hover{
	color : red;
text-decoration: none;
}
.footerlink{
	width : 50%;
float : left;
}
h1{
	padding-bottom : 0px;
margin-top : 0px;
padding-left : 5px;
font-weight : normal;
font-size : 18px;
margin-bottom : 0px;
}
h2{
	padding-bottom : 0px;
margin-top : 0px;
font-size : 19px;
padding-left : 5px;
font-weight : normal;
margin-bottom : 0px;
}
img{
	margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
border-style : none;
}
.content{
	width : 900px;
margin-bottom : 20px;
height : inherit;
margin-top : 20px;
}
.meisyou{
	font-size : 19px;
text-align : left;
border-top-right-radius : 3px 3px;
border-bottom-right-radius : 3px 3px;
padding-top : 3px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : silver;
border-left-width : 5px;
border-left-style : solid;
border-left-color : #ff7171;
letter-spacing : 2px;
font-weight : bold;
clear : left;
margin-left : 0px;
padding-left : 4px;
margin-bottom : 5px;
}
.pageback a{
 position: fixed;
color : #ffffff;
background-color : black;
padding-top : 10px;
bottom : 20px;
right : 20px;
opacity: 0.7;
font-weight : bolder;
border-top-left-radius : 3px 3px;
border-top-right-radius : 3px 3px;
border-bottom-right-radius : 3px 3px;
border-bottom-left-radius : 3px 3px;
padding-left : 10px;
padding-right : 10px;
}
p{
	font-size : 16px;
text-align: justify;
line-height : 1.79rem;
}
.search{
	width : 50%;
text-align : center;
margin-top : 70px;
margin-bottom : 70px;
}
.yajirusi01{
	position: relative;
display: inline-block;
padding-left : 15px;
color : white;
text-decoration: none;
margin-left : 15px;
}
.yajirusi01:before{
	content: '';
width: 6px;
height: 6px;
border-top-width : 2px;border-right-width : 2px;border-bottom-width : 0px;border-left-width : 0px;border-top-style : solid;border-right-style : solid;border-bottom-style : none;border-left-style : none;border-top-color : white;border-right-color : white;
position : absolute;
top: 50%;
left: 0;
margin-top: -4px;
transform: rotate(45deg);
}
.top_comment{
	font-size : 14px;
padding-top : 20px;
padding-bottom : 20px;
width : 100%;
color : #666666;
text-align : justify;
}
.btn_spot{
    position : relative;
    border : 2px solid;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
border-radius : 5px;
width : 50%;
color : #cccccc;
margin-top : 20px;
margin-bottom : 20px;
height : 60px;
}
.btn_spot a{
	display : block;
font-weight : bolder;
color : #444444;
line-height : 60px;
} 
.btn_spot:after{
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right : 3px solid;
    border-top : 3px solid;
    content: "";
color : #cccccc;
}
.btn_spot:hover{
    border : 2px solid #cccccc;
    background-color : #f7f7f7;
    color : #ffffff;
}
.btn_ad{
    position : relative;
    border : 1px solid;
    text-align : left;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
border-radius : 5px;
width : 60%;
color : silver;
margin-top : 10px;
margin-bottom : 10px;
height : 40px;
font-size : 15px;
}
.btn_ad a{
	display : #444444;
color : #666666;
top : 0px;
bottom : 0px;
left : 0px;
position : relative;
width : 95%;
height : 100%;
line-height : 40px;
padding-left : 7%;
display : block;
} 
.btn_ad:after{
    position: absolute;
    top : 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right : 2px solid;
    border-top : 2px solid;
    content: "";
color : #666666;
}
.icons_ad{
	line-height : 40px;
height : 100%;
width : 4%;
margin-top : 5px;
float : left;
position : absolute;
padding-left : 4px;
}

.main{
	width : 100%;
float : left;
}
.table{
	width: 100%;
border-collapse: collapse;
}
.table th,td{
	padding : 10px 15px 10px 10px;
border : 1px solid #dddddd;
}
.table th{
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #f4f4f4;
width : 15%;
font-weight : normal;
}
