@charset "UTF-8";

/* -----------------------------------------------------------
 Space School (since 2009/12/01)

 File name:      css/contents.css
 Author:         Your Name (admin)
 Style Info:     各コンテンツ用CSS
----------------------------------------------------------- */

/* courceHeadMenu
----------------------------------------------------------- */

div#contentR div#courceHead div#courceHeadMenu {
	display: block;
	width: 417px;
	margin: 0;
	padding-left: 300px;
	_width: 420px;
	_padding-left: 297px;
	background: url(../../images/gel/share/courceHeadMenuBg.gif) repeat-x left top;
}

div#contentR div#courceHead div#courceHeadMenu div#courceTopBtn {
	float: left;
	width: 84px;
	padding: 0;
}

div#contentR div#courceHead div#courceHeadMenu div#menu1Btn {
	float: left;
	width: 197px;
	padding: 0;
}

div#contentR div#courceHead div#courceHeadMenu div#menu2Btn {
	float: left;
	width: 136px;
	padding: 0;
}



/* gel_common
----------------------------------------------------------- */

div#gelHeadMenu {
	display: block;
	width: 697px;
	margin-bottom: 25px;
	padding: 0;
}

div#gelHeadMenu div {
	float: left;
	display: inline;
	width: 220px;
	margin-right: 11px;
}



/* gel_index
----------------------------------------------------------- */

div#gelIndex {
	padding-left: 12px;
}

div#indexCap1 {
	margin: 0;
	padding: 0;
}

div#indexLead {
	width: 670px;
	height: 466px;
	margin: 0;
	padding: 0;
	background: url(../../images/gel/index/indexLeadBg.jpg) no-repeat left top;
}

div#indexLead p {
	padding: 17px 285px 0 20px;
}

div#indexCap2 {
	margin-bottom: 20px;
}

div.indexCourceBox {
	display: block;
	width: 671px;
	height: 121px;
	margin-bottom: 15px;
	padding: 0;
}

div.indexCourceBox div.indexCourceImg {
	float: left;
	width: 206px;
	margin: 0;
}

div.indexCourceBox div.indexCourceBoxR {
	float: right;
	width: 465px;
	margin: 0;
}

div.indexCourceBox div.indexCourceBoxR div.indexCourceCap {
	height: 34px;
}

div.indexCourceBox div.indexCourceBoxR div.indexCourceTxtBtn {
	height: 83px;
	background: url(../../images/gel/index/indexCourceTxtBtnBg.gif) no-repeat left top;
}

div.indexCourceBox div.indexCourceBoxR div.indexCourceTxtBtn div.indexCourceTxt {
	height: 52px;
}

div.indexCourceBox div.indexCourceBoxR div.indexCourceTxtBtn div.indexCourceTxt p {
	padding: 7px 0 0 34px;
}

div.indexCourceBox div.indexCourceBoxR div.indexCourceTxtBtn div.indexCourceBtn {
	padding-right: 1px;
	text-align: right;
}




/* gel_cource
----------------------------------------------------------- */

div#cource {
	margin-left: 12px;
}

div#courceTtl {
	margin-bottom: 20px;
}

div#courceLeadTxt {
	margin-bottom: 20px;
	padding-left: 20px;
}

div#courceLeadTxt p {
	margin: 0;
	padding: 0;
}

div#courceLeadTxt p#courceAttention {
	margin-top: 10px;
	color: #ff66ff;
}

div#courceLeadTxt p#courceAttention a:link,
div#courceLeadTxt p#courceAttention a:visited {
	color: #ff66ff;
}

div#courceLeadTxt p#courceAttention a:hover,
div#courceLeadTxt p#courceAttention a:active {
	color: #ffbbff;
}

div#totalgelLeadTxt {
	width: 635px;
	height: 448px;
	margin: 0;
	margin-bottom: 8px;
	padding-left: 20px;
	background: url(../../images/gel/totalgel/totalgelLeadTxtBg.jpg) no-repeat right bottom;
}

div#totalgelLeadTxt p {
	margin: 0;
	padding: 0;
}

div#totalgelLeadBtmTxt {
	margin-bottom: 30px;
	padding: 0 30px 4px 0;
	text-align: right;
}

