/* 
site:スリムビューティーハウスキャンペーン
contents:キャンペーンページ
Copyrightc2010 TUBOX Co., Ltd. All Rights Reserved. 
date:2010.03.31
by KMIZUKAMI
*/
@charset "EUC-JP";
*{
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arrial, sans-serif;
	font-size:12px;
	color:#666;
}

html{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
p,li,ul,ol,table,h1,h2,h3,h4,h5,form,img,dl,dt,dd {
	margin:0px;
	padding:0px;
	border:none;
	list-style-type: none;
	font-size:12px;
	color:#666;
}


/* 
ヘッダー
-------------------------------------*/
#header{
width:800px
}

#logo{
width:213px;
height:55px;
float:left;
}

#header-text{
width:587px;
float:right;
}

h1{
text-align:left;
padding:10px 0 3px 10px;
font-weight:normal;
font-size:12px;
}


/* 
メインコンテンツ
-------------------------------------*/
#maincontents{
width:800px;
background-image:url(../images/background_oubo.jpg);
}




.slim-oubo{
width:800px
}

#photo{
width:361px;
float:left;
}

#slim-btm{
width:439px;
float:right;
}

#nonohair{
width:397px;
float:left;
}

#visa{
width:403px;
float:right;
}


/* 
フォーム
-------------------------------------*/
#mail-form{
width:800px;
background-image:url(../images/background_form.jpg);
background-repeat:no-repeat;
}

#form-header{
width:800px;
height:37px;
}

div#formArea {
width:735px;
margin:0px 32px 0 31px;
background-color:#ffffff;
border: 1px solid #66cccc;
text-align:center;

}
div#formArea table {
width: 400px;
border: 1px solid #999999;
border-collapse: collapse;
margin:0px 166px 0 166px;

}

div#formArea th {
border-collapse: collapse;
border: 1px solid #999999;
padding: 10px; width: 100px;
text-align: right;
background-color: #EEE;
}

div#formArea td {
border-collapse:
collapse; border:
1px solid #999999;
padding: 10px;
background-color:#ffffff;
}

div#formArea #oubo_submit {
margin-top:10px;border: 0px;
width:422px;
height:109px;
background: url(../images/btm02_off.jpg) left top no-repeat;
}

#oubo-mail{
width:230px;
}

#oubo_submit{
width:437px;
height:52px;
}

.mail-text{
font-size:12px;
text-align:center;
}

#mail-input{width:300px;}


/* 
お申し込みの流れ
-------------------------------------*/
#step{
width:800px;
height:247px;

}

#step li{
float:left;
}


/* 
応募要項
-------------------------------------*/
div#oubo-header {
width:800px;
height:38px;
margin:10px 0 0 0;
}

div#oubo-center {
width:655px;
margin:0 32px 20px 31px;
background-color:#ffffff;
border: 1px solid #66cccc;
padding:15px 40px 15px 40px;
}


background-image:url(../images/oubo-center.jpg);width:600px;padding:20px 100px 20px 100px;}
div#oubo-footer {width:800px; height:7px; margin:0 0 0px 0;}
/*
 フッター
-------------------------------------*/
/*
5 フッター
----------------------------------------*/
#footer {width:900px;border-top:margin:10px auto 0px auto;position:relative;}
#footer img.tuboxlogo {position:absolute; top:30px; left:750px;}
#footer p {position:absolute; top:45px; left:360px;}
#footer ul {width:900px;position:absolute; top:72px; left:50px;height:10px;margin:0px;}
#footer li {float:left;list-style-type:none;margin-right:10px;padding:0px;}
#footer .p-mark {position:absolute; top:5px; left:150px;font-size:8px;}
#footer .p-mark a{font-size:10px;}
a {color:#666; text-decoration:none;}
a:hover {color:#4581B2; text-decoration:none;}

/*
 ミニマムクラス
-------------------------------------*/
.red {color:#ff0000;}
.fLeft  {float:left;}
.fRight {float:right;}
.mred{color:#FF4500;font-size:10px;}
.tCenter{text-align:center;}

#mgnT20{margin-top:20px;}
#mgnT40{margin-top:40px;}

a:link { color: #990000; }
a:visited { color: #990000; }
a:hover { color: #CC6666; }
a:active { color: #D3D3D3; } 

a.sub:link    { color: #FFCCCC; }
a.sub:visited { color: #FFCCCC; }
a.sub:hover   { color: #FFCCCC; }
a.sub:active  { color: #FFCCCC; } 

#link li {
font-weight:normal;
list-style-type:none;
float: left;
margin-left:3px;
}



/*
 clearfix
-------------------------------------*/
.clearboth {
clear: both; 
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


