@charset "utf-8";

/* -----------------------------------------
 * 1. インナーページ共通
 * 4. 弥生サービス
 
 
 * ?. @media
 * ----------------------------------------*/
  
/* -----------------------------------------
 * 1. インナーページ共通
 * ----------------------------------------*/
 /* midashi / title */

blockquote{
	margin: 0;
	padding: 1em;
	background: #fafafa;
	border-radius: 5px;
	border:1px solid #dddddd;
}

blockquote h3{
	font-weight: bold;
	font-size: 1.2em;
}

/* 1字下げる */
.cap{
	padding-left:1em;
	text-indent:-1em;
	}


/* お問い合わせはこちら */
#main.corp_inf .contactbanner{
	margin:1em auto;
	border-radius: 5px;
	border:2px solid #efefef;
	background: #E7878B;
 	background: -moz-linear-gradient(top, #fcfcfc, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), color-stop(1.0, #f0f0f0));
	background: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
	overflow:hidden;
}


#main.corp_inf .contactbanner p{
	margin:5px;
}


#main.corp_inf a.contact:hover{ text-decoration:none; }
.contactimage{
	border-radius: 0 5px 5px 0;
	border-top:2px solid #f9f9f9;
	border-right:2px solid #f9f9f9;
	border-bottom:2px solid #f9f9f9;
	float:right;
	width:35%;
	height:35%;
	margin-left:10px;
}
#main .contactbanner h2{
	margin: 0.8em 0 0.3em ;
	padding: 0.4em 0.5em 0.3em;
	position: inherit;
	background:#2b80d5;
	color:#ffffff;
	font-size: 1.4em !important;
	font-weight:bold;
}

#main.corp_inf .contacttel{
	margin-left:0.6em !important;
	color:#2b80d5;
	font-size: 1.5em !important;
}
#main.corp_inf p.contacttime{margin-left:0.8em !important;}
#main.corp_inf p.contactform{
	margin-left:0.8em;
	border-radius:10px;
	border:2px solid #e5e5e5;
	background:#ff9600;
 	background: -moz-linear-gradient(top, #f9f9f9, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(1.0, #f1f1f1));
	background: linear-gradient(to bottom, #f9f9f9, #f1f1f1);
	overflow: hidden;
}

#main.corp_inf p.contactform a{ padding:1em; display:block; }

#main.corp_inf p.contactform:hover{
	background:#ff9600;
 	background: -moz-linear-gradient(top, #f9f9f9, #f2f9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(1.0, #f2f9ff));
	background: linear-gradient(to bottom, #f9f9f9, #f2f9ff);
}

#main.corp_inf p.contactform:hover a:hover{}

@media screen and (max-width:450px){
 	.contactimage{ border:none; float:none; margin:1em auto 0; text-align:center; display:block; width:200px; height:200px; border-radius:50%; }
 	#main.corp_inf p.contactform{ margin:0; padding:0.4em 0; width:100%; text-align:center; }
}


/* -----------------------------------------
 * 4. 弥生サービス
 * ----------------------------------------*/

 #page-header{
	margin: 0 auto 1.5em;
	padding: 1.5em 0;
	background: #FD9729;
	/* border-bottom: 1px solid #e4f5fe; */
}
#page-header .head-title{
		margin: 0 auto 0;
		padding-left: 10px;
		border-left: 5px solid #251177;
		width:750px;
		position:relative;
		text-align:left;
		font-size: 2em;
		font-weight: bold;
}
#page-header .head-title small{
	display: block;
	font-size: 0.8em;
}

 .yayoi{
 	margin: 1em auto;
 }

 .yayoi #main{float:none; width: 100%;}
 .yayoi ol.banner:after{
  content: ""; 
  display: block; 
  clear: both;
 }

 .yayoi h2{
 }
 .item-menu{padding: 0.8em 0;}
 .item-menu li{ margin: 3px 3px 3px 0; padding-left: 12px; background: url(../img/arrow.png) no-repeat 0 5px; display: inline; font-size: 1.1em;}
 .item-menu h2{margin: 0; font-size: 1.15em; font-weight: bold;}
 .item-menu a:link{ text-decoration: underline; }
 .item-menu a:hover{ text-decoration: none; }
