@import "/wedding/lib/cmn_css/component.css"; 

/* CSS Document */

body { behavior:url("../lib/js/csshover.htc"); }


/* 1 */
div#change_image1,
div#change_image2,
div#change_image3,
div#change_image4,
div#change_image5 {
	margin:10px 10px 10px 0;
	display:block;
	width:590px
}

div#change_image1 p#myImg1,
div#change_image2 p#myImg2,
div#change_image3 p#myImg3,
div#change_image4 p#myImg4,
div#change_image5 p#myImg5 {
	margin:0;
}

div#change_image1 #view1,
div#change_image2 #view2,
div#change_image3 #view3,
div#change_image4 #view4,
div#change_image5 #view5 {
	width:335px;
	float:left;
	margin-right:5px;
}

div#change_image1 #comment,
div#change_image2 #comment,
div#change_image3 #comment,
div#change_image4 #comment,
div#change_image5 #comment {
	color:#999999;
	width:240px;
}


div#change_image1 div.txtInr,
div#change_image2 div.txtInr,
div#change_image3 div.txtInr,
div#change_image4 div.txtInr,
div#change_image5 div.txtInr {
float:right;
 margin-left:5px;
	width:240px;
}

div#change_image1 ul,
div#change_image2 ul,
div#change_image3 ul,
div#change_image4 ul,
div#change_image5 ul {
	list-style:none;
	margin:0;
}

div#change_image1 li,
div#change_image2 li,
div#change_image3 li,
div#change_image4 li,
div#change_image5 li {
 display:block;
 float:left;
	margin:0 0 10px 4px;
	height:90px;
}

div#change_image1 li img,
div#change_image2 li img,
div#change_image3 li img,
div#change_image4 li img,
div#change_image5 li img {
	cursor:pointer;
}

#contents div.rightB {
 float:left;
	width:245px;
}

#contents .cl {
	clear:both;
	text-align:right;
	font-size:77%;
}




/* [rightmenu Tabs] */


#rightMenu li{
	vertical-align:bottom;
}

#rightMenu ul#cookMenu li.cm02 span, 
#rightMenu ul#cookMenu li.cm03 span,
#rightMenu ul#cookMenu li.cm04 span,
#rightMenu ul#cookMenu li.cm05 span,
#rightMenu ul#cookMenu li.cm06 span {
	background-image: url(/wedding/lib/cmn_img/rm_cook_menu.jpg);
	display:block;
	text-indent: -9999px;
	overflow: hidden;
}

#rightMenu ul#cookMenu li#cm01, #rightMenu ul#cookMenu li#cm01 a {
	background-position: 0 0;
	height: 51px;
	width: 220px;
}
#rightMenu li.cm02, #rightMenu li.cm02 span {
	background-position: 0 -51px;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm03, #rightMenu li.cm03 span {
	background-position: 0 -77px;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm04, #rightMenu li.cm04 span {
	background-position: 0 -103px;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm05, #rightMenu li.cm05 span {
	background-position: 0 -129px;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm06, #rightMenu li.cm06 span {
	background-position: 0 -155px;
	height: 30px;
	width: 220px;
}
/* over */

#rightMenu li.cm01 a:hover,
#rightMenu li.cm01 a.current {
	background-position: -220px 0;
	height: 51px;
	width: 220px;
}

#rightMenu li.cm02 span:hover,
#rightMenu li.cm02 span.current {
	background-position: -220px -51px;
	display:block;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm03 span:hover,
#rightMenu li.cm03 span.current {
	background-position: -220px -77px;
	display:block;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm04 span:hover,
#rightMenu li.cm04 span.current {
	background-position: -220px -103px;
	display:block;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm05 span:hover,
#rightMenu li.cm05 span.current {
	background-position: -220px -129px;
	display:block;
	height: 26px;
	width: 220px;
}
#rightMenu li.cm06 span:hover,
#rightMenu li.cm06 span.current {
	background-position: -220px -155px;
	display:block;
	height: 30px;
	width: 220px;
}


#contents .cookLink {
	width: 630px;
	overflow: hidden;
}
#contents .cookLink ul li {
	display: inline;
}
#contents .cookLink ul li a {
	display: block;
	width: 125px;
	height: 45px;
	text-indent: -9999px;
	background: url(../cuisine/images/p_top_navi.jpg) no-repeat 0px 0px;
	float: left;
}
#contents .cookLink ul li.cookLink1 a {
	width: 129px;
	background-position: 0px 0px;
}
#contents .cookLink ul li.cookLink2 a {
	background-position: -129px 0px;
}
#contents .cookLink ul li.cookLink3 a {
	background-position: -254px 0px;
}
#contents .cookLink ul li.cookLink4 a {
	background-position: -379px 0px;
}
#contents .cookLink ul li.cookLink5 a {
	width: 126px;
	background-position: -504px 0px;
}
#contents .cookLink ul li.cookLink1 a:hover,
#contents .cookLink ul li.cookLink1 a.active {
	background-position: 0px -45px;
}
#contents .cookLink ul li.cookLink2 a:hover,
#contents .cookLink ul li.cookLink2 a.active {
	background-position: -129px -45px;
}
#contents .cookLink ul li.cookLink3 a:hover,
#contents .cookLink ul li.cookLink3 a.active {
	background-position: -254px -45px;
}
#contents .cookLink ul li.cookLink4 a:hover,
#contents .cookLink ul li.cookLink4 a.active {
	background-position: -379px -45px;
}
#contents .cookLink ul li.cookLink5 a:hover,
#contents .cookLink ul li.cookLink5 a.active {
	background-position: -504px -45px;
}

#contents .cookList {
	width: 630px;
	overflow: hidden;
	margin-bottom: 3px;
}
#contents .cookList h4 {
	line-height: 110%;
	margin-bottom: 7px;
}
#contents .cookList h4 a {
	display: block;
	padding: 0 0 0 15px;
	background: url(../cuisine/images/arr.gif) no-repeat left center;
	color: #AA003F;
}
#contents .cookList .cookListTitle {
	width: 615px;
	height: 35px;
	padding: 0 5px 0 10px;
	overflow: hidden;
	background: url(../cuisine/images/h_title_bg.jpg) repeat-x left top;
}
#contents .cookList .cookListTitle h5 {
	float: left;
	font-weight: normal;
	margin-top: 5px;
}
#contents .cookList .cookListTitle p {
	float: right;
	margin: 0;
	padding: 4px 0 0;
	text-align: right;
}
#contents .cookSep {
	background: url(../cuisine/images/sep1.jpg) repeat-x left top;
	height: 12px;
	width: 630px;
	overflow: hidden;
}
#contents .cookImg {
	margin-bottom: 15px;
	overflow: hidden;
}