@charset "utf-8";
/*
	高さ調整
	全体：monthly_magazine_body　のheightを調整
	　左：messages_staff_blog　　のheightを調整
	　右：magazine_present　　　のheightを調整
*/




div#monthly_magazine_main {
	position:relative;
	top:0px;
	width:100%;
	height:564px;
}
div#monthly_magazine_mainvisual {
	position:absolute;
	top:0px;
	width:100%;
	height:564px;
	background-image:url(../img/magazine_home_mainvisual.jpg);	
	background-repeat: no-repeat;
}

div#magazine_action_read {
	position:absolute;
	left:535px; top:435px;
}



div#monthly_magazine_body {
	width:100%;
	height:1220px;	/* HEIGHT CONTROLE */
	overflow:hidden;
}



/*	monthly_magazine_left	*/
div#monthly_magazine_left {
	position:relative;
	top:0px;
	left:0px;
	width:493px;
	overflow:hidden; /**/
}


div#monthly_magazine_linkarea {
	position:relative;
	left:0px; top:0px; 
	width:493px;
	height:325px;
/*	height:208px;*/
	background-image:url(/smart/common_v2/img/magazine_linkage_background.gif);	
	background-repeat: no-repeat;
}

div#magazine_price {
	position:absolute;
	left:17px;top:15px;
	color:#FFF;
	font-size:11px;
	line-height:15px;
}
div#magazine_price ol {
margin-bottom:3px;
}
div#magazine_price #organizerArea a {
display:block;
width:126px;
height:16px;
text-indent:-9999px;
overflow:hidden;
background:url(/smart/common_v2/img/linkarea_furoku_off.gif) no-repeat;
}
div#magazine_price #organizerArea a:hover {
background:url(/smart/common_v2/img/linkarea_furoku_on.gif) no-repeat;
}

div#linkarea_amazon {
	position:absolute;
	left:0px; top:116px;
}

div#linkarea_fujisan {
	position:absolute;
	left:0px; top:152px;
}

div#linkarea_shoplist {
	position:absolute;
	left:270px; top:0px; 
}

div#linkarea_mailmagazine {
	position:absolute;
	left:271px; top:82px;
}

div#linkarea_porter {
	position:absolute;
	left:15px; top:190px;
	width:233px;
	height:124px;
}

div#linkarea_inout {
	position:absolute;
	left:259px; top:190px;
	width:233px;
	height:124px;
}




div#magazine_action_making {
	position:absolute;
	left:259px; top:57px;
}


/* バナー表示の時のスタイル
div#linkarea_backnumber_1 {
	position:absolute;
	left:259px; top:105px;
	width:73px; height:11px;
}
*/
/*
div#linkarea_backnumber_1 {
	position:absolute;
	left:278px; top:99px;
	width:73px; height:11px;
}
div#linkarea_backnumber_2 {
	position:absolute;
	left:278px; top:129px;
	width:73px; height:11px;
}
div#linkarea_backnumber_3 {
	position:absolute;
	left:278px; top:159px;
	width:73px; height:11px;
}
div#linkarea_backnumber_4 {
	position:absolute;
	left:278px; top:189px;
	width:73px; height:11px;
}
*/
div#linkarea_enquete {
	position:absolute;
	left:259px; top:105px;
	width:233px;
	height:124px;
}




div#backnumber {
	position:absolute;
	left:282px; top:111px;
	width:210px; height:150px;
}

div#backnumber li  {
	width:80px;
	height:16px;
	background-repeat: no-repeat;
	font-size:12px;
	padding:3px 0px 0px 24px;
}
div#backnumber a, div#backnumber a:hover{
	display:block;
	color:#fff;
}
div#backnumber a:hover {
	display:block;
	position:absolute;
	left:0px;	
	width:70px;
	background-position:0px -2px;
	background-repeat: no-repeat;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 24px;
}




div#monthly_magazine_messages {
	position:relative;
	top:0px; left:0px;
	width:493px;
oerflow:hidden; /**/
}
div#messages_by_d {
	width:493px;
}
div#messages_by_d_eyecatch {
	height:53px;
	background-image:url(/smart/common_v2/img/messages_by_d_title.gif);	
	background-repeat: no-repeat;
}
div#messages_by_d_body {
	font-size:12px;
	line-height:1.4em;
	padding:0px 20px 2px 16px;
}
div#messages_by_d_signature {
	width:493px;
	height:35px;
	background-image:url(/smart/common_v2/img/signature_background.gif);	
	background-repeat: no-repeat;
}
div#signature {
	font-size:12px;
	width:489px;
	padding:0px 0px 16px 0px;
	text-align:right;
}


