/* 背景・基本設定 */
/* 背景設定 */
body {　margin: 0px; padding: 0; font-size: 12px; line-height: 160%; background: #fff url(../img09/frame_bg.jpg) repeat-x 0 0;}
#frame { width: 980px; margin: 0px auto;}

/* リンク設定 */
a:link {text-decoration: none; } 
a:visited {text-decoration: none; } 
a:hover {text-decoration: underline;}  
a:active {text-decoration: none; } 

/* 画像コンテンツ */
img {border-style: none;}
/* フォント設定 */
.f10 { font-size: 10px;} 
.f11 { font-size: 11px;}
.f12 { font-size: 12px;}  
.f14 { font-size: 14px;}  
.f16 { font-size: 16px;}  

.red { color:#CC0000}
.org {color: #ff6600;}
.blu { color: #0066CC;}
  
/* ヘッダ設定 */
#header { margin: 20px 0 0; padding:0;}
#header img { margin: 0; padding:0;}

/* ヘッダ上部 */
#header_top { margin: 0; padding:0;}
#header_top #sh_logo { margin: 0; padding:0; float:left;}
#header_top #top_ad { margin: 0; padding:0; float:right;}

/* ヘッダ下部 */
#header_bottom { margin: 10px 0; padding:0;}

/* ヘッダ下部　左　設定 */
#header_bottom #header_bm_l { text-align:left; margin: 0; float:left; font-size: 12px;line-height: 150%;}
#header_bottom #header_bm_l h1 { font-weight: normal; margin: 0 0 10px; padding:0; font-size: 12px;line-height: 150%;}
#header_bottom #header_bm_l .jap_logo { float:left; margin: 0; padding:0;}
#header_bottom #header_bm_l form { float:left; margin: 5px 3px 3px; padding:0;}

/* ヘッダ下部　右　設定 */
#header_bottom #header_bm_r { float: right; margin: 0; padding:0; text-align: right;}
#header_bottom #header_bm_r ul#hd_link { margin: 0; padding:0; text-align: right; list-style-type:none; list-style-position: inside;
}
#header_bottom #header_bm_r ul#hd_link li { padding:0 0 5px 15px; margin: 0 0 0 15px; font-size: 12px; background:url(../img09/hd_link_mark.gif) no-repeat 0 1px; display:inline}

#header_bottom #header_bm_r #hd_link_bn { margin: 10px 0 0; padding:0; text-align:right;}
#header_bottom #header_bm_r #hd_link_bn img { margin: 0 0 0 5px; padding:0;}

/* ヘッダナビ　設定 */
#headernavi { margin: 0; padding: 0; clear:both;}
#headernavi ul#hn { margin: 0px; padding: 0; list-style: none;}
#headernavi ul#hn li { height: 30px; float:left; margin: 0; padding: 0;}
#headernavi ul#hn li a{ height: 30px; text-indent: -99999px; float:left; margin: 0; padding: 0; overflow:hidden;}
#headernavi ul#hn li#special a { width:80px; background: url(../img09/hn_special.jpg) no-repeat 0 0;}
#headernavi ul#hn li#gourmet a {width:69px; background: url(../img09/hn_gourmet.jpg) no-repeat 0 0;}
#headernavi ul#hn li#beauty a { width:59px; background: url(../img09/hn_beauty.jpg) no-repeat 0 0;}
#headernavi ul#hn li#fashion a { width:154px; background: url(../img09/hn_fashion.jpg) no-repeat 0 0;}
#headernavi ul#hn li#sightseeing a { width:59px; background: url(../img09/hn_sightseeing.jpg) no-repeat 0 0;}
#headernavi ul#hn li#learning a { width:72px; background: url(../img09/hn_learning.jpg) no-repeat 0 0;}
#headernavi ul#hn li#interview a { width:167px; background: url(../img09/hn_interview.jpg) no-repeat 0 0;}
#headernavi ul#hn li#research a {width:119px; background: url(../img09/hn_research.jpg) no-repeat 0 0;}
#headernavi ul#hn li#column a { width:70px; background: url(../img09/hn_column.jpg) no-repeat 0 0;}
#headernavi ul#hn li#neighbor a { width:71px; background: url(../img09/hn_neighbor.jpg) no-repeat 0 0;}
#headernavi ul#hn li#medical a { width:60px; background: url(../img09/hn_medical.jpg) no-repeat 0 0;}


/*  中央メイン部分大枠　枠組み  */
#main { margin: 0; padding: 0;}

/*  左サイドコンテンツ  */
#left_navi { float: left; margin: 15px 0; padding: 0;}

/*  中央コンテンツ  */
#main_con_top { float: left; margin: 15px 10px; padding: 0;}

#main_con { float: left; margin-right: 10px; margin-top: 5px; padding: 0;}

/*  右サイドコンテンツ  */
#right_side { float: right; margin: 15px 0; padding: 0;}

/*  回り込み解除  */
.clear { clear: both; margin:0; padding:0;}



/*  左サイドコンテンツ内　詳細  */
/*  記事コンテンツ枠　 */
#left_navi .kijinv_box { margin:0 0 10px; padding:0;}
#left_navi .kijinv_box div.kijinv_top{ border:1px #999 solid; margin:0; padding: 4px 0 0 10px ; background: url(../img09/ln_kiji_nvtop.jpg) no-repeat 0 0; font-weight:bold; line-height:100%;}
#left_navi .kijinv_box div.kijinv_text{ border-left:1px #999 solid;border-right:1px #999 solid;border-bottom:1px #999 solid; margin:0; padding:5px 3px 3px;}
#left_navi .kijinv_box div.kijinv_text ul { list-style-type: none; list-style-position:inside; margin:5px 5px 10px; padding:0; line-height:140%;}
#left_navi .kijinv_box div.kijinv_text ul li{  background: url(../img09/ln_kiji_mark.gif) no-repeat 0 4px; padding-left: 14px; margin:0 0 5px;}

/*  クラシファイド枠　 */
#left_navi .clasnv_box { margin:0 0 10px; padding:0;}
#left_navi .clasnv_box div.clasnv_top{ border:1px #999 solid; margin:0; padding: 4px 0 0 10px ; background: url(../img09/ln_clas_nvtop.jpg) no-repeat 0 0; font-weight:bold; line-height:100%;}
#left_navi .clasnv_box div.clasnv_text{ border-left:1px #999 solid;border-right:1px #999 solid;border-bottom:1px #999 solid; margin:0; padding:5px 3px 3px;}
#left_navi .clasnv_box div.clasnv_text ul { list-style-type: none; list-style-position:inside; margin:5px 5px 10px; padding:0; line-height:140%;}
#left_navi .clasnv_box div.clasnv_text ul li{ background: url(../img09/ln_clas_mark.gif) no-repeat 0 4px; padding-left: 14px; margin:0 0 5px;}


/*  イエローページ枠　 */
#left_navi .ypnv_box { margin:0 0 10px; padding:0;}
#left_navi .ypnv_box div.ypnv_top{ border:1px #999 solid; margin:0; padding: 4px 0 0 10px ; background: url(../img09/ln_yp_nvtop.jpg) no-repeat 0 0; font-weight:bold; line-height:100%;}
#left_navi .ypnv_box div.ypnv_text{ border-left:1px #999 solid;border-right:1px #999 solid;border-bottom:1px #999 solid; margin:0; padding:5px 3px 3px;}
#left_navi .ypnv_box div.ypnv_text ul { list-style-type: none; list-style-position:inside; margin:5px 0px 10px; padding:3px 0 0 0;background: url(../img09/ln_yp_mark.jpg) no-repeat 0 0; line-height:200%;
}
#left_navi .ypnv_box div.ypnv_text ul li a {  padding: 0 0 0 35px; margin: 0;}



/*  中央コンテンツ内　詳細  */
.to_ichiran { text-align: right; font-size: 80%; clear: both; display:block; margin:10px 0 0;}

/*  トップページ特集  */
#tokusyu_box { border:1px #6699cc solid; margin:0; padding: 7px 10px 10px; background: url(../img09/tokusyu_bg.jpg) no-repeat 0 0;}
#tokusyu_box h2 { font-size: 14px; color:#000; padding: 0 0 0 5px; margin:0;}
#tokusyu_box .tokusyu_img { padding: 0; margin: 10px 10px 0 0; border:0; float:left; overflow: hidden;}
#tokusyu_box .tokusyu_text { padding: 0; margin: 10px 0 0; float:right; text-align:left;}
#tokusyu_box .tokusyu_text h3 { font-size: 18px; margin: 0; padding:0;}
#tokusyu_box .tokusyu_text p { margin: 10px 0; padding:0;}
#tokusyu_box .tokusyu_text ul { margin: 0 0 15px 15px; padding:0; list-style-type:none; list-style-position: inside; line-height:180%;}
#tokusyu_box .tokusyu_text ul li { padding:0 0 0 14px; font-size: 12px; background:url(../img09/mark.gif) no-repeat 0 5px;}

/*  カテゴリタブ部分  */
#tabContent { padding:0; margin:10px 0 0; border:1px #6699cc solid;}
.tabBox .tab_text { padding: 0; margin:0; float:left;}
.tabBox .tab_text h2 { font-size: 14px; color:#000; padding: 0; margin:0 0 10px;}
.tabBox .tab_text h2 a { color:#000;}
.tabBox .tab_text ul { margin: 0 0 5px 10px; padding:0 0 5px; list-style-type:none; list-style-position: inside; line-height:180%;}
.tabBox .tab_text ul li { padding:3px 0 0 14px; font-size: 12px; background:url(../img09/mark.gif) no-repeat 0 5px;}
.tabBox .tab_img { padding: 0; margin:0; float:right; border:1px #ccc solid; overflow: hidden;}


/*  上海ニュース  */
#sh_news { text-align: left;
	margin: 10px 0px;
	border : solid 1px #999;
	background: url(../img09/shnews_title.jpg) repeat-x 0 0;
	padding: 5px 10px 10px;
}
#sh_news h2 { text-align: left; margin: 0; padding:0; font-size: 13px; line-height: 180%; font-weight: bold;}
#sh_news ul { margin: 5px 0 0 10px; padding:0; text-align: left; list-style-type:none; list-style-position: inside; line-height:180%;}
#sh_news ul li { padding:0 0 0 14px; font-size: 12px; background:url(../img09/mark.gif) no-repeat 0 5px;}



/*  上海地図  */
#sh_map { text-align: left;
	margin: 10px 0px;
	border : solid 1px #999;
	background: url(../img09/shmap_title.jpg) no-repeat 0 0;
	padding: 5px 10px 10px;
}
#sh_map h2 { text-align: left; margin: 0; padding:0; font-size: 13px; line-height: 180%; font-weight: bold;}
#sh_map ul { margin: 10px 0 0; padding:0; text-align: left; list-style-type:none; list-style-position: inside;}
#sh_map ul li { padding:0 0 0 14px; margin: 5px 0; font-size: 12px; background:url(../img09/shmap_mark.gif) no-repeat 0 5px; float:left;}


/*  右サイドコンテンツ内　詳細  */

/*  広告バナー  */
.ad { text-align: left; padding: 0px; margin: 0 0 8px;}
img.banner a { margin: 0 0 8px; padding: 0;}
img.banner_l a { float: left; margin: 0 0 8px; padding: 0;}
img.banner_r a { float: right; margin: 0 0 8px; padding: 0;}

/*  天気・レート  */
#weather_rate_box { text-align: left; margin: 0 0 8px; border: 1px #336699 solid; padding:10px;}
#weather_rate_box #weather { float: left; margin: 0; font-size: 12px; line-height: 130%;}
#weather_rate_box #rate { float: right; margin: 0; font-size: 12px; line-height: 130%;}
.morelink { text-align: right; font-size: 80%; line-height: 100%;}




/*  フッター  */
#footer {
  text-align:center;
  margin-top: 0px;
  padding: 0px;
  letter-spacing: 0.1em;
  float: left;
}
/*  フッターナビ  */
#footernavi {
  text-align:center;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-size: 10px;
  line-height: 170%;
  font-weight: normal;
  letter-spacing: 0.1em;
  border-bottom:#000 1px solid;
  }
#footernavi a{
  text-decoration: none;
}  
#footernavi a:hover{
  text-decoration: underline;
} 
/*  上海ヴォイスとは枠  */
#about {
	text-align: left;
	margin: 10px 0px 5px;
	font-size: 10px;
	line-height: 140%;
	font-weight: normal;
	padding: 0;
}
#about02 {
	text-align: left;
	margin: 10px 0px 5px;
	font-size: 11px;
	line-height: 140%;
	font-weight: normal;
	float:left;
	padding: 0;
}
/*  コピーライト  */
#copy {
	text-align: right;
	margin: 10px 0px 5px;
	font-size: 11px;
	line-height: 140%;
	font-weight: normal;
	float:right;
	padding: 0;
}
/*ここから旧デザインからの引き継ぎ*/
/*  総合リンク集  */
#sougou_link {
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.link_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 0px 0px 15px 0px;
	padding: 0 5px;
	text-align: left;
}
.link_l {
	text-align: left;
	margin: 0px 0px 5px 0px;
	float: left;
	padding: 0px;
}
.link_r {
	text-align: left;
	margin: 0px 0px 5px 0px;
	float: right;
	padding: 0px;
}
.link_text {
	text-align: left;
	margin: 0;
	padding: 0px;
	font-size : 11px;
	font-weight : normal;
	line-height : 150%;
	float: left;
}
.linkbn {
	float: left;
	text-align: center;
	margin: 0 3px 0 0;
	padding: 0;
}
.link {
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.other_link_text {
	padding: 0;
	float: left;
	margin: 0px 10px;
}
.other_link_text ul {
	list-style-type: none;
	font-size: 12px;
	line-height: 180%;
	font-weight: normal;
	margin: 0;
	padding: 0px;
}
.other_link_text ul li {
	background: url(../img/mark.gif) no-repeat 0 7px;
	padding-left: 10px;
}
/*  クラシファイドページ  */
.class_con_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 15px 0px 10px 0px;
	padding: 0 5px;
	text-align: left;
	background-image: url(../img/classi_title.jpg);
	background-repeat: no-repeat;
}
.class_con_title_l {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.class_con_title_l h2 {
	margin: 0;
	padding: 0;
}
.class_con_title_r {
	float: right;
	text-align: right;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 0 0;
	font-size : 11px;
	font-weight : bold;
}
.class_con_list {
	margin: 0;
	padding: 0;
	text-align: left;
}
.class_con_list .day {
	margin: 0 10px 0 0;
	padding: 0;
	text-align: left;
}

.class_con_list ul {
	list-style-type: none;
	font-size: 12px;
	line-height: 180%;
	font-weight: normal;
	margin: 0 0 0 10px;
	padding: 0px;
	float: left;
}
.class_con_list ul li {
	background: url(../img/mark_bw.gif) no-repeat 0 7px;
	padding-left: 10px;
}
/*  クラシファイドページ  */
.class {
	text-align: left;
	border : solid 1px #7fccff;
	margin: 0 0 10px 0;
	padding: 0;
}
.class_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 0px 0px 5px 0px;
	padding: 0 0 0 5px;
}
.class_text {
	text-align: left;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 160%;
	font-weight: normal;
}
.class_back {
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 12px;
	line-height: 160%;
	font-weight: normal;
}
.class .right {
	text-align: right;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 100%;
	font-weight: normal;
}

