@charset "UTF-8";

/* 季節毎に色・背景画像を変更 */
/* 春　#ffcccc　画像パス(../img/common/back_img_spr.jpg) */
/* 夏　#ccff99　画像パス(../img/common/back_img_sum.jpg) */
/* 秋　#ffcc66　画像パス(../img/common/back_img_aut.jpg) */
/* 冬　#ppccff　画像パス(../img/common/back_img_win.jpg) */



*{
margin:0;
padding:0;
font-family:"frutiger linotype","lucida grande","helvetica","arial","sans-serif";
line-height: 1.5;
}

.cl {
	clear: both;
	width: 0px;
	height: 0px;
	}

img {
	border: none;
	}


body{
text-align:center;
color:#333;
font-size: 76%;
margin:0px 20px 0px 20px;
background-color: #ccff99;/* 季節毎に色を変更 */
background-image: url(../img/common/back_img_sum.jpg);/* 季節毎に画像を変更 */
background-repeat: repeat-x;
border-top: 5px solid #ccff99;/* 季節毎に色を変更 */
}




/* ロゴとメニュー */
#header{
width: 100%;
padding: 5px 0px 0px 0px;
}

/* ロゴ */
#bar{
	width: 234px;
	height: 57px;
	float: left;
}

#bar .totop {
	background-image: url(../img/common/mainlogo.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 234px;
    height: 57px;
	margin:0;
    padding:0;
}
#bar .totop_on {
	background-image: url(../img/common/mainlogo_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 234px;
    height: 57px;
}
#bar .totop a {
	display: block;
	width: 234px;
    height: 57px;
}
#bar .totop a:hover {
	background-image: url(../img/common/mainlogo_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 234px;
    height: 57px;
}

#bar .totop a span {
	display: none;
}




/* メニュー */
#menu{
height: 57px;
border-left: 1px solid #ccc;
float: right;
}
#menu ul li{
list-style-type: none;
float: left; 
border-right: 1px solid #ccc;
margin: 0px 0px 0px 0px;
}





