@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
stage
====================================================*/
#subnav{
	display: none;
}

#contents{
	padding: 15px;
}

#contents .hd_title{
	background: url(../img/h2_bg.png) left bottom repeat-x;
	border: solid 1px #d7ecf6;
	height: 40px;
}

#contents .hd_title h1{
	background: url(../img/h2_marker.png) left top no-repeat;
	line-height: 2.5;
	padding-left: 25px;
}

#contents article h2{
	background: url(../img/news_marker.png) left top no-repeat;
	border-bottom: dotted 1px #2fa8e1;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
	line-height: 1.5;
}

#contents article{
	margin: 15px 0 45px 0;
	padding: 15px;
}


/*==================================================
company
====================================================*/

section.company #greeting{
	line-height: 1.5;
}

section.company #greeting p{
	margin-top: 15px;
}

section.company #greeting p.name{
	text-align: right;
}

section.company #rinen{
	line-height: 1.5;
}

section.company #rinen ul li{
	margin: 15px 0 0 25px;
}

section.company #outline dl{
	margin-top: 15px;
	line-height: 1.5;
}

section.company #outline dl dt{
	background-color: #d7ecf6;
	padding: 5px;
	border-bottom: dotted 1px #2fa8e1;
}

section.company #outline dl dd{
	padding: 5px;
	border-bottom: solid 1px #2fa8e1;
}

section.company #outline dl dd ul li{
	margin-left: 25px;
}

section.company #history dl{
	margin-top: 15px;
	line-height: 1.5;
}

section.company #history dl dt{
	background-color: #d7ecf6;
	padding: 5px;
	border-bottom: dotted 1px #2fa8e1;
}

section.company #history dl dd{
	padding: 5px;
	border-bottom: solid 1px #2fa8e1;
}

section.company #map p{
	margin: 15px 0;
	line-height: 1.5;
}

section.company #map iframe{
	width: 100%;
}

/*==================================================
recruit
====================================================*/
	
section.recruit article{
	line-height: 1.5;
}

section.recruit article p{
	margin-top: 15px;
}

section.recruit #tokuchou .imgbx{
	text-align: center;
}

section.recruit #tokuchou .imgbx img{
	width: 100%;
	max-width: 500px;
}

/*==================================================
news
====================================================*/
section.news article{
	line-height: 1.5;
	margin-bottom: 0!important;
}

section.news article h2{
	background-image: none!important;
	background-color: #d7ecf6!important;
	border-bottom: none!important;
}

section.news article dl dt{
	border-bottom: dotted 1px #2fa8e1;
	padding: 5px 5px 5px 15px;
	margin: 5px;
	font-weight: bold;
	background: url(../img/news_marker.png) left top no-repeat;
}

section.news article dl dd{
	padding: 10px;
}

/*==================================================
contact
====================================================*/
section.contact #toitelfax{
	line-height: 1.5;
}

section.contact #toitelfax p.toiinfo{
	margin-top: 15px;
}

section.contact #toitelfax div{
	border: dotted 1px #2fa8e1;
	padding: 15px;
	margin-top: 15px;
}

section.contact #toitelfax div.toitel span{
	font-size: 18px;
	font-weight: bold;
}

section.contact #toitelfax div.toitel span a{
	color: #2fa8e1;
}

section.contact #mform{
	line-height: 1.5;
}

section.contact #mform p.toiinfo2{
	margin-top: 15px;
}

section.contact #mform dl{
	margin-top: 15px;
}

section.contact #mform dl dt{
	background-color: #d7ecf6;
	padding: 5px;
	border-bottom: dotted 1px #2fa8e1;
}

section.contact #mform dl dd{
	padding: 5px;
	border-bottom: solid 1px #2fa8e1;
}

section.contact #mform dl dd .txbx{
	width: 96%;
}

section.contact #mform dl dd textarea{
	width: 96%;
}

section.contact #mform .sumtbut{
	background-color: #2fa8e1;
	padding: 5px;
	text-align: center;
}

/*==================================================
policy
====================================================*/

section.policy article{
	line-height: 1.5;
}

section.policy article p{
	margin-top: 15px;
}

section.policy article ol{
	margin: 30px 0;
}

section.policy article ol li{
	margin: 0 0 15px 25px;
}

