/* -----------------------------------------------
CSS file saintete
FileName : collection.css
UpdatedBy : 2010/03/30
----------------------------------------------- */






/* ----------------------------------------------------
index
---------------------------------------------------- */


/* bace-------------------------------------- */

#top{
	margin: 0px 42px 0px 60px;
	padding: 0px 0px 0px 0px;
	background-image:url(img/bg01.jpg);
	width: 992px;
	height:502px;
	clear:both;
	display:block;
}

#top #main01{
	margin: 50px 60px 50px 0px;
	padding: 0px 0px 0px 0px;
	width:615px;
	height:400px;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	float:right;
}

#top #main01 #title{
	padding:0 0 0 33px;
	float:left;
	width:550px;
	margin-top: 15px;
	text-align:left;
}

#top #main01 #title02{
	padding:0 0 0 33px;
	float:left;
	width:550px;
	margin-top: 0px;
	text-align:left;
}

#top #main01 #txt{
	padding:0 0 0 33px;
	float:left;
	width:550px;
	margin-top: 10px;
	font-size:83%;
	line-height:230%;
	color:#FFF;
	text-align:left;
}
/* title-------------------------------------- */

#contents03 #menu h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#contents03 #menu h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}


/* main_btm-------------------------------------- */

#contents03 #main #next_btm{
	margin: 240px 0px 0px 0px;
	padding: 30px 10px 0px 0px;
	width: 124px;
	height:20px;
	float:right;
	text-align:right;
	vertical-align:bottom;
}

/* menu_story-------------------------------------- */

#contents03 #menu #block {
	margin: 0px 0px 0px 0px;
	padding: 10px 4px 10px 4px;
	width:342px;
	height:44px;
	background-image:url(2010spring_summer/img/line.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	clear:both;
	text-align:left;
}

#contents03 #menu #block #storyL {
	margin: 0px 0px 0px 0px;
	padding: 0px px 0px 0px;
	width:44px;
	height:44px;
	float:left;
}

#contents03 #menu #block #storyR {
	margin: 0px 0px 0px 0px;
	padding: 0px px 0px 0px;
	width:290px;
	float:right;
	vertical-align:top;
}

#contents03 #menu #block #storyR p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size:75%;
	font-weight:normal;
	color:#999;
	line-height:150%;
}



/* ----------------------------------------------------
story01/02/05/06/07/09
---------------------------------------------------- */


/* bace-------------------------------------- */

#contents04 #main{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:530px;
	display:block;
	float:left;
}


#contents04 #info{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:505px;
	display:block;
	float:right;
}


/* min_small pics-------------------------------------- */

#contents04 #pics {
	margin: 20px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 400px;
	clear:both;
}

* html #contents04 #pics {
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 400px;
	clear:both;
}

#contents04 #picNavi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
	width: 400px;
	height:66px;
}

#contents04 #picNavi li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	list-style:none;
	float:left;
}


/* info_block-------------------------------------- */

#contents04 #info #block {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:505px;
	display:block;
	clear:both;
}

#contents04 #info #block #left01 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:346px;
	height:78px;
	float:left;
	display:block;
	text-align:left;
}


#contents04 #info #block #right01 {
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:159px;
	height:78px;
	float:right;
	display:block;
	text-align:left;
}


#contents04 #info #block #left02 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:273px;
	height:197px;
	float:left;
	display:block;
	text-align:left;
}

#contents04 #info #block #right02 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:210px;
	float:right;
	display:block;
	text-align:left;
}

#contents04 #info #block #left03 {
	margin: 10px 0px 0px 0px;
	padding: 0px 18px 10px 15px;
	width:240spx;
	height:191px;
	float:left;
	display:block;
	text-align:left;
	background-image:url(2010spring_summer/img/story_bg01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#contents04 #info #block #left03 p{
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:83%;
	line-height:120%;
}

#contents04 #info #block #left03 #txt{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:243px;
	font-size:82%;
	line-height:170%;
}

#contents04 #info #block #right03 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:210px;
	float:right;
	display:block;
	text-align:left;
}

#contents04 #info #block p{
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#contents04 #info #block .txt {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:82%;
	line-height:120%;
}


/* ----------------------------------------------------
story02/5
---------------------------------------------------- */

#contents04 #info #block #left04 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:280px;
	height:197px;
	float:left;
	display:block;
	text-align:left;
}

