@charset "UTF-8";

/* -----------------------------------------------------------
 JEAN LA PORT (since 2007/10/02)

 File name:      jlp/landing/css/contents.css
 Author:         K.Hayata
 Style Info:     ランディングページ用
----------------------------------------------------------- */

/* 0.base
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

td,td,form,fieldset {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr,th,td,caption {
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

fieldset {
	border: 0;
}

address,cite,code,dfn,em,strong,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
/*	font-size: 100%; */
	font-size: 10px;
}

q:before,q:after {
	content: '';
}

img {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/bodyBg.gif) repeat-y top center;
	color: #666666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	line-height: 1.4;
}

* html body { 
padding-left: 1px; 
} 

*:first-child+html body { 
padding-left: 1px; 
} 

div#page {
	width: 100%;
	margin: 0;
	padding: 0;
}

div#container {
	width: 758px;
	margin: 0 auto;
	padding: 0;
	color: #666666;
	background: none;
}

div#content {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}



/* 1.header
----------------------------------------------------------- */

div#header {
	width: 100%;
	padding-top: 10px;
	background: url(../../images/top_bg01.jpg) repeat-x left top;
}

div#header div#headerFrame {
	width: 100%;
	height: 78px;
	padding-bottom: 5px;
	background: #660066;
}

div#header div#headerFrame div#headerBox {
	display: block;
	width: 750px;
	height: 78px;
	margin: 0 auto;
}

div#header div#headerFrame div#headerBox div#logo {
	float: left;
	width: 207px;
	padding: 18px 0 0 11px;
}



/* 2.footer
----------------------------------------------------------- */

div#footer {
	width: 750px;
	margin: 0 auto;
	padding: 25px 0 30px;
	background: #ffffff;
}

div#footer div#footerLink {
	margin-bottom: 6px;
	padding: 0;
	text-align: center;
}

div#footer div#footerLink a:link,
div#footer div#footerLink a:visited {
	color: #666666;
	text-decoration: underline;
}

div#footer div#footerLink a:hover,
div#footer div#footerLink a:active {
	color: #999999;
	text-decoration: none;
}

div#footer div#footerCopy {
	margin: 0;
	padding-top: 8px;
	border-top: solid 1px #a7a7a7;
	text-align: center;
	background: #ffffff;
}

div#footer div#footerCopy a {
	color: #666666;
	text-decoration: none;
}



/* 3.content
----------------------------------------------------------- */

div#topImg {
	width: 750px;
	margin-bottom: 10px;
}

div#topImg2 {
	width: 750px;
	margin-bottom: 40px;
}

div.formLink1 {
	margin-bottom: 40px;
	text-align: center;
}

div.landingCap {
	width: 700px;
	margin: 0 auto 20px;
}

div#landingBox1 {
	display: block;
	width: 700px;
	margin: 0 auto 20px;
}

div#landingBox1 img {
	float: left;
	width: 200px;
	margin-right: 14px;
}

div#landingBox2 {
	width: 700px;
	margin: 0 auto 40px;
}

div#instHead {
	width: 700px;
	margin: 0 auto;
}

div#instMdl {
	width: 700px;
	margin: 0 auto;
	background: url(../images/instMdlBg.gif) repeat-y left top;
}

div#instMdl div#instMdlFrame {
	margin: 0;
	padding: 0 26px 20px 25px;
}

div#instMdl div#instMdlFrame div#instMdlBox {
	display: block;
	width: 649px;
	marign: 0;
	padding: 0;
	background: url(../images/instMdlBoxBg.gif) no-repeat right top;
}

div#instMdl div#instMdlFrame div#instMdlBox div#instructorImg {
	float: left;
	width: 215px;
}

div#instMdl div#instMdlFrame div#instMdlBox div#instMdlBoxR {
	float: right;
	width: 408px;
}

div#instMdl div#instMdlFrame div#instMdlBox div#instMdlBoxR div#instMdlTopTxt {
	margin-bottom: 15px;
	padding-left: 13px;
}

div#instMdl div#instMdlFrame div#instMdlBox div#instMdlBoxR div#instMdlBtmTxt {
	background: #f0f0f0;
}

div#instMdl div#instMdlFrame div#instMdlBox div#instMdlBoxR div#instMdlBtmTxt div {
	padding: 13px;
}

div#instBtm {
	width: 700px;
	height: 3px;
	margin: 0 auto 40px;
	padding: 0;
	font-size: 0;
	background: url(../images/instBtmBg.gif) no-repeat left top;
}

div#instBtm2 {
	width: 700px;
	height: 3px;
	margin: 0 auto 20px;
	padding: 0;
	font-size: 0;
	background: url(../images/instBtmBg.gif) no-repeat left top;
}

div#formLink2 {
	margin-bottom: 40px;
	text-align: center;
}

div#courceGuideTtl {
	width: 750px;
	margin-bottom: 15px;
	padding: 0;
}

div#courceGuide {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 10px;
}

div#courceGuide div.courceHeadImg {
	width: 700px;
	margin: 0;
	padding: 0;
}

