@charset "Shift_JIS";


/* 
━━━━━━━━━━━━━━━━━━━━━━━━━
 infoplate3 - sales letter template
 Update : 2009.2.22
 (c) YoshidaDesignInc. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 共通 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
*{
}

.pl{
	color: #000;
	font-size:8pt;
	text-align: left;
}

div.linksyu a {
	color:#0000ff;
	text-decoration:underline;
}

a{ text-decoration: underline; }
a:link{ color: #0000dd; }
a:visited{ color: #0000dd; }
a:hover{ color: #cc6600; }

address, em, cite, dfn, var {
	font-style: normal;
}
input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}
img,fieldset {
	border: 0;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	line-height:175%;
	color: #000;
	margin:0px;
	padding:0px;
}

img {
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-style:normal;
	line-height:120%;
	margin:0px 0px 10px ;
	padding:0px ;
}
p {
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	line-height:200%;
	margin:0px;
	padding:0px ;
}

li{
	line-height:150%;
	margin:0px;
	padding:0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* デザイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

body {
	text-align:center;
	background: transparent url(image/bg_body.gif)  repeat center top;
}
.bg-image0 {
	background: transparent url(image/bg_image0.jpg)  repeat-x center top;
}
.bg-image1 {
	background: transparent url(image/bg_image1.jpg)  no-repeat left top;
}
.bg-image2 {
	padding:15px 0 0;
	background: transparent url(image/bg_image.jpg)  no-repeat center top;
}
.container {
	width:810px;
	margin:0 auto;
	padding:0 0 25px;
	background: transparent url(image/container_body.jpg)  repeat-y center top;
}
.container_head {
	width:810px;
	height:45px;
	margin:0px auto;
	background: transparent url(image/container_head.jpg)  no-repeat center top;
}
.container_foot {
	width:810px;
	height:60px;
	margin:0px auto;
	background: transparent url(image/container_foot.jpg)  no-repeat center top;
}
.container-inner {
	width:660px;
	text-align:left;
	margin:0px auto;
	padding:0px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 申し込み */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.order_head {
	height:20px;
	margin:0px auto;
	background: transparent url(image/box-order_head.jpg)  no-repeat center top;
}
.order_body {
	line-height:200%;
	padding:0px 24px 5px;
	background: transparent url(image/box-order_body.jpg)  repeat-y center top;
}
.order_foot {
	height:10px;
	margin:0px auto 20px;
	background: transparent url(image/box-order_foot.jpg)  no-repeat center top;
}
.order_body img {
	margin:5px 0px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div.footer {
	color:#666666;
	font-size:11px;
	font-weight:normal;
	line-height:200%;
	text-align:center;
	margin:0 auto ;
	padding:20px 0px 0px ;
}

/*
div.footer a {
	color:#333333;
	text-decoration:none;
}
div.footer a:hover {
	text-decoration:underline;
}
*/

address { 
	font-style:normal;
}

/* 
━━━━━━━━━━━━━━━━━━━━━━━━━
 infoplate3 - sales letter template
 Update : 2009.1.21
 (c) YoshidaDesignInc. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* セールスレター用特別設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.special-a h1 {
	color:#CC0000;
	font-size:30px;
	font-weight:bold;
	line-height:150%;
	margin:0 0 0;
	padding:0 0 30px;
}
div.special-a h2 {
	color:#333333;
	font-size:20px;
	font-weight:bold;
	line-height:150%;
	margin:0 0 0;
	padding:0 0 10px;
}
div.special-a h3 {
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	line-height:170%;
	text-align:center;
	margin:40px 0 0;
	padding:5px 0 40px;
	background: transparent url(image/bg-subhead1_blue.jpg)  no-repeat 0 0;
}
div.special-a h4 {
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	margin:0 0 10px;
	padding:10px 15px 5px;
	background: #e8e8e8 url(image/bg-subhead2.jpg)  repeat-x center bottom;
}
div.special-a h5 {
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	border-bottom:#aaaaaa solid 1px;
	margin:0 0 10px;
	padding:15px 0 5px;
}
div.special-a p {
	font-size:15px;
	line-height:175%;
	padding:0 0 15px;
}
div.special-a p small {
	display:block;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}
div.special-a p strong {
	color:#e60000;
	font-weight:bold;
	font-size:17px;
}
div.special-a p em {
	font-weight:bold;
}
div.special-a ul {
	margin:0 10px 15px 15px;
	padding:0;
}
/*
div.special-a ul li {
	list-style:none;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	line-height:170%;
	padding:0 0 7px 20px;
	background: transparent url(image/bullet1.gif)  no-repeat 0 0;
}
*/
div.special-a blockquote {
	border:#cccccc solid 1px;
	background: #f3f3f3;
	margin:0 0 30px;
	padding:20px 20px 10px;
}
div.special-a blockquote p {
	font-weight:bold;
	margin:0 0 0;
	padding:0 0 10px;
}
.img-right {
	float:right;
	margin:2px 0 15px 15px;
}

/* テーブル
───────────────────────── */
div.special-a table.table-a {
	width:658px;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 0;
	border-left:#aaaaaa solid 1px;
	border-top:#aaaaaa solid 1px;
}
div.special-a table.table-a td {
	text-align:left;
	font-size:14px;
	line-height:150%;
	vertical-align:top;
	padding:7px 10px;
	border-right:#aaaaaa solid 1px;
	border-bottom:#aaaaaa solid 1px;
}
div.special-a table.table-a td p {
	text-align:left;
	font-size:14px;
	line-height:150%;
	margin:0px;
	padding:0px;
}

/* 囲みＡ
───────────────────────── */
div.special-a table.box-a {
	width:660px;
	border-collapse:collapse;
	border-spacing:0;
	margin:20px auto 10px;
}
div.box-a-top {
	width:660px;
	height:20px;
	font-size:1px; line-height:1px;
	margin:0px auto;
	background: #ffffff url(image/box-a-top.gif)  no-repeat center top;
}
div.box-a-bottom {
	width:660px;
	height:10px;
	font-size:1px; line-height:1px;
	margin:0px auto;
	background: #ffffff url(image/box-a-bottom.gif)  no-repeat center bottom;
}
div.special-a table.box-a td.box-a-inner {
	background: #ffffff url(image/box-a-body.gif)  repeat-y center center;
	padding:0px 20px;
}
div.special-a table.box-a td.box-a-inner p {
	padding:0px 0px 10px;
}

/* 申し込みＡ
───────────────────────── */
div.order-a-top {
	width:660px;
	height:20px;
	font-size:1px; line-height:1px;
	margin:20px auto 0px;
	background: transparent url(image/box-a-top.gif)  no-repeat center top;
}
div.order-a-bottom {
	width:660px;
	height:10px;
	font-size:1px; line-height:1px;
	margin:0px auto 32px;
	background: transparent url(image/box-a-bottom.gif)  no-repeat center bottom;
}

div.special-a table.order-a {
	width:660px;
	margin:0px auto;
	background: transparent url(image/box-a-body.gif)  repeat-y center center;
}

div.special-a table.order-a  table {
	border-collapse:collapse;
	border-spacing:0;
	width:620px;
	margin:0px auto;
}
div.special-a table.order-a td {
	vertical-align:top;
}
div.special-a table.order-a h3 {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0px;
	padding:0px;
	background: none;
}
div.special-a table.order-a h4 {
	color:#e60000;
	font-size:25px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 5px;
	padding:0px 0px 0px;
	background: none;
}
div.special-a table.order-a p {
	font-size:14px;
	line-height:150%;
	text-align:left;
	margin:0;
	padding:0 0 5px;
}
div.special-a table.order-a p span {
	color:#999999;
}
div.special-a table.order-a p small {
	display:block;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}
div.order-a-button {
	margin:0px auto 35px;
	text-align:center;
}

/* 良くある質問
───────────────────────── */
div.special-a table.qa {
	width:620px;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
div.special-a table.qa th {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	line-height:200%;
	vertical-align:top;
	padding:7px 10px 7px 0;
	border-bottom:#cccccc solid 1px;
}
div.special-a table.qa td {
	text-align:left;
	font-size:14px;
	line-height:200%;
	vertical-align:top;
	padding:7px 10px 0px 0px;
}
div.special-a table.qa h4 {
	color:#000000;
	font-size:15px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0px 0px 0px;
	padding:0px 0px 0px;
	background: none;
}
div.special-a table.qa td p {
	font-size:15px;
	line-height:160%;
	text-align:left;
	margin:0;
	padding:0 0 10px;
}

/*------------------------------------------------------------
追加）align・・・文字の横位置
-------------------------------------------------------------*/
.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/

/*------------------------------------------------------------
追加）font-size・・・文字のサイズ
-------------------------------------------------------------*/
.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }

/*------------------------------------------------------------
3、float・・・ブロックの左右の回り込み＆clearfix
-------------------------------------------------------------*/

.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/
.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/
.fl-c{
	clear: both;
	margin-top: 20px;/*上に20pxのマージンをとる*/
}

/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }/*周りからのmarginを5に*/
.m5-t{ margin-top: 5px!important; }/*上からのmarginを5pxに*/
.m5-r{ margin-right: 5px!important; }/*右からのmarginを5pxに*/
.m5-b{ margin-bottom: 5px!important; }/*下からのmarginを5pxに*/
.m5-l{ margin-left: 5px!important; }/*左からのmarginを5pxに*/

.m10{ margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t{ margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r{ margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b{ margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l{ margin-left: 10px!important; }/*周りからのmarginを10pxに*/

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m150-t{ margin-top: 150px!important; }

/* Yasuhiro Kamimura */