@charset "shift-jis";

/* 基本 
======================================== */
body {
	width:100%;			
	text-align:center;
	line-height:250%;
	margin:0 auto;
	background:url(../img/top3.jpg) no-repeat scroll center top;
}

div {margin:0; margin:0 auto;}

p {text-indent:1em;}

.test {border:1px solid #ff00ff;}


/* 文字 
======================================== */
.f8 {font-size:8px;}
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f22 {font-size:22px;}
.f28 {font-size:28px;}
.f32 {font-size:32px;}
.f36 {font-size:36px;}

.cRed {color:#e01f1f;}
.cBlack {color:#000000;}
.cYellow {color:#e4e41b;}
.cBlue {color:#3535ff;}
.cGreen {color:#009d00;}
.cAqua {color:#38dada;}
.cOrange {color:#ff652b;}
.cPink {color:#ff4dff;}
.cNavy {color:#0d0d75;}
.cGray1 {color:#e9e9e9;}
.cGray2 {color:#9c9c9c;}
.cGray3 {color:#6c6c6c;}
.cGray4 {color:#535353;}
.cGray5 {color:#2b2b2b;}

.cRedB {color:#e01f1f; font-weight:bold;}
.cBlackB {color:#000000; font-weight:bold;}
.cYellowB {color:#e4e41b; font-weight:bold;}
.cBlueB {color:#3535ff; font-weight:bold;}
.cGreenB {color:#009d00; font-weight:bold;}
.cAquaB {color:#38dada; font-weight:bold;}
.cOrangeB {color:#ff652b; font-weight:bold;}
.cPinkB {color:#ff4dff; font-weight:bold;}
.cNavyB {color:#0d0d75; font-weight:bold;}
.cGray1B {color:#e9e9e9; font-weight:bold;}
.cGray2B {color:#9c9c9c; font-weight:bold;}
.cGray3B {color:#6c6c6c; font-weight:bold;}
.cGray4B {color:#535353; font-weight:bold;}
.cGray5B {color:#2b2b2b; font-weight:bold;}

.cRedBY{font-weight:bold; color:#ee0000;background:#ffffe1;}

.tR {text-align:right;}
.tC {text-align:center;}
.tL {text-align:left;}

.lh100 {line-height:100%;}
.lh120 {line-height:120%;}


/* リンク 
======================================== */
a:link,a:visited{
	color:#3535ff;
	text-decoration:none;
}

a:hover {
	color:#3535ff;
	text-decoration:underline overline;
}


/* テーブル 
======================================== */
table {
	table-layout:fixed; width:300px; /*横幅固定*/
	border-collapse:collapse; /*枠線を重ねる*/
	empty-cells:show; /*空セルの枠線も表示*/
}


/* 画像 
======================================== */
img {
	border-style:none;
	border:0px;
}


/* container 
======================================== */
#container {
	width:900px;
	margin:0 auto;
}

.w640 {width:640px;}
.w600 {width:600px;}


/* 見出し 
======================================== */
.midashi01 {
	background:url(../img/midashi01.jpg) no-repeat scroll center top;
	height:100px;
	color:#ffffff;
	font-size:34px;
	margin-top:50px;
	padding-top:30px;
}

.midashi02 {
	background:url(../img/midashi02.jpg) no-repeat scroll center top;
	height:100px;
	color:#ffffff;
	font-size:34px;
	margin-top:50px;
	padding-top:30px;
}

/* 冒頭説明
======================================== */
.catherin05 {background:url(../img/catherine05.jpg) no-repeat right bottom;}
.catherin06 {background:url(../img/catherine06.jpg) no-repeat right bottom;}


/* 特徴 
======================================== */
.tokucho {background:url(../img/tokucho00.jpg) no-repeat center bottom;}

.tokucho .w640 {
	padding-left:30px;
	padding-bottom:200px;
	text-align:left;
}


/* 機能紹介
======================================== */
.kinou .w640 {
	margin-bottom:100px;
	text-align:left;
}


/* サポート体制
======================================== */
.support .w640{
	padding-left:30px;
	margin-bottom:100px;
	text-align:left;
}

.support .contents{
	width:750px;
	margin-bottom:100px;
	padding-bottom:50px;
	text-align:left;
	border-bottom:2px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:2px solid #dbdbdb;
}

.support .contents p{
	width:640px;
	margin-left:60px;
}


/* 特典
======================================== */
.special .w640 {
	padding-left:30px;
	margin-bottom:100px;
	text-align:left;
}


/* Ｑ＆Ａ
======================================== */
#faq {text-align:left;}

.faqQ1 {
	background:url(../img/faqQ1.jpg) no-repeat center top;
	height:380px;
}

.faqQ2 {
	background:url(../img/faqQ2.jpg) no-repeat center top;
	height:120px;
}

.faqQB1 {
	color:#000000;
	font-weight:bold;
	margin-left:190px;
	width:560px;
	padding-top:310px;
}

.faqQB2 {
	color:#000000;
	font-weight:bold;
	margin-left:190px;
	width:560px;
	padding-top:50px;
}

.faqA1 {background:url(../img/faqA1.jpg) no-repeat center bottom;}

.faqA2 {background:url(../img/faqA2.jpg) no-repeat center bottom;padding-bottom:100px;}

.faqA {
	margin-left:190px;
	padding-bottom:100px;
	width:560px;
}


/* 限定販売
======================================== */
.gentei .w640 {
	padding-left:30px;
	margin-bottom:100px;
	text-align:left;
}


/* メッセージ
======================================== */
.msg {
	margin-left:50px;
	width:800px;
	background:#fcfcf4;
	padding-bottom:50px;
	margin-bottom:100px;
	margin-top:100px;
	text-align:left;
}

.msg p {
	margin-left:50px;
	width:700px;
	border-bottom:#cccccc 1px dashed;
}

.msg div {
	width:700px;
	font-size:24px;
	text-align:right;
	padding-top:10px;
}


/* コピーライト
======================================== */
.footer {
	margin-left:30px;
	margin-bottom:100px;
	text-align:left;
}

/* 購入ボタン
======================================== */
.btn_cart a{
	display:block;
	width:500px;
	height:98px;
	background-repeat:no-repeat;
	background-position:top left;
	color:#ffffff;
	background:url(../img/cart.jpg);
	margin:0 auto;
}

.btn_cart a:hover{
	background-position:top right;
}


/* Kenマニュアル
======================================== */
#kenmanual{
	border:2px #3399FF solid;
	width:800px;
	padding:50px;
}

.kenmanual-inner{
	width:700px;
	margin-bottom:30px;
}