@charset "utf-8";
/*
Theme Name: Whoopee Theme
Theme URI: http://jp.whoopeemail.net/
Description: http://jp.whoopeemail.net/
Version: 1.0
Author: Whoopee
Author URI: http://jp.whoopeemail.net/
*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-family: Verdana;
	color: #333;
	font-size: 84%;
	
}

#layout {
	margin: 30px auto;
	text-align: left;
	width: 886px;
	background: top url(images/content_bg.gif) repeat-y;
}

#header {
	position: relative;
	height: 124px;
	background: top url(images/content_head.gif) no-repeat;
}

#header h1 {
	position: absolute;
	top: 17px;
	left: 13px;
	width: 290px;
	height: 63px;
	text-indent: -3000px;
	background: url(images/logo02.gif) no-repeat;
}

#header h1 a {
	display: block;
	width: 290px;
	height: 63px;
	background: url(images/logo02.gif) no-repeat;
}

#header p {
	position: absolute;
	top: 11px;
	left: 600px;
	width: 275px;
	height: 65px;
	text-indent: -3000px;
	background: url(images/description.gif) no-repeat;
}

#header p#quwai_logo {
  position: absolute;
  top: 27px;
  left: 575px;
  width: 88px;
  height: 25px;
  text-indent: -3000px;
  background: url(images/quwai_logo.gif) no-repeat;
}

#header p#btn_contact {
  position: absolute;
  top: 27px;
  left: 703px;
  width: 160px;
  height: 25px;
  text-indent: -3000px;
  background: url(images/header_contact_btn.gif) no-repeat left -25px;
}

#header p#btn_contact a {
  display: block;
  width: 160px;
  height: 25px;
  background: url(images/header_contact_btn.gif) no-repeat left -25px;
}

#header p#btn_contact a:hover {
  background: url(images/header_contact_btn.gif) no-repeat left 0px;
}

#header p#phone_num {
  position: absolute;
  top: 58px;
  left: 575px;
  width: 287px;
  height: 24px;
  text-indent: -3000px;
  background: url(images/phone_num.gif) no-repeat;
}

#header ul {
	position: absolute;
	margin: 0 3px;
	width: 880px;
	top: 93px;
	list-style: none;
	background: url(images/menu02.gif) repeat-x;
}

#menu_whoopee {
	float: left;
	margin: 0 0 0 60px;
	width: 175px;
	height: 30px;
	text-indent: -3000px;
	background: url(images/menu_whoopee02.gif) no-repeat;
}

#menu_whoopee a {
	display: block;
	width: 175px;
	height: 30px;
	background: url(images/menu_whoopee02.gif) no-repeat;
}

.cat-item-3 {
	float: left;
	width: 140px;
	height: 30px;
	text-indent: -3000px;
	background: url(images/menu_price02.gif) no-repeat;
}

.cat-item-3 a {
	display: block;
	width: 140px;
	height: 30px;
	background: url(images/menu_price02.gif) no-repeat;
}

.cat-item-4 {
	float: left;
	width: 115px;
	height: 30px;
	text-indent: -3000px;
	background: url(images/menu_faq02.gif) no-repeat;
}

.cat-item-4 a {
	display: block;
	width: 115px;
	height: 30px;
	background: url(images/menu_faq02.gif) no-repeat;
}

#menu_contact {
	float: left;
	width: 160px;
	height: 30px;
	text-indent: -3000px;
	background: url(images/menu_contact.gif) no-repeat;
}

#menu_contact a {
	display: block;
	width: 160px;
	height: 30px;
	background: url(images/menu_contact.gif) no-repeat;
}

#menu_how_it_works {
  float: left;
  width: 200px;
  height: 30px;
  text-indent: -3000px;
  background: url(images/menu_how_it_works.gif) no-repeat;
}

#menu_how_it_works a {
  display: block;
  width: 200px;
  height: 30px;
  background: url(images/menu_how_it_works.gif) no-repeat;
}


#menu_login {
	float: left;
	width: 130px;
	height: 30px;
	text-indent: -3000px;
	background: url(images/menu_login02.gif) no-repeat;
}

#menu_login a {
	display: block;
	width: 130px;
	height: 30px;
	background: url(images/menu_login02.gif) no-repeat;
}

#top_img {
	text-align: center;
}

#side {
	float: left;
	padding: 20px 20px 0 23px;
	width: 280px;
}

#register_content {
	margin: 0 0 15px 0;
	padding: 5px 30px 0 80px;
	width: 170px;
	height: 90px;
	background: url(images/register_content.gif) no-repeat;
}

#login_table {
	padding: 5px 10px;
}

#save_pass {
	text-align: center;
}

#form_btn {
	text-align: center;
	padding: 5px 0;
}

#login_block {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 278px;
}

.side_block {
	padding: 15px 0 0 0;
}

#content {
	float: left;
	padding: 20px 0 0 0;
	width: 540px;
}

.post {
	margin: 0 0 15px 0;
	padding: 15px;
	background: #FFFFFF;
}

.post h2 {
	padding: 0 0 15px 0;
	color: #6633FF;
}

.post h2 a {
	color: #6633FF;
}

.entry {
	padding: 0 5px;
}

.entry p {
	padding: 0 5px 10px 5px;
}

.entry ul, .entry ol {
	margin: 10px 15px;
	list-style: none;
}

.entry ul li {
	padding: 0 0 5px 10px;
	background: 0 5px url(images/list.gif) no-repeat;
}

.entry h3 {
	padding: 0 0 5px 0;
}

#footer {
	padding: 15px 0 20px 0;
	clear: both;
	background: bottom url(images/content_bottom.gif) no-repeat;
}

#footer_link {
	font-size: 84%;
	padding: 13px 20px;
	color: #FFF;
	line-height: 1.6;
	height: 29px;
	background: top url(images/footer.gif) no-repeat;
}

#footer_link a {
	color: #FFF;
}
img{
	border:none;
}

}

#plist  {
  width: 480px; 
  height: 140px;
  border: dotted 1px #555555; 
  padding: 5px;
  margin-bottom: 10px;
}
#plist .pmass {
  border-right: dotted 1px #555555;
}
#plist .pbtm {
  border-bottom: dotted 1px #555555;
}
#plist .pline {
  background-color: #F5F5F5;
}
#plist td{
  font-size: 80%;
  text-align: center;  
  padding: 5px;
}
#plist th{
  font-size: 80%;  
  border-bottom: dotted 1px #555555;
  text-align: center;
  padding: 5px;
  background-color: #EEEEEE;
}