@charset "UTF-8";
@import url("../js/nivo-slider/nivo-slider.css");
@import url("base.css");

/* サブスレッドについて */

body.about #contentsblock h1{
	background-image:url(../../service/pic/h1-bg.png);
}
#aboutcontents1 {
	width:575px;
	float:left;
	padding:30px 0;	
}
#aboutphoto1 {
	float:right;
	margin-bottom:30px;
}
#aboutblock2 {
	position:relative;
	width:100%;
	min-height:320px;
	clear:both;
}
#aboutcontents2 {
	padding:0 125px 0 335px;
}
#aboutphoto2 {
	position:absolute;
	bottom:0;
	left:-50px;
}
body.about #aboutname {
	margin-bottom:0;
	padding-bottom:50px;
	text-align:right;
}


/* 会社概要 */

body.profile #contentsblock h1{
	background-image:url(../../profile/pic/h1-bg.png);
}

#profilecontents1 {
	width:625px;
	float:left;
	padding:30px 0 0;	
}
#profilecontents1 .firstcontents {
	width:290px;
	float:left;	
}
#profilecontents1 .secondcontents {
	width:290px;
	float:right;	
}

#profilephoto1 {
	float:right;
	margin-bottom:50px;
}
#profileblock2 {
	clear:both;
	height:400px;
}
#profilecontents2 {
	width:625px;
	float:right;
}
#profilecontents2 .firstcontents {
	width:290px;
	float:right;	
}
#profilecontents2 .secondcontents {
	width:290px;
	float:left;	
}

#profileblock2 .datatable1 {
	border-collapse:collapse;
}
#profileblock2 .datatable1 tr {
	border:1px solid gray;
}
#profileblock2 .datatable1 tr.blankrow {
    border:none;
}
#profileblock2 .datatable1 th {
	padding:0px 4px;
	background-color:#EFF;
}
#profileblock2 .datatable1 td {
	padding:0px 2px;
}
#profileblock2 .datatable1 td.zipcode {
	vertical-align:top;
	text-align:right;
}

/* トップページ */

body.home {
	overflow-x:hidden;
}
body.home #contentsblock {
	background:#fff;
}
#slider {
	width:1400px;
	height:560px;
	margin:0 -220px;
	overflow:hidden;
	z-index:5;
}
#slider img {
	width:1400px;
	height:560px;
}
#catch {
	width:600px;
	position:absolute;
	bottom:270px;
	left:-10px;
	z-index:10;
}
body.home #leadtext {
	margin:0 0 0 10px;
	color:#fff;
	text-shadow:-1px -1px 3px #000,1px 1px 3px #000;
}
#information {
	width:740px;
	min-height:130px;
	position:absolute;
	top:320px;
	left:-100px;
	background:url(../../pic/information-bg.png) repeat-y top left;
	margin:0;
	padding:20px 0;
	z-index:10;
}
#information li {
	position:relative;
	width:500px;
	margin:0;
	padding:5px 0 5px 200px;
	list-style:none;
	color:#fff;
	text-shadow:-1px -1px rgba(0,0,0,0.5);
	line-height:1.5;
}
#information li time {
	position:absolute;
	top:5px;
	left:100px;
	margin:0;
	pading:0;
}
#information li a:link,
#information li a:visited,
#information li a:hover,
#information li a:active {
	color:#fff;
}
#topmenu {
	position:absolute;
	width:320px;
	right:0;
	top:35px;
	margin:0;
	padding:0;
	z-index:10;
}
#topmenu li{
	margin:0 0 25px;
	padding:0;
	list-style:none;
}
#topmenu li a{
	display:block;
	width:320px;
	height:230px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);
	text-indent:-9999px;
	background:url(../../pic/topmenu-b.png) no-repeat;
}
#topmenu li a#topmenuprofile {
	background-position:0 0;
}
#topmenu li a#topmenuprofile:hover {
	background-position:0 -230px;
}
#topmenu li a#topmenuservice {
	background-position:-320px 0;
}
#topmenu li a#topmenuservice:hover {
	background-position:-320px -230px;
}
body.home #pagetopb {
	display:none;
}

@media only screen and (min-width:650px) and (max-width:999px) {
	.contentswidth {
		width:95%;	
	}
	#headerblock .contentswidth {
		background:transparent;
	}
	#mainmenu  {
		width:100%;
	}
	#mainmenu li {
		width:33%;
	}
	#mainmenu li a{
		width:100%;
		border:none;
	}
	#maincontents {
		width:100%;
		margin-right:-330px;	
	}
	#contentinner {
		margin-right:330px;	
	}
	#footerblock .contentswidth {
		background:transparent;
	}
	
/* トップページ */

	#information {
		width:900px;
		min-height:130px;
		position:absolute;
		top:320px;
		left:-100px;
		background:url(../../pic/information-bg.png) repeat-y top left;
		margin:0;
		padding:20px 0;
		z-index:10;
	}
	#topmenu {
		display:none;
	}

	#profileblock2 {
		clear:both;
		height:inherit;
	}
}

