@charset "utf-8";

/* - ここから 実績掲載時に削除する ------------------*/
.panel-casestudies {
	display:none !important;
}
@media screen and (max-width: 1219px) {
	#page .right-container {
		height:1130px !important;
	}
	.info-block {
		top:502px !important;
	}
}
/* - ここまで 実績掲載時に削除する ------------------*/


/*********************************************************************************/
/* Page Elements
/*********************************************************************************/

/* box-shadow
   Boxにシャドウを付ける際は要素を追記 */
#page2nd .contents .img-container img
{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px 1px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px 1px;
		-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px 1px;	
	}
	#page2nd .contents .img-container .noshadow,
	#page2nd .contents #news .img-container img {
		box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;	
	}

/* hidden-block
   txt非表示の際はここに要素を追記 */
#service > div,
.users-voice span
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* hover-obj
   imgを背景に設定している要素にlinkを設定した際に追記 */
#service [class^="service-"]:hover
{
	opacity: .7;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
}

/* clear-obj */
.box-container:after,
dl[class^="color-"] dd:after
{content: ""; display: block; clear: both; height: 1%;}


/**/
i {
	margin-right: .3em;
}

#second {background: #EEEEEE url(../img/top/body-bg.gif) repeat-x;}

#page2nd .contents h2 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	padding: 5px 10px;
	margin-bottom: 20px;
	background-color: #666666;
	/*
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	background: url("../img/parts/patterns_02.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #666666), color-stop(0.00, #999999));
	background: url("../img/parts/patterns_02.png") repeat, -webkit-linear-gradient(#999999, #666666);
	background: url("../img/parts/patterns_02.png") repeat, -moz-linear-gradient(#999999, #666666);
	background: url("../img/parts/patterns_02.png") repeat, -o-linear-gradient(#999999, #666666);
	background: url("../img/parts/patterns_02.png") repeat, -ms-linear-gradient(#999999, #666666);
	background: url("../img/parts/patterns_02.png") repeat, linear-gradient(#999999, #666666);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-8 */
	}
	#page2nd .contents h2:before {
		background: url("../img/parts/icon-mark.png") 0 0 no-repeat;
		margin-right: .3em;
		width: 33px;
		height: 20px;
		display: inline-block;
		content: "";
		vertical-align: middle;
	}

#page2nd .contents h3 {
	font-size: 18px;
	background: #EEEEEE;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: #DDDDDD solid 1px;
}

#page2nd .contents h4 {
	font-size: 16px;
	padding: 5px 10px;
	margin-bottom: 20px;
	border-bottom: #000000 solid 1px;
}

#page2nd .contents h5 {
	color: #FFFFFF;
	background: #999999;
	padding: 5px 10px;
	margin: 20px 0;
}

#page2nd .contents p {padding: 0 10px 20px 10px;}

/**/
#page2nd .contents .img-container {
	text-align: center;
	padding: 10px;
	}
	.caption-top {
		display: block;
		margin-bottom: 10px;
	}
	.caption-bottom {
		display: block;
		margin-top: 10px;
		}
		.caption-top:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			content: "\f13a";
			margin-right: .3em;
			color: #45A048;
		}
		.caption-bottom:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			content: "\f139";
			margin-right: .3em;
			color: #45A048;
		}

/**/
#service {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: #2E772C solid 2px;
}

#service h2 {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	background: #2E772C;
	margin-bottom: 10px;
	padding: 3px;
	}
	#service [class^="service-"] {
		width: 236px;
		height: 80px;
		margin-bottom: 5px;
	}
	#service [class^="service-"] a {
			display: block;
			width: 236px;
			height: 80px;
			}
			.service-01 {background: url(../img/banners/service-01.gif);}
			.service-02 {background: url(../img/banners/service-02.gif);}
			.service-03 {background: url(../img/banners/service-03.gif);}

#page2nd .label {
	color: #CA3C3C;
	background: #FFEFCA;
	margin-bottom: 20px;
	padding: 10px;
}


/*********************************************************************************/
/* Table
/*********************************************************************************/

