/* CSS Document */
@import url("reset.css");

body{
	font-family:Arial, Helvetica, sans-serif;
}

#container2 {
	width:950px;
	height:800px;
	position:relative;
	background: #DDDDDD; /* Old browsers */
	background: -moz-linear-gradient(top, #a0a0a0 0%, #ffffff 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a0a0a0 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a0a0a0 0%,#ffffff 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a0a0a0 0%,#ffffff 50%); /* IE10+ */
	background: linear-gradient(to bottom, #a0a0a0 0%,#ffffff 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}
#container2 ,#top_photo_1 img,#top_photo_2 img,#top_photo_3 img {
	border-radius:10px 10px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px / 10px 10px 0px 0px;  
    -moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}
#parts_wrist,#parts_cover_2 {
	border-radius:0px 0px 10px 0px / 0px 0px 10px 0px;
	-webkit-border-radius:0px 0px 10px 0px / 0px 0px 10px 0px;  
    -moz-border-radius: 0px 0px 10px 0px / 0px 0px 10px 0px;
}
#parts_body {
	border-radius:0px 0px 0px 10px / 0px 0px 0px 10px;
	-webkit-border-radius:0px 0px 0px 10px / 0px 0px 0px 10px;  
    -moz-border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
}
#logo, #logo_2 {
	position: absolute;
	height: 20px;
	width: 151px;
	top: 329px;
	left: 398px;
	display: none;
}
#title {
	position: absolute;
	width:726px;
	left: 105px;
	top: 21px;
	display: none;
}
#title h1 {
	font-size:23px;
	font-weight:bold;
	text-align:left;
	font-family: YuGothic,"游ゴシック","\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro","\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",'Droid Sans',sans-serif;
}
#title_top {
	position: absolute;
	width:900px;
	left: 60px;
	top: 65px;
	display: block;
	z-index: 1000;
}
#title_top h1 {
	font-size:28px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	font-family: YuGothic,"游ゴシック","\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro","\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",'Droid Sans',sans-serif;
	/*letter-spacing: -0.05em;*/
}

/* top photo */
#top_photo_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
#top_photo_2 {
	position: absolute;
	top: 0px;
	left: 0px;
	display:none;
}
#top_photo_3 {
	position: absolute;
	top: 0px;
	left: 0px;
	display:none;
}

/* dress up */
#top_body_1 {
	position: absolute;
	top: 130px;
	left: 30px;
	cursor:pointer;
}
#top_body_2 {
	position: absolute;
	top: 130px;
	left: 242px;
	cursor:pointer;
}
#top_body_3 {
	position: absolute;
	top: 130px;
	left: 454px;
	cursor:pointer;
}
#top_body_4 {
	position: absolute;
	top: 130px;
	left: 666px;
	cursor:pointer;
}
.dress_body {
	position: absolute;
	top: 10px;
	left: 42px;
	display:none;
}
#view_jacket_11_2_o, #view_jacket_12_2_o, #view_jacket_13_2_o, #view_jacket_14_2_o {
	left: 405px;
	top: 35px;
}
#view_jacket_21_2_o {
	left: 385px;
	top: 35px;
}
#dress_copy {
	position: absolute;
	width:900px;
	top: 323px;
	display:none;
}
#dress_copy p {
	font-size: 20px;
	text-align:center;
}
#dress_info {
	position: absolute;
	width:323px;
	height:64px;
	top:310px;
	left:20px;
}
#dress_info_txt {
	position: absolute;
	width:323px;
	top:0px;
	left:15px;
}
#dress_info_txt p {
	font-size:16px;
	color:#FFF;
	margin: 12px;
}
#btn_case_rev_text {
	font-size:12px;
	text-align:center;
	position: absolute;
	top: 196px;
	left: 618px;
	width:38px;
	height:12px;
	display:none;
}
#btn_case_rev_text_b {
	font-size:12px;
	text-align:center;
	position: absolute;
	top: 72px;
	left: 612px;
	width:38px;
	height:12px;
	display:none;
}
#btn_case_rev, #btn_case_rev2 {
	position: absolute;
	top: 210px;
	left: 618px;
	width:38px;
	height:37px;
	display:none;
	cursor:pointer;
}
#btn_case_rev_b {
	position: absolute;
	top: 86px;
	left: 559px;
	width:38px;
	height:37px;
	display:none;
	cursor:pointer;
}
#btn_case_rev2_b {
	position: absolute;
	top: 86px;
	left: 612px;
	width:38px;
	height:37px;
	display:none;
	cursor:pointer;
}
.caseopen_btn {
	position: absolute;
	top: 100px;
	left: 560px;
	display:none;
	cursor:pointer;
}
.caserev_btn {
	position: absolute;
	top: 100px;
	left: 560px;
	display:none;
	cursor:pointer;
}

/* orange line */
#orange_line {
	background:#F05A23;
	position: absolute;
	height: 5px;
	width: 950px;
	top: 375px;
	left: 0px;
}

