@charset "utf-8";


/* *********************************
FileName: magazine.css
UpdatedBy: -
*********************************** */


/* *********************************
000 : Base Layout
001 : page Layout
002 : clearfix
*********************************** */


/* *********************************
000 : Base Layout
*********************************** */


/* mainArea
-------------------------- */

#mainArea h3 { clear:both;}
/*
#magazine #contentTop #floatmg {
	position:absolute;
	right:0;
	top:0;
	z-index:100;
}
*/
#magazine #contentTop #floatmg {
	position:absolute;
	right:0;
	top:0;
	z-index:100;
}


/* *********************************
001 : page Layout
*********************************** */

/* index
-------------------------- */

#contentTop { position:relative;}

#contentTop #mainArea { background-color:#e6e6e6;}

#contentTop #mainArea .mainImage { position:relative;}

/* -------- 2012.06.19 Addition & Change -------- */
	#contentTop #mainArea .mainImage p.intro001 { position: absolute; top:413px; left:567px; }
	#contentTop #mainArea .mainImage p.intro001 a { display:block; width:198px; height:57px; background: url(../../magazine/environment/img/btn_top_intro01_off.png) 0 0 no-repeat;}
	#contentTop #mainArea .mainImage p.intro001 a:hover { background: url(../../magazine/environment/img/btn_top_intro01_ov.png) 0 0 no-repeat;}
	#contentTop #mainArea .mainImage p.intro001 a span { display:none;}
	
	#contentTop #mainArea .mainImage p.intro002 { position: absolute; top:413px; left:567px; }
	#contentTop #mainArea .mainImage p.intro002 a { display:block; width:198px; height:57px; background: url(../../magazine/environment/img/btn_top_intro01_off.png) 0 0 no-repeat;}
	#contentTop #mainArea .mainImage p.intro002 a:hover { background: url(../../magazine/environment/img/btn_top_intro01_ov.png) 0 0 no-repeat;}
	#contentTop #mainArea .mainImage p.intro002 a span { display:none;}
	
	#contentTop #mainArea .mainImage p.intro003 { position: absolute; top:418px; left:574px; }
	#contentTop #mainArea .mainImage p.intro003 a { display:block; width:198px; height:57px; background: url(../../magazine/medical/img/btn_top_intro01_off.png) 0 0 no-repeat;}
	#contentTop #mainArea .mainImage p.intro003 a:hover { background: url(../../magazine/medical/img/btn_top_intro01_ov.png) 0 0 no-repeat;}
	#contentTop #mainArea .mainImage p.intro003 a span { display:none;}
/* -------- 2012.06.19 Addition & Change -------- */	
	
	#contentTop #mainArea .mainImage div.rightbg{ position:absolute; top:0; right:0; width:190px; height:500px; background:url(../../magazine/environment/img/bg_float.png) 100% 0 repeat-y;}
	
	
/* -------- 2013.09.26 Addition & Change -------- */
/*#contentTop #mainArea .tgTop { position:relative; height:300px; padding-right:190px; background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;}*/
#contentTop #mainArea .tgTop { position:relative; height:240px; padding-right:190px; background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;}
/* -------- 2013.09.26 Addition & Change -------- */

	
#contentTop #mainArea .crossTop { position:relative; padding-right:190px; background: url(../../magazine/environment/img/bg_float_talk.gif) 100% 0 no-repeat;}
	#contentTop #mainArea .crossTop p.talk { position: absolute; top:0; left:30px; }
	#contentTop #mainArea .crossTop p.talk a { display:block; width:740px; height:380px;}
	#contentTop #mainArea .crossTop p.talk a span { display:none;}

#contentTop #mainArea .item { padding:20px 210px 20px 30px; background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;}
	#contentTop #mainArea .item .int { margin-bottom:30px; padding:30px 20px 25px 25px; background: url(../../magazine/environment/img/line_bg.gif) #f7f7f7 0 0 no-repeat;}
	#contentTop #mainArea .item .int h3 { padding-bottom:20px;}
	#contentTop #mainArea .item .int dl { clear:both;}
	#contentTop #mainArea .item .int dt { float:left; width:320px;}
	#contentTop #mainArea .item .int dd { float:right; width:340px; font-size:92.5%;}
	#contentTop #mainArea .item .int dd h4 { padding:30px 0 20px;}
		
	#contentTop #mainArea .item .topic { margin-bottom:30px;}
	#contentTop #mainArea .item .topic h3 { padding-bottom:20px;}
	#contentTop #mainArea .item .topic .step4 {}
	#contentTop #mainArea .item .topic .step4 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	#contentTop #mainArea .item .topic .step4 ul { width: 740px; margin-bottom:30px; background: url(../../magazine/environment/img/bg_toptopic.gif) 0 0 repeat-y;}
	#contentTop #mainArea .item .topic .step4 ul.last { margin-bottom:0px !important; }
	#contentTop #mainArea .item .topic .step4 li { float:left; width:170px; background-color:#f7f7f7; margin-right:20px;}
	#contentTop #mainArea .item .topic .step4 li.last { margin-right:0;}
	#contentTop #mainArea .item .topic .step4 li h4 { display: block; padding-top:5px; height: 68px;}
	#contentTop #mainArea .item .topic .step4 li p { padding:0 10px 7px 10px; _padding:7px 10px; font-size:92.5%;}


