/* ---------- contents ---------- */
#contents {
	padding: 30px 30px 60px 30px;
}


/* ---------- box01 ---------- */

/* --case00(2010.3.11)-- */
#box01 .case00 {
	width: 330px;
	height: 501px;
	padding: 0;
	float: left;
	margin: 0;
}
#box01 .case00 div.photo_m{
	width:154px;
	float:left;
	margin-right: 9px;
	margin-bottom: 9px;
}
div.glam300_250{
	padding:10px;
	width:300px;
	height:250px;
	background-color:#CCC;
}
div#box01-l{
	float:left;
	width: 742px;
	height: 600px;
}
div#box01-r{
	float:right;
	width: 160px;
	margin-bottom: 12px;
	height: 600px;
}
div.banner{
	width:737px;
	}
/* --case00(2010.3.11)-- */
#box01 {
	width: 908px;
	margin: 0;
	padding: 0;
}
#box01 img {
	border: 1px solid #000;
}
#box01 img:hover {
	border: 1px solid #999;
}
#box01 .case01 {
	width: 118px;
	height: 501px;
	margin: 0;
	padding: 0;
	float: left;
}
#box01 .case01 .photo {
	width: 118px;
	height: 158px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	float: left;
}
#box01 .case02 {
	width: 274px;
	height: 501px;
	padding: 0;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
#box01 .case02 .photo_l {
	width: 272px;
	height: 363px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
#box01 .case02 .photo {
	width: 83px;
	height: 116px;
	padding: 0;
	float: left;
	margin-top: 0;
	margin-right: 7px;
}
#box01 .case02 .photo-last {
	width: 83px;
	height: 116px;
	padding: 0;
	float: left;
	margin-top: 0;
}
*html #box01 .case02 .photo {
	width: 85px;
	height: 116px;
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
}
#box01 .case03 {
	width: 367px;
	height: 491px;
	margin: 0;
	padding: 0;
	float: left;
}
*html #box01 .case03 {
	width: 367px;
	height: 491px;
	margin: 0 -5px 0 -8px;
	padding: 0;
	float: left;
}
#box01 .case04 {
	width: 120px;
	height: 501px;
	margin: 0 0 0 9px;
	padding: 0;
	float: left;
}
#box01 .case04 .photo {
	width: 120px;
	height: 157px;
	margin: 0 0 10px 0;
	padding: 0;
}
*html #box01 .case04 .photo {
	width: 120px;
	height: 157px;
	margin: 0 0 8px 0;
	padding: 0;
}

/* ---------- news ---------- */
#news {
	width: 908px;
	height: 123px;
	margin: 0 0 10px 0;
	padding: 0;
}
#news .whatsnew {
	width: 697px;
	height: 123px;
	background-color: #333333;
	float: left;
	overflow: auto;
}
#news .whatsnew .whatsnew_title {
	width: 140px;
	height: 28px;
	margin: 10px 0 0 10px;
	float: left;
}
*html #news .whatsnew .whatsnew_title {
	width: 140px;
	height: 28px;
	margin: 10px 0 0 5px;
	float: left;
}
#news .whatsnew .topics {
	width: 515px;
	height: 100px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	list-style: none;
}
#news .whatsnew .topics li {
	border-bottom: #fff 1px dotted;
	margin: 0 0 8px 0;
	padding: 0 0 1px 0;
}
#news .whatsnew .topics li a {
	color: #fff;
	text-decoration: none;
}
#news .whatsnew .topics li a:visited {
	color: #ccc;
	text-decoration: none;
}
#news .whatsnew .topics li a:hover {
	color: #ccc;
	text-decoration: none;
}
#news .whatsnew .topics li img {
	float: right;
	vertical-align: top;
}
#banner01 {
	width: 201px;
	height: 123px;
	float: right;
}

/* ---------- box02 ---------- */
#box02 {
	width: 908px;
	height: 620px;
}
#box02 img {
	border: 1px solid #000;
}
#box02 img:hover {
	border: 1px solid #999;
}
#box02 .case01 {
	width: 225px;
	height: 620px;
	float: left;
	margin: 0;
	padding: 0;
}
#box02 .case01 .photo {
	width: 225px;
	height: 300px;
	padding: 0;
	margin: 0 0 10px 0;
}
#box02 .case02 {
	width: 522px;
	height: 620px;
	float: left;
	margin: 0 0 0 11px;
	padding: 0;
}
#box02 .case02 .photo_l {
	width: 252px;
	height: 335px;
	padding: 0;
	margin: 0 9px 10px 0;
	float: left;
}
#box02 .case02 .photo_m {
	width: 198px;
	height: 264px;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
}
#box02 .case02 .pack01 {
	width: 106px;
	height: 274px;
	float: left;
	margin: 0;
	padding: 0;
}
#box02 .case02 .photo_s {
	width: 95px;
	height: 127px;
	padding: 0;
	margin: 0 9px 10px 0;
	float: left;
}
*html #box02 .case02 .photo_s {
	width: 95px;
	height: 127px;
	padding: 0;
	margin: 0 5px 10px 0;
	float: left;
}
#box02 .case03 {
	width: 148px;
	height: 620px;
	float: left;
	margin: 0 0 0 1px;
	padding: 0;
}
*html #box02 .case03 {
	width: 148px;
	height: 620px;
	float: left;
	margin: 0 0 0 -9px;
	padding: 0;
}
#box02 .case03 .photo {
	width: 148px;
	height: 196px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

