@charset "UTF-8";
.inquiryBtn {
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	display:block;
	font-size:17px;
	padding: 7px 0 8px 0;
	text-align: center;
	text-decoration:none;
	text-shadow: 0 -1px 0 #4c9021;
	width: 150px;
	&:hover {
		background-color: #76b347;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
		background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
		background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
		background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
		background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
		background-image: linear-gradient(top, #76b347, #5e9e2e);
		-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
		box-shadow: inset 0 1px 0 0 #8dbf67;
		cursor: pointer;
	}
	&:active {
		border: 1px solid #5b992b;
		border-bottom: 1px solid #538c27;
		-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
		box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
	}
}

body {
	background:#fff url("../../img/longbg.png") repeat-x scroll 0 3px;
	border-top: 3px solid #000000;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Verdana,sans-serif;
}

#header {
	#headtitle {
		background: url("../../img/head/logo.png") no-repeat scroll 0 0 transparent;
		height: 80px;
		text-indent: -9999px;
		width: 300px;
		margin:0 auto;
		a {
			float: left;
			height: 60px;
			width: 300px;
		}
	}
	#header-top{
		max-width: 100%;
		min-width: 400px;
		height: 105px;
		text-align: left;
		background: #fff;
		text-align:center;
		h1 {
			color: #333333;
			font-size: 20px;
			font-size-adjust: none;
			font-stretch: normal;
			font-variant: normal;
			font-weight: normal;
			line-height: 24px;
			margin: 0;
			a{
				background: url("logo.png") no-repeat scroll 7px center transparent;
				display:block;
				height: 100px;
				width: 400px;
				margin:0 auto;
				text-indent: -5000px;
			}
		}
	}
}


#wrap{
	text-align: center;
	background:#fff;
	width:100%;
	#navcontainer {
		max-width: 100%;
		min-width: 360px;
		height: 45px;
		text-align: center;
		background: url("header_bg.png") repeat-x scroll left bottom #FFFFFF;
		z-index:10;
		ul {
			border: 0px none ;
			list-style-type: none;
			text-align: center;
			width:360px;
			margin:0 auto;
			li {
				background: transparent url("menu-bar.gif") no-repeat scroll right center;
				display: block;
				float: left;
				text-align: center;
				height: 44px;
				width: 120px;
				a {
					color: #666;
					text-decoration: none;
					display: block;
					text-align: center;
					font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
					font-style: normal;
					font-variant: normal;
					font-weight: bold;
					font-size: 15px;
					line-height: 44px;
					font-size-adjust: none;
					font-stretch: normal;
					-x-system-font: none;
					border-left: 1px solid #ddd;
					border-right: 1px solid #C3C3C3;
					&:hover{
						background: transparent url("menu-bg-hover.gif") repeat-x scroll left top;
						color: #333;
						height: 44px;
						border-top:1px solid #c3c3c3;
						border-bottom:1px solid #c3c3c3;
					}
					&.active{
						border-bottom:1px solid #FFF;
						border-top:1px solid #C3C3C3;
						background: url("menu-bg-active.gif") repeat-x scroll left top;
						color: #F60;
						height: 44px;
					}
				}
			}
		}
	}
	#wrap-inner{
		.page{
			clear: both;
			margin: 0 auto 30px;
			max-width: 750px;
			min-width: 280px;
			text-align:left;
			padding:40px 10px 10px;
			h2{
				font-size:25px;
				margin-bottom:15px;
				position:relative;
				span{
					position:absolute;
					top:-5px;
					left:150px;
					font-size:14px;
					color:#690;
					display:inline-block;
					padding:7px;
					border:3px dashed #ce9;
					background:#F5FDD9;
					margin-left:20px;
				}
			}
			h3{
				font-size:19px;
				margin-bottom:7px;
				padding-top:1em;
				border-top:1px dotted #eee;
				&.other2{
					padding-left:1em;
				}
				span{
					display:inline-block;
					border-radius:100%;
					padding:3px;
					background:#0A0;
					color:#fff;
					font-weight:bold;
					font-size:17px;
					margin-right:10px;
					&.other2{
						border-radius:7px;
						background:#6a6;
					}
				}
			}
			p{
				font-size:16px;
				line-height:1.4;
				color:#555;
				margin-bottom:1em;
				a.inquiry{
					.inquiryBtn;
				}
				&.other2{
					padding-left:1.5em;
					font-size:14px;
					color:#777;
				}
			}
		}
	}
}



#page-top {
    bottom: -40px;
    font-size: 77%;
    position: fixed;
    right: 20px;
    a {
    	background: linear-gradient(to bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;
    	border-radius: 5px 5px 5px 5px;
    	box-shadow: 0 0 3px #CCCCCC;
    	color: #999999;
    	display: block;
    	font-weight: bold;
    	line-height: 2;
    	padding: 10px 0 20px;
    	text-align: center;
    	text-decoration: none;
    	width: 80px;
    	height:80px;
    	background:url("../common/gototop.png") no-repeat center center;
    	transition:background 0.5s;
    	&:hover{
    		background:#fff url("../common/gototop.png") no-repeat center 12px;
    		box-shadow: 0 0 3px #AAAAAA;
    		text-decoration: none;
    	}
    }
}

#footer{
	width:100%;
	background:#333;
	color:#fff;
	padding:20px 0;
	#footer-inside {
		max-width:900px;
		min-width:320px;
		margin:0 auto;
		#tech{
			max-width:450px;
			min-width:320px;
			float:left;
			h2{
				font-size:19px;
				margin-bottom:0.5em;
			}
			ul{
				padding:0 0 0 1em;
				li{
					font-size:14px;
					line-height:1.3;
					&:last-child{
						margin-bottom:1em;
					}
				}
			}
		}
		#core{
			max-width:550px;
			min-width:320px;
			float:left;
			h2{
				font-size:19px;
				margin-bottom:0.5em;
			}
			h3{
				font-size:23px;
				margin-bottom:0.5em;
			}
			ul{
				li{
					font-size:17px;
				}
			}
			p{
				line-height:1.5;
				font-size:14px;
			}
		}
		#copyright{
			text-align:center;
			font-size:13px;
			clear:both;
			width:100%;
		}
	}
}