@media only screen and (max-width:649px) {
	body {
		font-size:16px;
	}
	h2 {
		font-size:20px;
	}
	h3,h4,h5,h6 {
		font-size:18px;
	}
	.datatable1{
		width:100%;
		margin:10px 0;
		border:none;
		border-collapse:separate;
		border-spacing:2px;
		background:#fff;
		border-radius:8px;
		-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
		box-shadow:0 0 5px rgba(0,0,0,0.25);
	}
	.datatable1 caption{
		margin-bottom:20px;
		border-radius:8px;
		-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
		box-shadow:0 0 5px rgba(0,0,0,0.25);
		border:2px solid #fff;
		color:#fff;
		font-size:120%;
		text-shadow:-1px -1px #000;
		background:#3bb377;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #339966), color-stop(0.00, #44CE8A));
	background: -webkit-linear-gradient(top, #44CE8A 0%, #339966 100%);
	background: -moz-linear-gradient(top, #44CE8A 0%, #339966 100%);
	background: -o-linear-gradient(top, #44CE8A 0%, #339966 100%);
	background: -ms-linear-gradient(top, #44CE8A 0%, #339966 100%);
	background: linear-gradient(to bottom, #44CE8A 0%, #339966 100%);
	}
	.datatable1 th{
		padding:10px;
		line-height:1.5;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-shadow:1px 1px #fff;
		background:#eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DAD3B8), color-stop(0.00, #EDEADD));
background: -webkit-linear-gradient(#EDEADD, #DAD3B8);
background: -moz-linear-gradient(#EDEADD, #DAD3B8);
background: -o-linear-gradient(#EDEADD, #DAD3B8);
background: -ms-linear-gradient(#EDEADD, #DAD3B8);
background: linear-gradient(#EDEADD, #DAD3B8);
	}
	.datatable1 tr:first-child > *:first-child{
		border-top-left-radius:7px;
	}
	.datatable1 tr:first-child > *:last-child{
		border-top-right-radius:7px;
	}
	.datatable1 tbody tr:last-child > *:first-child{
		border-bottom-left-radius:7px;
	}
	.datatable1 tbody tr:last-child > *:last-child{
		border-bottom-right-radius:7px;
	}
	.datatable1 td{
		padding:10px;
		line-height:1.5;
		background:#fff;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e0e0e0), color-stop(0.15, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 15%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #ffffff 15%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #ffffff 15%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #ffffff 15%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #ffffff 15%, #f1f1f1 100%);
	}


	#headerblock,
	#contentsblock,
	#footerblock{
		min-width:320px;
	}
	#headerblock {
		height:95px;
	}
	#headerblock .contentswidth {
		width:100%;
		height:95px;
		min-width:320px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:0 10px;
	}
	#headerblock .contentswidth {
		background:transparent;
	}
	#contentsblock {
		background:#fff;
	}
	#contentsblock .contentswidth {
		width:100%;
		background:transparent;
	}
	#contentsblock h1 {
		width:100%;
		height:auto;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		font-size:24px;
		padding:30px 10px;
		background:transparent !important;
	}
	#headerblock nav h2 {
		display:block;
		position:absolute;
		top:35px;
		right:10px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		height:40px;
		padding:10px;
		font-size:16px;
		border:1px solid rgba(255,255,255,0.75);
		border-top-color:rgba(0,0,0,0.25);
		cursor:pointer;
		color:#fff;
		text-shadow:-1px -1px rgba(0,0,0,0.5);
		border-radius:8px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8F6967), color-stop(0.00, #B59991));
background: -webkit-linear-gradient(#B59991, #8F6967);
background: -moz-linear-gradient(#B59991, #8F6967);
background: -o-linear-gradient(#B59991, #8F6967);
background: -ms-linear-gradient(#B59991, #8F6967);
background: linear-gradient(#B59991, #8F6967);
	}
	#headerlogo {
		width:200px;
		height:20px;
	}
	#mainmenu  {
		top:95px;
		left:auto;
		right:10px;
		width:70%;
		z-index:20;
		display:none;
		padding:8px 8px 1px;
		border-radius:0 0 10px 10px;
		background:rgba(56,38,38,0.9);
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
		box-shadow:0 0 5px rgba(0,0,0,0.5);
	}
	#mainmenu li {
		width:100%;
		float:none;
		border:none;
	}
	#mainmenu li a{
		width:100%;
		height:auto;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:8px;
		padding:15px;
		border:1px solid rgba(255,255,255,0.25);
		border-top-color:rgba(0,0,0,0.25);
		float:none;
		border-radius:8px;
		line-height:1.5;
		color:#fff;
		text-align:left;
		background:#333;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8F6967), color-stop(0.00, #B59991));
background: -webkit-linear-gradient(#B59991, #8F6967);
background: -moz-linear-gradient(#B59991, #8F6967);
background: -o-linear-gradient(#B59991, #8F6967);
background: -ms-linear-gradient(#B59991, #8F6967);
background: linear-gradient(#B59991, #8F6967);
	}
	#mainmenu li.current a{
background: #604442;
	}
	#mainmenu li a:hover{
		background:#fff;
		color:#600;
		text-shadow:none;
	}
	#maincontents {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
		float:none;
	}
	#sidecontents {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		float:none;
	}
	#sidecontents nav h2 {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DAD3B8), color-stop(0.00, #EDEADD));
background: -webkit-linear-gradient(#EDEADD, #DAD3B8);
background: -moz-linear-gradient(#EDEADD, #DAD3B8);
background: -o-linear-gradient(#EDEADD, #DAD3B8);
background: -ms-linear-gradient(#EDEADD, #DAD3B8);
background: linear-gradient(#EDEADD, #DAD3B8);
	}
	#sidecontents nav ul {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#sidecontents nav ul li {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#sidecontents nav ul li a {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:20px;
		background-repeat:no-repeat,repeat-x;
		background-position:100% 50%,0 0;
        -webkit-background-size: 40px 40ppx,100% 100%; /* WebKit */
        background-size: 40px 40px,100% 100%; /* WebKit以外 */
background-image: url(../pic/menu-arrow.png),-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3e2), color-stop(0.00, #fff));
background-image: url(../pic/menu-arrow.png),-webkit-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),-moz-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),-o-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),-ms-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),linear-gradient(#fff, #f3f3e2);
	}
	#sidecontents nav ul ul li a {
		width:100%;
	}

	#sidecontents aside  {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		text-align:center;
	}
	#sidecontents aside ul {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#sidecontents aside ul li {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#posmenu {
		display:none;
	}
	
	#footerblock .contentswidth {
		width:100%;	
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding-right:10px;
		padding-left:10px;
		background:transparent;
	}
	#pagetopb  img{
		right:20px;
	}
	