.qTxt { font-size:12px; color:#3366CC; font-weight:bold; margin:5px 0;}
.aTxt { font-size:12px; color:#CC0000; font-weight:bold; margin:5px 0;}
p.qaTxt { padding:0 0 0 10px;}


/*  ポップアップページ大枠  */
#popupwin {
	margin: 10px;
	padding: 0;
}
/*  各記事ページ  */
.kiji {
	text-align: left;
	border : solid 1px #7fccff;
	margin: 0 0 10px 0;
	padding: 0;
}
.kiji_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 0px 0px 5px 0px;
	padding: 0 0 0 5px;
}
.kiji_text {
	text-align: left;
	margin: 0px;
	padding: 10px;
	font-size: 14px;
	line-height: 160%;
	font-weight: normal;
}
.kiji .right {
	text-align: right;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 100%;
	font-weight: normal;
}
/*  各記事一覧ページ  */
.kiji_list {
	text-align: left;
	border : solid 1px #7fccff;
	margin: 0;
	padding: 0;
}
.kiji_list .right {
	text-align: right;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 100%;
	font-weight: normal;
}
.kiji_list_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 0px 0px 5px 0px;
	padding: 0 0 0 5px;
}
.kiji_list ul {
	text-align: left;
	margin: 0px;
	padding: 10px;
	font-size: 13px;
	line-height: 160%;
	font-weight: normal;
	list-style-type: none;
}
.kiji_list ul li {
	background: url(../img/mark.gif) no-repeat 0 8px;
	padding-left: 10px;
}

