@charset "utf-8";
@import url("reset.css");	 /* リセット用 */
/* ---------------------------------

tablet.css 画面の横幅が1024pxまで

------------------------------------ */

@media screen and (max-width: 1024px){
body{
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS P Gothic" , "Osaka" , Verdana , Arial , Helvetica , sans-serif;
}
img{
max-width: 100%;
height: auto;
  width /***/:auto;　
}
header#header{
  width:100%;
  margin: 0px auto 10px auto;
  height:100px;
}
#headerwrap{
  width: 100%;
  margin: 0px auto 0px auto;
}
header#header h1#head{
  padding:10px;
  background-color: #3A3F44;
  color: #ffffff;
  font-size: 10px;
}
#logo{
  padding:10px;
  font-size:20px;
  line-height: 24px;
  position:absolute;
  top:50px;
  left:20px;
}
#logo a{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#subnav{
	display: none;
}
nav ul#gnav {
  border-bottom: 0;
  float: right;
  position: absolute;
  top:10px;
  right:10px;
  z-index:100;
  background-color:#ffffff;
}
nav ul#gnav a{
  text-decoration:none;
}
nav ul#gnav {
  display: none;
  height: auto;
  color: #666666;
  text-decoration: none;
  background-color:#333333;
  position: absolute;
  top:90px;
  right:10px;
}
nav ul#gnav li{
  display:block;
  width:300px;
  padding:10px;
  z-index:100;
  border-bottom:dotted 1px #666666;
}
nav ul#gnav li a{
  display: block;
  background: url(../img/arrow-white.png) right center no-repeat;
  background-position:right center;
  -webkit-background-origin: content;
  margin:0px;
  color:#ffffff;
  padding: 12px 0px 12px 12px ;
  text-decoration: none;
}
nav a#pull {
  display: block;
  width: 100%;
  color:#666666;
  position: absolute;
  top:50px;
  right:20px;
}
a#pull .icon{
  font-size:25px;
  float:right;
  padding:5px 10px 5px 10px;
  position: absolute;
  top:0px;
  right:0px;
  color:#ffffff;
  background-color:#333333;
}
nav a#pull:after {
  content:"";
}
#container{
  width:100%;
}
#container #main{
  width:100%;
}
#container #inner{
  width:100%;
}
.content-head{
	width: 100%;
}
.content-head .icon{
	display: none;
}
h2.subtitle {
    background-color: #666666;
    color: #ffffff;
    height: auto;
    padding: 10px;
}
ul.rsswrap{
	margin: 0px auto 0px auto;
	display: block;
	background-color: #eeeeee;
	border-bottom: 1px dotted #777777;
	padding: 10px;
}
ul.rsswrap li.date{
	width: 15%;
	float: left;
	display: block;
	font-size: 10px;
	line-height: 24px;
}
ul.rsswrap li.site_title{
	width: 85%;
	float: left;
	display: block;
	font-size: 10px;
	line-height: 24px;
}
ul.rsswrap li.site_title a{
	text-decoration: none;
	color: #555555;
}
ul.rsswrap li.title{
	width: 100%;
	clear: both;;
	display: block;
  line-height: 22px;
}
ul.rsswrap li.title a{
	text-decoration: none;
	font-weight: bold;
	color: #2489ce;
}
.site_title2 {
    background-color: #55505a;
    color: #ffffff;
    height: auto;
    padding: 10px;
}
.site_title2 a{
	color: #ffffff;
	text-decoration: none;
}
.kiji{
    border-bottom: 1px solid #aaaaaa;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 10px;
}
.kiji a{
    color: #2489CE;
    font-weight: bold;
    text-decoration: none;
}
.osusume .kiji {
  clear: both;
    border-bottom: 1px solid #909090;
    margin: 0;
    padding: 10px 10px 10px 10px;
  font-size:14px;
  line-height: 20px;
  font-weight:bold;
  display: block;
}
.osusume .kiji a{
  color:#ff0000;
  text-decoration: none;
}
.osusume .kiji a:hover{
  color:#0088CC;
}
#sub{
	display: none;
}
footer{
  width:100%;
}
#fotterwrap{
  width:100%;
}
h3#f_title{
  background-color: #666666;
  color: #ffffff;
  height: auto;
  padding:10px;
}
ul#fmenu{
  background-color: #333333;
  color: #666666;
  text-decoration: none;
  margin:0px auto 10px auto;
}
ul#fmenu li {
  border-bottom: 1px dotted #666666;
  display: block;
  width: 98%;
}
ul#fmenu li a{
  background: url("../img/arrow-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #FFFFFF;
  display: block;
  margin: 0;
  padding: 12px 10px 12px 12px;
  text-decoration: none;
}
address p{
  width:90%;
  margin: 0px auto 0px auto;
  text-align:center;
}
/* ---------------------------------
about setting
------------------------------------ */
#about {
  padding: 10px;
}
#about p {
  line-height: 24px;
  margin: 0px auto 20px auto;
}
#about dl {
    margin-bottom: 10px;
}
#about dl dt {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 5px;
    padding: 3px 5px 1px;
}
#about dl dd {
    color: #999999;
    padding: 10px 0px 10px 30px;
    margin: 0px auto 20px auto;
    line-height: 20px;
    border-bottom: dotted 1px #cccccc;
}
ul.site_info{
  padding: 20px;
  border:none;
  margin: 0px auto;
}
ul.site_info li{
  list-style-type: decimal;
}
}