section.policy article ul li{
	margin: 15px 0 0 25px;
}

section.policy article p.name{
	text-align: right;
}

/*==================================================
service
====================================================*/
section.service .sv_info{
	margin: 15px;
	line-height: 1.5;
}

section.service article img{
	width: 100%;
	max-width: 770px;
	margin-top: 15px;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	/* stage */
	
	#subnav{
		display: block;
		width: 26%;
		float: left;
		padding: 2% 0 2% 2%;
	}
	
	#contents{
		width: 68%;
		float: right;
		padding: 2%;
	}
	
	#subnav ul li{
		background: url(../img/subnav_bg.png) left top no-repeat;
		height: 40px;
		line-height: 2.5;
		padding-left: 25px;
		border: solid 1px #d7ecf6;
		margin-bottom: 5px;
	}
	
	#subnav ul li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	
	/* company */
	section.company #outline dl{
		background-color: #d7ecf6;
		margin-top: 0;
		border-bottom: solid 1px #2fa8e1;
		border-left: solid 1px #2fa8e1;
		border-right: solid 1px #2fa8e1;
	}
	
	section.company #outline dl.fast{
		margin-top: 15px;
		border-top: solid 1px #2fa8e1;
	}
	
	section.company #outline dl dt{
		width: 30%;
		float: left;
		border-bottom: none;
	}
	
	section.company #outline dl dd{
		width: 65%;
		float: right;
		background-color: #ffffff;
		border-bottom: none;
		border-left: dotted 1px #2fa8e1;
	}
	
	section.company #history dl{
		background-color: #d7ecf6;
		margin-top: 0;
		border-bottom: solid 1px #2fa8e1;
		border-left: solid 1px #2fa8e1;
		border-right: solid 1px #2fa8e1;
	}
	
	section.company #history dl.fast{
		margin-top: 15px;
		border-top: solid 1px #2fa8e1;
	}
	
	section.company #history dl dt{
		width: 30%;
		float: left;
		border-bottom: none;
	}
	
	section.company #history dl dd{
		width: 65%;
		float: right;
		background-color: #ffffff;
		border-bottom: none;
		border-left: dotted 1px #2fa8e1;
	}
	
	/* contact */
	section.contact #toitelfax div.toitel .telnum{
		text-align: center;
	}
	
	section.contact #toitelfax div.toifax{
		text-align: center;
	}
	
	section.contact #mform dl{
		background-color: #d7ecf6;
		margin-top: 0;
		border-bottom: solid 1px #2fa8e1;
		border-left: solid 1px #2fa8e1;
		border-right: solid 1px #2fa8e1;
	}
	
	section.contact #mform dl.fast{
		border-top: solid 1px #2fa8e1;
	}
	
	section.contact #mform dl dt{
		width: 30%;
		float: left;
		border-bottom: none;
	}
	
	section.contact #mform dl dd{
		width: 65%;
		float: right;
		background-color: #ffffff;
		border-bottom: none;
		border-left: dotted 1px #2fa8e1;
	}
	
	/* recruit */
	section.recruit #tokuchou .imgbx{
		text-align: left;
	}
	
	/* service */
	section.service article h2{
		width: 40%;
		float: left;
	}
	
	section.service article img{
		width: 53%;
		float: right;
		margin-top: 0;
	}
	


	

}

/* PC向けレイアウトの指定：1281px以上では固定レイアウト */
@media only screen and (min-width: 1281px){
	
	/* stage */
	#stage{
		width: 1280px;
		margin: 0 auto;
	}
	
	#contents .hd_title h1{
		font-size: 16px;
	}
	
	#subnav ul li{
		text-align: center;
		line-height: 2.8;
		padding-left: 10px;
	}
	
	/* company */
	section.company #greeting div{
		background: url(../img/company/greeting.png) left top no-repeat;
		padding-left: 360px;
	}
	
	section.company #rinen ul li{
		font-size: 18px;
		text-align: center;
		list-style-type: none;
	}
	
	/* contact */
	section.contact #toitelfax div.toitel .toiinfo{
		text-align: center;
	}
	
	/* recruit */
	section.recruit #tokuchou .imgbx{
		width: 37%;
		float: right;
	}
	
	section.recruit #tokuchou .txtbx{
		width: 60%;
		float: left;
	}
	

}