div#messages_staff_blog{
	width:493px;
	background-image:url(/smart/common_v2/img/staff_blog_background.gif);	
	background-repeat: no-repeat;
}
div#blog_block_title {
	height:40px;
	text-indent:-9999px;
}
div#blog_block {
overflow:hidden; /**/
}
div#blog_block_end {
	width:493px;
	/*height:260px;*/
	background-image:url(/smart/common_v2/img/staff_blog_close.gif);	
	background-repeat: no-repeat;

}


ul.blog_0, ul.blog_1 {
	position:relative;
	width:493px;
	height:28px;
}
ul.blog_0 {
	background-image:url(/smart/common_v2/img/blog_0_background.gif);
	background-repeat: no-repeat;
}
ul.blog_1 {
	background-image:url(/smart/common_v2/img/blog_1_background.gif);
	background-repeat: no-repeat;
}
ul.blog_0 li, ul.blog_1 li {
	float:left;
}
li.blog_date {
	clear:both;
	font-size:70%;
	padding:9px 0px 0px 33px;
	width:85px;
	color:#fff;
}
li.blog_title {
	width:370px;
	font-size:90%;
	padding:7px 0px 0px 0px;
	overflow:hidden;
}
li.blog_title a, li.blog_title a:visited, li.blog_title a:active {
	display:block;
	color:#fff;
}

li.blog_title a:hover {
	display:block;
	position:absolute;
	left:98px;	
	width:370px;
	font-weight:normal;
	padding:0px 0px 0px 20px;
	background-image:url(/smart/common_v2/img/blog_li_pointer_on.gif);
	background-repeat: no-repeat;
	color:#fff;
}

 
div#magazine_body_close {
display:block;
	width:100%;
	height:12px;
	z-index:5;
	background-image:url(/smart/common_v2/img/magazine_body_close.gif);
	background-repeat: repeat-x;
font-size:0px; /**/
}

/* monthly_magazine_right */
div#magazine_right {
	position:absolute;
	width:1px;
	height:1px;
	top:725px; left:0px;	
	padding:0px 0px 0px 0px;
}
div#magazine_right_pickup {
	position:absolute;
	left:493px;
	width:501px;
}
div#magazine_right_pickup h3 {
	font-size:14px;
	font-weight:bold;
	color:#8D002E;
	padding:0px 0px 6px 0px;
}


div#pickup_block1, div#pickup_block2, div#pickup_block3   {
	position:relative;
	top:0px; left:0px;
	width:493px;
	height:226px;
}
div#pickup_block1_title,div#pickup_block2_title,div#pickup_block3_title  {
	position:absolute;
	left:0px; top:0px;
	width:501px; height:70px;
	text-indent:-9999px;
}
div#pickup_block1_title {
	background-image:url(../img/magazine_pickup_title1.gif);
	background-repeat: no-repeat;
}
div#pickup_block2_title {
	background-image:url(../img/magazine_pickup_title2.gif);
	background-repeat: no-repeat;
}
div#pickup_block3_title {
	background-image:url(../img/magazine_pickup_title3.gif);
	background-repeat: no-repeat;
}

div#pickup_text1,div#pickup_text2,div#pickup_text3 {
	position:absolute;
	left:128px; top:70px;
}
div#pickup_block1_image, div#pickup_block2_image, div#pickup_block3_image {
	position:relative;
	left:0px; top:70px;
	width:128px;
	height:200px;
}
div#pickup_block1 li, div#pickup_block2 li, div#pickup_block3 li {
	font-size:12px;
	line-height:1.3em;
	padding:1px 7px 0px 1px;
}














/*-------- right PRESENT box --------*/
div#magazine_right_other {
	position:relative;
	top:-17px;
	left:-4px;
	width:497px;
}
div#magazine_present {
	position:absolute;
	left:0px; top:0px;
	width:267px;  height:477px; /*height:509px;	 HEIGHT CONTROLE */
	background-image:url(/smart/common_v2/img/present_background.gif);
	background-repeat: repeat-y;
}
div#magazine_present_main {
	position:absolute;
	left:17px;
	top:298px;
	width:210px;
	text-indent:-9999px;
}
div#magazine_present_main_image {
	width:267px;
	height:444px;
	background-image:url(/smart/common_v2/img/present_forground.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
div#magazine_present_sub {
	position:absolute;
	left:27px;
	top:520px;
	width:230px;
	height:44px;
	font-size:12px;
	line-height:1.3em;
	color:#000;	
}

/*-------- right BANNER box --------*/
div#magazine_linkspace {
	position:absolute;
	top:670px;
	left:263px;
	width:238px;
	/*height:592px;*/
	background-image:url(/smart/common_v2/img/linkspace_head.gif);
	background-repeat: no-repeat;
	padding:2px 0px 0px 0px;
}
div#magazine_linkspace li.banner_title {
	height:1px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div#magazine_linkspace li.banner_bold, div#magazine_linkspace li.banner_solid {
	width:238px;
}
div#magazine_linkspace li.banner_bold {
	background-image:url(/smart/common_v2/img/linkspace_bgbase_bold.gif);
	background-repeat: no-repeat;
	height:150px;
}
div#magazine_linkspace li.banner_solid {
	background-image:url(/smart/common_v2/img/linkspace_bgbase_solid.gif);
	background-repeat: no-repeat;
	height:75px;
}
div#magazine_linkspace li img {
	position:relative;
	top:9px; left:9px;
}


