/* CSS Document */

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: Meiryo"メイリオ""Hiragino Kaku Gothic Pro W3""ヒラギノ角ゴ Pro W3" Osaka "MS P Gothic""ＭＳ Ｐゴシック"sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: Meiryo"メイリオ""Hiragino Kaku Gothic Pro W3""ヒラギノ角ゴ Pro W3" Osaka "MS P Gothic""ＭＳ Ｐゴシック"sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: Meiryo"メイリオ""Hiragino Kaku Gothic Pro W3""ヒラギノ角ゴ Pro W3" Osaka "MS P Gothic""ＭＳ Ｐゴシック"sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: Meiryo"メイリオ""Hiragino Kaku Gothic Pro W3""ヒラギノ角ゴ Pro W3" Osaka "MS P Gothic""ＭＳ Ｐゴシック"sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
bodyのスタイル　
背景画像を変更するときはbackground:url(../images/bg.gif)を変更、
画像不要なときはbackground:url(../images/bg.gif)の部分を削除
--------------------------------------------------------------------*/

body {
	font-size:16px;
	background-color:#FFFFFF;
	background:url(../images/bgBL.gif);　　
	background-position:center;
}


/*containerのスタイル　本文囲み枠の太さや色、スタイル、背景色*/
div#container{
	width:650px;
	background:#FFFFFF;
	margin:0 auto;
	border-left:#999999 0px solid;　
	border-right:#999999 0px solid;　
	border-bottom:#999999 0px solid;
	background:url(../images/bg5.gif);　　
}

div#container p{
	line-height:150%;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.mark{
	background:#FFFF00;
}
.customer{
	text-align:right;
	padding-top:10px;
	padding-left:10px;
	margin-right:15px;
	font-size:16px;
}
.red{
	color:#CC0000;
}


/*h1のスタイル　h1タグの色と文字サイズ*/
h1{
	width:640px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	color:#CCCCCC;
	background:#000000;
	text-align:center;
	margin:0 auto;
}

/*ヘッダーのスタイル　ヘッダーイメージの画像*/

div#head{
	width:650px;
	background-color:#FFFFFF;
	margin-bottom:5px;
}

div#login{
	width:580px;
	background:#FFFFFF;
	margin:0 auto;
	padding-top:0px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
}


div#container div#login p{
	text-align:right;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
}
div.click{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
div#date{
	width:580px;
	background:#FFFFFF;
	margin:0 auto;
	padding:10px;
}
div#container div#date p{
	line-height:150%;
}


div#auther{
	width:580px;
	background:#FFFFFF;
	margin:0 auto;
	padding:10px;
}

div#container div#auther p{
	line-height:150%;
}
/*見出しのスタイル*/


/*メインのスタイル*/
div#main{
	width:580px;
	background:#FFFFFF;
	margin-left:15px;
	padding:10px;
}
/*メインの段落<p>のスタイル*/
div#container div#main p{
	line-height:200%;
	padding-bottom:25px;
	padding-top:25px;
}
div#container div#main p.zenter{
	line-height:200%;
	padding-bottom:25px;
	padding-top:25px;
}

/*段落<p>の行間が150%で下の余白が少し広い*/
div#container div#main .150{
	line-height:150%;
	padding-bottom:1.25em;
}

/*段落<p>の下の余白をたくさん開けたいときのスタイル*/
div#container div#main p.wide{
	line-height:150%;
	padding-bottom:10.0em;
}

/*画像のスタイル　画像枠の設定*/
div.img{
	width:600px;
	display:block;
	padding-top:10px;
	padding-bottom:25px;
	text-align:center;
}
div.img p{
	line-height:150%;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	text-align:left;
}
ul{
	margin-top:15px;
	margin-bottom:10px;
   list-style:none;
}
li{
	height:30px;
	background:url(br.jpg) no-repeat;
    background-position: left center;
 	padding: 10px 10px 0px 45px;
	margin-bottom:1.85em;
	list-style-position:inside;
	line-height:1.25em;
	vertical-align:middle;
	text-align:left;
}
ul#mahou{
	margin-top:15px;
	margin-bottom:10px;
   list-style:none;
}
li#mahou{
	height:50px;
	background:url(witch.gif)  no-repeat;
    background-position: left center;
 	padding: 30px 10px 0px 60px;
 	margin-bottom:0.25em;
	list-style-position:inside;
	line-height:1.25em;
	vertical-align:middle;
	text-align:left;
}
/*画像のスタイル　画像をセンタリング*/
p.img{
	text-align:center
}
/*画像のスタイル　画像を左寄せ*/
p.imgLeft{
	text-align:left;
}

/*--------------------------------------------------------------------
テキストのスタイル
--------------------------------------------------------------------*/

/*共通のスタイル 強調<strong>のスタイル*/
strong{
	font-weight:bold;
	color:#CC0000;
}

