@charset "UTF-8";

/**********************************************/
/* style.css                                  */
/**********************************************/

/* base
***********************************************/
body {
	margin: 30px 0 20px 0;
	padding: 0;
	background: #636255;
	line-height: 20px;
	font-family: Verdana, Arial, "MS P Gothic", sans-serif;
	font-size: 12px;
	color: #4C4C4C;
}

h1, h2, h3, h4, p, dl, dt, dd {
	padding: 0;
	margin: 0;
	color: #555;
}

strong {
	color: #000;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol {
	margin: 0;
	padding: 0;
}

a {
	color: #00D;
	text-decoration: underline;
}
a:hover {
	color: #09F;
	text-decoration: none;
}

img {
	border: none;
}

em, strong {
	font-style: normal;
}


/* class
***********************************************/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	display: inline-block;
}

.clear {clear: both;}

p.hitnum {
	margin: 15px 0 20px;
	padding-left: 10px;
	border-top: 1px solid #CCC;
	background: #EEE;
	line-height: 2.0;
}
p.hitnum em {
	font-weight: bold;
}


/* header
***********************************************/
div#header {
	width: 940px;
	height: 150px;
	margin: 0px auto;
	background: #E45655;
}

div#header h1, div#header p {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
}

div#header h1 {
	float: left;
	padding: 70px 10px 10px 20px;
	font-size: 3em;
	color: #FFF;
}
div#header h1 a {
	color: #FFF;
	text-decoration: none;
}
div#header h1 a:hover {
	color: #FFF;
}

div#header p {
	padding: 73px 10px 0px 0px;
	font-size: 1.2em;
}

/* breadcrumbs */
ul#breadcrumbs {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	font-size: 100%;
	text-align: left;
	background: #000;
	color: #FFF;
}

ul#breadcrumbs a {
	margin-right: 2px;
	padding: 0 0 0 20px;
	border: none;
	background: url(../img/bullet_go.gif) no-repeat left 55%;
	text-decoration: none;
	color: #D7D7BD;
	}
ul#breadcrumbs a:hover {
	color: #FFF;
}

ul#breadcrumbs li {
	display: inline;
	line-height: 2.2;
}
ul#breadcrumbs li ul {
	display: inline;
	margin: 0;
}
ul#breadcrumbs li em {
	padding: 0 0 0 20px;
	background: url(../img/bullet_go.gif) no-repeat left 55%;
	font-weight: bold;
	font-style: normal;
}


/* wrapper
***********************************************/
div#wrapper {
	width: 980px;
	margin: 0px auto;
	padding: 20px 0;
	background: #FFF/* url(../img/img02.jpg) repeat-y left top;*/
}


/* content
***********************************************/
div#content {
	width: 940px;
	margin: 0 auto;
}

div#content h2 {
	margin-bottom: 10px;
	padding-left: 5px;
	line-height: 2.0;
	font-size: 16px;
	font-weight: bold;
	border: 1px #CCC solid;
	border-bottom: 2px #CCC solid;
	border-right: 2px #CCC solid;
}
div#content h2 em {
	padding: 2px 0 2px 7px;
	border-left: 10px #E45655 solid;
}


/* right
***********************************************/
div#right {
	float: right;
	width: 660px;
	padding: 20px 0;
}

/* holder */
div.holder {
	margin: 15px 0 25px;
}

div.holder h3 {
	margin-bottom: 15px;
	padding: 5px 5px 5px 10px;
	background: #F6EDB1;
	font-size: 16px;
}

div.holder ul {
	width: 635px;
	margin-left: 25px;
}
div.holder ul li {
	margin-bottom: 5px;
}
div.holder ul li em {
	font-size: 20px;
	font-weight: bold;
	color: #F30;
}
div.holder ul li.photo {
	float: left;
	margin: 0 25px 0 0;
}
/* /holder */

/* serps */
div#serps {
	margin-bottom: 30px;
}
div#serps ol {
	margin-left: 25px;
}
div#serps ol li {
	margin-bottom: 23px;
}
div#serps ol li h4 {
	margin-bottom: 7px;
	font-size: 14px;
}
div#serps ol li p {
	margin-bottom: 7px;
}
div#serps ol li ul {
}
div#serps ol li ul li {
	display: inline;
}
div#serps ol li ul li em {
}
em.urllink {color: #008000;}
em.cacheulink {}
em.cacheulink a {color: #8284CC;}
div#serps ol li ul li span {
}
/* /serps */

/* recom */
div#recom {
	margin-bottom: 20px;
	padding: 15px 0 5px;
	background: #FFF9DD;
}
div#recom dl {
	margin: 0 15px 0 25px;
}
div#recom dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}
div#recom dl dd {
	margin-bottom: 10px;
}
/* /recom */

p.pagetop {
	text-align: right;
}
p.pagetop a {
	padding-left: 15px;
	background: url(../img/arrow_up.gif) no-repeat left center;
	line-height: 3.0;
}

