@charset "utf-8";
/*******************************************************
 GrapeCity Corporate Marketing and Communication Team
 (http://www.grapecity.com/) A.Chida
*******************************************************/

html {
}
body{
	margin:0;
	padding:0;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
a, a:visited { color:#1e5c91; text-decoration:none; }
a:hover, a:active { color:#1e5c91; text-decoration:underline; }

/*****************************************************
	Layout - Wrap
******************************************************/
* html div#wrap { height:100%; }
div#wrap {
	position:relative;
	margin: 0 auto;
	text-align: left;
}
body > #wrap { height: auto; }
div#wrap:after {
	content:"";
	display:block;
	clear:both;
}

/*****************************************************
	Top Products Color
*****************************************************/
#leyser_color:after {
	content:" ";
	display:block;
	clear:both;	
}
	#leyser_color .bgbox01,
	#leyser_color .bgbox02,
	#leyser_color .bgbox03 {
		content:" ";
		float:left;
		width:40%;
		height:4px;
	}
	#leyser_color .bgbox01:before,
	#leyser_color .bgbox02:before {
		content:" ";
		float:left;
		width:50%;
		height:4px;
	}
	#leyser_color .bgbox01:before { background-color:#8271a5; }
	#leyser_color .bgbox01 { background-color:#c97495; }
	#leyser_color .bgbox02:before { background-color:#66a172; }
	#leyser_color .bgbox02 { background-color:#357cb2; }
	#leyser_color .bgbox03 {
		width:20%;
		background-color:#dcae27;
	}

/*****************************************************
	footer
*****************************************************/
footer {
	margin:0 auto;
	padding:75px 0 0 0;
	color:#333;
	background:#f7f7f7;
}

	footer .inner {
		margin:0 auto;
		text-align:center;
	}

/*****************************************************
	Other Service
*****************************************************/
aside#other {

	padding-top:50px;
	padding-bottom: 70px;

	text-align:center;
	background:#b9cbd7;
}

/* HR */
hr {
	height:1px;
	margin:10px 0;
	border:0;
	background:#ccc;
}
hr.line3 {
	height:3px;
	border:0;
	background:#ccc;
}

