/* ----------------------------------------
   newzia style definitions
------------------------------------------- */
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 72.5%;
	word-spacing:2px;
	color:#444;
	margin:0 0 20px 0;
}

* {
	margin:0;
	padding:0;
}

#wrapper {
	background:#fff;
	margin:0 auto;
}

* html #wrapper
{
	width: expression(document.documentElement.clientWidth > 970 ? "970px" : "auto");
}


#headerwrapper {
	margin: 0;
}

#innerwrapper {
	max-width:970px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:840px;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
}

#header {
	max-width:970px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:840px;
	margin: 0 auto;
}
/* for IE6 */
*html #header {
	width: 970px;
}

#header .right_menu {
	padding:0 5px 0 0;
	float:right;
	width:250px;
	margin: 0;
	font-size: 110%;
	text-align: right;
}

#header .right_menu .last_updated {
	color: #AA0000;
	font-weight: bold;
	font-size: 140%;
	margin-top: 40px;
}

#header #search {
	padding-right:10px;
	position:relative;
	right:35px;
	top:20px;
}

#header #top-keywords {
	margin:0 10px 0 0;
	width:250px;
	font-size: 130%;
}

#header #top-submit {
	position:absolute;
}

#header .copy {
	float: left;
	padding:0 20px 0 10px;
	width: 500px;
}

#header h1 {
	font-size: 12px;
	color: #666666;
}

#header .logo {
	float:left;
	padding:0 120px 0 5px;
	margin:0 20px 0 0;
}

#header .search_area {
	float: left;
	margin:0 0 5px 0;
}

#header .menu {
}

#header .menu a {
	color: #105CB6;
	font-size: 14px;
}

#header .menu a:hover {
	color: #105CB6;
	font-size: 14px;
}

#header a em {
	font-style:normal;
}

#header_nav {
	clear: both;
	max-width:970px;
	width:expression(this.width > 320 ? "320px" : this.width);
	min-width:840px;
	margin: 0 auto;
}

#header_line {
	border-top: 5px solid #AA0000;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 5px solid #AA0000; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #AA0000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #E1E5E6; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


#sidebarright {
	width:300px;
	float:right;
	padding:10px 0 0 20px;
}

#footer {
	clear:both;
	border-top:1px solid #ccc;
	padding:10px;
	margin:30px 0 0;
	text-align: center;
}

.copyright {
	clear: both;
	text-align: center;
	color: #999;
	padding-bottom: 10px;
	padding-top: 0;
	margin: 0;
}

*html .copyright {
	padding-bottom: 8px;
}

.outline {
	text-align:center;
	width: 46em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

*html .outline {
	margin-bottom: 0.4em;
}

dl.outline {
	padding-top: 0.4em;
	border-top: none;
}

dl.outline dt {
	margin: 0;
	padding: 0.7em 0 0.1em 1em;
	width: 74px;
	float: left;
	color: #333;
}	

dl.outline dd {
	margin: 0 0 0 2px;
	padding: 1em 1em;
	color: #999;
	float: left;
}

.outline a {
	color: #999;
}

.outline a:visited {
	color: #999;
}

/* ----------------------------------------
   2 column style
------------------------------------------- */
#content_2col {
	margin:0 320px 0 0;
	padding:10px 0 0 0px;
}

/* ----------------------------------------
   1 column style
------------------------------------------- */
#content_1col {
	padding: 10px 40px 10px 40px;
}

/* ----------------------------------------
   basic tags default
------------------------------------------- */
p {
	margin:5px 0;
	line-height:22px;
}

a {
	color: #578CCA;
	text-decoration:none;
}

a:visited {
	color:#993333;
}

a:hover {
	text-decoration:underline;
}

img {
	padding: 1px;
	border: none;
	vertical-align: top;
}

