/* wrap */
#wrap{width:100%; height:auto; min-height:381px; margin:0px; padding:0; background:url('../images/common/bg_main.jpg') no-repeat center 0; }


/* header */
#header { width:100%; text-align:center;}

/* content */
#content{ margin:0 auto; width:320px; overflow:hidden; padding: 0 0 10px 0;}

#left_area { float:left; position:relative; padding:60px 0 0 3%;} 

#right_area { float:right; position:relative; padding-right:3%;}
.main_menu{overflow:hidden;}
.main_menu li{ margin:0 0 2px 0; }

/* footer */
#footer { width:100%; position: relative; text-align:center; background:#ec84a7; padding:12px 0; }
.copy { color:#333333; font-size:12px; padding:5px 5px 12px 5px;}
#footer .f_menu { overflow:hidden;}
#footer .f_menu li {float:left; width:30%; margin-left:2%;}
#footer .f_menu a {
									display:block;
									width:100%;
									height:37px;
									margin-bottom:7px;
									text-align:center;
									box-shadow:1px 1px 2px #6c4b56;
									-webkit-border-radius:8px; /*¤Ð*/
									/*IE9+,FF4+,chrome,Safari5,+opera*/
									border-radius:8px;
									background:url('../images/common/bg_btn_gray.gif') repeat-x 0 0;									
									}
									
#footer .f_menu span { display:block; color:#5d5d5f; font-size:14px; padding-top:12px; font-weight:bold;}
#footer .f_menu .btn_top span { padding-right:14px; background:url('../images/common/top_arr.gif') no-repeat center 16px; }


/* Talbet & Desktop */ 
@media all and (min-width:360px) { 
#wrap{min-height:480px;}
#content{ margin:0 auto; width:360px; overflow:hidden; padding:40px 0 20px 0;}
} 

/* Tablet */ 
@media all and (min-width:768px) and (max-width:1024px) { 

} 
  

/* Desktop */ 
@media all and (max-width:1025px) { 

}