/* Icon */
.ico_pdf_w {
	padding:3px 0 3px 30px;
	background:url("../imgs/ico_pdfw.png") no-repeat top left;
}
.ico_pdf_wr {
	padding:3px 30px 2px 0;
	background:url("../imgs/ico_pdfw.png") no-repeat top right;
}
.ico_pdf_r {
	padding:3px 0 3px 30px;
	background:url("../imgs/ico_pdfr.png") no-repeat top left;
}
.ico_pdf_rr {
	padding:3px 30px 2px 0;
	background:url("../imgs/ico_pdfr.png") no-repeat top right;
}
.ico_link {
	padding:3px 0 3px 36px;
	background:url("../imgs/ico_link.png") no-repeat center left;
}
.ico_linkr {
	padding:3px 36px 3px 0;
	background:url("../imgs/ico_link.png") no-repeat center right;
}
.ico_newwin {
	padding:3px 0 3px 30px;
	background:url("../imgs/ico_newwin.png") no-repeat center left;
}
.ico_newwinr {
	padding:5px 30px 0 0;
	background:url("../imgs/ico_newwin.png") no-repeat center right;
}
.ico_pagelink {
	padding:3px 0 3px 31px;
	background:url("../imgs/ico_pagelink.png") no-repeat center left;
}
.ico_pagelinkr {
	padding:3px 31px 3px 0;
	background:url("../imgs/ico_pagelink.png") no-repeat center right;
}
.ico_back {
	padding:3px 0 3px 36px;
	background:url("../imgs/ico_back.png") no-repeat center left;
}
/* Button */
button.btn_radius,
.btn_radius a {
	padding:20px 20px;
	color:#fff;
		
	-moz-border-radius: 66px;
	-webkit-border-radius: 66px;
	border-radius: 66px;	
}
.btn_gra01 {
	/* Gradetion */
	background:#76ccf7;
	background: -moz-linear-gradient(left, rgba(228,208,118,1.0), #76ccf7);/* FF3.6+ */
	background: -webkit-linear-gradient(left, from(rgba(228,208,118,1.0)), to(#76ccf7));/* Chrome10+, Safari5.1+ */	
	background: linear-gradient(to right, rgba(228,208,118,1.0), #76ccf7);/* IE10+, W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d076', endColorstr='#76ccf7',GradientType=1 ); /* IE6-8 */
	zoom: 1;
	
	/* Radius */

	border-collapse: separate;
	background-image: url("../gradation/gradation01.svg");
}
.btn_gra01_trans {
	/* Gradetion */
	background:#76ccf7;
	background: -moz-linear-gradient(left, rgba(228,208,118,0.6), #76ccf7);/* FF3.6+ */
	background: -webkit-linear-gradient(left, from(rgba(228,208,118,0.6)), to(#76ccf7));/* Chrome10+, Safari5.1+ */	
	background: linear-gradient(to right, rgba(228,208,118,0.6), #76ccf7);/* IE10+, W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d076', endColorstr='#76ccf7',GradientType=1 ); /* IE6-8 */
	zoom: 1;
	
	/* Radius */
	
	border-collapse: separate;
	background-image: url("../gradation/gradation01_trans.svg");
}

.btn_gra02 {
	/* Gradetion */
	background:#5b8ea8;
	background: -moz-linear-gradient(left, rgba(170,180,140,1.0), #5b8ea8);/* FF3.6+ */
	background: -webkit-linear-gradient(left, from(rgba(170,180,140,1.0)), to(#5b8ea8));/* Chrome10+, Safari5.1+ */	
	background: linear-gradient(to right, rgba(170,180,140,1.0), #5b8ea8);/* IE10+, W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abb58c', endColorstr='#5b8ea8',GradientType=1 ); /* IE6-8 */
	zoom: 1;
	
	/* Radius */

	border-collapse: separate;
	background-image: url("../gradation/gradation02.svg");
}

.btn_gra03 {
	/* Gradetion */
	background:#71a1b8;
	background: -moz-linear-gradient(left, rgba(202,191,141,0.5), #71a1b8);/* FF3.6+ */
	background: -webkit-linear-gradient(left, from(rgba(202,191,141,1.0)), to(#71a1b8));/* Chrome10+, Safari5.1+ */	
	background: linear-gradient(to right, rgba(202,191,141,0.5), #71a1b8);/* IE10+, W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cabf8d', endColorstr='#71a1b8',GradientType=1 ); /* IE6-8 */
	zoom: 1;
	
	/* Radius */

	border-collapse: separate;
	background-image: url("../gradation/gradation03.svg");
}


section {
	padding-left: 20px;
	padding-right: 20px;
}

/* --- Top Area ---------- */
.sub div.appeal_area {
	width:100%;
	color:#fff;
	padding-bottom: 10px;
	background-image:url("../imgs/bg_subtop.jpg");
	background-repeat:repeat;
}

header nav {
	padding: 20px;
}

	.sub div.appeal_area div.content {
		
		margin:0 auto;
		padding-left: 30px;
		padding-top: 30px;
	}
		.sub div.appeal_area div.content p.bread {
			margin:0;
			margin-bottom:15px;
			color:#fff;
		}

			.sub div.appeal_area div.content p.bread a,
			.sub div.appeal_area div.content p.bread a:visited { color:#fff; }
			.sub div.appeal_area div.cover div.content p.bread span { font-weight:normal; }




/*****************************************************
	Form
*****************************************************/
/* --- Element Design ----------------------------------*/
input, textarea, select, button { font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }
input { padding:7px 10px; }
input[type=text],
input[type=password],
textarea {
	padding:7px 10px;
	border:solid 1px #999;
	background-color:#ececec;
}
input[type=checkbox] {
	width:20px;
	height:20px;
	vertical-align:middle;
}
	input.amount {
		text-align:right;
		background-color:#fff;	
	}

select { padding:7px 10px; }

/* --- Button ----------------------------------*/
div.button_area {
	margin:40px auto;
	text-align:center;
}
form button {
	width:140px;
	height:44px;
	padding:8px 0 10px 15px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	border:0;
	vertical-align:middle;
	cursor:pointer;
	
	/* Radius */
	-moz-border-radius: 66px;
	-webkit-border-radius: 66px;
	border-radius: 66px;
}
form button:hover { text-decoration:underline; }
	form button img { padding-right:10px; }
	form button.reset { width:145px; margin-right:50px; }
	form button.submit { width:140px; }

input#id { width:250px; }
input#school, input#position, input#name, input#email { width:290px; }
input#tel, input#fax, input#zip { width:180px; }
input#add { width:426px; }

/* --- Agree - Privacy ----------------------------------*/
.sub div.privacy {
	margin:0 auto;
	text-align:center;	
}

.sub div.privacy label.check_agree_txt { font-weight:bold; }


.red {
	color: red;
}
.gray {
	color: gray;
}
.form-title {
	font-weight: bold;
}

h3.line3 {
	color: #1d5eae;
	border-bottom: 3px solid #c0c0c0;
}

@media only screen and (min-width: 768px) {
  body {
	font-size: 2.0em;
    line-height: 3.0em;
    letter-spacing:0.05em;
  }
  .footer__nav {
	line-height: 1.6;
  }
}

@media only screen and (min-width: 410px) {
  body {
	font-size: 1.0em;
    line-height: 4.0em;
    letter-spacing:0.05em;
  }
  .footer__nav {
	line-height: 1.6;
  }
}