#contents04 #info #block #right04 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:203px;
	float:right;
	display:block;
	text-align:left;
}


/* ----------------------------------------------------
story05
---------------------------------------------------- */

#contents04 #info #block #left05 {
	margin: 10px 0px 0px 0px;
	padding: 0px 18px 10px 15px;
	width:240px;
	height:120px;
	float:left;
	display:block;
	text-align:left;
	background-image:url(2010spring_summer/img/story_bg02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#contents04 #info #block #left05 p{
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:83%;
	line-height:120%;
}

#contents04 #info #block #left05 #txt{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:243px;
	font-size:82%;
	line-height:170%;
}

#contents04 #info #block #right05 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:210px;
	float:right;
	display:block;
	text-align:left;
}




/* ----------------------------------------------------
story03
---------------------------------------------------- */

/* bace_main pic-------------------------------------- */

#contents05 #back_btm{
	margin: 324px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:50px;
	height:75px;
	float:left;
	display:block;
	text-align:left;
}


#contents05 #main{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:960px;
	height:550px;
	float:left;
	display:block;
	text-align:left;
}


#contents05 #next_btm{
	margin: 324px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:50px;
	height:75px;
	float:right;
	display:block;
	text-align:left;
}


/* bace_info 994px-------------------------------------- */

#contents06 #infoL{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:660px;
	float:left;
	display:block;
	text-align:right;
}

#contents06 #infoR{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:320px;
	float:right;
	display:block;
	text-align:left;
}



/* infoL-------------------------------------- */

#contents06 #infoL #boxL{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width:350px;
	height:265px;
	float:left;
	text-align:left;
}


#contents06 #infoL #boxR{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:300px;
	float:left;
	text-align:left;
}

#contents06 #infoL #boxR p{
	margin: 40px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#contents06 #infoL #boxR .txt {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:82%;
	line-height:120%;
}


/* min_small pics-------------------------------------- */

#contents06 #infoR #pics {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 320px;
	height:66px;
	clear:both;
	text-align:right;
}


#contents06 #infoR #picNavi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 320px;
	height:66px;
	text-align:right;
}

#contents06 #infoR #picNavi li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	list-style:none;
	float:right;
	height:66px;
	text-align:right;
}


/* material-------------------------------------- */


#contents06 #infoR #material{
	margin: 25px 0px 0px 47px;
	padding: 40px 18px 10px 15px;
	width:240px;
	height:102px;
	text-align:left;
	background-image:url(2010spring_summer/img/story_bg03.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}


#contents06 #infoR #material p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:83%;
	line-height:120%;
}



#contents06 #infoR #material #txt{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:240px;
	font-size:82%;
	line-height:170%;
	text-align:left;
}



/* ----------------------------------------------------
story10
---------------------------------------------------- */

/* bace_info 994px-------------------------------------- */

#contents06 #infoL02{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:700px;
	float:left;
	display:block;
	text-align:right;
}

#contents06 #infoR02{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:280px;
	float:right;
	display:block;
	text-align:left;
}

/* infoL02-------------------------------------- */

#contents06 #infoL02 #boxL{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width:350px;
	height:265px;
	float:left;
	text-align:left;
}


#contents06 #infoL02 #boxR{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:340px;
	float:left;
	text-align:left;
}

#contents06 #infoL02 #boxR p{
	margin: 40px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#contents06 #infoL02 #boxR .txt {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:82%;
	line-height:120%;
}

/* min_small pics-------------------------------------- */

#contents06 #infoR02 #pics {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 280px;
	height:66px;
	clear:both;
	text-align:right;
}


#contents06 #infoR02 #picNavi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 280px;
	height:66px;
	text-align:right;
}

#contents06 #infoR02 #picNavi li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	list-style:none;
	float:right;
	height:66px;
	text-align:right;
}


/* material-------------------------------------- */


#contents06 #infoR02 #material{
	margin: 25px 0px 0px 7px;
	padding: 40px 18px 10px 22px;
	width:240px;
	height:102px;
	text-align:left;
	background-image:url(2010spring_summer/img/story_bg03.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}


#contents06 #infoR02 #material p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:83%;
	line-height:120%;
}



#contents06 #infoR02 #material #txt{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:240px;
	font-size:82%;
	line-height:170%;
	text-align:left;
}