/* COMMON_LAYOUT.CSS Document */





 /* ------------------------------------------------------------------
 1. HEADER
------------------------------------------------------------------*/

div#header {
position: relative;
background-image: url(../image/rosa_header.png);
background-position: left;
background-repeat: no-repeat;
height: 186px;
}

h1 {
position: absolute;
left: 128px;
top: 0px;
}


div.contact {
width: 300px;
float: left;
margin-left: 20px;
}




p.telephone {
background-image: url(../image/phone.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
position: absolute;
left: 380px;
top: 60px;
font-weight: bold;
}

p.e_mail {
position: absolute;
left: 570px;
top: 60px;
font-weight: bold;
}

p.roza_mobile {
position: absolute;
/*left: 730px;*/
right: 10px;
top: 50px;
font-size: 80%;
/*font-weight: bold;*/
}
p.roza_mobile_word {
position: absolute;
/*left: 730px;*/
right: 110px;
top: 110px;
font-weight: bold;
}

p.header_title {
float: right;
background-image: url(../image/header_title_background.png);
background-repeat: no-repeat;
width: 230px;
height: 95px;
text-align:right;
padding-top: 20px;
padding-right: 5px;
font-weight: bold;
font-size: 0.875em
}

p.return {
text-align:center;
}



 /* ------------------------------------------------------------------
 1-1. BRANDING
------------------------------------------------------------------*/

/* ------------------------------------------------------------------
 1-2. NAV TOP
------------------------------------------------------------------*/



/* ------------------------------------------------------------------
 1-3. NAV_MAIN
------------------------------------------------------------------*/


 /* ------------------------------------------------------------------
 2. CONTENT
------------------------------------------------------------------*/

div#content {
width: 98%;
display: inline;
}




div#nav_sub {
background-image: url(../image/rosa_sub_nav.png);
background-repeat: no-repeat;
width: 200px;
float: left;
clear: left;
}

div#nav_sub li {
list-style-type: none;
width: 142px;
border-bottom: dotted 2px #FFFFFF;
padding-left: 5px;
}


div#nav_sub ul li a {
background-image: url(../image/point.gif);
background-position: left;
background-repeat: no-repeat;
display: block;
line-height: 30px;
text-decoration: none;
font-size: 12px;
padding-left: 18px;
color: #691817;
}

div#nav_sub ul li a:visited {
color: #691817;
}
div#nav_sub ul li a:hover {
color: #FFFFFF;
}

div#content_main {
background-image: url(../image/content_background.png);
background-position: left top;
background-repeat: repeat-y;

width:100%;
float:right;
margin-left: -100%;
}

div#content_main dt {
padding: 20px 0px 10px 0px;
}

div#content_main li {
padding: 7px 0px 0px 10px;
}

div#inner_main {
}

#inner_main table {
	width: 60%;
	border: 0px #000000 solid;
}

#inner_main td,th {
	border-bottom: 0px #000000 solid;
	padding: 10px 10px 3px 10px;
}


div.section {
margin-left: 210px;
margin-right: 150px;
}

div#recommend_box {
/*background-image: url(../image/back_top_background.png);
*/
text-align: center;
width: 120px;
float: right;
color: #AAAAAA;
}

div#back_top {
background-image: url(../image/back_top_background.png);
background-position:left bottom;
background-repeat: no-repeat;
clear:both;
text-align: right;
padding-right: 20px;
padding-top: 10px;
height: 30px;
}

div#back_top a {
color: #FF0000;
}

div#back_top a:hover {
color: #FF6666;
}


div#news_box1 {
border: solid 2px #FFCCFF;
height: 250px;
overflow: scroll;
}

div#recommend_box li {
background-image: url(../image/index_shadow.gif);
padding: 0px 15px 5px 0px;
background-repeat: no-repeat;
*/
}


div#recommend_box li img {
/*text-align:center;*/
padding: 0px 15px 5px 0px;
width: 102px;
height: 150px;
}


div#recommend_box li:hover img {
/*background-image: url(../image/index_shadow.gif);
padding: 0px 10px 10px 0px;
*/
/*text-align: center;*/
width: 105px;
height: 154px;
/*width: 102px;
height: 150px;
*/
}
.menu_c {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: MS Sans Serif; TEXT-DECORATION: none;
}
A.menu_c:hover {
	TEXT-DECORATION: none; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: MS Sans Serif;
}
.bgt3{
	background-color:#ffece0;
	padding: 5px;
}
.bgt4 {
	background-color:#ffa0a0;
	padding: 5px;
}
.bgt2 {
	background-color:#fffcff;
	padding: 5px;
}
.bgt5 {
           background-color:#f8ece0;
}

.tdp {
	BACKGROUND-IMAGE: url(/img/shadow_sml.jpg); BACKGROUND-REPEAT: no-repeat; WIDTH: 183px; HEIGHT: 179px;
}
.khaba td{
	padding: 5px;
}


.shadow{ vertical-align:top; background-image:url(/images/roza/index_shadow.gif); width: 107px; height: 161px;@
}






 /* ------------------------------------------------------------------
 3. NAV SUPP
------------------------------------------------------------------*/


 /* ------------------------------------------------------------------
 4. SITE_INFO
------------------------------------------------------------------*/

div#footer {
background-color: #FEA0A0;
}

div#site_info {
color: #FFFFFF;
text-align: center;
}