div#totalgelLeadBtmTxt a:link,
div#totalgelLeadBtmTxt a:visited {
	color: #999999;
}

div#totalgelLeadBtmTxt a:hover,
div#totalgelLeadBtmTxt a:active {
	color: #cfcfcf;
}

div#courceSwf {
	margin-bottom: 40px;
}

div.courceBox {
	margin-bottom: 30px;
	padding-left: 20px;
}

div.courceBox div.courceCap {
	margin-bottom: 20px;
	padding: 0;
}

div.courceBox div#flowImg {
	margin: 0;
	padding: 0;
}

div.courceBox div#flowTxt {
	margin-left: 18px;
	padding: 0;
}

div.courceBox div#gelPrice {
	width: 640px;
	height: 182px;
	margin-bottom: 10px;
	padding: 0;
	background: url(../../images/gel/gel/gelPriceBg.jpg) no-repeat left top;
}

div.courceBox div#gelPrice p {
	padding: 152px 37px 0 0;
	text-align: right;
}

div.courceBox div#geloptionPrice {
	width: 640px;
	height: 182px;
	margin-bottom: 10px;
	padding: 0;
	background: url(../../images/gel/geloption/geloptionPriceBg.jpg) no-repeat left top;
}

div.courceBox div#geloptionPrice p {
	padding: 152px 37px 0 0;
	text-align: right;
}

div.courceBox div#totalgelPrice {
	width: 640px;
	height: 182px;
	margin-bottom: 10px;
	padding: 0;
	background: url(../../images/gel/totalgel/totalgelPriceBg.jpg) no-repeat left top;
}

div.courceBox div#totalgelPrice p {
	padding: 152px 37px 0 0;
	text-align: right;
}

div.courceBox div#requestBtn {
	width: 640px;
	margin-bottom: 10px;
	text-align: right;
}



/* gel_geloption
----------------------------------------------------------- */

div#geloption {
	margin-bottom: 50px;
	padding-left: 20px;
}

div#geloption div#geloptionLead {
	width: 640px;
	height: 418px;
	margin-bottom: 11px;
	padding: 0;
	background: url(../../images/gel/geloption/geloptionLeadBg.jpg) no-repeat left top;
}

div#geloption div#geloptionLead p {
	padding: 0;
}

div#geloption div#geloptionLeadBtmTxt {
	width: 640px;
	margin-bottom: 11px;
	text-align: right;
}

div#geloption div#geloptionLeadBtmTxt a:link,
div#geloption div#geloptionLeadBtmTxt a:visited {
	color: #999999;
}

div#geloption div#geloptionLeadBtmTxt a:hover,
div#geloption div#geloptionLeadBtmTxt a:active {
	color: #cfcfcf;
}

div#geloption div#geloptionLeadImg {
	margin-bottom: 15px;
}

div#geloption div#option {
	display: block;
	width: 635px;
	margin: 0;
	padding: 0;
}

div#geloption div#option div#optionL {
	float: left;
	width: 205px;
	margin-right: 10px;
}

div#geloption div#option div#optionC {
	float: left;
	width: 205px;
	margin: 0;
}

div#geloption div#option div#optionR {
	float: right;
	width: 205px;
	margin: 0;
}

div#geloption div#option div.optionCap {
	width: 205px;
	margin: 0;
	padding: 0;
}

div#geloption div#option div.optionTtl {
	width: 205px;
	margin: 0;
	padding: 0;
}

div#geloption div#option div.optionLead {
	width: 205px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(../../images/gel/geloption/optionLeadBg.gif) no-repeat left top;
}

div#geloption div#option div.optionLead p {
	padding: 13px 13px 0 31px;
}

div#geloption div#option div.optionImg {
	width: 205px;
	margin: 0;
	padding: 0;
}




/* gel_private
----------------------------------------------------------- */

div#privateLead1 {
	width: 650px;
	height: 258px;
	margin: 0;
	padding-left: 5px;
	background: url(../../images/gel/private/privateLead1Bg.jpg) no-repeat right top;
}

