@charset "Shift_JIS";

#main {
	width:770px;
	height:380px;
	margin:10px 0 15px;
}

#top_head {
	margin:0;
	padding-top:10px;
}

#top_head h1{
	margin:0;
	padding:0;
}


#main_content {
	position:relative;
	width:770px;
	height:380px;
	margin:10px 0;
	background-image: url(/magazine/images_com/main_visual.jpg);
	background-repeat: no-repeat;
	background-position: 255px 0px;
}

#main_left {
	position:absolute;
	width:235px;
	height:380px;
	margin:0 10px;
	z-index:999;
}

/****ナビ位置****/
div#menu_navi{
	position:relative;
	z-index:1000;
	width:235px;
	height:169px;
	background-color:#F2FAFD;
}

menu_navi h2{
	margin:0;
	padding:0;
}

/****メインメニュー用スタイル****/
ul.main_navi{
  margin:0px;
  padding:0px;
  width:100%;
  position:relative;
	top:10px;
  list-style:none;
}

/*通常時*/
.main_navi li.off{
  position:relative;
	margin-bottom:7px;
  padding:0px;
  width:171px;
  height:20px;
  overflow:hidden;
}

/*展開時*/
.main_navi li.on{
	margin-bottom:7px;
  padding:0px;
  width:171px;
  height:20px;
  overflow:hidden;
}

.main_navi>li.on{
	overflow:visible;
}

/****サブメニュー用スタイル****/
ol.sub_navi{
  margin:0px;
  padding:0px;
  position:relative;
  left:171px;
  top:-35px;
  width:110px;
	height:134px;
	background-color:#EEEDED;
  list-style:none;
}

.submenu1 {
	margin-bottom:4px;
	widows:110px;
}

/* ▼変更 080611*/
div#shopping {
	position:relative;
	width:235px;
	margin-top:2px;
}

#shopping h3 {
	padding:0;
}
/* ▲変更 080611*/

#shopping table {
	width:215px;
	margin:0 0 4px 10px;
}

#shopping .mainimg {
	width:75px;
}

#shopping .midashi {
	background:url(/images_com/shopping/shopping_arrow01.gif) no-repeat 0px 3px;
	font-size:10px;
	color:#333;
	line-height:120%;
	font-weight:bold;
	text-align:left;
	padding-left:8px;
}

#shopping .text {
	font-size:10px;
	color:#333;
	line-height:120%;
	text-align:left;
}

#shopping .midashi a			 	 {color:#333; text-decoration:none;}
#shopping .midashi a:link		 {color:#333; text-decoration:none;}
#shopping .midashi a:visited {color:#666; text-decoration:none;}
#shopping .midashi a:hover	 {color:#999; text-decoration:underline;}

#shopping .submidashi {
	width:175px;
	padding-right:10px;
}

#shopping .subimg {
	width:30px;
}

div#info {
	position:relative;
	width:235px;
	height:20px;
	margin-top:2px;
}

div#corp {
	position:relative;
	width:235px;
	height:20px;
	margin-top:2px;
}

/*▼追加 080611*/
div#rec {
	position:relative;
	width:235px;
	height:20px;
	margin-top:2px;
}
/*▲追加 080611*/

#main_left .title1 {
	margin-bottom:10px;
}

#main_left .title2 {
	margin-bottom:8px;
}

#main_left .subtitle1 {
	margin-bottom:5px;
}

/*--右コンテンツ グッドアクセスマガジン--*/
div#goodaccess {
	position:relative;
	width:160px;
	height:120px;
	top:30px;
	left:310px;
}

#goodaccess h4{
	margin:0;
	padding:0;
}

/*▼追加 080611*/
div#goodaccess080627 {
	position:relative;
	width:450px;
	height:325px;
	top:10px;
	left:298px;
}

#goodaccess080627 h4{
	margin:0;
	padding:0;
}
/*▲追加 080611*/

/*▼追加 081022*/
div#goodaccess081022 {
	position:relative;
	width:159px;
	top:40px;
	left:294px;
}

#goodaccess081022 h4{
	margin:0;
	padding:0;
}
/*▲追加 081022*/

/*▼追加 081226*/
div#goodaccess081226 {
	position:relative;
	width:457px;
	top:94px;
	left:274px;
}

#goodaccess081226 h4{
	margin:0;
	padding:0;
}
/*▲追加 081022*/

/*▼追加 all*/
div#goodaccess_all {
	position:relative;
	width:470px;
	top:300px;
	left:280px;
}

#goodaccess_all h4{
	margin:0;
	padding:0;
}
/*▲追加 all*/

/*--不要--*/
#magazine_menu{
	float:right;
	padding:2px;
	margin:8px 6px 8px 8px;
}

#bottom_table{
	margin-top:4px;
	}
	
#service_area{
	margin-right:4px;
	}
	
#service{
	line-height:1em;
}

#online_bg{
	background-image:url("/images/bg_online.gif");
	}
	
#online{
	padding:5px;
	}

.online{
	font-size:90%;
	margin-bottom:10px;
	}

#online_img{
	float:left;
	margin-right:4px;
}

#online_text{
	line-height:1em;
	}

#shop_bg{
	background-image:url("/images/bg_shop.gif");
	}

#shop{
	padding:5px;
}

.shop{
	font-size:90%;
	margin-bottom:10px;
	background-color:#ffffff;
	padding:4px;
	}

#service a			{ color:#000000; text-decoration:none;}
#service a:link	{ color:#000000; text-decoration:none;}
#service a:visited	{ color:#000000; text-decoration:none;}
#service a:hover	{ color:#000000; text-decoration:none;}

#online a,#shop a			{ color:#000000;}
#online a,#shop a:link	{ color:#000000;}
#online a,#shop a:visited	{ color:#000000;}
#online a,#shop a:hover	{ color:#000000;}