@charset "Shift_JIS";

* {
	margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',	Meiryo,'ＭＳ Ｐゴシック';
}

input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}

body {
	font-size: 14px;
	text-align: center;
	background: #FFFFFF;
	line-height:110%;
}

img {
	border: 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

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

a:link,a:visited,a:active {
	color: #0000ff;
}

a:hover {
	color: #ff9900;;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.green { color: #009900}
.gray1 { color: #C0C0C0}

.b { font-weight: bold; }

.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }
.size19 { font-size: 19px; }
.size20 { font-size: 20px; }
.size21 { font-size: 21px; }
.size22 { font-size: 22px; }
.size23 { font-size: 23px; }
.size24 { font-size: 24px; }
.size25 { font-size: 25px; }
.size26 { font-size: 26px; }
.size27 { font-size: 27px; }
.size28 { font-size: 28px; }
.size29 { font-size: 29px; }

.line { background: #ffff00; }

strong{ font-weight:bold; }
em{ font-weight:bold; }

.dotted { border-bottom:dotted 1px; }

.imgl {
	margin: 5px 20px 10px 0px;
	padding: 0;
	float: left;
}

.imgr {
	margin: 5px 0px 10px 20px;
	padding: 0;
	float: right;
	text-align: right;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h1 {
	width:820px;
	position:relative;
	margin: 0;
}

h2 {
	font-size: 32px;
	font-weight: bold;
	color: #C1272D;
	line-height: 130%;
	text-align: center;
	margin: 80px auto 50px auto;
}

h3 {
	line-height:150%;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	padding: 30px 10px 10px 110px;
	text-align: left;
}

h4 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 50px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテンツ基本レイアウト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#container {
	width: 820px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-left: solid #9A9A9A 10px;
	border-right: solid #9A9A9A 10px;
	background-color: #fff;
}

#contents {
	width: 700px;
	margin: 0px 60px 0px 60px;
}

#contents p{
	line-height:180%;
	font-size:14px;
	color:#000;
	margin: 10px 0px 20px 0px;
}

#catch {
	text-align: center;
	margin: 65px auto 55px auto;
}

#catch p{
	color:#000;
	font-size:32px;
	font-weight:bold;
	line-height:150%;
	word-break: break-all;
	margin: 0px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ブレット */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul.bullet-a{
	color:#000;
	margin: 30px 50px 40px 50px;
	padding: 10px 10px 10px 10px;
	background: transparent url(img/bullet_bg.gif)  repeat;
}

ul.bullet-a li{
	font-size:14px;
	list-style: none;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
	background: transparent url(img/mark.jpg)  no-repeat left center;
	margin: 0;
	padding: 5px 0px 4px 30px;
}

ul.bullet-b{
	color:#000;
	margin: 50px 50px 50px 50px;
	padding: 10px 10px 10px 20px;
	border: 2px solid #990000;
}

ul.bullet-b li{
	font-size:16px;
	list-style: none;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
	background: transparent url(img/mark1.gif)  no-repeat left center;
	margin: 0;
	padding: 10px 0px 4px 40px;
}

ul.bullet-c{
	color:#000;
	margin: 50px 50px 50px 50px;
	padding: 10px 10px 10px 20px;
	border: 2px solid #990000;
	background: transparent url(img/bullet_bg.gif)  repeat;
}