div#privateLead1 p {
	margin-left: 334px;
	padding: 124px 68px 0 0;
	color: #999999;
	font-size: 14px;
}

div#privateLead2 {
	width: 650px;
	height: 281px;
	margin-bottom: 45px;
	padding-left: 5px;
	background: url(../../images/gel/private/privateLead2Bg.jpg) no-repeat right top;
}

div#privateLead2 p {
	margin-left: 339px;
	padding: 165px 65px 0 0;
	color: #999999;
	font-size: 14px;
}

div#privateLeadCap {
	margin-bottom: 45px;
	padding: 0;
}

div#private {
	margin-bottom: 40px;
	padding-left: 5px;
}

div#private div#privateHead {
	marign: 0;
	padding: 0;
}

div#private div#privateFrame {
	width: 650px;
	marign: 0;
	padding-bottom: 12px;
	background: url(../../images/gel/private/privateFrameBg.gif) repeat-y left top;
}


div#private div#privateFrame div#privateBoxCap {
	width: 620px;
	padding: 0 14px;
}

div#private div#privateFrame div#privateBox {
	display: block;
	width: 620px;
	padding: 0 14px;
}

div#private div#privateFrame div#privateBox div#privateLesson {
	float: left;
	width: 337px;
	padding: 0;
}

div#private div#privateFrame div#privateBox div#privateLesson div#privateLessonTxt {
	margin: 2px 26px 10px;
	font-size: 10px;
}

div#private div#privateFrame div#privateBox div#privateKit {
	float: left;
	width: 270px;
	padding: 0;
}

div#private div#privateFrame div#privateBox div#privateKit div#privateKitTxt {
	margin-top: 2px;
	font-size: 10px;
}

div#private div#privateFoot {
	width: 650px;
	height: 5px;
	marign: 0;
	padding: 0;
	font-size: 0;
	background: url(../../images/gel/private/privateFoot.gif) no-repeat left top;
}



/* gel_otherLink
----------------------------------------------------------- */

div#otherLink {
	display: block;
	width: 670px;
	margin-bottom: 10px;
	padding: 0;
}

div#otherLink div#gelLink {
	float: right;
	width: 67px;
	margin-left: 45px;
	padding-left: 15px;
	background: url(../../images/gel/share/otherLinkBg.gif) no-repeat left center;
}

div#otherLink div#geloptionLink {
	float: right;
	width: 130px;
	margin-left: 45px;
	padding-left: 15px;
	background: url(../../images/gel/share/otherLinkBg.gif) no-repeat left center;
}

div#otherLink div#totalgelLink {
	float: right;
	width: 110px;
	margin-left: 45px;
	padding-left: 15px;
	background: url(../../images/gel/share/otherLinkBg.gif) no-repeat left center;
}

div#otherLink div#privateLink {
	float: right;
	width: 138px;
	margin-left: 45px;
	padding-left: 15px;
	background: url(../../images/gel/share/otherLinkBg.gif) no-repeat left center;
}

div#otherLink a:link,
div#otherLink a:visited {
	color: #ef52e9;
}

div#otherLink a:hover,
div#otherLink a:active {
	color: #ffbbff;
}



/* gel_flow
----------------------------------------------------------- */

div#flow {
	margin-left: 12px;
}

div#flowTtl {
	margin-bottom: 20px;
}

div#flowLead {
	margin-bottom: 30px;
	padding-left: 20px;
}

div#flowTable {
	width: 590px;
	margin-bottom: 30px;
	padding-left: 20px;
}

div#flowTable table {
	width: 590px;
	margin: 0;
	padding: 0;
	border: none;
}

div#flowTable table th.flowThCap {
	width: 590px;
	height: 53px;
}

div#flowTable table td.flowL {
	width: 53px;
	vertical-align: middle;
}

div#flowTable table td.flowTdTxt {
	width: 537px;
	padding: 10px 0 31px;
}

div#flowTable table td.flowTdTxt p {
	margin: 0;
	padding: 0;
}

div#flowTable table td.flowTdTxt p.flowRequest {
	margin-top: 10px;
	text-align: right;
}

div#flowTable table td.flowTdTxt p.flowFaxImg {
	margin-top: 13px;
}