/*====================================================================================================

  TOPPAGE

====================================================================================================*/

#toppage {
	margin: 0 auto;
	padding: 20px 30px;
	max-width: 1000px;
	background:#F0EFE5;
	box-sizing: border-box;
}
/*** --- *******************************************************************/

#toppage .top01{ padding-bottom: 20px; border-bottom: 1px solid #666;}
#toppage .top01:after { /* float clear*/ display:block; clear:both; content:"";}

#toppage .top01 .ichiran{ float: left; width: 300px; font-size: 90%;}

#toppage .top01 .t_box{ margin-bottom: 20px;}
#toppage .top01 .title{ margin-bottom: 10px;}
#toppage .top01 .title:after { /* float clear*/ display:block; clear:both; content:"";}

#toppage .top01 .title span.more{ float: right; font-size: 100%;}
#toppage .top01 .title span.more a {color: #4D9FD7;}
#toppage .top01 .title span.more a:hover {color:#333;}


.mt_date {
    display: block;
    font-size: 13px;
    line-height: 1;
    background: url(../../image/news_line.png) repeat-x;
}
.mt_date span{ background: #F0EFE5; padding: 0 10px 0 0;}

#toppage .top01 .naiyo{ }
#toppage .top01 .naiyo ul{margin-bottom: 5px;}
#toppage .top01 .naiyo ul li{ line-height: 18px;}
#toppage .top01 .naiyo ul li.mt_date{}
#toppage .top01 .naiyo ul li a{ color: #4D9FD7; font-weight: bold;}
#toppage .top01 .naiyo ul li a:hover{ color:#333;}

#toppage .top01 .seihin{ float: right;}
#toppage .top01 .seihin ul{ margin-bottom: 15px;}
#toppage .top01 .seihin ul:after { /* float clear*/ display:block; clear:both; content:"";}
#toppage .top01 .seihin ul li{ float: left; margin-right: 4.8px;}
#toppage .top01 .seihin ul li:last-child{  margin-right:0;}

#toppage .top01 .seihin .more{
	float: right;
	padding: 15px 7px 12px 7px;
	font-size: 12px;
	line-height: 1em;
	background: url("/image/yajirushi.png") no-repeat left 15px;
}

#toppage .top02{ margin-top: 20px;}
#toppage .top02:after { /* float clear*/ display:block; clear:both; content:"";}

#toppage .top02 .sns{ float: left; width: 32%;}
#toppage .top02 .sns .fb{ margin-bottom: 20px;}
#toppage .top02 .sns .mailmaga{ border: 3px solid #4D9FD8; background: #FFF;}

#toppage .top02 .sns .mailmaga .inputaddress,
#toppage .top02 .sns .mailmaga .inputnumber{
	clear: both;
    display: block;
	margin: 0px auto 5px;
    padding: 4px;
    background: #EEE;
    border: 1px solid #4D9FD8;
}

#toppage .top02 .sns .mailmaga .inputaddress { width: 260px;}
#toppage .top02 .sns .mailmaga .inputnumber { width: 150px;}

#toppage .top02 .sns .mailmaga .backnumber {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding-left: 12px;
}
#toppage .top02 .sns .mailmaga .btn{
	display: block;
	margin: 0 auto 10px;
	width: 79%;
}
#toppage .top02 .sns .mailmaga .btn a {color: #4D9FD7;}
#toppage .top02 .sns .mailmaga .btn a:hover {color:#333;}

#toppage .top02 .after_s{ float: left; width: 300px; margin: 0 18px; padding: 0 18px; border-left:1px solid #999; border-right:1px solid #CCC;}

#toppage .top02 .after_s .tit{ margin-bottom: 10px; height: 40px; text-indent: -9999px; background: url("/image/navi_service.png") no-repeat;}
#toppage .top02 .after_s .txt{ margin-bottom: 10px;}
#toppage .top02 .after_s .link{ margin-bottom: 10px;}
#toppage .top02 .after_s .map{ margin-bottom: 10px;}

#toppage .top02 .other{ float: left; width: 300px;}
#toppage .top02 .other p{ margin-bottom: 10px;}
#toppage .top02 .other img{ width: 300px;}

#toppage .top02 .other .comp{ background: url("/image/navi_company.png") no-repeat left top;}
#toppage .top02 .other .comp p{ display: none;}
#toppage .top02 .other .comp ul{ margin: 0 0 15px auto; width: 120px;}
#toppage .top02 .other .comp ul li{ padding-left: 10px; background: url("/image/yajirushi.png") no-repeat left center;}
#toppage .top02 .other .comp ul li a{ display: block; color: #4D9FD7;}
#toppage .top02 .other .comp ul li a:hover{ color:#333;}

#page{ display: none;}


@media only screen and (max-width:700px){

#toppage {
}
/*** --- *******************************************************************/

#toppage .top01{ padding-bottom: 20px; border-bottom: 1px solid #666;}

#toppage .top01 .ichiran{ float: none; width: 100%; font-size: 90%;}

