@import "utf-8";

/* リセット(ブラウザ間の誤差をなくす) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* contentsStyle
-------------------------------------------------------*/
body#dimension1{
	text-align: center;
}
#wrapperArea {
	width: 950px;
	margin: 0px auto 0px;
	text-align: left;
}

/* headerArea
-------------------------------------------------------*/
#keyVisual {
	margin: 3px 0px 0px;
}



/* contentsArea
-------------------------------------------------------*/
#contentsArea {
	width: 950px;
	text-align: center;
	background: url(images/page_bg.gif) top left repeat-y;
}
#contentsArea_inner {
	width: 912px;
	text-align: left;
	margin: 0px auto 0px;
}
/* pickupArea(ピックアップ) */
#headding2_01 {
}
#headding2_01_left {
	float: left;
	width: 624px;
}
#headding2_01_right {
	float: right;
	width: 288px;
	padding: 8px 0px 0px;
	text-align: left;
}
a#btn_book_list {
	display: block;
	width: 267px;
	heigt: 30px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent: -9898px;
	background-repeat: no-repeat;
	background: url(images/btn_book_list.gif);
}
a:hover#btn_book_list {
	background-position: 0 -30px;
}

/* ピックアップ */
#contentsArea01 {
	width: 902px;
	margin: 2px 0px 0px;
	padding: 21px 0px 22px;
	border: 5px #9eb56e solid;
}
#contentsArea01_inner {
	width: 860px;
	margin: 0px 20px 0px;
}
#pickup_book01,
#pickup_book02,
#pickup_book03,
#pickup_book04 {
	float: left;
	width: 156px;
	margin: 0px 15px 0px 0px;
	line-height: 0.9em;
}
#pickup_book05 {
	float: right;
	width: 175px;　	/*width: 156px;*/
	margin: 0px;
	line-height: 0.9em;
}
#pickup_book01_img,
#pickup_book02_img,
#pickup_book03_img,
#pickup_book04_img,
#pickup_book05_img {
	float: left;
	width: 74px;
}

#pickup_book01_txt,
#pickup_book02_txt,
#pickup_book03_txt,
#pickup_book04_txt {
	float: right;
	width: 82px;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.2em;
}

#pickup_book05_txt {
	float: right;
	width: 95px;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.2em;
}

.ttl_mag{
font-size: 12px;
line-height: 1.2em;
font-weight:bold;
color:#FFCC00;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.ttl_mag_bk{
font-size: 10px;
line-height: 1.2em;
font-weight:bold;
text-decoration:none;
color:#000066;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


a:hover.ttl_mag_bk {
color:#FF9900;
text-decoration:none;
}

a.ttl_mag_bk {
text-decoration:none;
color:#FF9900;

}

.ttl_mag_bk a:link{　text-decoration:none; color:#0000ff;}
.ttl_mag_bk a:visited{text-decoration:none; color:#ffcc00;}
.ttl_mag_bk a:hover{text-decoration:none; color:#ffcc00;}
.ttl_mag_bk a:active{text-decoration:none; color:#0000ff;}


.ttl_mook{
font-size: 12px;
line-height: 1.2em;
font-weight:bold;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

a.buy_s {
	display: block;
	width: 72px;
	heigt: 24px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent: -9898px;
	background-repeat: no-repeat;
	background: url(images/buy_s.gif);
}
a:hover.buy_s {
	background-position: 0 -24px;
}

a.read_s {
	display: block;
	width: 72px;
	heigt: 24px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent: -9898px;
	background-repeat: no-repeat;
	background: url(images/read_s.gif);
}
a:hover.buy_s {
	background-position: 0 -24px;
}

/* mainArea
-------------------------------------------------------*/
#mainArea {
	width: 912px;
	margin: 20px 0px 0px;
	padding: 0px 0px 36px;
	background: url(images/main_area_bg.gif) repeat-y;
}
#mainArea_left {
	float: left;
	width: 710px;
}
#mainArea_right {
	float: right;
	width: 181px;
	font-size: 12px;
	line-height: 1.2em;
	background: url(images/pr_ad_bg.gif) repeat-y;
}

/**/
.previewlink{
font-size:10px;
color:#cccccc;

}
a:hover .previewlink{
color:#333333;
}

/* newMagazineArea(新刊情報) */
#contentsArea02 {
	width: 710px;
}
#newInfoArea {
	width: 710px;
	margin: 10px 0px 0px;
}
#newInfo_peaks {
	float: left;
	width: 220px;
	margin: 0px 10px 0px 0px;
	background-color:#FFFFFF; /*added by ao*/
	border: 5px #9eb56e solid;
}
#newInfo_peaks img {
	margin: 4px 7px 0px;
}
#newInfo_randonnee {
	background-color:#FFFFFF; /*added by ao*/
	float: left;
	width: 220px;
	margin: 0px 10px 0px 0px;
	border: 5px #9eb56e solid;
	scrollbar-track-color:#ffffff;
