@charset "utf-8";

/* コンテナ */
html, body {
	height:100%;
}

body > #wrap, body > #container {
	height: auto;
}

body {
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#222;
}

#wrap {
	width:780px;
	margin:0px auto;
	background-color:#000;
	border-left: 6px solid #ffffff;
	border-right:6px solid #ffffff;
}

#container {
	width:780px;
	margin:0px auto;
	padding-top:45px;
	background-color:#ffffff;
}

/* ??e??? */
.block20 {
	height: auto;
	margin: 5px auto auto auto;
	padding: 10px;
	width: 590px;
	background-attachment: scroll;
	background-color: #CCF;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.block21 {
	height: auto;
	margin: 5px auto auto auto;
	padding: 10px;
	width: 590px;
	background-attachment: scroll;
	background-color: #9CF;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

#block1 {
	margin: auto;
	padding: 0px;
	height: 15px;
	width: 610px;
	line-height: 0px;
}
#block2 {
	background: url(../img/bg1_2.gif) repeat-y;
	padding: 5px 25px;
	height: auto;
	width: 560px;
	margin: auto;
}
#block3 {
	margin: auto;
	padding: 0px;
	height: 13px;
	width: 610px;
	line-height: 0px;
}

#column2 {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 560px;
	float: none;
}

.column10 {
	height: auto;
	margin: 0;
	padding: 0;
	width: 590px;
	text-align: left;
}

/* form */
form{
	margin:30px auto 0px;
}


/* pre-footer */
#go2tokutei_and_pp {
	text-align:right;
	font-size:12px;
	padding:15px 0px;
}
#go2tokutei_and_pp a {
	color:#000000;
}
#go2tokutei_and_pp a:hover {
	color:#3333cc;
}

/* フッタ */
#footer {
	padding-bottom:50px;
}

/* 基本レターパーツ */
/* 段落 */
.basic {
	padding-top:30px;
	padding-bottom:30px;
	width:780px;
	margin:auto;
}
.basic .single {
	width:83%;
	margin:auto;
	padding:20px 0px;
	line-height:160%;
}
.basic .double {
	width:83%;
	margin:auto;
	padding:45px 0px;
	line-height:160%;
}
.basic .tripple {
	width:83%;
	margin:auto;
	padding:60px 0px;
	line-height:160%;
}
.basic .inlimgtext {
	margin:auto;
	padding:45px 0px;
	line-height:160%;
	text-align:center;
}
/* ポイント */

.pnttbl {
	width:83%;
	margin:25px auto;
	border-collapse:collapse;
}
.pnttbl th, .pnttbl td {
	border:2px solid #000000;
	padding:5px;
}
.pnttbl th {
	background-color:#000000;
	width:5em;
	color:#ffffff;
}
/* チェックリスト&ブレット */

.blttbl {
	width:680px;
	margin:15px auto;
	border-collapse:collapse;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: silver;
}
.blttbl th {
	width:55px;
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
	border-bottom:2px dashed silver;
}
.blttbl td {
	padding:3px 5px;
	text-align:left;
	vertical-align:middle;
	border-bottom:2px dashed silver;
}
.blttbl2 {
	width:580px;
	margin:15px auto;
	border-collapse:collapse;
	border-top:1px dotted #c0c0c0;
}
.blttbl2 th {
	width:55px;
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #c0c0c0;
}
.blttbl2 td {
	padding:3px 5px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px dotted #c0c0c0;
}
/* ブレット説明文 */

.quote td, .quote th {
	padding:20px 0px;
	line-height:140%;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
}
.quote th {
	width:75px;
}
/* JIEA */
.jiea {
	border:6px solid #000000;
}
.admimg {
	margin:12px auto;
	background:#FFF5EB;
	padding-top:8px;
	padding-bottom:8px;
	width:640px;
	border:6px solid #000000;
}

/* ユーザの声 */

.voice_ol {
	width:90%;
	margin:45px auto;
		border:4px double blue;
}
.voice_title {
	padding:4px 0px 6px 4px;
	margin:auto;
}
.voice .img_al {
	border:1px solid #ffffff;
}


.voice {
	padding:24px 0px;

	background:#FFFFFF;
	line-height:24px !important;
}
.voice p, .voice div {
	line-height:24px !important;
}
.vb {
	width:85%;
	margin:auto;
	text-align:left;
	min-height:140px;
	height:auto !important;
	height:140px;
}
.voice_ol h3 {
	float:left;
	width:510px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-weight:bold;
	padding-top:10px;
}
.voice_ol .vt {
	font-size:18px;
	font-weight:bold;
	color:#C30;
	line-height:24px;
}
.voice_ol .vn {
	color:blue;
	font-size:14px;
	font-weight:bold;
}
.voice_ol .vm {
	display:block;
	float:left;
	width:80px;
	height:60px;
	margin-right:10px;
}
/* メルマガ */

