@charset "utf-8";
/* ==============================================
 *	Name:    brand.css
 *	Purpose: individual CSS
 *	Author:  塾キャリ！
 *	Version: 1 Oct 2009
 ================================================= */
/* ==========================================================================================================
main img
========================================================================================================== */
.main_img{
  width:980px;
  float:left;
  display:inline;
  margin:20px 0px;
  text-align:center;
}
.brand_image{
  float:left;
  display:inline;
  margin:0;
  padding:10px;
  width:200px;
  height:150px;
  background:url(../../images/share/grid02.jpg) repeat;
}
.brand_image img{
  width:200px;
  height:150px;
}
/* ==========================================================================================================
half
========================================================================================================== */
.wrap980{
  width:980px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 4px 0px;
}
.half_wrap1{
  float:left;
  display:inline;
  margin:0;
  width:480px;
}
.half_wrap2{
  float:left;
  display:inline;
  margin:0px 0px 0px 20px;
  width:480px;
}
.half_title{
  width:460px;
  height:35px;
  background:url(../../images/brand/title_back.jpg) repeat-x;
  float:left;
  display:inline;
  color:white;
  font-weight:bold;
  font-size:14px;
  padding:0px 10px;
  line-height:35px;
}
.half_body{
  float:left;
  display:inline;
  margin:0;
  padding:10px 9px;
  border:1px solid #CCCCCC;
  border-top:none;
  width:460px;
}
.half_textarea{
  float:left;
  display:inline;
  margin:0px 0px 0px 10px;
  width:230px;
  line-height:20px;
}
.mod_link_area{
  display:inline;
  float:left;
  width:980px;
  margin:10px 0px 0px 0px;
  background:url(../../images/brand/mod_link_area.jpg) no-repeat;
  border-top: 2px solid #1a5089;
}
.mod_link_area h3{
  display:inline;
  float:left;
  width:175px;
  text-indent:-9999px;
}
.mod_link_area ul{
  margin:11px 0px 0px 0px;
}
.mod_link_area li{
  display:inline;
  float:left;
  padding:0px 0px 0px 7px;
  margin:0px 0px 0px 9px;
  background:url(../../images/brand/mod_link_area_li.jpg) no-repeat left center;
}
/* リンクエリア */
#btnarea{
  background:none repeat scroll 0 0 #F5F5F5;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-top: 1px solid #E9E9E9;
  display:inline;
  float:left;
  margin:15px 0 0;
  padding:0 10px;
  text-align:center;
  width:958px;
}
#btnarea img{
  margin:0px 5px;
}
/* リンクエリア(リンク先2件) (松尾追加分)*/
#btnarea_2{
  background:none repeat scroll 0 0 #F5F5F5;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  display:inline;
  float:left;
  margin:15px 0 0;
  padding:0 10px;
  text-align:center;
  width:958px;
  border-top: 1px solid #E9E9E9;
}
#btnarea_2 img{
  margin:10px 5px;
}
#btnarea_2 p{
  font-weight:bold;
  font-size:15px;
  margin:5px 0px 0px 00px;
}
/* ==========================================================================================================
full
========================================================================================================== */
.full_wrap{
  float:left;
  display:inline;
  margin:20px 0px 0px 0px;
  width:980px;
}
.full_title{
  width:960px;
  height:35px;
  background:url(../../images/brand/title_back.jpg) repeat-x;
  float:left;
  display:inline;
  color:white;
  font-weight:bold;
  font-size:14px;
  padding:0px 10px;
  line-height:35px;
}
.full_title img{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:50px;
  height:35px;
}
.full_title span{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  height:35px;
  line-height:35px;
  font-size:14px;
  font-weight:bold;
  color:white;
}
.full_interview{
  float:right;
  display:inline;
  margin:0;
  padding:0;
  width:160px;
  height:35px;
  line-height:0;
  font-size:0;
  background:url(../../images/brand/title_interview.jpg) no-repeat;
}
.full_interview a{
  line-height:0;
  font-size:0;
  width:100%;
  height:100%;
  display:block;
}
.full_body{
  float:left;
  display:inline;
  margin:0;
  padding:10px 9px;
  border:1px solid #CCCCCC;
  border-top:none;
  width:960px;
}
.full_textarea{
  float:left;
  display:inline;
  margin:20px 0px 0px 30px;
  line-height:20px;
  width:700px;
}
.goto_interview{
  float:right;
  display:inline;
  margin:20px 20px 0px 20px;
  padding:0px 0px 0px 50px;
  width:305px;
  height:45px;
  background:url(../../images/brand/goto_interview.jpg) no-repeat;
}
.goto_interview a{
  line-height:40px;
  color:#336699;
  font-size:14px;
  font-weight:bold;
  width:100%;
  height:100%;
  display:block;
}
.goto_area{
  float:left;
  display:inline;
  margin:5px 20px;
  width:150px;
  padding:0px 0px 0px 15px;
  background:url(../../images/brand/list_white.jpg) no-repeat;
}
.goto_area a{
  line-height:30px;
  font-size:14px;
}
/* ==========================================================================================================
list
========================================================================================================== */
.bar{
  float:left;
  display:inline;
  margin:20px 0px 5px 0px;
  width:960px;
  padding:0px 0px 0px 20px;
  height:40px;
  line-height:40px;
  font-size:16px;
  font-weight:bold;
  background:url(../../images/brand/bar.jpg) no-repeat;
}
.list_white{
  width:480px;
  float:left;
  display:inline;
  margin:0;
  padding:0;
  background:white;
  height:36px;
}
.list_gray{
  width:480px;
  float:left;
  display:inline;
  margin:0;
  padding:0;
  background:#F2F2F2;
  height:36px;
}
.list_white .l,
.list_gray .l{
  float:left;
  display:inline;
  margin:0;
  width:360px;
  padding:0px 0px 0px 20px;
}
.list_white .l a,
.list_gray .l a{
  line-height:35px;
}
.list_white .l{
  background:url(../../images/brand/list_white.jpg) no-repeat;
}
.list_gray .l{
  background:url(../../images/brand/list_gray.jpg) no-repeat;
}
.list_white .r,
.list_gray .r{
  float:left;
  display:inline;
  margin:0;
  width:100px;
  line-height:35px;
}