@charset "utf-8";
@import "init.css";

html{-webkit-text-size-adjust:100%}
body{
color:#000; 
font-size:14px;
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
background:#ffffff;
line-height:1.6;
}

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


p{
font-size:120%;
}

h3,
.comments-header{
  color: #ff8000;
  font-weight: bold;
  font-size: 120%;

}
     .comments-header{
     border-bottom:solid 1px #ccc;
     }
   
     
a{color:#0078c5;text-decoration:none;}
a:hover{color:#6aa5ca}

#wrapper{padding:0 0 0; font-size:14px;}

/* #header */

.header{
      position:relative;
border-top:solid 10px #FF8000;
border-bottom:solid 1px #ddd;

}
.logo{
      position:absolute;
      font-size:13pt;
}
  
.slicknav_menu .slicknav_icon{
      display:none;
}

#sp_menu{
padding-top:3px;
}

.slicknav_btn{
      width:60px;
      height:30px;
      padding:0;
      border-radius: 3px;
     border:solid 1px #999;
 
      background:url(https://placehold.jp/fff/999/60x30.png?text=メニュー) no-repeat center;
}
                     
#menu{
     display:none;
}


/* #main*/
#main{width:96%;float:none; margin:10px 5px;}
#main .Block {overflow:hidden;}

                     /* #contents */
#contents{width:auto;
padding16px 0 40px;
margin:0;/* 0 10%;*/
border-bottom:none; overflow:hidden;}

section{margin:0 0 10px;}
.sectionTitle{padding:8px 6px;margin:0 0 25px;color:#ffffff;font-size:140%;font-weight:bold;background:#e71e35;overflow:hidden;}

                     /* トップリターン */
.pagetop{
 color:#ffffff;
 background: #FF8000;
 text-align:center;
 width:200px;
 margin:30px auto;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
.pagetop a {
 color:#ffffff;
 font-size:120%;
}

/* フッター */
#footer{
/* background: #004080;*/
 padding:0 0 8%;
 margin-top:5px;
/* color:#ccc;*/
}
.copyright{
 width:100%;
 text-align:center;
 margin:0 auto;
 float:none;
}

#footer .inline .footer-main{
padding:0; width:90%; margin:0 0 0 30px; position:static;}
#footer .inline .footer-main #siteNav-ft{float:none;overflow:hidden; width:98%; margin:0 1%;}
/*#footer .inline .footer-main #siteNav-ft a{color:#ffffff;}*/
#footer .inline .footer-main #siteNav-ft a:hover{color:#d8d8d8;}
#footer .inline .footer-main #siteNav-ft .siteNav-ft-main{float:left; /*width:50%;*/margin:0 0 0 0;padding:0;}
#footer .inline .footer-main #siteNav-ft .siteNav-ft-sub{float:left;/* width:45%;*/margin:0 0 0 5px;padding:0;}
#footer .inline .footer-main #siteNav-ft .siteNav-ft-main{padding:0;}
#footer .inline .footer-main #siteNav-ft .siteNav-ft-main li,
#footer .inline .footer-main #siteNav-ft .siteNav-ft-sub li{margin:0 0 5px;font-size:12px;overflow:hidden; width:100%;}
#footer .inline .footer-main #siteNav-ft .siteNav-ft-main li.icon-angle-right:before,
#footer .inline .footer-main #siteNav-ft .siteNav-ft-sub li.icon-angle-right:before{margin:-3px 5px 0 0; font-size:150%;float:left;}

h2{
  color: #000;
  font-weight: bold;
  font-size: 120%;
  margin: 10px 0 0 0;
}
.spView {
    display: block;
}
            
.drawer.active {
    transform: translate3d(0px, 180px, 0px);
}
#main .Block {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 1px 0px rgba(50, 50, 0, 0.5);
    padding: 5px;
    margin-bottom: 15px;
    overflow: hidden;
/*    color: #727171;*/
    border-radius: 6px;
}
.cd-list{
padding:5px 0;
}

ul.accordion { 
/*
background:#DDD;
*/
width:95%;
 margin:0 auto 30px;
 padding:5px;
 font-size:16px;
}
ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; }
ul.accordion span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
ul.accordion ul { display:none;}
ul.accordion > li { 
/*
background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
*/
}
ul.accordion > li > p { 
/*
background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
*/
cursor:pointer;
border-bottom:dotted 1px #eee;
  margin: 0;
  font-size: 100%;
}

