/* CSS Document */
/* CSS Information ==============================================

File name: emtg_colabo.css
Description: emtg_colabo page
Editors: aoi takahashi
Date: 2010.07.30
Table of Contents: 
  *structure (main_1column)
  
================================================================*/
@charset "utf-8";


/*main area (1column)*/
/*emtg_colabo area*/
#emtg_920_area {
  width:920px;
  height:auto;
}

.main_column {
  width:920px;
  height:auto;
  margin:0;
  padding:0;
}

.main_column_midle{
  width:920px;
  height:auto;
  margin:0;
  padding:0;
  background-image:url(../img/main_bg_middle.jpg);
  background-repeat:repeat-y;
  overflow:hidden;
}

.brandnig_area{
  width:860px;
  height:auto;
  margin:0 30px 0 30px;
  padding:0;
  }

.brandnig_area_inner{
  width:860px;
  height:auto;
  padding:0;
  margin:0;
}

.contents_area{
  width:860px;
  height:auto;
  margin:0 30px 0 30px;
  padding:0;
}

.contents_area_inner{
  width:860px;
  height:auto;
  padding:0;
  margin:0;
  overflow:hidden;
}

.colabo_con_middle{
  width:860px;
  height:auto;
  padding:0;
  margin:0;
  background-image:url(../img/waku_860_middle_bg.jpg);
  background-repeat:repeat-y;
}

.colabo_con_middle_innner{
  width:780px;
  height:auto;
  margin:0 40px 0 40px;
}

h4.title_h4{
  width:780px;
  height:47px;
  margin:0;
  padding:0;
  background-image:url(../img/tit_bar.jpg);
  background-repeat:no-repeat;
}

p.title_h4_text{
  width:780px;
  height:auto;
  padding-top:12px;
  padding-left:30px;
  font-size:18px;
  font-weight:800;
  text-align:left;
  margin:0;
  }
  
  
p.p_text_01{
  width:780px;
  height:auto;
  text-align:left;
  font-size:14px;
  line-height:22px;
  color:#444444;
  padding:0;
  margin:0;
  font-weight:800;
}


p.p_text_02{
  width:780px;
  height:auto;
  text-align:left;
  font-size:12px;
  line-height:22px;
  color:#333333;
  padding:0;
  margin:0;
}

.step_box{
  width:780px;
  height:auto;
}



.stor_col_left{
  width:600px;
  float:left;
  overflow:hidden;
  margin-right:20px;
}

.stor_col{
  width:780px;
  height:auto;
  overflow:hidden;
}

.stor_box_01{
  width:290px;
  float:left;
  height:auto;
  margin-right:20px;
}

.stor_box_01_middle{
  width:290px;
  height:auto;
  background-image:url(../img/stor_box_middle.jpg);
  background-repeat:repeat-y;
}

.stor_box_01_middle_inner{
  width:266px;
  margin:0 12px;
  height:auto;
  padding:0;
}


p.stor_tit{
  padding:0;
  margin:0;
  text-align:left;
  margin-bottom:10px;
}

.stor_img_box{
  width:266px;
  height:auto;
  overflow:hidden;
}

.stor_img_box_left{
  width:130px;
  height:auto;
  float:left;
  margin-right:6px;
}

.stor_img_waku{
  width:130px;
  height:88px;
  background-image:url(../img/stor_img_130.jpg);
  background-repeat:no-repeat;
  padding:5px 0 5px 0;
  margin:0;
}


.stor_img{
  width:117px;
  height:88px;
  margin:0px 7px 0px 6px;
  padding:0;
}

p.stor_text{
  width:130px;
  height:auto;
  padding:0;
  margin:0;
  text-align:left;
  font-size:12px;
  line-height:18px;
}


.stor_img_box_right{
  width:130px;
  height:auto;
  float:right;
}

.stor_box_02{
  width:290px;
  float:right;
  height:auto;
}




.stor_col_right{
  width:160px;
  float:right;
}

.stor_box_03{
  width:160px;
  height:auto;
}

.stor_box_03_middle{
  width:160px;
  height:auto;
  background-image:url(../img/stor_box_middle_160.jpg);
  background-repeat:repeat-y;
}

.stor_box_03_middle_inner{
  width:136px;
  margin:0 12px;
  height:auto;
  padding:0;
}

.stor_img_box_03{
  width:136px;
  height:auto;
}

.stor_img_waku_03{
  width:136px;
  height:88px;
  background-image:url(../img/stor_img_136.jpg);
  background-repeat:no-repeat;
  padding:5px 0 5px 0;
  margin:0;
}

.stor_img_03{
  width:117px;
  height:88px;
  margin:0px 9px 0px 10px;
  padding:0;
}

p.stor_text_03{
  width:136px;
  height:auto;
  padding:0;
  margin:0;
  text-align:left;
  font-size:12px;
  line-height:18px;
}









.btn_box{
  width:548px;
  height:81px;
  text-align:center;
  padding:10px 0;
  margin:0 156px;
  display:block;
  text-indent:-9999px;
}

.btn_box a{
  width:548px;
  height:81px;
  display:block;
  background: url(../img/btn_l.jpg) no-repeat;
}

.btn_box a:hover{
  width:548px;
  height:81px;
  background: url(../img/btn_l_on.jpg) no-repeat;
}







.btn_box_text{
  width:860px;
  height:auto;
  text-align:center;
  font-size:12px;
  line-height:22px;
  color:#333333;
  padding:0;
  margin:0;
}









.clear3{
  padding-bottom:3px;
}

.clear5{
  padding-bottom:5px;
}

.clear7{
  padding-bottom:7px;
}

.clear10{
  padding-bottom:10px;
}

.clear15{
  padding-bottom:15px;
}

.clear20{
  padding-bottom:20px;
}

.clear25{
  padding-bottom:25px;
}

.clear30{
  padding-bottom:30px;
}

.clear40{
  padding-bottom:40px;
}


.text_red{
   color:#cc0000;
}


.clear_both{
  clear:both;
  margin:0;
  padding:0;
}