/* CSS Document */
/***************  case_study common   ***************/
.titleurl{
	position:relative;
	font-weight: bold;
	text-align: left;
	top: -80px;
	left:30px;
	margin-right: 30px;
}

div#main_inbox p{
	width:90%;
	text-align:left;
	margin:0 auto;
}
div#main_inbox p.box_s_left{
	width:290px;
	margin-left:30px;
	margin-right:10px;
}
div#main_inbox p.box_s_right{
	width:290px;
	float:right;
}
h5.yoga{
	width:490px;
	height:40px;
	background:url(../main/case_study/easyoga/images/h5_bg.gif) no-repeat left ;
	padding:20px 0px 0px 60px;
	color:#ce4896;
	clear:both;
}
div#main_inbox img.imgright{
	float:right;
	width:250px;
}
div#main_inbox img.imgleft{
	float:left;
	width:250px;
	margin-left:30px;
}	

.float_main_box{
	width:100%;
	margin:20px 0px 20px 10px;
	text-align:left;
}
.float_left_box{
	float:left;
	width:55%;
	text-align:left;
}
.float_right_box{
	float:left;
	width:40%;
}
.float_left_box2{
	float:left;
	width:48%;
	text-align:left;
	margin-right:10px;
}
.float_right_box2{
	float:left;
	width:50%;
}
.float_left_box3{
	float:left;
	width:20%;
	text-align:left;
	margin-right:10px;
}
.float_right_box3{
	float:left;
	width:75%;
}
h5{
	width:100%;
	margin:0 auto;
}
.shop_bottom{
	text-align:right;
	padding:5px 10px;
	color:#999;
	border-top:1px solid #999;
	width:100%;
}
.shop_right{
	float:right;
	margin:20px 0px 30px 0px;
}
.shop_left{
	float:left;
	text-align:left;
	margin:20px 0px 10px 10px;
}

.text_report {
	font-weight: bold;
	color: #00CC33;
	margin-bottom: 5px;
	text-align:left;
}


/***************  coulange page only   ***************/

.titleurl_coulange{
	position:relative;
	font-weight: bold;
	text-align: left;
	top: -20px;
	left:180px;
	margin-right: 30px;
}
h6{
	background-color:#dcdcdc;
	padding:3px 5px;
	text-align:left;
	width:100%;
}

/***************  wanpau page only   ***************/
.titleurl_wanpaw{
	position:relative;
	font-weight: bold;
	text-align: left;
	top: -70px;
	left:70px;
	color:#fff;
	margin-right: 30px;
}

/***************  manekinya page only   ***************/

.titleurl_manekinya{
	position:relative;
	font-weight: bold;
	text-align: left;
	top: -25px;
	left:40px;
	margin-right: 30px;
}
.float_left_manekin{
	float:left;
	width:60%;
	text-align:left;
	padding:0px 10px ;
}
.float_right_manekin{
	float:left;
	width:35%;
}

/***************  index   ***************/

.title_index{
	position:relative;
	top:-100px;
	left:0px;
	font-weight:bold;
	text-align:left;
}
.box_main{
	width:90%;
}
.box_detail{
	width:49%;
	float:left;
	height:120px;
}
table#case_table td{
	text-align:left;
	padding:5px;
}
 
/***************  ginza-orikasa page only   ***************/

.titleurl_orikasa{
	position:relative;
	font-weight: bold;
	text-align: center;
	top: -50px;
	left:40px;
	margin-right: 30px;
}
.box_main_orikasa{
	width:556px;
	text-align: left;
}
.float_left_orikasa{
	float:left;
	text-align:left;
	padding:0px 4px;
	width: 206px;
}
.float_right_orikasa{
	float:left;
	padding: 0px 4px;
	width: 330px;
}

/***************  pitmania   ***************/

.titleurl_pit{
	position:relative;
	font-weight: bold;
	text-align: left;
	top: -40px;
	left:40px;
	margin-right: 30px;
}
.box_main_pit{
	width:556px;
	text-align: left;
}
.float_left_pit{
	float:left;
	text-align:left;
	padding:0px 4px;
	width: 220px;
}
.float_right_pit{
	float:left;
	padding: 0px 4px;
	width: 310px;
}

/***************  easyoga   ***************/

.titleurl_yoga{
	position:relative;
	font-weight: bold;
	text-align: left;
	top: -36px;
	left:40px;
	margin-right: 30px;
}
.titleurl_yoga a{
	color:#fff;
}

/***************  function_example   ***************/
.relative{
	position:relative;
}
#btn{
	width:560px;
	margin:10px auto 0;
}
#btn li{
	float:left;
	margin:0 2px;
}
#main_inbox .cap_text{
	position:absolute;
	bottom:80px;
	left:10px;
	text-align:center;
	width:157px;
	background:#555;
	color:#fff;
	padding:5px 0;
}
.box_info_contents{
	width:580px;
	margin:20px auto 0px auto;
	text-align:left;
	clear: none;	
}

.float_left_exam{
	float:left;
	margin-left: 20px;
	width: 157px;
	margin: 30px 0px 0px 10px;
}

.float_middle_exam{
	float:left;
	text-align:left;
	width: 230px;
	margin: 0px 6px 20px 6px;
}
.float_bottom_exam{
	float:left;
	text-align:left;
	width: 380px;
	margin: 0 0 20px 6px;
}

.float_right_exam{
	float:left;
	text-align:left;
	width: 141px;
}
.float_right_big{
	float:right;
	width:350px;
	text-align:left;
}
.box_comment{
	float:left;
	text-align:left;
	width: 350px;
	height: 95px;
	background-image: url(../main/case_study/function_exam/images/bg_comment.gif);
	padding: 10px 10px 40px 20px;
	background-repeat: no-repeat;
	line-height: 18px;
}

.box_comment_l{
	float:left;
	text-align:left;
	width: 350px;
	height: 135px;
	background-image: url(../main/case_study/function_exam/images/bg_comment_l.gif);
	padding: 10px 10px 30px 20px;
	background-repeat: no-repeat;
	line-height: 18px;
}


.box_textfield{
	width:560px;
	text-align:left;
	margin: 10px auto;
}

p.premium{
	width:100%;
	background:#FFDCCE;
	padding:4px;
	margin:auto;
	}

/***************  btn   ***************/	
.section01 #btn01,.section02 #btn02,.section03 #btn03,.section04 #btn04{
	display: inline-block;
	position: relative;
	top: -38px;
}	