div#courceGuide div.courceTxt {
	width: 700px;
	margin: 0;
	padding: 10px 0;
	background: url(../images/courceTxtBg.gif) repeat-y left top;
}

div#courceGuide div.courceTxt div {
	padding: 0 26px 0 28px;
}

div#courceGuide div.courceBtmImg {
	width: 700px;
	margin-bottom: 10px;
	padding: 0;
}

div#schoolTtl {
	width: 750px;
	margin-bottom: 20px;
	padding: 0;
}

div#schoolLead {
	width: 700px;
	margin: 0 auto 18px;
}

div.schoolCap {
	width: 750px;
	margin: 0;
}

div#schoolPoint {
	display: block;
	width: 700px;
	margin: 0 auto;
	padding-bottom: 21px;
}

div#schoolPoint div#schoolPointL {
	float: left;
	width: 340px;
	margin: 0;
	padding: 0;
}

div#schoolPoint div#schoolPointR {
	float: right;
	width: 340px;
	margin: 0;
	padding: 0;
}

div#schoolPoint p {
	margin-bottom: 14px;
	padding: 0;
}

div#schoolImgBox {
	display: block;
	width: 700px;
	margin: 0 auto 20px;
}

div#schoolImgBox div {
	float: left;
	width: 291px;
	padding-right: 20px;
}

div#schoolBox1 {
	width: 700px;
	margin: 0 auto 35px;
}

div#schoolBox2 {
	display: block;
	width: 700px;
	margin: 0 auto 40px;
}

div#schoolBox2 img {
	float: left;
	width: 200px;
	margin-right: 14px;
}

div#schoolBox2 a {
	text-align: right;
}

div#schoolBox2 a img {
	float: right;
	width: 163px;
	margin: 0;
	padding-top: 15px;
}

div#neilItemTtl {
	width: 700px;
	margin: 0 auto;
}

div#neilItem {
	width: 698px;
	margin: 0 auto 30px;
	border: solid 1px #836093;
	border-top: none;
}

div#neilItem div#neilItemFrame {
	margin: 0;
	padding: 20px 0 20px 20px;
}

div#neilItem div#neilItemFrame div#nailBookCap {
	width: 658px;
	margin-bottom: 10px;
	padding: 0;
}

div#neilItem div#neilItemFrame div#nailBookLead {
	width: 658px;
	margin-bottom: 17px;
}

div#neilItem div#neilItemFrame div#nailBookFrame {
	display: block;
	width: 678px;
	margin-bottom: 15px;
}

div#neilItem div#neilItemFrame div#nailBookFrame div.nailBookBox {
	float: left;
	display: inline;
	width: 310px;
	margin-right: 19px;
	padding-bottom: 25px;
}

div#neilItem div#neilItemFrame div#nailBookFrame div.nailBookBox div.nailBookImg {
	float: left;
	width: 83px;
	margin: 0;
	padding: 0;
}

div#neilItem div#neilItemFrame div#nailBookFrame div.nailBookBox div.nailBookBoxR {
	float: right;
	width: 217px;
	margin: 0;
	padding: 0;
}

div#neilItem div#neilItemFrame div#nailBookFrame div.nailBookBox div.nailBookBoxR div.nailBookTtl {
	width: 207px;
	height: 32px;
	margin-bottom: 25px;
	padding: 2px 5px 3px;
	font-weight: bold;
	background: #dddddd;
}

div#neilItem div#neilItemFrame div#nailBookFrame div.nailBookBox div.nailBookBoxR div.nailBookTtl p {
	margin-top: 9px;
}

div#neilItem div#neilItemFrame div#nailBookFrame div.nailBookBox div.nailBookBoxR div.nailBookData {
	margin: 0;
	padding: 0 6px;
}

div#neilItem div#neilItemFrame div#nailBrandBox {
	display: block;
	width: 658px;
	margin: 0;
	padding: 0;
}

div#neilItem div#neilItemFrame div#nailBrandBox div#nailBrandBoxL {
	float: left;
	width: 376px;
}

div#neilItem div#neilItemFrame div#nailBrandBox div#nailBrandBoxL div#nailBrandCap {
	margin-bottom: 8px;
}

div#neilItem div#neilItemFrame div#nailBrandBox div#nailBrandBoxL div#nailBrandTxt {
	margin: 0;
	padding: 0;
}

div#neilItem div#neilItemFrame div#nailBrandBox div#nailBrandImg {
	float: right;
	width: 258px;
}

div#landingBtmBox {
	display: block;
	width: 750px;
	margin: 0;
	padding: 10px 0;
	background: #d2b4d9;
}

div#landingBtmBox div#landingBtmImg {
	float: left;
	width: 316px;
	padding: 0;
	text-align: right;
}

div#landingBtmBox div#landingBtmLink {
	float: right;
	width: 423px;
	padding: 0;
	text-align: left;
}

div#landingBtmBox2 {
	display: block;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}

div#landingBtmBox2 div#landingBtmImg2 {
	float: left;
	width: 291px;
	padding: 0;
}

div#landingBtmBox2 div#landingBtmLink2 {
	float: right;
	width: 398px;
	padding: 0;
}


/* 4. clearfix
------------------------------------------------------------------------*/

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-block;
}