.data-table {
	width: 100%;
	margin-bottom: 20px;
	border-top: #DDDDDD solid 1px;
	border-left: #DDDDDD solid 1px;
	}
	.data-table th,
	.data-table td {
		padding: 10px;
		border-bottom: #DDDDDD solid 1px;
		border-right: #DDDDDD solid 1px;
		}
		.data-table th {background: #DCE8EB;}

table.color-pink {}

table.color-pink th {
	width: 25%;
	color: #815067;
	text-align: center;
	}
	table.color-pink th {background: #F5C2D8;}
	table.color-blue th {background: #DCE8EB;}

table.color-pink td, table.color-blue td {width: 75%;}

table.color-pink th, table.color-blue th,
table.color-pink td, table.color-blue td {
	border-bottom: #FFFFFF solid 4px;
	padding: 5px;
}


/*********************************************************************************/
/* DL
/*********************************************************************************/

dl[class^="color-"] dt {
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
	}
	.color-gray dt {background-color: #555555;}
	.color-pink dt {background-color: #EC85B2;}
	.color-orange dt {background-color: #F4AC53;}
	.color-blue dt {background-color: #45A048;}

dl[class^="color-"] dd {
	margin-bottom: 20px;
	padding: 10px;
	}
	.color-gray dd {border: #555555 solid 1px;}
	.color-pink dd {border: #EC85B2 solid 1px;}
	.color-orange dd {border: #F4AC53 solid 1px;}
	.color-blue dd {border: #45A048 solid 1px;}

dl[class^="color-"] dd li:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	content: "●";
	margin-right: .3em;
	}
	.color-gray dd li:before {color: #999999;}
	.color-pink dd li:before {color: #EC85B2;}
	.color-orange dd li:before {color: #F4AC53;}
	.color-blue dd li:before {color: #258ECE;}
	

/*********************************************************************************/
/* Buttons
/*********************************************************************************/

.pure-button {-webkit-appearance: none;}
a.pure-button {
	vertical-align: bottom;
	margin-bottom: 5px;
}

/* ボタン要素の配置位置 */
.buttons-right,
.align-right {text-align: right;}
.buttons-center,
.align-center {text-align: center;}

.buttons a {display: inline-block;}

/* ボタン要素のカラーバリエ */
.green,
.maroon,
.orange,
.blue
{
	color: white;
	border-radius: 2px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);	
	}
	.green {background: rgb(28, 184, 65);}
	.maroon { background: rgb(202, 60, 60);}
	.orange {background: rgb(223, 117, 20);}
	.blue {background: #2E772C;}
	.lightblue {background: #87C083;}
	.darkblue, .darkblue:hover {
		color: #FFFFFF;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
		background: url("../img/parts/patterns_06.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #09123c), color-stop(0.00, #0e3e8d));
		background: url("../img/parts/patterns_06.png") repeat, -webkit-linear-gradient(#0e3e8d, #09123c);
		background: url("../img/parts/patterns_06.png") repeat, -moz-linear-gradient(#0e3e8d, #09123c);
		background: url("../img/parts/patterns_06.png") repeat, -o-linear-gradient(#0e3e8d, #09123c);
		background: url("../img/parts/patterns_06.png") repeat, -ms-linear-gradient(#0e3e8d, #09123c);
		background: url("../img/parts/patterns_06.png") repeat, linear-gradient(#0e3e8d, #09123c);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3e8d', endColorstr='#09123c',GradientType=0 ); /* IE6-8 */
	}

/* ボタン要素のサイズ指定 */
.button-xsmall {font-size: 10px;}
.button-small  {font-size: 12px;}
.button-large  {font-size: 16px; font-weight: bold;}
.button-xlarge {font-size: 18px; font-weight: bold;}

/* Pagenators */
.pure-paginator {text-align: right;}

.pure-paginator .pure-button {
	height: 1.4em;
}


/*********************************************************************************/
/* Gradient
/*********************************************************************************/

.gradient-blue {
	background: #2E772C; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1Mzk5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOTFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YzZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2E772C 0%, #65B004 50%, #ecf3f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E772C), color-stop(50%,#65B004), color-stop(100%,#ecf3f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2E772C 0%,#65B004 50%,#ecf3f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2E772C 0%,#65B004 50%,#ecf3f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2E772C 0%,#65B004 50%,#ecf3f8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2E772C 0%,#65B004 50%,#ecf3f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E772C', endColorstr='#ecf3f8',GradientType=0 ); /* IE6-8 */
}


/*********************************************************************************/
/* Category News
/*********************************************************************************/

#page2nd .contents #news {
	width: 688px;
	height: auto;
}
#page2nd .contents #news h4 {
	font-size: 14px;
	padding: 5px 0;
	margin-bottom: 0;
	border-bottom: none;
}
#page2nd .contents #news p {
	margin: 0;
	padding: 0;
}
	
#page2nd .contents #news .img-container {padding: 0;}


/*********************************************************************************/
/* Common
/*********************************************************************************/

#footer,
#footer .add span,
#footer .links a, #footer .links span
{color: #FFFFFF;}


/*********************************************************************************/
/* System
/*********************************************************************************/

.users-voice {
	border: 1px solid #09709d;
	padding: 10px;
	background: #FFFCDA url(../img/system/user-voice-bg.gif) repeat;
	margin-bottom: 20px;
	}
	.users-voice span {
		display: block;
		background: url(../img/system/icon-user-voice.png) no-repeat;
		width: 120px;
		height: 40px;
		float: left;
		margin-right: 1em;
		margin-bottom: .5em;
	}
	.users-voice h6 {
		font-size: 130%;
		color: #09709d;
		line-height: 120%;
		margin-bottom: .5em;
	}


/*********************************************************************************/
/* Agreement
/*********************************************************************************/
#agreement {
	text-align: left;
	line-height: 1.5em;
	border: solid 1px #ddd;
	padding: 1%;
	background-color: #fff;
	font-size: smaller;
	color: #555;
	overflow:auto;
	height:300px;
	margin:auto auto 10px!important ;
}

#agreement_chk {
	margin-bottom: 15px;
}