/* error */
dl#error {
	width: 500px;
	margin: 20px auto 0;
	padding: 15px 20px;
	border: 1px solid #CCC;
}
dl#error dt {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
dl#error dd ul li {
	margin-bottom: 5px;
	padding-left: 16px;
	background: url(../img/bullet_green.gif) no-repeat left 50%;
}
/* /error */

/* sequence */
div#sequence {
	margin-bottom: 20px;
	background: #EEE;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
	font-size: 11px;
}
div#sequence ul {
	width: 100%;
	margin: 0 auto;
	text-align: right;
}
div#sequence ul li {
	margin: 0 2px;
	padding: 0;
	display: inline;
	position: relative;
	text-align: center;
	font-weight: bold;
	line-height: 2.0;
}
div#sequence ul li a {
	padding: 1px 4px;
	text-decoration: none;
	font-size: 11px;
}
div#sequence ul li a:hover {
	text-decoration: none;
	background: #FFF;
}
/* /sequence */

/* buzzwrap */
dl#buzzwrap {
	margin-bottom: 30px;
	padding: 5px;
	background: #DDD;
}
dl#buzzwrap dt {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(../img/lightbulb.gif) no-repeat left center;
	font-size: 14px;
	font-weight: bold;
}
dl#buzzwrap dd {
	padding: 5px;
	background: #FFF;
}
dl#buzzwrap dd#buzzuser {
	padding-left: 20px;
	background: url(../img/user.gif) no-repeat left center;
	font-weight: bold;
}
dl#buzzwrap dd#buzzdate {
	padding-top: 5px;
	color: #999;
	font-weight: bold;
	font-size: 11px;
}
/* /buzzwrap */

/* relatedlk */
dl#relatedlk {
	margin-bottom: 30px;
}
dl#relatedlk dt {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(../img/package.gif) no-repeat left center;
	font-size: 14px;
	font-weight: bold;
}
dl#relatedlk dd ul {
	margin-left: 4px;
}
dl#relatedlk dd ul li {
	margin-bottom: 5px;
	background: url(../img/bullet_green.gif) no-repeat left 50%;
}
dl#relatedlk dd ul li a {
	padding-left: 16px;
}
/* /relatedlk */

/* dtholder */
dl#dtholder {
	margin: 15px 0 25px;
}
dl#dtholder dt {
	float: left;
	display: block;
}
dl#dtholder dd {
	float: right;
	width: 550px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
}
dl#dtholder dd em {
	font-size: 20px;
	font-weight: bold;
	color: #F30;
}
dl#dtholder dd#outlink {
	margin: 10px 0 0;
	padding: 0;
	border: none;
}
dl#dtholder dd#outlink ul {
}
dl#dtholder dd#outlink ul li {
	display: inline;
	margin-right: 5px;
}
/* /dtholder */

/* viral */
div#viral {
	margin-bottom: 30px;
}
div#viral ol {
	margin-left: 25px;
}
div#viral ol li {
	margin-bottom: 23px;
}
div#viral ol li h4 {
	margin-bottom: 7px;
	font-size: 14px;
}
div#viral ol li p {
	margin-bottom: 7px;
}
div#viral ol li ul {
}
div#viral ol li ul li {
	display: inline;
}
div#viral ol li ul li em {
}
/* /viral */

p#notice {
	margin-bottom: 30px;
}


/* left
***********************************************/
div#left {
	float: left;
	width: 260px;
	padding: 20px 20px 20px 0;
}

div#left div.navwrap {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(../img/menu_box_btm.gif) no-repeat left bottom;
}
* html div#left div.navwrap {/* for IE6.0 */
	background: none;
}

div#left div.navwrap div.nav {
	background: #EEE url(../img/menu_box_top.gif) no-repeat center top;
}

div#left h3 {
	margin: 0 10px;
	margin-bottom: 10px;
	padding: 2px 0;
	line-height: 2.0;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px #E45655 solid;
}

div#left ul {
	margin: 0 10px;
	padding-bottom: 5px;
	list-style: none;
	background: #EEE;
}

div#left ul li {
	margin-bottom: 5px;
	padding-left: 16px;
	background: url(../img/bullet_green.gif) no-repeat left 50%;
}

div#left ol {
	margin: 0 10px;
	margin-left: 36px;
	padding-bottom: 5px;
	background: #EEE;
}
div#left ol li {
	margin-bottom: 5px;
}


/* footer
***********************************************/
div#footer {
	clear: both;
	width: 940px;
	height: 38px;
	margin: 0px auto;
	padding-top: 18px;
	border-top: 1px solid #444444;
	background: #000000;
	font-size: 10px;
}

div#footer p.copyright {
	margin: 0;
	padding-left: 20px;
	text-align: center;
	color: #F1F1F1;
}

div#footer a {
	text-decoration: none;
	color: #FFF;
}