h2{
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
	line-height:1.5em;
	padding-top:15px;
	padding-bottom:15px;
}
h3{
	font-size:18px;
	font-weight:bold;
	color:#0000CC;
	line-height:1.5em;
	padding-top:15px;
	padding-bottom:15px;
}
h4{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
/*--------------------------------------------------------------------
普通のブレッド
--------------------------------------------------------------------*/
div.bred02{
	width:500px;
    border:#FF0000 solid 3px;
    padding:10px;
	margin-left:40px;
}
ul.check{
	margin-top:15px;
	margin-bottom:10px;
    list-style:none;
}
li.check{
	height:30px;
	background:url(br2.jpg) 3px 100% no-repeat;
	padding-left:40px;
	margin-bottom:1.85em;
	list-style-position:inside;
	line-height:1.25em;
	vertical-align:middle;
	text-align:left;
}

/*デカ文字(赤）でセンタリング*/

.fontBigcenter{
	font-size:35px;
	font-weight:bold;
	color:#CC0000;
	text-align:center;
}

/*通常の文字でいろいろな色を使う場合*/

.fontnormalColor{
	color:#FF00FF;
	line-height:1.5em;
}

.fontnormalColor2{
	color:#009900;
	line-height:1.5em;
}

.txtstyle{
	color:#000000;
}


/*--------------------------------------------------------------------
特典のスタイル
--------------------------------------------------------------------*/
div.bounus{
	width:560px;
	border:#000033 solid 8px;
	margin-left:28px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	margin-bottom:35px;
}
div.bounus p{
	font-size:16px;
	text-align:left;
	padding-top:0px;
	margin-bottom:10px;
	line-height:1.5;
}

div.bounus h2{
	font-size:20px;
	font-weight:bold;
	color:#660099;
	line-height:1.5em;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

div.bounus h3{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	line-height:1.25em;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
div.bounus h4{
	font-size:20px;
	color:#CC0000;
	font-weight:bold;
	line-height:1.25em;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}
/*--------------------------------------------------------------------
声のスタイル
--------------------------------------------------------------------*/
div.voice{
	width:560px;
	border:#000066 solid 8px;
	background:#C8E3FF;
	margin-left:28px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	margin-bottom:35px;
	margin-top:35px;
}
div.voice p{
	font-size:16px;
	text-align:left;
	padding-top:0px;
	margin-bottom:10px;
	line-height:1.5;
}
div.voice h2{
	font-size:20px;
	font-weight:bold;
	color:#0066FF;
	line-height:1.5em;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

div.voice h3{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	line-height:1.25em;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

/*--------------------------------------------------------------------
プライス
--------------------------------------------------------------------*/
div#price{
	width:560px;
	border:#CC0000 solid 8px;
	margin-left:28px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	margin-bottom:35px;
	margin-top:15px;
}
div#price h2{
	font-size:18px;
	text-align:center;
	padding-left:5px;
	color:#000000;
}
div#price p{
	font-size:16px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
div#price p.yes{
	font-size:16px;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
	font-size:18px;
	font-weight:bold;
}
div#price p.seq{
	font-size:16px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color:#FF0099;
	line-height:1.25em;
}

div#price div#dousa{
	width:400px;
	margin:0 auto;
	border:#CC0000 1px solid;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

div#price div#dousa h2{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	color:#CC0000;
}

div#price div#dousa p{
	font-size:16px;
	text-align:left;
	padding-top:0px;
	line-height:1.45em;
	font-weight:bold;
}
div#price div#dousa p.spammail{
	font-size:12px;
	text-align:left;
	padding-top:0px;
	line-height:1.45em;
	color:#CC0000;
	font-weight:normal;
}

.small{
	font-size:12px;
}
/*--------------------------------------------------------------------
追伸
--------------------------------------------------------------------*/
div#ps{
	width:580px;
	margin:0 auto;
}

div#ps h2{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	padding-bottom:5px;
	color:#000000;
}
div#ps p{
	font-size:16px;
	text-align:left;
	padding-top:0px;
	line-height:150%;
}

/*--------------------------------------------------------------------
インフォメーション
--------------------------------------------------------------------*/
div.info{
	width:560px;
	margin-left:45px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	margin-bottom:35px;
	margin-top:15px;
}

div.info p{
	font-size:16px;
	text-align:left;
	padding:0px;
	margin-bottom:10px;
	line-height:150%;
}

/*--------------------------------------------------------------------
特定商取引
--------------------------------------------------------------------*/
div#tokusyo{
	width:600px;
	margin:0 auto;
}

div#tokusyo p{
	font-size:14px;
	text-align:center;
}


/*--------------------------------------------------------------------
フッターのスタイル
--------------------------------------------------------------------*/
div#foot{
	width:600px;
	background-color:#ffffff;
	margin:0 auto;
}

div#foot p{
	font-size:12px;
	color:#999999;
	text-align:center;
}
div#foot p.priv{
	font-size:10px;
	color:#999999;
	text-align:left;
}