scrollbar-face-color: #cccccc;
scrollbar-arrow-color:#cc0000;/*cc0000*/
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff; 
}
#newInfo_randonnee img {
	margin: 3px 7px 0px;
}
#newInfo_fieldlife {
	float: left;
	width: 220px;
	margin: 0px;
	background-color:#FFFFFF; /*added by ao*/
	border: 5px #9eb56e solid;
scrollbar-track-color:#ffffff;
scrollbar-face-color: #cccccc;
scrollbar-arrow-color:#ffffff;/*cc0000*/
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff; 
}
#newInfo_fieldlife img {
	margin: 3px 7px 0px;
}
#newInfoArea .newInfo_scroll{
	margin: 10px 0px 10px 7px;
	width: 207px;
	height: 200px;
	overflow: auto;
	/*
	scrollbar-track-color: #6b9c08; 
	scrollbar-face-color: #6b9c08;
	scrollbar-arrow-color: #9eb56e; 
	scrollbar-shadow-color: #9eb56e; 
	scrollbar-highlight-color: #6b9c08; 
	scrollbar-darkshadow-color: #6b9c08; 
	scrollbar-3dlight-color: #9eb56e;
	*/
scrollbar-track-color:#ffffff;
scrollbar-face-color: #cccccc;
scrollbar-arrow-color:#ffffff;/*cc0000*/
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff; 
}

#feed_peaks p,
#feed_randonnee p,
#feed_fieldlife p {
	margin: 0px 7px 10px 0px;
	padding: 0px 0px 7px 26px;
	color: #333333; /*ffffff added by ao*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	font-size: 12px;
	line-height:1.2em;
	border-bottom: 1px #9eb56e solid;
	background: url(images/entry_arrow.gif) no-repeat 9px 5px;

}

/* mookArea(ムック・書籍) */
#contentsArea03 {
	width: 710px;
	margin: 20px 0px 0px;
}
#mookBook_list {
	width: 710px;
	margin: 20px 0px 0px;
	background: url(images/mook_list_bg.gif) repeat-y;
}
#mookBook_list01 {
	float: left;
	width: 165px;
	margin: 0px 25px 0px 0px;
}

#mookBook_list02 {
	float: left;
	width: 165px;
	margin: 0px 25px 0px 0px;
}

#mookBook_list03 {
	float: left;
	width: 165px;
	margin: 0px 25px 0px 0px;
}
.mookBook_list_img {
	float: left;
	width: 78px;
}
.mookBook_list_text {
	float: right;
	width: 87px;
}

#mookBook_list strong {
	color: #ff9933;
	font-size: 12px;
	line-height: 1.2em;
}
#mookBook_list p {
	margin: 2px 0px 0px;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.2em;
}

#mookBook_backnumber {
	float: right;
	width: 135px;
}

a.btn_buy {
	display: block;
	width: 87px;
	heigt: 24px;
	margin: 10px 0px 0px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent: -9898px;
	background-repeat: no-repeat;
	background: url(images/btn_buy.gif);
}
a:hover.btn_buy {
	background-position: 0 -24px;
}

a#btn_backnumber_list {
	display: block;
	width: 135px;
	heigt: 135px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent: -9898px;
	background-repeat: no-repeat;
	background: url(images/btn_backnumber_list.gif);
}
a:hover#btn_backnumber_list {
	background-position: 0 -135px;
}

/* makerLinkArea(メーカーリンク) */
#contentsArea04 {
	width: 912px;
	margin: 0px;
	background: url(images/makerlink_bg.gif) repeat-y;
}
#makerLinkList {
	width: 900px;
	margin: 0px 6px 0px;
	padding: 5px 0px;
}

/* pr広告 */
a:hover.kochira{
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#FF9900;
font-size:8px;}
.pr_ad_1collumn {
	margin: 7px 0px 0px 11px;/*15px 0px 15px 13px;*/
}
.pr_ad_2collumn {
	width: 154px;
	margin: 7px 0px 0px 13px; /*15px 0px 15px 13px;*/
}
.pr_ad_2collumn_left {
	float: left;
	width: 72px;
}
.pr_ad_2collumn_right {
	float: right;
	width: 82px;
}
.pr_ad_2collumn_right p {
	margin: 5px 0px 0px; /*5px 0px 0px;*/
}

/* footerArea
-------------------------------------------------------*/
#footerArea {
	position: relative;
	width: 950px;
	height: 34px;
	background: url(images/page_bottom.gif) top left no-repeat;
	color: #ffffff;
}
/* copyright */
#footerArea p {
	position: absolute;
	top: 8px;
	left: 26px;
}
#bottomVisual {
	width: 950px;
}

/* 共通パーツ */
.headding2_box {
	width: 710px;
	background: url(images/headding2_bg.gif) repeat-y;
}
.headding2_head {
	width: 710px;
	height: 8px;

}
.headding2_bottom {
	width: 710px;
	height: 6px;
	padding: 6px 0px;
}
.headding2_bottom h2 {
	margin: 0px 0px 0px 45px;
}
.color_red {
	color: red;
}
.color_orange {
	color: #ff3c00;
}
strong {
	font-size: 12px;
	font-weight: bold;
}

/* clearfix
-------------------------------------------------------*/
/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */