/* CSS Document */
#contents {
	width: 100%;
	min-height: 100px;
	height: auto !important;
	height: 100px;


	padding: 0 0 30px 0;
	/*margin-bottom: 50px;*/
}
#contents_qa {
	width: 100%;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 0 0 40px 0;
	/*margin-bottom: 50px;*/
}

#content_price {
	width: 100%;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 0;
	/*margin-bottom: 50px;*/
}


/*------Top------*/
#ordertop_flash{
    height:460px;
	padding: 50px 0 70px 0;
}

/*------CONT------*/

div.return {
    position: relative;
	margin: 0 auto;
	padding: 0;
　　text-align:center;
	width: 940px;
	height: 38px;
}
div.return_bt{
	float: right;
}
div.conthead_wrap {
    position: relative;
	margin: 0 auto;
	width: 940px;
	height: 53px;
	clear:both;
}
div.conthead_maintitle {
    float: left;
	height: 53px;
}

div.conthead_c_navi {
	float: right;
	padding: 27px 0 0 0;
}
div.conthead_c_navi ul {
    width: 452px;　
	margin: 0;
	padding: 0;
}

div.conthead_c_navi li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
　　display: block;
}

div.conthead_c_navi li img{
    border:0;
}


/*------Order Process------*/
div.process_flash{
    position: relative;
	width: 100%;
	height: 500px;
	padding: 0 0 30px 0;
}

/*------Self Creation------*/
div.self{
	width: 940px;
	min-height: 1430px;
	background-image: url(../order/img/self_photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	margin: 50px auto 0 auto;
	padding: 0;
}
div.self p {
    font-size: 90%;
	font-weight: lighter;
	line-height: 1.8;
}
div.self_subtitle {
	width: 670px;
	height: 26px;
	padding: 0 0 40px 0;
}
div.self_read {
	width: 670px;
	height: 78px;
	padding: 0 0 60px 0;
}
div.self_process_title {
	width: 670px;
	height: 17px;
	padding: 0 0 30px 0;
}
div.self_process {
	width: 670px;
	padding: 0 0 30px 0;
}
div.self_process p {
	width: 205px;
    font-size: 90%;
	font-weight: lighter;
	line-height: 1.8;
}

div.self_process01 {
    float: left;
	width: 240px;
}
div.self_process02 {
    float: left;
	width: 240px;
}
div.self_process03 {
    float: left;
	width: 190px;
	font-size: 90%;
	font-weight: lighter;
	line-height: 1.8;
}


div.self_banner_t {
	width: 400px;
	padding: 0 135px 5px 135px;
}
div.self_banner {
	width: 400px;
	padding: 0 135px 40px 135px;
}
div.self_course_t {
	width: 670px;
	padding: 0;
}
div.self_course {
	width: 670px;
	padding: 20px 0 0 0;
	clear: both;
}
div.self_course01 {
    float: left;
	width: 270px;
	padding: 0 30px 0 0;
}
div.self_course02 {
    float: left;
	width: 370px;
}
div.self_detail {
	width: 670px;
	padding: 40px 0 0 0;
}
div.self_detail h3 {
	font-size: 90%;
	color: #633E24;
	line-height: 2;
}

div.self_detail h2 {
	font-size: 120%;
	color: #996600;
}
div.self_detail p {
	font-size: 90%;
	font-weight: lighter;
	line-height: 2;
}
div.self_detail_line {
	width: 670px;
	height: 1px
}
div.self_detail_wrap01 {
	width: 670px;
	background-image: url(../order/img/self_line03a.gif);
	background-repeat: repeat-y;
}
div.self_detail_wrap02 {
	width: 670px;
	background-image: url(../order/img/self_line03b.gif);
	background-repeat: repeat-y;
}
div.self_detail_wrap03 {
	width: 670px;
	background-image: url(../order/img/self_line03b.gif);
	background-repeat: repeat-y;
}

div.self_detail01 {
    float: left;
	width: 60px;
	padding: 7px 10px 7px 0;
}
div.self_detail02 {
    float: left;
	width: 285px;
	padding: 7px 0 7px 15px;
}
div.self_detail03 {
    float: left;
	width: 285px;
	padding: 7px 0 7px 15px;
}
div.self_detail04 {
    float: left;
	width: 585px;
	padding: 7px 0 7px 15px;
}

div.self_form {
	width: 670px;
	padding: 40px 0 0 0;
}

/*------Price------*/
div.price{
    position: relative;
	width: 940px;
	margin: 0 auto;
}
div.price_read{
	width: 940px;
	height: 200px;
}
div.price_subtitle{
	width: 940px;
	height: 40px;
	margin: 0 auto;
}
div.price_detail{
	width: 940px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
div.price_detail01{
    float: left;
	width: 300px;
	margin: 0 20px 0 0;
}
div.price_detail02{
    float: left;
	width: 300px;
	margin: 0 20px 0 0;
}
div.price_detail03{
    float: right;
	width: 300px;
	margin: 0;
}
div.price h4{
	width: 300px;
	font-size: 95%;
    font-weight: lighter;
	line-height: 1.6;
	padding: 10px 0 5px 0;
}
div.price h3{
	width: 300px;
    font-weight: lighter;
	padding: 0;
}
div.price_notes{
	font-size: 95%;
	line-height: 1.6;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

/*------Q&A------*/
div.qa{
	width: 940px;
	position: relative;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
div.qa_title{
    width: 940px;
	padding: 0;
}
div.qa_detail{
	width: 940px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	clear:both;
}
div.qa h3{
    float: left;
	width: 230px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
    font-weight: lighter;
	line-height: 1.8;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 20px 0 20px 0;
	padding: 0 40px 0 60px;
	background-image: url(../order/img/qa_icon01.gif);
}
div.qa h4{
    float: left;
	width: 550px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
    font-weight: lighter;
	line-height: 1.8;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 20px 0 20px 0;
	padding: 0 0 0 60px;
	background-image: url(../order/img/qa_icon02.gif);
}
div.qa_line{
	width: 940px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	/*font-size: 0;*/
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../img/line_dot940.gif);
	clear:both;
}
* html div.qa_line{ /* IE6にのみ適用 */
	width: 940px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../img/line_dot940.gif);
	clear:both;

}