#contentTop .bottomArea { height:140px;
	padding-right:210px; background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;
	padding-top: 10px;
}

/* -------- 2012.06.22 Addition -------- */
#contentTop .bottomArea200 { height:200px;
	padding-right:210px; 
	background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;
	padding-top: 10px;}
#contentTop .magArchive { float:left; width:790px;}
#contentTop .magArchive .title { padding:0 0 0 30px; width:auto; height:20px; border-bottom:1px solid #c9c9c9;}
#contentTop .magArchive .biBtn { padding:23px 0 15px 30px;}
#contentTop .magArchive .biBtn2 { padding:0 0 15px 30px;}
/* -------- 2012.06.22 Addition -------- */

#contentTop #mainArea .item a { color:#333; text-decoration:none;}
#contentTop #mainArea .item a:hover { color:#285cbe; text-decoration:underline;}

/* float */
#magazine #contentTop #floatmg { width:190px; color:#FFF;}
#magazine #contentTop #floatmg h3 { padding:15px;}
#magazine #contentTop #floatmg ul { border-bottom:1px solid #808080;}
#magazine #contentTop #floatmg li { padding:15px 5px 8px 15px; border-top:1px solid #808080;}
#magazine #contentTop #floatmg li .pic  { width:66px; float:left;}
#magazine #contentTop #floatmg li .text { width:96px; float:left; font-weight:bold;}
#magazine #contentTop #floatmg li p { clear:both; font-size:92.5%; padding:5px 0;}
#magazine #contentTop #floatmg li .pic span.new { position:absolute; top:63px; right:153px; width:22px; height:11px; background: url(../../magazine/img/icon_top_new.gif) 0 0 no-repeat;}
#magazine #contentTop #floatmg p.more { text-align:right; padding:15px 15px 0 0;}

#magazine #contentTop #floatmg .keyword { margin-bottom:20px; padding:30px 10px;}

#magazine #contentTop #floatmg a { color:#fff; text-decoration:none;}
#magazine #contentTop #floatmg li .pic a { color:#fff; text-decoration:none;}
#magazine #contentTop #floatmg a:hover { color:#fff; text-decoration:underline;}

/* link */
#content.mgTop .step3 a { color:#333; text-decoration:none;}
#content.mgTop .step3 a:hover { color:#285cbe; text-decoration:underline;}


/* sns */
#content .snsBtn { text-align:right;}


/* -------- 2013.12.25 Addition -------- */
#magazine #contentTop #floatmg .new_bg { background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;}

#magazine #contentTop #floatmg p.more2 { text-align:right; padding:15px 15px 15px 0; border-bottom:1px solid #808080;}

#magazine #contentTop #floatmg .nm_txt { text-align:center; padding-top:20px;}
#magazine #contentTop #floatmg .nm_btn { padding-bottom:20px;}
/* -------- 2013.12.25 Addition -------- */



/* *********************************
002 : clearfix
*********************************** */

#contentTop:after,
#contentTop #mainArea .item .int dl:after,
#contentTop #mainArea .item .topic .step4 ul:after,
#magazine #contentTop #floatmg li:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	overflow: hidden;
}

.c_rights{
	text-align: left;
	background: #fff;
	font-size: 92.5%;
	color: #666;
	padding: 10px 30px;
	background: url(../../magazine/environment/img/bg_float.gif) 100% 0 repeat-y;
}

.icon01 iframe{
/* 	width: 80px!important; */
}

#contentTop .bottomArea200 .snsBtn li.icon06{
	width: 61px!important;
	margin-right: 10px;
}

#contentTop .bottomArea200 .snsBtn li.icon04{
	margin-right: 20px;
}