@charset "utf-8";
/* 基本と初期化 */

html,body{
height:100%;
}

body > #wrap,
body > #container{
height: auto;
}

body{
text-align:center;
margin:0px;
padding:0px;
background:url("../img/nt/bg001.jpg") repeat #ffffff;
/*background:url("../img/bbg.gif") repeat #ffffff;*/
}

body,form,dt,dl,ul,ol{
margin:0px;
padding:0px;
}

ul,ol,li{
list-style-type:none;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,p,form,input,textarea,blockquote,table,th,td,address{
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka,  !important;
/* 非クリアタイプ確認用 
font-family:"ＭＳ Ｐゴシック", Osaka,  !important;
*/

font-size:15px;
}

img{
border:none;
}

h1,h2,h3,h4,h5,h6{
font-style:normal;
font-weight:normal;
font-size:100%;
margin:0px;
padding:0px;
}

h1{
display:none;
}


/* コンテナ */

#wrap{
width:850px;
margin:0px auto;
background:url("../img/wbg.gif") repeat-y;
}

#container{
width:850px;
margin:0px auto;
padding-top:45px;
background-color:#ffffff;
}


/* ヘッダナビ */

#hnavi{
text-align:right;
width:850px;
margin:auto;
background:url("../img/hnbg.gif") repeat;
}

#hnavi_body{
padding:3px 0px;
margin-left:auto;
text-align:left;
width:32em;
height:20px;
}

#hnavi_body{
font-size:13px;
}

#hnavi_body a{
color:#ffffff;
}


#hnavi a:hover{
color:#ff3366;
}

/* フッタ関係 */
#footer{
pading-bottom:15px;
}

#fl{
padding:15px 0px;
}

#fl a{
color:#000000;
}

#fl a:hover{
color:#3333cc;
}


/* 基本レターパーツ */
/* 段落 */
.basic{
padding-top:30px;
padding-bottom:30px;
width:780px;
margin:auto;
}


.basic .single{
width:83%;
margin:auto;
padding:20px 0px;
line-height:160%;
}

.basic .double{
width:83%;
margin:auto;
padding:45px 0px;
line-height:160%;
}

.basic .tripple{
width:83%;
margin:auto;
padding:60px 0px;
line-height:160%;
}

.basic .inlimgtext{
margin:auto;
padding:45px 0px;
line-height:160%;
text-align:center;
}

/* ポイント */

.pnttbl{
width:83%;
margin:25px auto;
border-collapse:collapse;
}

.pnttbl th,
.pnttbl td{
border:2px solid #000000;
padding:5px;
}

.pnttbl th{
background-color:#000000;
width:5em;
color:#ffffff;
}




/* チェックリストとブレット */

.blttbl{
width:680px;
margin:15px auto;
border-collapse:collapse;
border-top:1px dotted #c0c0c0;
}

.blttbl th{
width:55px;
padding:3px 5px;
text-align:left;
vertical-align:top;
border-bottom:1px dotted #c0c0c0;
}


.blttbl td{
padding:3px 5px;
text-align:left;
vertical-align:middle;
border-bottom:1px dotted #c0c0c0;
}

/* ブレット説明文 */

.quote td,
.quote th{
padding:20px 0px;
line-height:140%;
letter-spacing:1px;
font-size:14px;
font-weight:bold;
}

.quote th{
width:75px;
}


/* ブロック境界線 */

.blkdivide{
font-size:12px;
text-align:right;
width:90%;
margin:35px auto;
padding:25px 0px 3px 0px;
color:#a0a0a0;
min-height:16px;
height:auto !important;
height:16px;
background:url("../img/dotb.gif") repeat-x bottom;
clear:both;
}


/* 客の声 */

.voice_ol{
width:90%;
margin:45px auto;
}

.voice_title{
padding-bottom:10px;
margin:auto;
}


.voice .img_al{
border:1px solid #ffefef;
}

.voice .img_ar{
border:1px solid #ffefef;
}

.voice{
padding:24px 0px;
border:1px solid #c0c0c0;
background:url("../img/line.gif") repeat;
line-height:24px !important;
}

.voice p,
.voice div{
line-height:24px !important;
}

