/*========================
 * Twit Card 
========================*/
body { 
	background: #C0DEED url('../img/bg-clouds.png') repeat-x; 
}
#contents{
	margin:0px auto;
	width:750px;
	position : relative;
}

#contents .bird{
	width:80px;
	height:80px;
	position : absolute;
	top:30px;
	left:420px;
	background: url('../img/tweeties/80x80-look-left.png');
	behavior: expression(IEPNGFIX.fix(this));
}
#contents .follow{
	width:160px;
	height:160px;
	position : absolute;
	top:30px;
	left:590px;
	background: url('../img/tweeties/follow_off.png');
	behavior: expression(IEPNGFIX.fix(this));
}
#contents .follow:hover{
	background: url('../img/tweeties/follow_on.png');
}
/*------- header -------*/
#header{
	width:750px;
	height:159px;
	text-align:left;
}
#header .logo{
	width:368px;
	height:109px;
	background: url('../img/twit_logo.png');
	behavior: expression(IEPNGFIX.fix(this));
}
#header .logo h1{
	display:none;
}
#header .what{
	height:50px;
	width:500px;
	background: url('../img/clear.png');
	behavior: expression(IEPNGFIX.fix(this));
	padding:10px 30px;
	font-size:100%;
}

#header .what h2{
	height:28px;
	font-size:16px;
}


/*------- main -------*/
#main_top{
	width:750px;
	height:60px;
	background: url('../img/twit_top.png');
	behavior: expression(IEPNGFIX.fix(this));
	margin:10px 0 -1px 0;
}
#main{
	width:670px;
	background: #FFFFFF;
	padding:20px 40px;
}
#main_foot{
	width:750px;
	height:15px;
	background: url('../img/twit_foot.png');
	behavior: expression(IEPNGFIX.fix(this));
	margin:-2px 0 30px 0;
}

/*------- form -------*/
#form{
	width:280px;
}
#form .form_box{
	padding-bottom:30px;
}
#form #design_box img{
	width:108px;
	height:66px;
	border:solid 1px #828282;
	cursor:pointer;
}
#form #design_box img:hover{
	border:solid 1px #99B1BD;
}

#form #design_box li{
	float:left;
	padding:0 0 20px 20px;
}


/*------- card -------*/
#card{
	width:360px;
	height:220px;
	border:solid 1px #B2B2B2;
}
#card #cardimg{
	width:360px;
	height:220px;
}

/*------- button -------*/
#button_box{
	width:360px;
	padding-top:32px;
}
#button_box .button{
	width:165px;
	height:60px;
	cursor:pointer;
}
#button_box #create_pdf{
	background: url('../img/pdf_off.gif');
}
#button_box #create_pdf:hover{
	background: url('../img/pdf_on.gif');
}
#button_box #send_img{
	background: url('../img/sendcard_off.gif');
}
#button_box #send_img:hover{
	background: url('../img/sendcard_on.gif');
}

/* 無料印刷 */
#button_box #free_print{
	width:360px;
	height:60px;
	cursor:pointer;
	margin-top:30px;
	background: url('../img/free_off.gif');
}
#button_box #free_print:hover{
	background: url('../img/free_on.gif');
}

/* デザイン募集 */
#button_box #want_design{
	width:360px;
	height:60px;
	cursor:pointer;
	margin-top:30px;
	background: url('../img/want_design_off.gif');
}
#button_box #want_design:hover{
	background: url('../img/want_design_on.gif');
}


/*------- new_design -------*/
#new_design{
	width:730px;
	height:200px;
	padding:30px 10px;
	background-color:#FFF;
	border-top:dotted 1px #B2B2B2;
}
#new_design img{
	width:130px;
	height:79px;
	border:solid 1px #828282;
	cursor:pointer;
}
#new_design img:hover{
	border:solid 1px #99B1BD;
}
#new_design li{
	float:left;
	padding:0 0 30px 40px;
}

/*------- jCarouselLite -------*/
#jCarouselLite{
	width:730px;
	background-color:#FFF;
	border-top:dotted 1px #B2B2B2;
	padding:20px 10px;
}




/*------- send_form -------*/
#send_form{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	background: url('../img/overlay.png');
	z-index:1;
}
#send_form #send_box{
	width:500px;
	margin: 0 auto;
	margin-top:300px;
}
#send_form #send_box .top{
	width:500px;
	height:30px;
	background: url('../img/send_top.png');
	behavior: expression(IEPNGFIX.fix(this));
	margin:10px 0 -1px 0;
}
#send_form #send_box .main{
	width:420px;
	background: #FFFFFF;
	height:250px;
	*height:265px;
	padding:0 40px 0 40px;
	font-size:80%;
}
#send_form #send_box .foot{
	width:500px;
	height:30px;
	background: url('../img/send_foot.png');
	behavior: expression(IEPNGFIX.fix(this));
	margin:-2px 0 0 0;
}

/*-- address --*/
#send_box .address{
	width:200px;
	height:80px;
}
#send_box .address img{
	width:55px;
	height:55px;
	border:solid 1px #828282;
	float:left;
}
#send_box .address .name{
	text-align:left;
	padding-left:5px;
}
#send_box .address .name p{
	width:137px;
}
#send_box .address .name input{
	width:105px;
}

/*-- message --*/
#send_box .send_message{
	width:420px;
	height:90px;
	padding-top:20px;
	border-top:dotted 1px #ABABAB;
	border-bottom:dotted 1px #ABABAB;
}
#send_box .send_message img{
	width:108px;
	height:66px;
	border:solid 1px #828282;
	float:left;
}
#send_box .send_message .box{
	width:300px;
	height:66px;
	text-align:left;
	padding-left:5px;
}
#send_box .send_message .box textarea{
	width:295px;
	height:40px;
}


#send_box .send_message .box .counter{
	float:right;
	font-size:20px;
	font-weight:bold;
	color:#ccc;
	}
#send_box .send_message .box .warning{color:#600;}	
#send_box .send_message .box .exceeded{color:#e00;}	


/*-- button --*/
#send_box .button_box{
	width:420px;
	height:40px;
	padding-top:20px;
}
#send_box .button_box .little_button{
	width:100px;
	height:40px;
	margin-left:25px;
	cursor:pointer;
}
#send_box .button_box #send_button{
	background: url('../img/send_off.gif');
}
#send_box .button_box #send_button:hover{
	background: url('../img/send_on.gif');
}
#send_box .button_box #close_button{
	background: url('../img/close_off.gif');
}
#send_box .button_box #close_button:hover{
	background: url('../img/close_on.gif');
}
#send_box .button_box .pass{
	text-align:left;
}

/*------- footer -------*/
#footer{
	background: url('../img/clear.png');
	behavior: expression(IEPNGFIX.fix(this));
	margin-bottom:0px;
}
#footer a{
	text-decoration:none;
	color:#333;
}