#mm table {
	width:80%;
	margin:20px auto;
	border-collapse:collapse
}
#mm table th {
	font-weight:normal;
	text-align:right;
	background-color:#f0f0f0;
}
#mm table th, #mm table td {
	text-align:left;
	padding:3px 5px;
	border:1px solid #c0c0c0;
}
.canf {
	width:90%;
	margin:20px auto;
	font-size:12px;
}
#mm .flatstyle {
	border:1px solid #c0c0c0;
	width:360px;
}
/* 対話部分 */
.talkbox {
	width:90%;
	margin:0px auto 35px auto;
	text-align:left;
}
.s1_said {
	color:#000066;
}
.s2_said {
	color:#ff3366;
}
.talk {
	padding-top:35px;
	padding-bottom:35px;
	border:1px solid #a0a0a0;
	width:85%;
	margin:35px auto;
}
.talkbox div {
	line-height:150%;
}
.talkbox img {
	border:1px solid #a0a0a0;
}
.talkbelt {
	margin:35px;
	padding:10px 0px;
	background-color:#eeeeee;
}
/* QA */

dl.qa {
	text-align:left;
	width:680px;
	margin:auto;
}
dl.qa dt {
	padding-top:35px;
	color:#ff3366;
	margin-bottom:8px;
	font-size:18px;
	line-height:150%;
}
dl.qa dd {
	margin-bottom:25px;
	line-height:150%;
	color:#303030;
}
/*　決済　*/
.kessai {
	margin:auto;
}
.spbox {
	padding-top:25px;
	color:#ffffff;
}
.spbox .title {
	min-height:128px;
	height:auto !important;
	height:128px;
	background:url(../img/spdetailbg.gif) no-repeat;
	font-weight:bold;
	width:660px;
	margin:25px auto;
	text-align:left;
}
.spbox .title div {
	height:36px;
	font-size:17px;
	line-height:18px;
	padding:76px 0px 16px 120px;
}
.spbox .spdesc {
	width:660px;
	margin:auto;
	line-height:150%;
	color:#606060;
	text-align:left;
}
/***************/

.spbox2 {
	padding-top:25px;
	color:#ffffff;
}
.spbox2 .title {
	min-height:128px;
	height:auto !important;
	height:128px;
	background:url(../img/spdetailbg2.gif) no-repeat;
	font-weight:bold;
	width:660px;
	margin:25px auto;
	text-align:left;
}
.spbox2 .title div {
	height:36px;
	font-size:17px;
	line-height:18px;
	padding:76px 0px 16px 120px;
}
.spbox2 .spdesc {
	width:660px;
	margin:auto;
	line-height:150%;
	color:#606060;
	text-align:left;
}
/*お問い合わせメールフォーム*/


.tmf {
	width:80%;
	margin:25px auto;
}
.tmf a {
	color:#336699;
	text-decoration:none;
}
.tmf a:hover {
	color:#336699;
	text-decoration:underline;
}
/*クリア*/

.clr {
	clear:both !important;
	min-height:1px;
	height:auto !important;
	height:1px;
}
/*アライン*/

.tal {
	text-align:left;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
/*装飾*/

.colred {
	color:#cc0000;
}
.colpnk {
	color:#ff3366;
}
.colble {
	color:#333399;
}
.colyel {
	color:#ff9900;
}
.colorg {
	color:#ff6600;
}
.colgrn {
	color:#339900;
}
.colgry {
	color:#909090;
}
.colvio {
	color:#663399;
}
.colbwn {
	color:#660000;
}
.bgcyel {
	background-color:#FDEE68;
}
.bgcpnk {
	background-color:#ff9999;
}
.bgcsky {
	background-color:#66cccc;
}
.fwtbld {
	font-weight:bold;
}
.fstnom {
	font-style:normal;
}
.tdculn {
	text-decoration:underline;
}
.larger_16 {
	font-size:16px;
	line-height:20px;
}
.larger_20 {
	font-size:20px;
	line-height:24px;
}
.larger_24 {
	font-size:24px;
	line-height:28px;
}
.larger_32 {
	font-size:32px;
	line-height:36px;
}
.smaller_12 {
	font-size:12px;
}
/*フロートイメージ*/

.img_al {
	display:block;
	float:left;
	margin-right:1em;
	margin-bottom:0.5em;
}
.img_ar {
	display:block;
	float:right;
	margin-left:1em;
	margin-bottom:0.5em;
}
.border2 {
	border-bottom:1px solid #333333;
}
.letter2 {
	margin:0 auto;
	width:600px;
	border:4px solid #000000;
	padding:20px 20px 20px 20px;
}
.spbox .spdesc {
	width:660px;
	margin:auto;
	line-height:150%;
	color:#606060;
	text-align:left;
}
.tdlt {
	text-decoration: line-through;
}
.l_left {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	width: 280px;
}
.l_left img {
	border: 1px solid silver;
	padding: 3px;
}