/* メニュー　個別ロールオーバー */
/* メニュー　企業名鑑 */
#menu .cor {
	background-image: url(../img/common/menu_corporation.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .cor_on {
	background-image: url(../img/common/menu_corporation_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .cor a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .cor a:hover {
	background-image: url(../img/common/menu_corporation_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}

/* メニュー　新聞記事 */
#menu .art {
	background-image: url(../img/common/menu_articles.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .art_on {
	background-image: url(../img/common/menu_articles_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .art a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .art a:hover {
	background-image: url(../img/common/menu_articles_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}

/* メニュー　商品 */
#menu .pro {
	background-image: url(../img/common/menu_products.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .pro_on {
	background-image: url(../img/common/menu_products_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .pro a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .pro a:hover {
	background-image: url(../img/common/menu_products_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}


/* メニュー　記者の目 */
#menu .rep {
	background-image: url(../img/common/menu_reports.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .rep_on {
	background-image: url(../img/common/menu_reports_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .rep a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .rep a:hover {
	background-image: url(../img/common/menu_reports_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}




/* メニュー　マーケットスケール */
#menu .mar {
	background-image: url(../img/common/menu_market.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .mar_on {
	background-image: url(../img/common/menu_market_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .mar a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .mar a:hover {
	background-image: url(../img/common/menu_market_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}




/* メニュー　ログイン */
#menu .in {
	background-image: url(../img/common/menu_login.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .in_on {
	background-image: url(../img/common/menu_login_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .in a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .in a:hover {
	background-image: url(../img/common/menu_login_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}

.login_err {
	padding: 3px;
	color: #FF0000;
}

/* メニュー　ログアウト */
#menu .out {
	background-image: url(../img/common/menu_logout.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .out_on {
	background-image: url(../img/common/menu_logout_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .out a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .out a:hover {
	background-image: url(../img/common/menu_logout_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}


/* メニュー　トップ 2009.04.10に追加 */
#menu .top {
	background-image: url(../img/common/menu_top.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .top_on {
	background-image: url(../img/common/menu_top_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .top a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .top a:hover {
	background-image: url(../img/common/menu_top_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}



/* メニュー　HC店舗勢力マップ推移 2009.08.20に追加 */
#menu .hcmap {
	background-image: url(../img/common/menu_hcmap.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .hcmap_on {
	background-image: url(../img/common/menu_hcmap_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .hcmap a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .hcmap a:hover {
	background-image: url(../img/common/menu_hcmap_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}




/* メニュー　ユーザーページ 2009.04.20に追加 */
#menu .usr {
	background-image: url(../img/common/menu_usr.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
	margin:0;
    padding:0;
}
#menu .usr_on {
	background-image: url(../img/common/menu_usr_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}
#menu .usr a {
	display: block;
	width: 82px;
    height: 57px;
}
#menu .usr a:hover {
	background-image: url(../img/common/menu_usr_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
    height: 57px;
}


/* メニュー　ユーザーページ　メニュー 2009.04.20に追加 */

.usr_edit_new {
	background-image: url(../img/common/usr_edit_new.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
	margin:0;
    padding:0;
}

.usr_edit_new a {
	display: block;
	width: 243px;
    height: 33px;
}

.usr_edit_new a:hover {
	background-image: url(../img/common/usr_edit_new_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
}

.usr_edit_new a span {
	display: none;
}

.usr_edit_re {
	background-image: url(../img/common/usr_edit_re.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
	margin:0;
    padding:0;
}

.usr_edit_re a {
	display: block;
	width: 243px;
    height: 33px;
}

.usr_edit_re a:hover {
	background-image: url(../img/common/usr_edit_re_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
}

.usr_edit_re a span {
	display: none;
}

.usr_edit_dl {
	background-image: url(../img/common/usr_edit_dl.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
	margin:0;
    padding:0;
}

.usr_edit_dl a {
	display: block;
	width: 243px;
    height: 33px;
}

.usr_edit_dl a:hover {
	background-image: url(../img/common/usr_edit_dl_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
}


.usr_edit_dl a span {
	display: none;
}

　/*  2009.06.18に追加 */
.usr_prdct_list {
	background-image: url(../img/common/usr_prdct_list.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
	margin:0;
    padding:0;
}

.usr_prdct_list a {
	background-image: url(../img/common/usr_prdct_list.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
}

.usr_prdct_list a:hover {
	background-image: url(../img/common/usr_prdct_list_on.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 243px;
    height: 33px;
}


.usr_prdct_list a span {
	display: none;
}




.apply_tbl {
	width:80%;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

.apply_tbl td {
	padding:5px;
	margin:5px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}

.apply_tbl .bgc01 {
	background-color:#DFD;
	font-weight: bold;
}

.apply_tbl .bgc02 {
	background-color:#E7FFE7;
	font-weight: bold;
}





/* トップページ　テーブル */
#table {
clear: both;
width: 100%;
background-color: #ffffff;
padding: 5px 0px 0px 0px;
}


.table_Layer {/* イメージ画像 テーブル上に重ねる */
	position:absolute;
	width:380px;
	height:330px;
	top: 75px; 
    left: 30px;
	filter: shadow(color=#999999, direction=135);  
}


.table_kado {/* 角のセルの大きさは固定 */
width: 15px;
height: 15px;
}

.table_top {
background-image: url(../img/common/table_top.jpg);
background-repeat: repeat-x;
height: 15px;
}

.table_left {
background-image: url(../img/common/table_left.jpg);
background-repeat: repeat-y;
}

.table_right {
background-image: url(../img/common/table_right.jpg);
background-repeat: repeat-y;
}

.table_bottom {
background-image: url(../img/common/table_bottom.jpg);
background-repeat: repeat-x;
height: 15px;
}



#login {
width: 100%;
}


#center {
text-align: left;
float: left;
margin:0px 0px 0px 0px;
padding: 10px 0px 30px 380px;
}

#right{
float: right;
}



.attention {/* “ログインIDとパスワードを入力してください。” */
color:#339900;
border-bottom: 1px solid #339900;
padding: 3px 0px 3px 0px;
font-weight: bold;
font-size: 110%;
}

.login_warn {/* “一定時間操作しなかった～” */
margin:20px 0px 0px 0px;
font-size: 90%;
}

.login_info {/* 更新情報スペース */
margin:20px 0px 0px 10px;
}

.login_info td {
padding: 0.6em 0 ;
border-bottom:1px #DDD dotted;
}


/* フッター */
#footer{
margin:20px 0px 0px 0px;
}





/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
background-color: #fff;
}
.error_message {
clear: both;
}
.error em {
color: #003d4c;
}
.notice {
color: #656565;
background-color: #f4f4f4;
}

/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}


#login_left {
	width:70%;
	float:left;
	text-align: left;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

#login_right {
	width:30%;
	float:right;
}




#login_menu {
	float:left;
	text-align:left;
	margin:10px 0px 30px 0px;
}


#table_login_menu {
	text-align:left;
}

#table_login_menu td {
    padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle; 
}

#table_login_menu ul {
}

#table_login_menu ul li {
	list-style-type: disc; 
	list-style-position: inside; 
}


#login_pageview {
/*　ここを解除すれば横並びの仕様で?	width:250px;*/
	text-align: left;
}


.login_pageview_about {
   margin: 10px 0px 10px 10px;
   font-size:120%;
}


.table_login_pageview {/* その他の刊行物のページで使用 */
	width: 100%;
	font-size: 90%;
	text-align: center;
	background-color:#eeeeee;
	margin:20px 0px 20px 0px;
	}

.table_login_pageview td {
	width: 33%;
	text-align: center;
	padding: 5px 5px 5px 5px;
}


.table_login_pageview a {
	font-size: 120%;
}



#login_news {
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#login_news>table {
	text-align: left;
	width: 100%;
}

#table_login_news {
}

#table_login_news tr td {
   border-bottom: 1px solid #cccccc;
   padding: 15px 10px 15px 10px;
   vertical-align: middle;
}

.news_arrow1 {/* 日付は矢印を表示　赤矢印 */
   background-image: url(../img/common/news_arrow1.jpg);
   background-repeat: no-repeat;
   background-position: left center;
   line-height: 20px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 25px;
}


.news_arrow2 {/* 日付は矢印を表示　オレンジ矢印 */
   background-image: url(../img/common/news_arrow2.jpg);
   background-repeat: no-repeat;
   background-position: left center;
   line-height: 20px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 25px;
}


/*　フッターに問い合わせフォームリンク追加　2009.9.11 */

#footer .toform {
   float:right;
}

#footer .toform a {
	display:block;
	width:200px;
	height:30px;
   background-image: url(../img/common/btn_toform.jpg);
   background-repeat: no-repeat;
}

#footer .toform a:hover {
   background-image: url(../img/common/btn_toform_on.jpg);
   background-repeat: no-repeat;
}