@charset "utf-8";

/* contents with ページのトップへ
----------------------------------------------- */
/*
div.contents {
	padding-bottom:25px;
	}
*/
/* container
----------------------------------------------- */

div#container {
	width:940px;
	margin-top:15px;
	background:#10243c;
	}

/* main
----------------------------------------------- */

div#main {
	position:relative;
	width:940px;
	height:462px;
	}

div#main h3 {
	position:absolute;
	top:63px;
	left:75px;
	}

div#main p.catch {
	position:absolute;
	top:238px;
	left:492px;
	}

div#main p.lead {
	position:absolute;
	top:298px;
	left:492px;
	}


div#main p#good_02{
	position:absolute;
	z-index:2;
	top:146px;
	left:103px;
	}	
	


div#main p.image {
	position:absolute;
	z-index:0;
	top:168px;
	left:39px;
	}

		
	

div#main p#good {
	position:absolute;
	z-index:1;	
	top:127px;
	left:741px;
	}

	


div#main p#linkBtn {
	position:absolute;
	top:30px;
	left:765px;
	}

/* private
----------------------------------------------- */

div#private {
	position:relative;
	width:940px;
	height:329px;
	}

div#private h4 {
	position:absolute;
	top:98px;
	left:75px;
	}

div#private p.lead {
	position:absolute;
	top:173px;
	left:75px;
	}

div#private p.note {
	position:absolute;
	top:182px;
	left:427px;
	}

div#private p.image {
	position:absolute;
	top:0;
	left:417px;
	}


/* function
----------------------------------------------- */

div#function {
	width:940px;
	}

div#function h4 {
	margin-top:65px;
	}

div#function .image {
	width:384px;
	float:left;
	}


div#function ul li.ex1  {
	position:absolute;
	top:159px;
	left:388px;
	}

div#function ul li.ex2  {
	position:absolute;
	top:278px;
	left:388px;
	}

div#function ul li.ex3  {
	position:absolute;
	top:278px;
	left:541px;
	}

div#function ul li.ex4  {
	position:absolute;
	top:278px;
	left:693px;
	}


/* item1
----------------------------------------------- */

div#item1 {
	width:940px;
	}

div#item1 h4 {
	margin-top:46px;
	margin-left:75px;
	}

div#item1 p.image1 {
	position:absolute;
	top:0;
	left:391px;
	}

div#item1 p.image2 {
	position:absolute;
	top:46px;
	left:675px;
	}


/* item2
----------------------------------------------- */

div#item2 {
	width:940px;
	}

div#item2 h4 {
	float:right;
	width:549px;
	margin-top:48px;
	}

div#item2 ul li.ex1  {
	position:absolute;
	top:0;
	left:75px;
	}

div#item2 ul li.ex2  {
	position:absolute;
	top:0;
	left:238px;
	}

div#item2 ul li.ex3  {
	position:absolute;
	top:139px;
	left:238px;
	}

div#item2 ul li.ex4  {
	position:absolute;
	top:139px;
	left:391px;
	}

div#item2 ul li.ex5  {
	position:absolute;
	top:139px;
	left:541px;
	}

div#item2 ul li.ex6  {
	position:absolute;
	top:139px;
	left:693px;
	}


/* item3
----------------------------------------------- */

div#item3 {
	width:940px;
	}



div#item3 p.image1 {
	position:absolute;
	top:98px;
	left:75px;
	}

div#item3 p.image2 {
	position:absolute;
	top:0;
	left:492px;
	}


/* rosen
----------------------------------------------- */

div#rosenBox {
	width:940px;
	padding-bottom:60px;
	}



div#rosen {
	width:798px;
	margin-left:70px;
	margin-bottom:70px;
	border:solid 1px #335170;
	position: relative;
	}

div#rosen .innWrap {
	margin:3px;
	padding-bottom:30px;
	/height:1%;
	background-color:#ffffff;
/*	background: url(../img/rosen_bg.gif) repeat-y left top; */
	}

div#rosen h4 {
	padding:24px 0 0 27px;
	}

div#rosen div#text {
	margin:15px 0 0 27px;
	width: 740px; /*420px;*/
	}

div#rosen div#text ul.w280 {
	float: left;
	width: 280px;
	}
div#rosen div#text ul.w220 {
	float: left;
	width: 220px;
	}
div#rosen div#text ul.w200 {
	float: left;
	width: 200px;
	}
div#rosen div#text ul.w190 {
	float: left;
	width: 190px;
	}		
div#rosen div#text ul.w170 {
	float: left;
	width: 170px;
	}
div#rosen div#text ul li {
	line-height:1.4;
	background-color:transparent;
	}

div#rosen p {
	line-height:1.3;
	background-color:transparent;
	}
	

div#rosen div#banner {
	position:relative;
	margin:0;
	padding:0;
	}

div#rosen div#banner p {
	position:absolute;
	top:-127px;
	left:491px;
	}

div#rosen .movie {
	position: absolute;
	top: 20px;
	left: 470px;
	width:310px;
}



/* goodDesign
----------------------------------------------- */

div#goodDesign {
	margin-top:20px;
	padding:10px;
	border:#999999 solid 1px;
	}

div#goodDesign dl {
	margin-left:105px;
	}
	
/* common
----------------------------------------------- */	
ul p {
	color:#e3edfe; 
	line-height:1.5em;
}