div#treasure_l_tabs {
	z-index:1;
	position:absolute;
	top:274px;
	left:0px;
	width:33px;
	height:300px;
	background-image:url(/smart/common_v2/img/tkj_l_tab/tab_background.gif);	
	background-repeat: no-repeat;
}
div#treasure_l_tabs li.tab1{
	position:relative;
	top:40px;
}
div#treasure_l_tabs li.tab2{
	position:relative;
	top:36px;
}
div#treasure_l_tabs li.tab3{
	position:relative;
	top:32px;
}
div#tabpage_base {
	z-index:20;
	position:absolute;
	top:145px;
	left:0px;
	width:600px;
	height:720px;
	overflow:hidden;
	background-repeat: no-repeat;
	visibility:hidden;
}
div#tabpage_cover {
	z-index:30;
	position:absolute;
	top:145px;
	left:0px;
	width:601px;
	height:720px;
	visibility:hidden;
}
div#tabpage_index {
	z-index:30;
	position:absolute;
	top:145px;
	left:0px;
	width:601px;
	height:720px;
	visibility:hidden;
}
div#tabpage_feature {
	z-index:30;
	position:absolute;
	top:145px;
	left:0px;
	width:601px;
	height:720px;
	visibility:hidden;
}

/*	TAB 	*/
div#attabs_innner {
	width:538px;
	height:674px;
	position:relative;
	left:0px;
	top:20px;
}
div#attabs_tabs {
	width:58px;
	overflow:hidden;
	height:208px;
	position:absolute;
	left:538px;
	top:184px;
}
div#attabs_button {
	line-height:0px;
	margin:0px; 
	padding:0px 0px 10px 0px;
}
div#attabs_close {
	position:absolute;
	left:538px;
	top:140px;
}

div#pickup_special_title {
	position:relative;
	left:-35px;
	top:30px;
	text-indent:-9999px;
	width:437px;
	height:40px;
	background-image:url(/smart/common_v2/img/pickup_special_title_bg.gif);	
	background-repeat: no-repeat;
}
div#pickup_special_text {
	position:relative;
	left:-25px;
	top:30px;
	width:400px;
	height:60px;
	font-size:12px;
	line-height:1.4em;
}
div#pickup_special_text h3 {
	color:#8D002E;
	font-size:14px;
}
div#pickup_special_image {
	position:absolute;
	left:424px;
	top:0px;
	width:228px;
	height:177px;
}

div#messages_by_d_eyecatch {
	text-indent:-9999px;
}

div#magazine_keyvisual_title {
	background-image:url(../img/magazine_title.gif);	
	background-repeat: no-repeat;
	position:absolute;
	left:389px;
	top:0px;
	width:605px;
	height:242px;
}
div#magazine_keyvisual_movie {
	background-image:url(../img/magazine_subimg_movie.gif);	
	background-repeat: no-repeat;
	position:absolute;
	left:709px;
	top:290px;
	width:259px;
	height:61px;
}
div#magazine_qr {
	position:absolute;
	left:417px; top:445px;
	width:102px;height:101px;
	background-image:url(/smart/common_v2/img/magazine_qr.gif);	
	background-repeat: no-repeat;
	z-index:15;
}
div#magazine_omake {
	position:absolute;
	left:708px; top:366px;
	width:257px;height:199px;
}
div#magazine_next_issue {
	position:absolute;
	left:850px; top:2px;
	width:142px;height:58px;
	background-repeat: no-repeat;
}

/* プレゼント欄に置いた仮置きバックナンバーのスタイル ここから */
div#backnumber_main {
	position:absolute;
	left:10px;
	top:725px;
}
div#backnumber_main dl { clear: both; }

div#backnumber_main dt {
	float: left;
	width:90px;
	margin-right: 5px;
	margin-bottom: 10px;
}
div#backnumber_main dt a {
display:block;
border:1px solid #006698;
}
div#backnumber_main dt a:hover {
border:1px solid #22a9eb;
}
div#backnumber_main dt a img {
padding:6px 10px 5px 10px;
}
div#backnumber_main dd {
	float: left;
}
.backnumber_title { font-weight: bold; color: #8d002e; }
div#backnumber_main dd a, div#backnumber_main dd a:hover{
	color:#8d002e;
}


/* プレゼント欄に置いた仮置きバックナンバーのスタイル ここまで */