/* 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/bg_choco_ch.gif);　　
	background-position:center;
}


/*containerのスタイル　本文囲み枠の太さや色、スタイル、背景色*/
div#container{
	width:620px;
	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;
}



/*h1のスタイル　h1タグの色と文字サイズ*/
h1{
	width:580px;
	padding:10px;
	font-size:12px;
	color:#333333;
	text-align:center;
}

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

div#head{
	width:600px;
	background-color:#FFFFFF;
	margin:0 auto;
}

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#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:0 auto;
	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{
	margin:0 auto;
	display:block;
	padding-top:10px;
	padding-bottom:25px;
}
/*画像のスタイル　画像をセンタリング*/
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;
}



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

.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:444px;
	border:#000099 solid 8px;
	margin:0 auto;
	padding:10px;
}

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#price{
	width:475px;
	margin:0 auto;
	border:#CC0000 3px dashed;
	margin-top:10px;
	
}
div#container div#main div#price h2{
	font-size:18px;
	text-align:left;
	padding-left:5px;
	color:#CC0000;
}
div#price p{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding-top:0px;
}

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

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

div#container div#main div#price div#dousa p{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	line-height:120%;
}
.small{
	font-size:12px;
}
/*--------------------------------------------------------------------
追伸
--------------------------------------------------------------------*/
div#ps{
	width:580px;
	margin:0 auto;
}

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

/*--------------------------------------------------------------------
インフォメーション
--------------------------------------------------------------------*/
div.info{
	width:400px;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}
div#container div#main div.info p{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0px;
}

/*--------------------------------------------------------------------
特定商取引
--------------------------------------------------------------------*/
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;
}