#toppage .top01 .t_box{ margin-bottom: 20px;}
#toppage .top01 .title{ margin-bottom: 10px;}

#toppage .top01 .title span.more{ float: left;}

.mt_date {}
.mt_date span{ }

#toppage .top01 .naiyo{}
#toppage .top01 .naiyo ul{margin-bottom: 5px;}
#toppage .top01 .naiyo ul li{ line-height: 18px;}
#toppage .top01 .naiyo ul li.mt_date{}
#toppage .top01 .naiyo ul li a{ color: #4D9FD7; font-weight: bold;}
#toppage .top01 .naiyo ul li a:hover{ color:#333;}


#toppage .top01 .seihin{ float: none;}	
#toppage .top01 .seihin ul{ margin-bottom: 15px;}

#toppage .top01 .seihin ul li{ margin-bottom: 2%; width: 32%; margin-right: 1%;}
#toppage .top01 .seihin ul li img{ width: 100%;}
	
	
#toppage .top01 .seihin ul li:last-child{ margin-right:0;}

#toppage .top01 .seihin .voice{ width: 100%;}
#toppage .top01 .seihin .voice img{ width: 100%;}
	
#toppage .top01 .seihin .more{
	float: right;
	padding: 15px 7px 12px 7px;
	font-size: 12px;
	line-height: 1em;
	background: url(../image/yajirushi.png) no-repeat left 15px;
}

#toppage .top02{ margin-top: 20px;}
#toppage .top02:after { /* float clear*/ display:block; clear:both; content:"";}

#toppage .top02 .sns{ float: none; width: 100%;}
#toppage .top02 .sns img{ width: 100%;}
	
#toppage .top02 .sns .fb{ margin-bottom: 20px; width: 100%;}
#toppage .top02 .sns .mailmaga{}

#toppage .top02 .sns .mailmaga .inputaddress,
#toppage .top02 .sns .mailmaga .inputnumber{
	clear: both;
    display: block;
	margin: 0px auto 5px;
    padding: 4px;
    background: #EEE;
    border: 1px solid #4D9FD8;
}


#toppage .top02 .sns .mailmaga .inputaddress { width: 90%;}
#toppage .top02 .sns .mailmaga .inputnumber { width: 80%;}

#toppage .top02 .sns .mailmaga .backnumber {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding-left: 12px;
}
#toppage .top02 .sns .mailmaga .btn{
	display: block;
	margin: 0 auto 10px;
	width: 78%;
}

#toppage .top02 .sns .mailmaga .btn a {color: #4D9FD7;}
#toppage .top02 .sns .mailmaga .btn a:hover {color:#333;}



#toppage .top02 .after_s{ float: none; margin: 30px 0; width: 100%; padding: 0; border-left:none; border-right:none;}

#toppage .top02 .after_s .tit{ margin-bottom: 10px; height: 40px; text-indent: -9999px; background: url("/image/navi_service.png") no-repeat;}
#toppage .top02 .after_s .txt{ margin-bottom: 10px;}
#toppage .top02 .after_s .link{ margin-bottom: 10px;}

#toppage .top02 .after_s .map{ margin-bottom: 0;}
#toppage .top02 .after_s .map:after { /* float clear*/ display:block; clear:both; content:"";}
#toppage .top02 .after_s .map p{ float: left; margin: 0 2% 10px 0; width: 49%; text-align: center; background: #4D9FD8;}
#toppage .top02 .after_s .map p:nth-child(even){ margin-right: 0;}
#toppage .top02 .after_s .map p:nth-child(1),
#toppage .top02 .after_s .map p:nth-child(2){ float: none; width: 100%!important;}
#toppage .top02 .after_s .map p:nth-child(1){
	padding: 5px 0;
	color: #333;
	background: none;
	text-align: left; 
	border-bottom: #4D9FD8 3px solid;
	font-weight: bold;
}
#toppage .top02 .after_s .map p:nth-child(2){ background: #669900;}
#toppage .top02 .after_s .map p a{ display: block; color: #FFF;}	
	
	
	
#toppage .top02 .other .comp{ padding: 50px 0 0; background: url("/image/navi_company.png") no-repeat left top;}
#toppage .top02 .other .comp p{ display: none;}
#toppage .top02 .other .comp ul{ margin: 0; width: 100%;}
#toppage .top02 .other .comp ul:after { /* float clear*/ display:block; clear:both; content:"";}
#toppage .top02 .other .comp ul li{ 
	float: left;
	margin: 0 2% 5px 0;
	padding-left: 10px;
	width: 49%; 
	background:url("/image/yajirushi.png") no-repeat left center;
}
#toppage .top02 .other .comp ul li:nth-child(even){ margin-right: 0;}
	
#toppage .top02 .other{ float: none; width: 100%;}
#toppage .top02 .other p{ float: left; margin: 0 2% 10px 0; width: 49%;}
#toppage .top02 .other p:nth-child(even){ margin-right: 0;}
#toppage .top02 .other img{ width: 100%;}


	
	
}