﻿@charset "UTF-8";

/**
 * 初期設定
 */
body {
	min-width: 920px; /* コンテンツの幅を設定 (横スクロール時の不具合対応。「#wrapper」と同じ値を設定する。) */
	background: url(../images/bg_body.jpg) repeat-y center center;
	color: #000000;
	font: normal 16px/1.5 "ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; /* ゴシック体 */
}

/* 画像の隙間を消す（画像の下に隙間が出来るFirefox対策） */
img {
	vertical-align: bottom;
}

/* pタグ */
p {
	margin-bottom: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height:1.6;
}

/* dlタグ */
dl dd {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height:1.6;
}

a {
	outline:none; /* リンクの点線を消す（点線が左に伸びるFirefox対策） */
	text-decoration: none;
}

/* ボタンをマウスオーバーした時の処理 */
a:hover img {
	position: relative;
	top: 1px;
	left: 1px;
}

/* ボタンをマウスオーバーした時の透過処理 */
a:hover img.alpha {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* 明朝体 */
.mincho {
	font: normal 15px/1.5 "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}

/* 打ち消し線 */
.line-through {
	text-decoration: line-through;
}

.important {
	color: #ff0000;
}

/* テキストの中央寄せ */
.center {
	text-align: center;
}

.section {
	overflow: hidden;
}

/**
 * ラッパー
 */
#wrapper {
	width: 780px;
	background: url(../images/bg_wrapper.png) repeat-y center center;
	margin: 0 auto;
}

#header {
	padding:10px 0 0 0;
}

#header h2 {
	background-color:#FFF100;
	font-size:32px;
	font-weight:bold;
	margin:10px 0 0 0;
}


.h2_innp_comm {
	font-size: 18px;
	color: #db0000;
	text-align: center;
	font-weight: bold;
}
/**
 * コンテンツ部
 */
#contents {
	width: 780px;
	padding-bottom: 52px;
	margin: 0 auto;
}

/* 動画 */
.video {
	padding-top: 15px;
	margin-bottom: 25px;
}

.video02 {
	padding-top: 15px;
	margin:0 0 25px -30px;
}


/* 解説 */
.explanation{
	background: url(../images/img02.jpg) 0 30px no-repeat;
	width:860px;
	margin:0 auto;
}

.explanation p{
	font-size:19px;
	padding:0 0 0 30px;
}

.explanation .text{
	padding:20px 0 30px 260px;
}

.explanation .text span{
	font-size:43px;
}

/* 成功事例 */
.success{
	width:860px;
	margin:0 auto;
}

.success p{
	font-size:27px;
	padding:0 0 0 30px;
}

.success p span{
	font-size:52px;
}

.success .text04{
	background: url(../images/arrow.gif) 650px 0 no-repeat;	
	padding:0 0 60px 0;
}

/* プロフィール */
.profile{
	width:796px;
	margin:60px auto 0 auto;
}

.profile h3{
	margin:0 0 30px 0;
}

.profile p{
	font-size:20px;
}	

.profile .profile_box{
	background: url(../images/img13.jpg) 0 120px no-repeat;
}

.profile .profile_box .text02{
	padding:30px 0 30px 430px;

}

.profile_box02{
	margin:100px 0 0 0;
}

.profile .profile_box02{
	background: url(../images/img15.jpg) 0 120px no-repeat;
}

.profile .profile_box02 .text03{
	padding:30px 0 30px 430px;

}

/* 解説02 */
.explanation02{
	width:815px;
	margin:60px auto 0 auto;
}

.explanation02 h3{
	margin:0 0 30px 0;
}

.explanation02 .explanation02_box img{
	margin:60px 0 0 0;
}

/* 成功事例02 */

.success02{
	width:844px;
	margin:0 auto;
}

.success02_box img{
	margin:30px 0 0 0
}

/* プレゼント */
.present{
	width:827px;
	margin:100px auto 0 auto;
}

.present .present_box{
	background: url(../images/img53.png) 20px 0 no-repeat;
	margin:-30px 0 0 0;
}

.present .present_box p{
		font-size:20px;
		padding:0 0 0 300px;
}

.present .present_box02{
	background: url(../images/img55.png) 20px 0 no-repeat;
}

.present .present_box02 p{
		font-size:20px;
}

.present .present_box02 .text06{
		padding:0 0 0 300px;
}

.present .present_box03{
	background: url(../images/img57.png) 20px 0 no-repeat;
}

.present .present_box03 p{
		font-size:20px;
		padding:0 0 0 300px;
}

/* 解説03 */
.explanation03{
		width:835px;
		margin:100px auto 0 auto;
}

.explanation03 h3{
		margin:0 0 30px 0;
}

.explanation03 p{
		font-size:20px;
		padding:60px 0 0 30px;
}

/* ボタン */
.button {
	padding:105px 0;
}

.button ul {
	width: 792px;
	margin: 0 auto;
}

.button li {
	margin-bottom: 15px;
}


/**
 * フッター部 #footer
 */
#footer {
	height: 70px;
	background-color: #231815;
	text-align: center;
	margin: 0 auto;
}

#footer .footer_frame {
	width: 780px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

/* フッターナビゲーション .nav_footer */
#footer .footer_frame .nav_footer {
	text-align: right;
	position: absolute;
	right: 22px;
	bottom: 14px;
}

#footer .footer_frame .nav_footer li {
	display: inline;
	color: #BDAA81;
	font-size: 12px;
	text-align: center;
}