ul.bullet-c li{
	font-size:15px;
	list-style: none;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
	background: transparent url(img/mark2.gif)  no-repeat left center;
	margin: 0;
	padding: 10px 0px 4px 40px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.box-a{
	color:#000;
	margin: 50px 0px 50px 0px;
	padding: 10px 30px 1px 30px;
	background: transparent url(img/bullet_bg.gif)  repeat;
}

.box-b{
	color:#000;
	margin: 50px 0px 50px 0px;
	padding: 10px 30px 1px 30px;
	border: 2px solid #000066;
}

.box-c{
	color:#000;
	margin: 50px 0px 50px 0px;
	padding: 10px 30px 1px 30px;
	border: 2px solid #000066;
	background: transparent url(img/bullet_bg.gif)  repeat;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 商品説明 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.menu-a {
	margin:50px 10px 50px 10px;
	padding:25px 20px 1px 20px;
	background: transparent url(img/bullet_bg.gif)  repeat;
}

.menu-b {
	margin:50px 10px 50px 10px;
	padding:25px 20px 1px 20px;
	border:#FE9900 solid 2px;
}

.menu-c {
	margin:50px 10px 50px 10px;
	padding:25px 20px 1px 20px;
	border:#FE9900 solid 2px;
	background: transparent url(img/bullet_bg.gif)  repeat;
}

.title {
	text-align:left;
	line-height:160%;
	font-size: 18px;
	font-weight: bold;
	background: url(img/dot.gif) repeat-x bottom;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 商品 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

table.product {
	border-collapse:collapse;
	border-spacing:0;
	width: 700px;
	margin-top:50px;
	margin-bottom:50px;
}

.product_head {
	height:29px;
	margin:0px auto;
	padding: 0;
	background: transparent url(img/product_head.jpg)  no-repeat center top;
}

.product_body {
	line-height:170%;
	padding:20px 40px 20px 40px;
	background: transparent url(img/product_body.jpg)  repeat-y center top;
}

.product_foot {
	height:29px;
	margin:0px auto 20px auto;
	background: transparent url(img/product_foot.jpg)  no-repeat center top;
}

h2.p_title {
	line-height:180%;
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align: center;
	margin: 20px 0px 20px 0px;
}

#payment {
	margin: 50px 0px 0px 0px;
	text-align: center;
	clear:both;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.privilegebox {
	width: 700px;
	margin:50px 0px 50px 0px;
}

table.privilege {
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 0px 20px 0px;
}

.privilege_head {
	height:76px;
	margin:0px auto;
	background: transparent url(img/privilege_head.jpg)  no-repeat center top;
}

.privilege_body_top {
	height:10px;
	padding:0;
	background: transparent url(img/privilege_body_top.jpg)  no-repeat;
}

.privilege_body {
	padding:20px 20px 0px 20px;
	background: transparent url(img/privilege_body.jpg)  repeat-y center top;
}

.privilege_foot {
	height:23px;
	margin:0px auto 20px auto;
	background: transparent url(img/privilege_foot.jpg)  no-repeat center top;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* お客様の声 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.voicebox {
	width: 700px;
	margin:50px 0px 50px 0px;
}

table.voice {
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 0px 10px 0px;
}

.voice_head {
	height:37px;
	margin:0px auto;
	padding: 0;
	background: transparent url(img/voice_head.jpg)  no-repeat center top;
}

.voice_body {
	padding:0px 24px 5px;
	background: transparent url(img/voice_body.jpg)  repeat-y center top;
}

.voice_foot {
	height:30px;
	margin:0px auto 20px;
	background: transparent url(img/voice_foot.jpg)  no-repeat center top;
}

h3.v_title {
	line-height:180%;
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid #D8D8D8;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* よくある質問 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

table#qa { 
	border-collapse:collapse;
	border-spacing:0;
	margin:50px 0px 50px 0px;
	padding:0;
	border: 2px solid #F0E8AD;
	width: 700px;
}

table#qa th { 
	font-size:15px;
	line-height:150%;
	font-weight: bold;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 5px 10px;
	background-color: #F0E8AD;
}

table#qa td { 
	vertical-align:top;
	padding:15px 10px 5px 10px;
	background-color: #FFFFFF;
}

#qa p { 
	line-height:170%;
	font-weight: normal;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 追伸 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#ps {
	font-size: 14px;
	margin: 10px 0px 50px 0px;
	word-break: break-all;
}

#ps p{
	font-size:14px;
	line-height:150%;
	text-align:left;
	text-justify:inter-ideograph; 
	margin:0 0 0;
	padding:10px 0 0 0;
	background: url(img/dot.gif) repeat-x bottom;
}

.detail {
        text-align: center;
        margin: 60px auto 40px auto;
 }


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

#footer {
	margin: 20px 60px 0px 60px;
	padding-top: 5px;
	padding-bottom: 20px;
	clear:both;
}

#footer p {
	color:#666;
	text-align: center;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
}

#footer a {
	color:#666;
	text-decoration: none;
	font-style:normal;
}

.clear {
	clear:both;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特定商取引法に基づく表記 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3#lawtitle {
	margin: 0px 0px 30px 0px;
	padding: 30px 0px 0px 0px;
	border-bottom: 1px solid #D8D8D8;
}

table.law {
	width:700px;
	font-size: 13px;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid #D8D8D8;
	border-collapse:collapse;
	border-spacing:0;
}

td.right {
	padding: 10px;
	border-top: 1px solid #D8D8D8;
	line-height:150%;
}

td.left {
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #D8D8D8;
	background-color: #F8F8F8;
	line-height:150%;
}


/*--------------------------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。

Copyright 株式会社Mithril All rights Reserved.
--------------------------------------------------------------------------*/