h1 {
	font-size:20px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

blockquote p {
	font-size:100%;
	padding: 0 10px 0 20px;
}

/* ----------------------------------------
   right sidebar box
------------------------------------------- */
.box {margin-bottom: 5px;}

.box_title {
	background: #C3DCFF url('../images/box_title.gif') no-repeat left top;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
}

.box_body {
	#background: #DAE3E9 url('../images/box_body.gif') repeat-x left top;
	background: #fff;
	padding: 1px 3px 1px 0px;
	font-size: 1.0em;
	border-left: 1px solid #C3DCFF;
	border-right: 1px solid #C3DCFF;
}

.box_body p {
	margin:10px;
}

.box_bottom {
	background: url('../images/box_bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}

.box ul{
	margin:10px 0 10px 15px;
	border-bottom: 1px solid #E2ECF2;
	font-size:12px;
}

.box li:first-child {border-top: none;}

.box ul li {
	list-style: none;
	padding: 1px;
	border-top: 1px solid #E2ECF2;
	margin:5px 0;
}

.title a {
	color: #105CB6;
}

/* ----------------------------------------
   topics
------------------------------------------- */
.topics_head {
	width: 98%;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.topics_head h1 {
	font-size: 16px;
	color: #666;
	padding-bottom: 3px;
}

.topics_head .last_updated {
	float:right;
	color: #ff6600;
	font-weight: bold;
}

.topics_head .title {
	font-size:18px;
	color:#555;
	font-weight:bold;
}

.topics {
	width: 98%;
	float: left;
}

.topic {
	margin-bottom: 10px;
	padding: 0;
	clear: both;
}

.topic_odd {
	background-color: #ECE2CE;
	margin-bottom: 30px;
	padding: 0;
	clear: both;
}

a.topic_title {
	color: #105CB6;
}

a.topic_title:visited {
	color: #993333;
}

a.inner {
    color: #105CB6;
	text-decoration: underline;
}

a.inner:visited {
	color: #105CB6;
}

.search_keyword {
	font-size:18px;
	color:#555;
	font-weight: bold;
	margin-bottom: 20px;
}

.discussion {
	padding: 6px 0 0 20px;
	line-height: 15px;
}

.comments {
	padding-left: 20px;
}

.related_topics {
	padding: 5px 0 3px 40px;
}

.related_topics_title {
	font-size:105%;
}

.related_topics_title a {
	color: #105CB6;
	font-weight: bold;
}

.related_news_item_discussion {
	padding-left: 15px;
}

.summary {
	font-size: 13px;
	padding: 0 10px 0 20px;
	line-height:18px;
	color: #444;
}

.summary_image {
	float: right;
	border: solid 1px #666;
}

.archives {
	text-align: right;
}

.navi_title {
	font-weight: bold;
}

a.navi {
	color: #444;
	text-decoration: underline;
}

.term_end {
	/*color: #ff6600;*/
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 6px;
	margin-left: 5px;
	border-bottom: 2px dotted #AA0000;
}

.affiliate img {
	border: solid 1px #666;
}

.affiliate {
	text-align: center;
	margin-bottom: 15px;
}

/* ----------------------------------------
   balloon
------------------------------------------- */
div.balloon b.tl {background:url(../images/balloon_top_left.gif) top left no-repeat;}
div.balloon b.tr {background:url(../images/balloon_top_right.gif) top right no-repeat;}
div.balloon p {background:#FFFEF6;}
div.balloon b.bl {background:url(../images/balloon_bottom_left.gif) top left no-repeat;}
div.balloon b.br {background:url(../images/balloon_bottom_right.gif) top right no-repeat;}
div.balloon b.point {background:url(../images/balloon_point.gif) top left no-repeat; margin:5px 0 0 25px;}
.balloon_container {padding:0; width:450px; margin-left:15px;}
.balloon_container div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
.balloon_container div {width:450px; height:auto; font-family:verdana; font-size:12px;}
b.tl {display:block; width:450px; height:8px; font-size:1px;}
b.tr {display:block; width:442px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:442px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:25px; height:14px;}
.balloon_container div p {padding:1px 10px 1px 10px; margin:0; border:3px solid #E5D8BC; border-width:0 3px; text-align:justify;}

/* ----------------------------------------
   emphasis
------------------------------------------- */
.tag1 {
	font-size: 1.4em;
}
.tag2 {
	font-size: 1.2em;
}
.tag3 {
	font-size: 1em;
}

.newzia_point {
	font-weight: bold;
	background-color: #ff6600;
	text-align: center;
	padding: 1px 3px 1px 3px;
	color: #fff;
}

.newzia_point a {
	text-decoration: none;
	color: #fff;
}

.newzia_point a:hover {
	text-decoration: underline;
}

.topic_keywords {
	margin: 10px;
}

.keyword {
	background-color: #2D8930;
	text-align: center;
	padding: 2px;
	margin: 5px;
	font-weight: normal;
}

.keyword a {
	text-decoration: none;
	color: #fff;
}

.keyword a:hover {
	text-decoration: underline;
}

.inner_keyword {
	border-bottom: 1px dashed;
}

.hot_keywords {
	margin: 10px;
	line-height: 25px;
}

.hot_keywords a {
	color: #2D8930;
	font-size: 120%;
	margin: 3px;
}

.keyword_menu {
	padding-bottom: 10px;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #CCCCCC
}

.keyword_menu_right {
	float: right;
}

.keyword_menu_title {
	margin-bottom: 10px;	
}

.keyword_menu_title h2 {
	font-size: 15px;
}

.updated_at {
	color: #555;
}

a.site {
	color:#555;
}

a.site:visited {
	color:#555;
}

.red {
	color: red;
}

.stress {
	font-weight: bold;
	font-size: 14px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.space_top {
	padding-top: 10px;
}

.space_both {
	padding: 10px;
}

.clear,.clearer {
	clear: both;
}

/* ----------------------------------------
   stats
------------------------------------------- */
table.stats{
    border-top:1px solid #006699;
    border-left:1px solid #006699;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width: 100%;
}
.stats th{
    border-right:1px solid #006699;
    border-bottom:1px solid #006699;
    color:#ffffff;
    background-color:#008599;
    background-position:left top;
    text-align:center;
}
.stats td{
    border-right:1px solid #006699;
    border-bottom:1px solid #006699;
    padding:0.1em 1em;
}

/* ----------------------------------------
   pagenation
------------------------------------------- */
.pagination {
  padding: 3px;
  margin: 3px;
  text-align: center;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  color: #000099;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

/* ----------------------------------------
   help
------------------------------------------- */
.help_index a {
	color: #0063DC;
}

ul.help_index_category {
	list-style-type: square;
	padding-bottom: 10px;
}

h3.help_index_title {
	font-size: 14px;
	font-weight: bold;
}

ol.help_index_contents a {
	font-size: 12px;
	font-weight: bold;
	color: black;
}

ol.help_index_contents a:hover {
	color: black;
}

h3.help_contents_title {
	font-size: 14px;
	font-weight: bold;
	color: #0063DC;
}

ol.help_contents_category {
	list-style-type: square;
	padding-bottom: 10px;
}

ol.help_contents_content li {
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	color: black;
}

p.help_content {
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	padding-bottom: 10px;
}

p.help_content a {
	color: #0063DC;
}

img.help { 
	border: 1px solid #ddd;
}

 /* ----------------------------------------
   validations
------------------------------------------- */
.notice {
  font-weight: bold;
  color: red;
  background-color: white;
  margin: 10px;
}
	
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 20px;
}