・*------------------------------------------------------
  Author   :  NewsTokyo
  Date     :  08/1/8
-----------------------------------------------------*/

/*

	*01 header
	*02 main
	*03 menu
	*04 contents
	*05 affiliate
	*06 footer
	*07 other table
    *08 検索結果のハイライト表示
*/

/*-----------------------------------------------
	*00 擬似クラス
-------------------------------------------------*/

a:link { color: #273770; text-decoration :none; } 
a:visited { color: #273770; text-decoration :none; } 
a:hover { color: #273770; text-decoration :none; } 
a:active { color: #273770; text-decoration :none; } 


/*-----------------------------------------------
	*00 初期化
-------------------------------------------------*/

body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0px;
  padding : 0px;
}
body {

	font-size: 14px;
	color: #666666;
}

img {
	border: none;
}

#container {
	width: 820px;
	margin: 0px auto;
	text-align: left;
}
/*-----------------------------------------------
	*01 header
-------------------------------------------------*/
#header {
	margin:5px 0 5px 0;
	position:relative;
	padding-bottom:6px;
}

#header a {
	color: #666;
	text-decoration: none;
}

#header a:hover{
	color: #FF0000;
	text-decoration: underline;
}

#header .logo_left {
	display:block;
    width:162px;
    height:76px;
    top: 2px;
    padding:5px 0 0 8px;
}

#description h2{
	font-size: 100%;
	position:absolute;
	top: 10px;
	right:10px;
	padding:0;
	margin:0;
}

#description p{
	font-size: 90%;
	position:absolute;
	top: 30px;
	right:10px;
	padding: 0;
}

#description ul{
		position:absolute; 
		top:58px;
		right:0;
		font-size:90%;
}

#description li {
	 	display:inline;
	 	margin:5px 0;
		padding:0px 5px 0px 15px;
		background:url(images/arrow.gif) no-repeat left center;
}


/*-----------------------------------------------
	*02 main
-------------------------------------------------*/

#main {	/* メニューと本文と広告部分をひとくくりするためのクラス */
	margin: auto;
	margin-bottom: 25px;
	width: 820px;        
}


/*-----------------------------------------------
	*04 contents 共通
-------------------------------------------------*/

#contents{
	background-color: #ffffff;
	border-top: #999999 1px solid; 
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid; 
	border-left: #999999 1px solid; 
	float: left;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-right: 0px;
	width: 643px;
}

#contents a:link { color: #273770; text-decoration :none; } 
#contents a:visited { color: #273770; text-decoration :none; } 
#contents a:hover { color: #ff3300; text-decoration :underline; } 
#contents a:active { color: #ff3300; text-decoration :none; } 

#contents div.cont_head {
	border-top: #999999 0px solid; 
	border-bottom: #999999 0px solid;
	border-right: #999999 0px solid; 
	border-left: #999999 0px solid; 
	width : 643px; 
	height:34px;
}

#contents div.cont_head img {
	height:33px;
	width:643px; 
	border-bottom: #999999 0px solid;
}

#contents div.cont_main {
	border-top: #999999 0px solid; 
	border-bottom: #999999 0px solid;
	border-right: #999999 0px solid; 
	border-left: #999999 0px solid; 
	margin:0px;
	padding-top:5px;
	padding-bottom:30px;
	padding-left:30px;
	padding-right:30px;
	width : 583px; 
}

#contents div.cont_main2 {
	border-top: #999999 0px solid; 
	border-bottom: #999999 0px solid;
	border-right: #999999 0px solid; 
	border-left: #999999 0px solid; 
	margin:0px;
	width : 583px; 
	font-size: 12px;
}

#contents div.cont_main_art {
	border-top: #999999 0px solid; 
	border-bottom: #999999 0px solid;
	border-right: #999999 0px solid; 
	border-left: #999999 0px solid; 
	margin:0px;
	padding-top:5px;
	padding-bottom:30px;
	padding-left:22px;
	padding-right:13px;
	width : 583px; 
}

#contents div.number {
	border-bottom:double 2px #455765; 
	clear:both;
	color:#455765; 
	/*height:20px; */
	font-weight:bold; 
	font-size:12px; 
	margin-bottom:10px;
	padding-top:10px; 
	padding-bottom:5px; 
}

#contents div.number hr{
	color:#455765;
}

#contents div.contents_foot {
	border-top:double 0px #273770; 
	clear:both;
	color:#273770; 
	/*height:20px; */
	font-weight:bold; 
	font-size:12px;
	padding-top:20px;
	padding-bottom:5px;
	text-align:right; 
}
#contents div.contents_foot a:link { color: #273770; text-decoration :none; } 
#contents div.contents_foot a:visited { color: #273770; text-decoration :none; } 
#contents div.contents_foot a:hover { color: #273770; text-decoration :underline; } 
#contents div.contents_foot a:active { color: #273770; text-decoration :none; } 