.yayoi ul.item-list
.yayoi ul li{margin:5px; background:#fafafa !important; border-bottom: 1px dotted #dddddd !important;}

.yayoi .yayoicontent h3{font-weight: bold; font-size: 1.3em; }
 
.yayoi .tel{
	font-size:1.8em;
	font-weight:bold;
	color:#91c232;
	margin: 10px 0px 10px 0;
}

.yayoi .tel:before{
	content:"";
	background:url(../img/tel.png) no-repeat;
	display:inline-block;
	width:30px;
	height:25px;
	margin-right:3px;
	vertical-align:middle;
}

.yayoi .tel>a:link{ color:#91c232;  text-decoration: none;}




ul.item-list{}
ul.item-list li{width: 32%; float: left; text-align:center;}
ul.item-list li img{margin: 0 auto; text-align: center;}
ul.item-list li dl{margin: 0.5em;}
ul.item-list li dl dt{text-align: center;}
ul.item-list li dl dd{text-align:left;}
.seminar-list{
	float: left;
	width: 33.333%;
}
table.seminar-table{
	border: 1px solid #fff;
	border-collapse: collapse;
	width: 100%;
}
table.seminar-table thead td{ padding:8px; background: #ddd; border-bottom: none; }
table.seminar-table thead td h4{font-size: 130%; font-weight: bold;}
table.seminar-table th,table.seminar-table td{ padding:8px; background: #fff; border-bottom: 1px solid #ddd; }

@media screen and (max-width:950px){
	#page-header .head-title{width: 100%;}
}

@media screen and (min-width:700px){
 	.yayoi #main .yayoicontent{width: 700px; float:left; margin-right: 22px;}
}
@media screen and (max-width:450px){
	#page-header{max-width:100%;}
	#page-header .head-title{max-width:100%;}
	#page-header .head-title small{display: inherit;}
	div.item-list div{width: 100%; float: none;}
	ul.item-list li{width: 100%; float: none; text-align:center;}
}

/* -----------------------------------------
 * 会社概要
 * ----------------------------------------*/
#main.corp_inf {
  font-size: 1.3em;
  line-height: 1.5;
}

#main.corp_inf p{
  margin: 10px 50px 20px 0 ;
}


/* 空き照会ボタン */
#kaiin{
	padding:8px 25px;
	background:#edfbe5;
	border-radius:5px;
	border:1px solid #9ea7ab;
	font-size:1.8em;
	color:#91c232;
	font-weight:bold;
	margin:0 auto;
}

#kaiin:hover{
	background:#d1f9ba;
	cursor: hand;
	text-decoration:none;
}
#kaiin:active{
	background:#94cdf9;
	text-decoration:none;
}


/* 申請書の提出ボタン */
#kaiin2{
	padding:8px 25px;
	background:#edfbe5;
	border-radius:5px;
	border:1px solid #9ea7ab;
	font-size:1.8em;
	color:#91c232;
	font-weight:bold;
	margin:0 auto;
}
#kaiin2:hover{
	background:#d1f9ba;
	cursor: hand;
	text-decoration:none;
}
#kaiin2:active{
	background:#94cdf9;
	text-decoration:none;
}


.text__link {
  font-size:15px;
  text-align:left;
  display: inline-block;
  vertical-align: middle;
}


 
/* -----------------------------------------
 * ?. @media
 * ----------------------------------------*/

@media screen and (max-width:1000px){
	#main .main_ttl {
		background: #FAFAFA;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFE7E7E7');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFFFF, endcolorstr=#FFE7E7E7))";
	 	background: -moz-linear-gradient(top, #FFF, #E7E7E7 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(1.0, #E7E7E7));
		background: linear-gradient(to bottom, #FFF, #E7E7E7);
		border: 1px solid #DFDFDF;
		padding: 12px 10px 10px 28px;
		margin: 0 0 15px 0;
		font-size: 1.5em;
		position: relative;
	}

	#main .main_ttl .bar {
		display: block;
		width: 3px;
		height: 40px;
		background: #E7878B;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#ffa800');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#ffa800))";
	 	background: -moz-linear-gradient(top, #FFF, #60B251 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(1.0, #ffa800));
		background: linear-gradient(to bottom, #FFF, #ffa800);
		position: absolute;
		left: 15px;
		_left: -10px;
		top: 0;
	}

	#main.topics .info ul li,
	#main.topics .info ul li a dl{
		width: 100%;
		min-width:100%;
	}
	
	.works{margin:0 0 2em; overflow:hidden;}
}

@media screen and (min-width:1001px){
	#main .main_ttl {
		background: #FAFAFA;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFE7E7E7');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFFFF, endcolorstr=#FFE7E7E7))";
	 	background: -moz-linear-gradient(top, #FFF, #E7E7E7 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(1.0, #E7E7E7));
		background: linear-gradient(to bottom, #FFF, #E7E7E7);
		border: 1px solid #DFDFDF;
		padding: 12px 10px 10px 28px;
		margin: 0 0 15px 0;
		font-size: 1.5em;
		position: relative;
	}

	#main .main_ttl .bar {
		display: block;
		width: 3px;
		height: 40px;
		background: #E7878B;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FD9729');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#FD9729))";
	 	background: -moz-linear-gradient(top, #FFF, #60B251 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(1.0, #FD9729));
		background: linear-gradient(to bottom, #FFF, #FD9729);
		position: absolute;
		left: 15px;
		_left: -10px;
		top: 0;
	}

	#main.topics .info ul li {
		float: left;
	}
	#main.topics .info ul li a dl{
		width: 328px;
		*width: 195px;/* forIE */
		_width: auto;/* forIE */
	}
}

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

	.w-image{ float:none; margin:1em auto; text-align:center;}
	.w-description h4{margin-bottom:0.5em;font-weight:bold; font-size:120%;}
	ul.w-content{list-style-type:none; overflow:hidden;}
	ul.w-content li{ margin:0.2em 0.2em 0.2em 0; padding:0.3em; overflow:hidden; float:left; border-radius:3px; background:#16a085; color:#ffffff;}
	ul.w-content li.w-web{background:#e73c78;}
	ul.w-content li.w-net{background:#e67e22;}
	#main.corp_inf .w-description p{margin:1em auto;}
}