/*  イエローページ  */
.yp_con_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 15px 0px 10px 0px;
	padding: 0 5px;
	text-align: left;
	background-image: url(../img/yp_title.jpg);
	background-repeat: no-repeat;
}
.yp_con_title_l {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.yp_con_title_l h2 {
	margin: 0;
	padding: 0;
}
.yp_con_title_r {
	float: right;
	text-align: right;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 0 0;
	font-size : 11px;
	font-weight : bold;
}
.yp {
	text-align: left; clear:both;
	border : solid 1px #7fccff;
	margin: 0 0 10px 0;
	padding: 0;
}
.yp_title {
	font-size : 12px;
	font-weight : bold;
	line-height : 190%;
	letter-spacing : 1px;
	margin: 0px 0px 5px 0px;
	padding: 0 0 0 5px;
}
.yp_text {
	text-align: left;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 160%;
	font-weight: normal;
}

.yp_table {
	margin: 0px;
	padding: 0px;
	border-spacing: 5px;
	border: 0;
}
.yp_td_bl {
	font-weight: bold;
	text-align: center;
	letter-spacing : 2px;
}
.yp_td_text{
	margin: 0px;
	padding: 0 0 0 5px;
}

.yp .right {
	text-align: right;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 100%;
	font-weight: normal;
}
.yp_back {
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 12px;
	line-height: 160%;
	font-weight: normal;
}

#yp_list {
  margin: 0 0 10px 0;
  padding: 0;
}
  

#yp_list ul{
  font-size: 12px;
  line-height: 150%;
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
}
  
#yp_list ul li {
  margin: 13px;
  padding: 0;
  display: inline;
}