/* select parts */
#parts_body {
	background:#404040;
	position: absolute;
	height: 403px;
	width: 196px;
	top: 385px;
	left: 0px;
}
#parts_jacket {
	background:#404040;
	position: absolute;
	height: 148px;
	width: 261px;
	top: 385px;
	left: 202px;
	overflow: hidden;
}
#parts_case {
	background:#404040;
	position: absolute;
	height: 255px;
	width: 261px;
	top: 533px;
	left: 202px;
	overflow: hidden;
}
#parts_sholder {
	background:#404040;
	position: absolute;
	height: 403px;
	width: 318px;
	top: 385px;
	left: 470px;
	padding-right:5px;
}
#parts_wrist {
	background:#404040;
	position: absolute;
	height: 403px;
	width: 157px;
	top: 385px;
	left: 793px;
}
#parts h2 {
	background-color:#000;
	color:#FFF;
	padding:3px;
	font-size: 16px;
	text-align:center;
}
#parts h3 {
	color:#FFF;
	margin-top:7px;
	margin-left:7px;
	height:15px;
	font-size: 13px;
	clear:both;
}
#parts_sholder h3, #parts_wrist h3 {
	margin-left:10px;
}
.item_boxs {
	margin-left:7px;
	margin-top:5px;
}
.item_boxs2 {
	float:left;
	width:80px;
	margin-left:84px;
}
.item_boxs2 h3 {
	margin-left:0px;
	margin-bottom:4px;
	text-indent:-7px;
}
#parts_body .item_boxs {
	margin-left:10px;
}
#parts_jacket .item_boxs {
	margin-left:9px;
	/*width:170px;*/
}
#parts_case .item_boxs {
	margin-left:9px;
}
#parts_sholder .item_boxs {
	margin-left:10px;
	height:95px;
}
#parts_wrist .item_boxs {
	margin-left:10px;
	height:190px;
}
.item_v_box {
	width: 94px;
	float: left;
}
	
.item_box {
	float:left;
	width:78px;
	height:88px;
	margin-right:4px;
	margin-bottom:5px;
	background-color:#FFF;
	border:1px solid #FFF;
	border-radius: 4px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px;
	text-align:center;
	color:#000;
	font-size: 11px;
	cursor:pointer;
}
.item_boxs2 {
	float:left;
}
.item_box p {
	height:11px;
}
#parts_body h3 {
	margin-left:30px;
}
#parts_body .item_box, #parts_jacket .item_box, #parts_case .item_box {
	height:78px;
}
#parts_jacket .item_box, #parts_case .item_box {
	width:76px;
}
#parts_sholder .item_box {
	width:68px;
}
#parts_wrist .item_box {
	width:65px;
}
#parts_body .item_box img {
	margin-top:8px;
}
#parts_jacket .item_box img {
	margin-top:12px;
	margin-bottom:2px;
}
#parts_case .item_box img {
	margin-top:7px;
	margin-bottom:1px;
}
#parts_sholder .item_box img {
	margin-top:1px;
	margin-bottom:1px;
}
#parts_sholder .item_box p {
	line-height:11px;
	margin-top:-4px;
}
#parts_wrist .item_box img {
	margin-top:2px;
}

/* parts cover */
#parts_cover_1 {
	background:#000;
	opacity:0.7;
	position: absolute;
	height: 403px;
	width: 262px;
	top: 385px;
	left: 202px;
	filter: alpha(opacity=70); /* IE lt 8 */
	cursor:default;
}
#parts_cover_2 {
	background:#000;
	opacity:0.7;
	position: absolute;
	height: 403px;
	width: 479px;
	top: 385px;
	left: 470px;
	filter: alpha(opacity=70); /* IE lt 8 */
	cursor:default;
}

/* reversible pannel */
#reversible_panel {
	position: absolute;
	height: 96px;
	width: 150px;
	top: 195px;
	left: 20px;
	display:none;
}
#reversible_panel_cover{
	background-color:#FF6400;
	opacity:0.2;
	width:67px;
	height:49px;
	position: absolute;
	top:254px;
	display:none;
	filter: alpha(opacity=20); /* IE lt 8 */
}
#reversible_mark_text {
	font-size:12px;
	text-align:center;
	height:12px;
	margin-bottom:2px;
}
#reversible_mark, #reversible_mark2  {
	height:43px;
	text-align:center;
	display:none;
	cursor:pointer;
}
#reversible_panel #photo_frame_1 {
	width:64px;
	height:46px;
	padding:1px;
	border:solid 2px #FF6400;
	background-color:#fff;
	float:left;
	text-align:center;
}
#reversible_panel #photo_frame_2 {
	width:64px;
	height:46px;
	padding:1px;
	border:solid 2px #909090;
	background-color:#fff;
	float:left;
	margin-left:10px;
	text-align:center;
}
.reversi_icon {
	display:none;
}
.reversi_icon_info {
	/* IE 7 */
	#height:11px;
	#padding-top:4px;
}
.reversi_icon_info p {
	line-height:11px;
	font-size:11px;
	padding-top:5px;
}

/* copy right */
#option {
	position: absolute;
	top: 790px;
	left: 0px;
}
#option p {
	font-size:10px;
}
#copyright {
	position: absolute;
	top: 810px;
	left: 0px;
	width: 950px;
}
#copyright p {
	font-size:11px;
	text-align:center;
}

/* utility */
.clear {
	clear : both;
}

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


ul.link_btn {
	margin-top:0px;
	width:950px;
	text-align:right;
}

ul.link_btn li {
	display:inline;
	padding-left:15px;
}

ul.link_btn a {
	background: url('/share/images/arrow_black.gif') no-repeat left 0.3em;
	padding-left: 10px
}

#container #pagetoparea {
	margin-top: 20px;
	text-align: right;
}