@charset "UTF-8";


/* html body base
===============================================================*/

/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.iepngfix{ behavior:url(/remocon/js/iepngfix.htc); }


/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/


#content{ width:100%; height:100%; background:url(../remocon/images/main_back.jpg) repeat-y top center; margin:0 auto; text-align:center; padding:0;}
#content:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#content_bottom{ z-index:1; clear:both; height:353px; behavior:url(/remocon/js/iepngfix.htc); background:url(../remocon/images/main_back_bottom.png) no-repeat bottom center; margin:0;_margin:0; position:relative;  }
#content_bottom:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}



#content_wrapper{ width:898px; margin:-82px auto 0 auto; z-index:2; position:relative;}
#content_wrapper:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}



#content_left{ width:597px; float:left; display:inline; margin:0 24px -150px 0; z-index:2; position:relative; }
#content_left:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.content_left_head{ margin:0; height:170px; width:597px;}


#content_right{ width:277px; float:left; display:inline; margin:68px 0 -150px 0; position:relative; }
#content_right:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}



/* header
===============================================================*/

/* header
-------------------------------------------------------------- */

.remocon_header{ background:url(../remocon/images/header_back.jpg) no-repeat top center; height:289px;_height:300px; padding:11px 0 0 0; }

.remocon_header h1{  }
.remocon_header h1 a{ width:950px; margin:0 auto; height:240px; display:block; text-indent:-9999px; font-size:1px; line-height:1px;}


/* topic path  */

.remocon_topic_path{ margin:0 auto 0 auto; width:950px; height:24px; text-align:left; background:url(../remocon/images/topic_path_back.gif) no-repeat top left; }
.remocon_topic_path p{ line-height:22px; color:#fff; margin:0 0 0 10px; }
.remocon_topic_path p a{color:#fff; text-decoration:none; }



/* header
===============================================================*/



/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */




/* footer
-------------------------------------------------------------- */


/* Contents
===============================================================*/

.main_column{ width:590px; margin:0 3px 0 4px; background:#fff; z-index:2;}
.main_column:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.main_column_bottom{ clear:both; width:590px; margin:0 3px 0 4px; background:url(../remocon/images/main_body_bottom.png) no-repeat bottom left; height:79px; behavior:url(/remocon/js/iepngfix.htc); z-index:2;}
.entry_previous{ margin:18px 0 0 35px; width:260px; float:left; display:inline; text-align:left;}
.entry_previous a{ width:92px; height:51px; display:block; background:url(../remocon/images/entry_previous.gif) no-repeat left top; font-size:1px; line-height:1px; text-indent:-9999px; overflow:hidden;}
.entry_previous a:hover{ display:block; background:url(../remocon/images/entry_previous.gif) no-repeat left -51px;}


.entry_next{ margin:18px 35px 0 0; width:260px; float:right; display:inline; text-align:right;}
.entry_next a{ width:92px; height:51px; display:block; background:url(../remocon/images/entry_next.gif) no-repeat left top; float:right; font-size:1px; text-align:left; line-height:0; text-indent:-99999px; overflow:hidden;}
.entry_next a:hover{ display:block; background:url(../remocon/images/entry_next.gif) no-repeat left -51px;}




.main_area{ margin:0 35px 0 35px; text-align:left;}
.main_area h2{ clear:both; margin:0 0 25px 0; padding:40px 0 27px 100px; font-size:18px; line-height:24px; }
.entry_title_date{ color:#363636; font-size:14px; font-weight:normal;}

.main_area h2.warm{ background:url(../remocon/images/title_warm.gif) no-repeat top left; display:block; color:#ff2400;}
.main_area h2.cold{ background:url(../remocon/images/title_cold.gif) no-repeat top left; display:block; color:#0055bb;}
.main_area h2.normal{ background:url(../remocon/images/title_normal.gif) no-repeat top left; display:block; color:#dfb33d;}



.main_area p{ line-height:21px; font-size:14px; margin:0 0 25px 0;}



.main_column_read{ margin:0;}


.entry_bottom_area{ padding:5px 0 45px 0; height:30px;_height:80px; line-height:0;}
.entry_bottom_area:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.impression a{ width:140px; height:30px; padding:0; display:block; text-indent:-9999px; font-size:1px; line-height:1px; overflow:hidden; background:url(../remocon/images/bt_send.gif) no-repeat top left; float:left; margin:0 10px 0 0;}
.impression a:hover{  background:url(../remocon/images/bt_send.gif) no-repeat left -30px; display:block;}



/* menu
-------------------------------------------------------------- */

#right_menu{ width:277px; text-align:left; }

#right_menu h2{ width:277px; }
.right_menu_area{ width:270px; margin:0 4px 0 3px; background:#fff;}
.right_menu_area_bottom{ width:270px; margin:0 4px 11px 3px; height:23px;}
.right_menu_area_bottom2{ width:270px; margin:0 4px 24px 3px; height:23px;}
.right_menu_area_bottom3{ width:270px; margin:0 4px 0 3px; height:185px;}

.right_menu_area ul{ margin:0 20px 0 20px; list-style:none;}
.right_menu_area li{ line-height:24px; padding:0 0 0 19px; background:url(../remocon/images/list_icon.gif) no-repeat left 6px;}
.right_menu_area li a{ color:#0055bb; text-decoration:underline; }
.right_menu_area li a:hover{ color:#0055bb; text-decoration:none; }
.right_menu_area li a:visited{ color:#0055bb; text-decoration:underline; }

.right_twitter{ margin:0 20px 0 20px; width:230px;
overflow:hidden;}

.right_profile{ margin:0 20px 0 20px; }
.right_profile img{ margin:0 0 22px 31px; }

.right_profile h3{ margin:0 0 15px 0; font-size:14px; }
.right_profile p{ padding:0 0 50px 0; line-height:20px; }



