@media screen{

/********** common **********/
*{
	margin:0;
	padding:0;
	line-height:150%;
	}

img{
	border:0;
}

body{
	}
#wrapper{
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	width:780px;}
	
a{
	color: #e853a5;
	}
a:hover{
	color: #000000;
	text-decoration: underline;
	}
a:link{
	color:#666666;
	}
a:visited{
	color:#666666;
	}

li{
	list-style:none;
	}

h3{
	font-size:14px;
	font-weight:bold;
	}
	
.arrow_list{
	margin:0;
	padding-left:15px;
	text-indent:0;
	list-style:none;
	background-image:url(images/list_head.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}

/********** header **********/
#header{}
#header h1{
	margin:0;
	padding:0;
	width:780px;
	height:429px;
	text-indent:-9999px;
	background-image:url(images/top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#header h1 img{
	float:left;
	}
img.header_nodisplay{
	display: none;
	}
.head_1{
	margin:-1px 0 0 388px;
	padding:0;
	}
.head_2{
	margin:0 0 0 388px;
	padding:0;
	}
.head_3{
	margin:0 0 0 388px;
	padding:0;
	}
.head_4{
	margin:0;
	padding:0;
	}
.head_5{
	margin:0;
	padding:0;
	}

#collagen #header h1{
	margin:0;
	padding:0;
	width:780px;
	height:214px;
	text-indent:-9999px;
	background-image:url(images/stop.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen #header h1 img{
	float:left;
	}
#collagen .head_1{
	margin:-1px 0 0 387px;
	padding:0;
	}
#collagen .head_2{
	margin:0 0 0 387px;
	padding:0;
	}
#collagen .head_3{
	margin:0;
	padding:0;
	}
	
#collagen h2{
	margin:20px auto 10px 0;
	padding:0;
	}
#collagen h3{
	clear:both;
	margin:50px auto 10px 20px;
	padding:0;}



/********** menu **********/
#menu{}
#menu ul{}
#menu ul li{
	float:left;
	margin:0;
	padding:0;
	height:87px;
	text-indent:-9999px;
	list-style:none;
	overflow:hidden;
	}


#menu_nodisplay{
	display: none;
	float:left;
	}
img.m1_nodisplay{
	display: none;
	}
img.m2_nodisplay{
	display: none;
	}
img.m3_nodisplay{
	display: none;
	}
img.m4_nodisplay{
	display: none;
	}
img.m5_nodisplay{
	display: none;
	}
img.m6_nodisplay{
	display: none;
	}
	