.vb{
width:85%;
margin:auto;
text-align:left;
min-height:140px;
height:auto !important;
height:140px;
}

.voice_ol h3{
float:left;
width:510px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-weight:bold;
padding-top:10px;
}

.voice_ol .vt{
font-size:18px;
font-weight:bold;
color:#a50e24;
line-height:24px;
}

.voice_ol .vn{
color:#220022;
font-size:14px;
font-weight:bold;
}

.voice_ol .vm{
display:block;
float:left;
width:80px;
height:60px;
margin-right:10px;
}

/* メルマガ */

#mm table{
width:90%;
margin:20px auto;
border-collapse:collapse
}

#mm table th{
font-weight:normal;
text-align:right;
background-color:#f0f0f0;
}

#mm table th,
#mm table td{
text-align:left;
padding:3px 5px;
border:1px solid #c0c0c0;
}

.canf{
width:90%;
margin:20px auto;
font-size:12px;
}

#mm .flatstyle{
border:1px solid #c0c0c0;
width:360px;
}

/* 対話部分 */

.talkbox{
width:90%;
margin:0px auto 35px auto;
text-align:left;
}


.kwmr_said{
color:#000066;
}

.user_said{
color:#ff3366;
}

.talk{
padding-top:35px;
padding-bottom:35px;
border:1px solid #a0a0a0;
width:85%;
margin:35px auto;
}

.talkbox div{
line-height:150%;
}

.talkbox img{
border:1px solid #a0a0a0;
}

.talkbelt{
margin:35px;
padding:10px 0px;
background-color:#eeeeee;
}

/* QandA */

dl.qa{
text-align:left;
width:680px;
margin:auto;
}

dl.qa dt{
padding-top:35px;
color:#ff3366;
margin-bottom:8px;
font-size:18px;
line-height:150%;
}

dl.qa dd{
margin-bottom:25px;
line-height:150%;
color:#303030;
}


/* 決済・特典 */
.kessai{
margin:auto;
}

.spbox{
padding-top:25px;
}

.spbox .title{
min-height:128px;
height:auto !important;
height:128px;
background:url("../img/spdetailbg.jpg") no-repeat;
font-weight:bold;
width:660px;
margin:25px auto;
text-align:left;
}

.spbox .title div{
height:36px;
font-size:17px;
line-height:18px;
padding:76px 0px 16px 120px;
}

.spbox .spdesc{
width:660px;
margin:auto;
line-height:150%;
color:#606060;
text-align:left;
}


/* お問い合わせメールフォームへ */

.tmf{
width:80%;
margin:25px auto;
}

.tmf a{
color:#336699;
text-decoration:none;
}

.tmf a:hover{
color:#336699;
text-decoration:underline;
}






/***** 汎用 *****/


/* クリア */

.clr{
clear:both !important;
min-height:1px;
height:auto !important;
height:1px;
}

/* アライン */

.tal{
text-align:left;
}

.tac{
text-align:center;
}

.tar{
text-align:right;
}

/* 文字装飾 */

.colred{
color:#cc0000;
}

.colpnk{
color:#ff3366;
}

.colble{
color:#333399;
}

.colyel{
color:#ff9900;
}

.colorg{
color:#ff6600;
}

.colgrn{
color:#339900;
}

.colgry{
color:#909090;
}

.colvio{
color:#663399;
}

.colbwn{
color:#660000;
}

.bgcyel{
background-color:#fffccc;
}

.bgcpnk{
background-color:#ff9999;
}

.bgcsky{
background-color:#66cccc;
}


.fwtbld{
font-weight:bold;
}

.fstnom{
font-style:normal;
}

.tdculn{
text-decoration:underline;
}


.larger_16{
font-size:16px;
line-height:20px;
}

.larger_20{
font-size:20px;
line-height:24px;
}

.larger_24{
font-size:24px;
line-height:28px;
}

.larger_32{
font-size:32px;
line-height:36px;
}

.smaller_12{
font-size:12px;
}

/* フロートイメージ */

.img_al{
display:block;
float:left;
margin-right:1em;
margin-bottom:0.5em;
}

.img_ar{
display:block;
float:right;
margin-left:1em;
margin-bottom:0.5em;
}