#footer .footer_frame .nav_footer li a {
	color: #BDAA81;
}

#footer .footer_frame .nav_footer li a :hover {
	text-decoration: none;
}

/* コピーライト .copyright */
#footer .footer_frame .copyright {
	background: url(../images/logo_footer.png) no-repeat 0 0;
	padding-top: 30px;
	position: absolute;
	top: 14px;
	left: 31px;
}

#footer .footer_frame .copyright p {
	margin-bottom: 0;
	color: #BDAA81;
	font-size: 10px;
}

ul,#contents .description {
	text-align: left;
	margin-left:30px;
	margin-right:30px;
	
}

a:hover,.underline {
	text-decoration: underline;
}

.medium,#contents #main_topic #voice_mb {
	font-size: 18px;
}

#contents .section {
	margin: 0 auto;
}

#contents #slipin p,#contents #profile .name {
	margin-bottom: 20px;
}

#contents #main_topic p,#contents #close_copy p {
	padding: 0 80px;
}



/**
 * サンクスページ
 */
.thanks {
	width: 740px;
	margin: 0 auto;
}

.thanks .message {
	margin-bottom: 20px;
	overflow: hidden;
}

.thanks .message .subtitle {
	padding: 20px 0;
	color: #CD141C;
	font-size: 36px;
	font-weight: bold;
}

.thanks .message p {
	margin-bottom: 20px;
	text-align: left;
}

.thanks .site_info {
	background-color: #e8e8e8;
	padding: 20px 30px;
	margin-bottom: 30px;
}

.thanks .site_info p {
	margin-bottom: 0;
	text-align: left;
}

.thanks .site_info p .name {
	font-weight: bold;
}


/**
 * カウントダウンタイマー
 */
#count,
.count_cancel,
.chach,
.message {
	width: 920px;
	height: 60px;
	border: none;
	background-color: #FFF100;
	color: #000000;
	font-size: 30px;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 8px;
	text-align: center;
	float: left;
}

.chach,
.message {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.message {
	height: 56px;
	margin-top: 10px;
	margin-bottom: 0;
}

.ie6 .chach,
.ie6 .message {
	margin-left: 40px;
}

.chach p,
.message p {
	padding: 0;
	font-size: 28px;
	text-align: center;
	line-height: 56px;
}


.count_cancel {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
}

.count_cancel p {
	text-align: center;
}

/* 決済フォーム */

.ssl_comm {
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

.bn_head {
	background-image: url(../images/nb1.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 552px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 10px;
}

.bn_body {
	background-image: url(../images/nb2.jpg);
	background-repeat: repeat-y;
	width: 522px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: -14px;
	margin-top: -14px;
}

.bn_foot {
	background-image: url(../images/nb3.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 582px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 14px;
	margin-bottom: 0px;
}

.ftitle {
	text-align: center;
	padding-top: 10px;
}


#info_box {
	border: 1px dashed #cccccc;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#form_table {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-top: 30px;
	font-size: 14px;
}
.form_th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
}
.form_td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}




.step   {font-size: 18px; font-weight: bold; font-style: italic; color: #ff0000; }
.box0   {border-color: #0000ff; border-width: 2px; border-style: solid; }
.box_price   {
	border-color: #0000ff;
	border-width: 2px;
	border-style: solid;
	font-size:12px;
	line-height: 20px;
}

.blank0 {font-size:  4px; line-height:  4px; font-family: "ＭＳ ゴシック" ; background-color: #ffffff;  color: #ffffff; text-align : left;}
.guide0 {font-size: 12px; line-height: 22px; font-family: "ＭＳ ゴシック" ; background-color: #0000ff;  color: #ffffff; text-align : left; font-weight : bold; }
.guide1 {font-size: 12px; line-height: 12px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : right; vertical-align: middle; }
.guide2 {font-size: 12px; line-height: 12px; font-family: "ＭＳ ゴシック" ; color: #ff0000; text-align : left; vertical-align: middle; }
.guide3 {font-size: 12px; line-height: 12px; font-family: "ＭＳ ゴシック" ; color: #ff0000; text-align : left; vertical-align: middle; }
.guide4 {font-size: 16px; line-height: 16px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : left; vertical-align: middle; font-weight : bold; }
.guide5 {font-size: 12px; line-height: 12px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : left; vertical-align: middle; font-weight : bold; }
.guide6 {font-size: 12px; line-height: 16px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : left; vertical-align: middle; }


.input1  {font-size: 12px; line-height: 14px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : left; vertical-align: bottom; }
.input11 {font-size: 12px; line-height: 14px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : left; vertical-align: bottom; ime-mode:disabled; }
.select1 {font-size: 12px; line-height: 16px; font-family: "ＭＳ ゴシック" ; color: #000000; text-align : left; vertical-align: bottom; }
.radio1  {font-size: 12px; line-height: 14px; font-family: "ＭＳ ゴシック" ; color: #000000; }
.button1 {font-size: 12px; line-height: 14px; font-family: "ＭＳ ゴシック" ; color: #000000; }
.warning_norm {
	font-size: 12px;
	text-align: center;
}
.form_bgtitle {
	font-size: 25px;
	line-height: 35px;
}
#photo_comm_top {
	font-size: 12px;
	text-align: center;
	margin-top: 0px;
}
.form_txt {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.form_txt2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
}


#company_table {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-top: 30px;
	font-size: 12px;
}
#company_table p {
	font-size: 12px;
	line-height: 17px;
}
.company_th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
	width: 120px;
}
.company_td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}