.m-1 a{
	display: block;
	width:215px;
	height:85px;
	background-image:url(images/m-1.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m-1 a:hover{
	display: block;
	width:215px;
	height:85px;
	background-image:url(images/m-1_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
/*
.m-2 a{
	display: block;
	width:165px;
	height:85px;
	background-image:url(images/m-2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m-2 a:hover{
	display: block;
	width:165px;
	height:85px;
	background-image:url(images/m-2_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
*/
.m-3{
	display: block;
	width:565px;
	height:85px;
	background-image:url(images/m-3.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}

/*
.m1 a{
	display: block;
	width:135px;
	height:87px;
	background-image:url(images/m1.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m1 a:hover{
	display: block;
	width:135px;
	height:87px;
	background-image:url(images/m1_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m2 a{
	display: block;
	width:118px;
	height:87px;
	background-image:url(images/m2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m2 a:hover{
	display: block;
	width:118px;
	height:87px;
	background-image:url(images/m2_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m3 a{
	display: block;
	width:111px;
	height:87px;
	background-image:url(images/m3.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m3 a:hover{
	display: block;
	width:111px;
	height:87px;
	background-image:url(images/m3_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m4 a{
	display: block;
	width:150px;
	height:87px;
	background-image:url(images/m4.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m4 a:hover{
	display: block;
	width:150px;
	height:87px;
	background-image:url(images/m4_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m5 a{
	display: block;
	width:117px;
	height:87px;
	background-image:url(images/m5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m5 a:hover{
	display: block;
	width:117px;
	height:87px;
	background-image:url(images/m5_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m6 a{
	display: block;
	width:149px;
	height:87px;
	background-image:url(images/m6.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
.m6 a:hover{
	display: block;
	width:149px;
	height:87px;
	background-image:url(images/m6_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
*/

/********** collagen menu **********/
#collagen #menu{
	float:left;
	width:245px;
	height:80px;
	display:block;
}

#Sseries {
	float: left;
	height: 80px;
	width: 535px;
	background-image: url(images/sm3c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
}

.seriesIcon {
	background-image: url(images/seriesIcon.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 13px;
}

#Sseries_nodisplay {
	float: left;
	height: 80px;
	width: 535px;
	display: none;
	padding:0px;
	margin:0px;
}

#collagen #menu ul{}
#collagen #menu ul li{
	float:left;
	margin:0;
	padding:0;
	height:80px;
	text-indent:-9999px;
	list-style:none;
	}
#collagen .m1 a{
	display: block;
	width:135px;
	height:80px;
	background-image:url(images/sm1.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m1 a:hover{
	display: block;
	width:135px;
	height:80px;
	background-image:url(images/sm1_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m2 a{
	display: block;
	width:120px;
	height:80px;
	background-image:url(images/sm2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m2 a:hover{
	display: block;
	width:120px;
	height:80px;
	background-image:url(images/sm2_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m3 a{
	display: block;
	width:110px;
	height:80px;
	background-image:url(images/sm3.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m3 a:hover{
	display: block;
	width:110px;
	height:80px;
	background-image:url(images/sm3_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m4 a{
	display: block;
	width:150px;
	height:80px;
	background-image:url(images/sm4.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m4 a:hover{
	display: block;
	width:150px;
	height:80px;
	background-image:url(images/sm4_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m5 a{
	display: block;
	width:115px;
	height:80px;
	background-image:url(images/sm5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m5 a:hover{
	display: block;
	width:115px;
	height:80px;
	background-image:url(images/sm5_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m6 a{
	display: block;
	width:150px;
	height:80px;
	background-image:url(images/sm6.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m6 a:hover{
	display: block;
	width:150px;
	height:80px;
	background-image:url(images/sm6_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
	
	
	
/********** body **********/
#menu_content{
	clear:both;
	margin:0;
	padding:0;
	width:780px;
	min-height:188px;
	background-color:#fdfce9;
	overflow: hidden;
	background-image:url(images/bg-menu_content.jpg);
	background-positiron:right bottom;
	background-repeat:no-repeat;
	color:#666666;
	}
#menu_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	zoom:1;
	}

/*\*/
* html #menu_content {
    height: 1em;
    overflow: visible;
	}
/**/
#smenu_content{
	clear:both;
	margin:0;
	padding:10px 40px;
	width:700px;
	overflow: hidden;
	font-size:80%;
	}
#smenu_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	zoom:1;
	}

/*\*/
* html #smenu_content {
    height: 1em;
    overflow: visible;
	}
/**/


#menu_top{
	margin:0;
	padding:0;
	font-size:80%;}
	
.menu_content_p{
	float:left;
	margin:30px 0 30px 40px;
	padding:;
	}
.smenu_content{}
.smenu_content .p2{
	margin:10px 0 0 40px;
	font-size:80%;
	text-indent:1em;
	}
.left-column{
	float:left;
	margin:10px 0 0 40px;
	padding:;
	width:410px;
	font-size:80%;
	text-indent:1em;
	}
.right-column{
	float:right;
	margin:10px 0 0 20px;
	padding:;
	width:230px;/*410+230=680 margin-left:20px and 40px; 780-80=700*/
	font-size:80%;
	}
.menu_content_p p{
	margin:10px 0 0 0;
	padding:0;
	max-width:18em;
	text-indent:0;
	font-size:80%;
	}
.menu_content_p ul{
	margin:10px 0 0 0;
	padding:0;
	max-width:20em;
	}
.menu_content_p ul li{
	margin:0;
	padding-left:15px;
	text-indent:0;
	font-size:80%;
	list-style:none;
	background-image:url(images/list_head.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}

.small{
	font-size:90%;
	}

.caption{
	margin-top:30px;
	font-size:80%;
	color:#666666;
}

.caption p{
	margin-top:1.5em;
	margin-bottom:1.5em;
	}
	
.caption div.spec{
	margin:3em auto 100px auto;
	font-size:85%;
	}

/********** footer **********/
#footer{
	clear:both;
	margin:0;
	padding:50px 0 20px;
	width:780px;
	text-align:center;
	font-size:80%;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-poition:center top;
	}
#footer p{
	margin:0 auto 5px auto;
	padding:0;
	}


/********** sub **********/
img.sub_header_nodisplay{
	display: none;
	}
/*

*/

#smenu_content2{
	clear:both;
	margin:0;
	padding:10px 40px;
	width:700px;
/*	background-color:#fdfce9;*/
	overflow: hidden;
	}
#smenu_content2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	zoom:1;
	}

/*\*/
* html #smenu_content2 {
    height: 1em;
    overflow: visible;
	}

#front_img{
clear:both;
margin: 0px 0px 0px -40px;
padding: 0px 0px 0px 0px;
}


/*
#collagen #menu ul.caremask li{
	float:left;
	margin:0;
	padding:0;
	height:66px;
	text-indent:-9999px;
	list-style:none;
	}
*/
#collagen .m1c a{
	display: block;
	width:245px;
	height:80px;
	background-image:url(images/sm1c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m1c a:hover{
	display: block;
	width:245px;
	height:80px;
	background-image:url(images/sm1c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
/*
#collagen .m2c a{
	display: block;
	width:170px;
	height:80px;
	background-image:url(images/sm2c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m2c a:hover{
	display: block;
	width:170px;
	height:80px;
	background-image:url(images/sm2c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
*/
#collagen .m3c{
	display: block;
	width:535px;
	height:80px;
	background-image:url(images/sm3c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}

/*
#collagen .m1c a{
	display: block;
	width:135px;
	height:66px;
	background-image:url(images/sm1c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m1c a:hover{
	display: block;
	width:135px;
	height:66px;
	background-image:url(images/sm1c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m2c a{
	display: block;
	width:120px;
	height:66px;
	background-image:url(images/sm2c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m2c a:hover{
	display: block;
	width:120px;
	height:66px;
	background-image:url(images/sm2c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m3c a{
	display: block;
	width:110px;
	height:66px;
	background-image:url(images/sm3c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m3c a:hover{
	display: block;
	width:110px;
	height:66px;
	background-image:url(images/sm3c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m4c a{
	display: block;
	width:150px;
	height:66px;
	background-image:url(images/sm4c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m4c a:hover{
	display: block;
	width:150px;
	height:66px;
	background-image:url(images/sm4c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m5c a{
	display: block;
	width:115px;
	height:66px;
	background-image:url(images/sm5c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m5c a:hover{
	display: block;
	width:115px;
	height:66px;
	background-image:url(images/sm5c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m6c a{
	display: block;
	width:150px;
	height:66px;
	background-image:url(images/sm6c.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#collagen .m6c a:hover{
	display: block;
	width:150px;
	height:66px;
	background-image:url(images/sm6c_.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
	
*/

}