#contents td.company {
	font-size: 14px;
}

/*-----------------------------------------------
	*04index contents
-------------------------------------------------*/

#contents div.headline {
	clear:both;
}

#contents div.mark {
	float:left; 
	width:20px;
}

#contents div.mark img {
	border-width:0px;
	height:12px; 
	width:12px;
}

#contents div.article {
	float:left; 
	width:508px;
}

#contents div.article a{
	font-size:12px; 
	font-weight:bold; 
	vertical-align:text-top;
}

#contents div.article p.title{
	font-size:12px; 
	font-weight:bold;
	vertical-align:text-top;
}
	
#contents div.article p.subtitle{
	font-size:12px; 
	margin-top:3px; 
	margin-bottom:7px;
	vertical-align:middle; 
}

/*-----------------------------------------------
	*04article contents
-------------------------------------------------*/
#contents div.cont_main_art h1{ /* タイトル */
	
	font-size:15px; 
	font-weight:bold; 
	color:#273770;
	line-height: 175%; 
	letter-spacing: 2px; 
	margin-bottom:5px; 
}
#contents div.cont_main_art div.art_title {	/* タイトル */
	
	font-size:15px; 
	font-weight:bold; 
	margin-top:15px; 
	margin-bottom:5px; 
	letter-spacing: 2px;
}

#contents div.cont_main_art div.art_subtitle {	/* サブタイトル */

	font-size:13px; 
	margin-bottom:16px; 
	letter-spacing: 2px;
}

#contents div.cont_main_art div.art_description img {	/* 画像 */

	border-width:0px; 
	display:block
}

#contents div.cont_main_art p.caption {	/* キャプション */

	font-size:11px; 
	margin-top:10px
}

#contents div.cont_main_art h2{ /*サブタイトル*/
	
	clear:both; 
	font-size:14px; 
	font-weight:bold; 
	color:#104E8B;
	line-height: 175%; 
	letter-spacing: 2px; 
	margin-bottom:10px; 
	border-bottom: #104E8B 1px dotted;
	border-left: #104E8B 8px solid;
	padding-left: 12px;
}

#contents div.cont_main_art h3{ /*サブタイトル*/
	
	clear:both; 
	font-size:14px; 
	font-weight:bold; 
	line-height: 175%; 
	letter-spacing: 2px; 
	margin-bottom:10px; 
	padding-left: 12px;
}
#contents div.cont_main_art p.sentence {	/* 本文 */

	font-size:12px; 
	letter-spacing: 2px; 
	line-height: 175%; 
	margin-bottom:10px;
}

#contents div.cont_main_art p.sentence span{	/* 本文上揃え */
	vertical-align: 0.7em;
}

#contents div.cont_main_art p.reporter {	/* 取材者 */
	clear:both; 
	float:right; 
	font-size:10px; 
	line-height: 175%; 
	letter-spacing: 2px; 
	margin-top:10px; 
	margin-bottom:10px;
}

#contents div.cont_main_art p.tag {	/* タグ */
	font-size:10px;  
	margin-top:10px; 
	margin-bottom:10px;
}

#contents div.cont_main_art div.art_img_r {	/* 画像ブロック(右側) */

	float:right; 
	margin-left:10px; 
	margin-bottom:10px;
}

#contents div.cont_main_art div.art_img_l {	/* 画像ブロック(左側) */

	float:left; 
	margin-right:10px; 
	margin-bottom:10px;
}

#contents div.cont_main_art div.art_img_c {	/* 画像ブロック(中央) */

	clear:both;
	margin:auto;
}


/*-----------------------------------------------
	*05 affiliate
-------------------------------------------------*/

#affiliate{
  float: left;         	/* 指定しないとFirefox,Operaで落ちる可能性があります。 */
  margin-bottom: 25px;
  margin-left: 0px;
  margin-right: 0px;
  width: 165px;
}

#affiliate div.ad {
	margin-bottom:10px; 
	margin-left:25px;
}

#affiliate img.gift {
	border-width:0px;
	height:92px;  
	width:130px; 
}

#affiliate div.intro {
	margin-top:25px; 
	margin-left:30px;
}

#affiliate img.intro {
	border-width:0px;
	height:18px;  
	width:130px; 
}
#affiliate .city {
	margin-bottom:7px;
	margin-left:25px;
	width : 150px; 
}