/* サブスレッドについて */

	#aboutcontents1 {
		float:none;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
	}
	#aboutphoto1 {
		display:none;
	}
	#aboutblock2 {
		width:100%;
		min-height:auto;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:0 10px;
	}
	#aboutcontents2 {
		padding:0;
	}
	#aboutphoto2 {
		position:static;
	}
	body.about #aboutname {
		padding-bottom:0;
	}

/* 会社概要 */
	
	#profilecontents1 {
		float:none;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
	}
	#profilecontents1 .firstcontents {
		float:none;
		width:100%;
	}
	#profilecontents1 .secondcontents {
		float:none;
		width:100%;
	}
	
	#profilephoto1 {
		display:none;
	}
	#profileblock2 {
		clear:both;
		height:inherit;
	}
	#profilecontents2 {
		float:none;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
		background:none;
	}
	#profilecontents2 .first,
	#profilecontents2 .last {
		display:none;
	}
	#profilecontents2 .firstcontents {
		float:none;
		width:100%;
	}
	#profilecontents2 .secondcontents {
		float:none;
		width:100%;
	}

	/* トップページ */
	
	#slider {
		width:100%;
		height:auto;
		margin:0;
		overflow:hidden;
		z-index:5;
	}
	#slider img {
		width:100%;
		height:auto;
		display:none;
	}
	#slider img:first-child {
		display:block;
	}
	#catch {
		width:100%;
		padding:0;
		position:static;
		color:#000;
	}
	#catch img {
		position:absolute;
		top:60px;
		width:100%;
		height:auto;
		z-index:10;
	}
	body.home #leadtext {
		width:auto;
		margin:0;
		padding:10px;
		color:#000;
		text-shadow:none;
	}
	body.home #leadtext br {
		display:none;
	}
	#information {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#information li {
		position:relative;
		width:100%;
		padding:0 0 5px 0;
		color:#000;
		text-shadow:none;
	}
	#information li time {
		position:static;
		display:block;
		margin:0;
		pading:0;
	}
	#information li a:link,
	#information li a:visited,
	#information li a:hover,
	#information li a:active {
		color:#000;
	}

	#information {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		min-height:auto;
		position:static;
		background:transparent;
		margin:0;
		padding:0;
		border-top:1px solid #600;
	}
	#information li {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:0;
	}
	#information li a {
		display:block;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:20px;
		background-repeat:no-repeat,repeat-x;
		background-position:100% 50%,0 0;
        -webkit-background-size: 40px 40ppx,100% 100%; /* WebKit */
        background-size: 40px 40px,100% 100%; /* WebKit以外 */
		text-decoration:none;
background-image: url(../pic/menu-arrow.png),-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3e2), color-stop(0.00, #fff));
background-image: url(../pic/menu-arrow.png),-webkit-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),-moz-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),-o-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),-ms-linear-gradient(#fff, #f3f3e2);
background-image: url(../pic/menu-arrow.png),linear-gradient(#fff, #f3f3e2);
	}
	#information li a:hover{
		text-decoration:none;
		color:#333;
		background:#EEEADD;
	}
	#information li > span {
		display:block;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:20px;
		background-repeat:no-repeat,repeat-x;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3e2), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #f3f3e2);
background: -moz-linear-gradient(#fff, #f3f3e2);
background: -o-linear-gradient(#fff, #f3f3e2);
background: -ms-linear-gradient(#fff, #f3f3e2);
background: linear-gradient(#fff, #f3f3e2);
	}


	#topmenu {
		display:none;
	}

}