/* ---------- box03 ---------- */
#box03 {
	width: 910px;
	height: 475px;
}
#box03 img {
	border: 1px solid #000;
}
#box03 img:hover {
	border: 1px solid #999;
}
#box03 .case01 {
	width: 290px;
	height: 475px;
	float: left;
	margin: 0;
	padding: 0;
}
#box03 .case01 .photo_m {
	width: 137px;
	height: 180px;
	margin: 0 8px 9px 0;
	padding: 0;
	float: left;
}
#box03 .case01 .pack01 {
	width: 65px;
	height: 286px;
	float: left;
	margin: 0;
}
#box03 .case01 .pack01 .photo_s {
	width: 65px;
	height: 86px;
	margin: 0 0 9px 0;
}
#box03 .case01 .photo_l {
	width: 207px;
	height: 275px;
	margin: 0 8px 0 0;
	float: right;
}
*html #box03 .case01 .photo_l {
	width: 207px;
	height: 275px;
	margin: 0 4px 0 0;
	float: right;
}
#box03 .case02 {
	width: 273px;
	height: 475px;
	margin: 0;
	padding: 0;
	float: left;
}
*html #box03 .case02 {
	width: 273px;
	height: 475px;
	margin: 0 0 0 -8px;
	padding: 0;
	float: left;
}
#box03 .case02 .photo_l {
	width: 261px;
	height: 348px;
	margin: 0 0 9px 0;
	padding: 0;
}
#box03 .case02 .photo_s {
	width: 81px;
	height: 108px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
#box03 .case03 {
	width: 343px;
	height: 465px;
	margin: 0;
	padding: 0;
	float: left;
}
*html #box03 .case03 {
	width: 345px;
	height: 465px;
	margin: 0 0 0 -15px;
	padding: 0;
	float: left;
}

/* ---------- shop ---------- */

div#snazz-shop{
	margin-bottom:10px;
}


/* ---------- glammedia ---------- */
div.glam-box{
	width: 225px;
	height: 300px;
	padding: 0;
	margin: 0 0 10px 0;
	border:hidden;
}

#box01 div.glam300_250 img {
	border: 0px;
}
#box01 div.glam300_250 img:hover {
	border: 0px;
}

#box02  div.glam-box img {
	border: 0px;
}
#box02  div.glam-box img:hover {
	border: 0px;
}


/* ---------- DAHON ---------- */

#box_dahon {
	width: 908px;
	margin: 0;
	padding: 0;
}
#box_dahon_inner {
	background-color:#000;
	width: 900px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 2px solid #FFF;
}
#box_dahon_line {
	background-color:#000;
	width: 894px;
	padding: 0;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	border:#000 solid 2px;
}
#box_dahon_line2 {
	background-color:#000;
	width: 892px;
	padding: 0;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	border:1px solid #FFF;
	background-image: url(../images/dahon/dahon_back.gif);
	background-repeat: repeat;
}
#dahon_left{
	background-color:#FEB1D7;
	width:86px;
	border:2px solid #000;
	text-align: center;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 480px;
	float: left;
}

#dahon_left_navi{
	text-align: center;
	padding-top: 90px;
}
#box_dahon img{
	border:0px;
}
#dahon_left_navi div.girl_navi{
	padding-top: 7px;
	display: block;
	height: 11px;

}
#dahon_right{
	float: right;
	width: 800px;
}
#dahon_right div.dahon_girl{
	width:185px;
	float: left;
	padding-right: 7px;
	padding-top: 7px;
	padding-left: 7px;
}
/* ---------- BIG STEP ---------- */

#bsjack_wrapper {
	width: 862px;
	border: #ccc 3px solid;
	background-image: url(../images/bigstep/bsjack_bg.gif);
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#bsjack_wrapper img {
	vertical-align: top;
	border: 1px solid #000;
margin: 0;
padding: 0;
}
#bsjack_wrapper a:hover img {
	border: 1px solid #999;
}

.bsjack_title {
	margin: 0 0 0 129px;
}

.bsjack_box {
	width: 862px;
	margin: 15px 0 0 0;
}

.bsjack_box01 {
	width: 484px;
	float: left;
}
.bsjack_box01_01 {
	width: 484px;
	height: 316px;
}
.bsjack_box03 {
	margin: 10px 0 0 0;
}
.bsjack_box03_01 {
	width: 89px;
	height: 249px;
	margin: 0 0 0 8px;
	float: left;
}
.bsjack_box04 {
	width: 212px;
	margin: 0 0 0 13px;
	float: left;
}
.bsjack_box05 {
	width: 138px;
	margin: 0 0 0 11px;
	float: left;
}

.bsjack_person01 {
	margin: 0;
	padding: 0;
	float: left;
}
.bsjack_person02 {
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
}
.bsjack_person04 {
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
}
.bsjack_person05 {
	margin: 0;
	float: left;
}
.bsjack_person06 {
	margin: 0 0 0 9px;
	float: left;
}
.bsjack_person08 {
	margin: 12px 0 0 0;
	float: left;
}
.bsjack_person09 {
	margin: 0;
	float: left;
}
.bsjack_person10 {
	margin: 8px 0 0 0;
	float: left;
}
.bsjack_banner {
	margin: 9px 0 0 0;
	float: left;
}