ul.accordion > li > p span {

background:#FFE489 url(https://www.amayahome.com/open.png) no-repeat 94% center;

}
ul.accordion > li > p span.open { 
background:#FFE489 url(https://www.amayahome.com/close.png) no-repeat 94% center;
}
ul.accordion > li > ul > li {
background:#fff; 
border-bottom:1px solid #FFE489;

}
ul.accordion > li > ul > li > p { 
text-align:right;
}
ul.accordion > li > ul > li > a { background:url(../img/go.png) no-repeat 98% center;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

.arrow {
    font: 30px "Typicons";
    content: "7";
}

#table1 td{
border:solid 1px #ccc;
}

#entryBody ul{
list-style-type: disc;
  padding: 0px 0px 0px 25px;
}
.comment-footer {
  text-align: right;
  background: #ffe79d;
  font-size: 9pt;
}

.switch,
.txt{
font-size:12px;

}
#nextEntry{
margin:10px 0 20px 0;
}

#entryBody td{
border:solid 1px #ccc;
}

#cate_list{
font-size:16px;
}
                
/* list */
.list{margin:0;padding:0 1px 10px 1px;list-style:none;font-size:14px;line-height:21px;}
.list li{padding:5px 10px;
}
.list li:last-child{
}
.list li:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.list li a{display:block;padding:0 18px 0 0;
border-bottom:1px solid #FFE489;
text-decoration:none;color:#333;min-height:50px;}
.list li img{display:block;float:left;margin:0 10px 0 0;border:1px solid #ccc;width:50px;height:50px;}

/* list */
.list_i{margin:0;padding:0 1px 10px 1px;list-style:none;font-size:14px;line-height:21px;}
.list_i li{padding:5px 0;border:1px solid #FFE489;margin:5px 0;}
.list_i li:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.list_i li a{display:block;padding:0 18px 0 0;
text-decoration:none;color:#333;min-height:50px;}
.list_i li img{display:block;float:left;margin:0 10px 0 0;border:1px solid #ccc;width:50px;height:50px;}


#map{
	width:280px;
	height:230px;
	margin: 10px;
}

.hoge,
.hoge_hoge {
  position: relative; 
  overflow: hidden;
}

.hoge ul,
.hoge_hoge ul {
  position: relative;
  left: 50%; 
  float: left;
}

.hoge ul li,
.hoge_hoge ul li{
  position: relative;
  left: -50%; 
  float: left;
  list-style: none; 
margin:0 5px;
}

.hoge_hoge li{
border: 1px solid #FFE489;
padding:10px;
}
.main_icon11 {
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/ikeda_mini.gif) no-repeat;

}

.main_icon12{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/yoshihara_mini.gif) no-repeat;

}

.main_icon13{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/koujina_mini.gif) no-repeat;

}

.main_icon15{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/nemoto_mini.gif) no-repeat;

}

.main_icon17{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/nakagawa_mini.gif) no-repeat;

}

.main_icon18{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/ito_mini.gif) no-repeat;

}

.main_icon19{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/hagiwara_mini.gif) no-repeat;

}

.main_icon20{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/fukase_mini.gif) no-repeat;

}

.main_icon21{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/ogo_mini.gif) no-repeat;

}

.main_icon22{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/nakamura_mini.gif) no-repeat;

}

.main_icon23{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/ueda_mini.gif) no-repeat;

}
.main_icon25{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/ishii_mini.gif) no-repeat;

}

.main_icon27{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/kobayashi_mini.gif) no-repeat;

}

.main_icon28{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/watanabe_mini.gif) no-repeat;

}

.main_icon29{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/29yoshihara_mini.gif) no-repeat;

}

.main_icon31{
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 55px;
	float:left;
	background:url(https://www.amayahome.com/test/staff_diary/images/hadori_mini.gif) no-repeat;

}
.hoge {
  position: relative; 
  overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}

.hoge ul {
  position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: left;
}

.hoge ul li {
  position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: left;
  list-style: none; 
color:#FF8000;
float:left;
margin:5px 0 5px 2px;
padding:0;
text-align:center;
}

/*sitemap
===============================*/
#con2 {
	background: #FFF5EC;
	border: 1px #FF8000 solid;
}
#con2 li {
	margin: 10px 0;
list-style:none;
}
#con2 p {
	margin: 30px 0 0 10px;
	text-indent: 5px;
}
#con2 li {
	text-indent: 5px;
}
#navi {
	margin: 0 50px 20px 40px;
/*	border-left: 1px #FF9900 dashed;*/
}
#navi .navi1 {
/*	margin-left: 30px;
	border-left: 1px solid #FF9900;*/
}
#navi .navi1 li {
	text-indent: 5px;
}
#con2 a.link {
		background: url(https://www.amayahome.com/common/img2/link.gif) no-repeat center left;
		padding-left: 20px;
}
#con2 a.link:visited {
		background: url(https://www.amayahome.com/common/img2/link-on.gif) no-repeat center left;
		padding-left: 20px;
}