#affiliate .city img{
	border-width:0px;
	height:40px; 
	width:150px; 
}

#affiliate .submenu_top {
	margin-top:13px;
	margin-left:25px;
	width : 150px; 
}

#affiliate .submenu_top img{
	border-width:0px;
	height:1px; 
	width:150px; 
}

#affiliate .address {
	width : 150px; 
	margin-left:25px;
}

#affiliate .submenu {
	width : 150px; 
	margin-left:25px;
}

#affiliate .submenu img{
	border-width:0px;
	height:30px; 
	width:150px; 
}

/*-----------------------------------------------
	*06 footer
-------------------------------------------------*/

#footer{
	clear : both;
	margin : auto;
	margin-bottom : 20px; 
	padding-top: 5px;
	text-align: right; 
	width : 820px; 
}
#footer .inner{
	border-top: #273770 thin solid; 
	border-bottom-style: none;
	border-left-style: none; 
	border-right-style: none;
	clear : both;
	color: #273770;  
	font-size:12px;
	margin : 0px;
	padding: 0px;
	text-align: right; 
	width : 820px; 
}

#footer table {
	width:820px;
}

/*文字指定 */
#footer .keyword{
	border-top: #273770 thin solid; 
	border-bottom-style: none;
	border-left-style: none; 
	border-right-style: none;
	clear : both;
	color: #273770;  
	font-size:12px;
	margin : 0px;
	padding: 5px;
	text-align: right; 
	width:820px;
}
/************************
ページナビ
************************/
#mainCulumnPager{
width: 505px;
margin-bottom: 25px;
padding: 5px 0;
}

#mainCulumnPager div.before{
float: left;
width: 60px;
}
#mainCulumnPager div.before a{
display: inline-block;
padding: 3px 5px 3px 20px;
border: 1px solid #ccc;
font-weight: bold;
background: url(http://img.allabout.co.jp/img/cmn/icon_before.gif) no-repeat 5px 50%;
}
#mainCulumnPager div.next{
float: right;
width: 60px;
text-align: right;
}
#mainCulumnPager div.next a{
display: inline-block;
padding: 3px 20px 3px 5px;
border: 1px solid #ccc;
font-weight: bold;
background: url(//img.allabout.co.jp/img/cmn/icon_next.gif) no-repeat 2.7em 50%;
}
#mainCulumnPager div.pager{
padding: 2px 160px 0 70px;
text-align: center;
font-size: 90%;
}
#mainCulumnPager div.pager a{
display: inline-block;
margin: 0 2px;
padding: 3px 5px;
border: 1px solid #e1e1e1;
background: #f1f1f1;
}

#mainCulumnPager div.pager a:hover{
border: 1px solid #98b4e6;
background: #adc3e1;
}
#mainCulumnPager div.pager span{
display: inline-block;
margin: 0 2px;
padding: 3px 5px;
border: 1px solid #cadfeb;
font-weight: bold;
background: #dae9f4;
}

/*-----------------------------------------------
	*07 other table
-------------------------------------------------*/


table.table01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.table01 caption {
  margin-top: 1em;
  text-align: left;
}

table.table01 th,
table.table01 td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.table01 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table01 td.name {
  text-align: left;
  font-size: 90%;
}

table.table01 td.info1,
table.table01 td.info2 {
  text-align: left;
  font-size: 90%;
}

/*-----------------------------------------------
　　*08-1 検索窓  
-------------------------------------------------*/

#searchform {
	width: 200px;
	background: url(../images/input4.gif) left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;
}
#keywords	{
	width: 156px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
}
#searchBtn	{
	position: absolute;
	top: 3px;
	left: 174px;
}

/*-----------------------------------------------------
    *08-2 検索結果のハイライト表示
------------------------------------------------------*/
span.AS_ajax_highlight {
	background-color:#ff0;
	color:#333;
	font-style:italic;
}

.ajaxSearch_highlight {
	background-color:#ff0;
	color:#333;
	font-style:italic;
}

.ajaxSearch_highlight ajaxSearch_highlight1 {
	background-color:#007b43;
	color:#333;
	font-style:italic;
}

.ajaxSearch_highlight ajaxSearch_highlight2 {
	background-color:#ff0;
	color:#333;
	font-style:italic;
}

.ajaxSearch_highlight ajaxSearch_highlight3 {
	background-color:#ff0;
	color:#333;
	font-style:italic;
}

.ajaxSearch_highlight ajaxSearch_highlight4 {
	background-color:#cc66;
	color:#333;
	font-style:italic;
}

.ajaxSearch_resultLink {
	font-size: 120%;
	font-weight: bold;
}