@charset "utf-8";
/* ==============================================
 *	Name:    top.css
 *	Purpose: individual CSS
 *	Author:  家庭教師アルバイト.com
 *	Version: 1 Oct 2009
 ================================================= */
/* ==========================================================================================================
Top page body
========================================================================================================== */
#top_contents_left{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:730px;
}
#top_contents_right{
  float:left;
  display:inline;
  margin:0px 0px 0px 10px;
  padding:0;
  width:240px;
}
/* ==========================================================================================================
Top Left flash area
========================================================================================================== */
#flasharea{
  width:290px;
  height:150px;
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
}
/* ==========================================================================================================
Top Left search area
========================================================================================================== */
.searcharea{
  width:405px;
  float:left;
  display:inline;
  margin:10px 0px 0px 10px;
  padding:0px 0px 10px 0px;
  background:url(../../images/top/searcharea_back.gif) no-repeat;
}
.search {
  display:inline;
  float:left;
  margin:0 40px 15px 4px;
}
.wrap405{
  float:left;
  display:inline;
  margin:0px 0px 0px 10px;
  width:428px;
}
.title_bar405{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  width:428px;
  height:40px;
}
.contents_left_wrap405{
  width:426px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
}
.searcharea_wrap01{
  float:left;
  display:inline;
  margin:18px 0px 10px 20px;
  padding:0;
  width:408px;
}
.searcharea_wrap01 span{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:bold;
  width:60px;
  line-height:20px;
}
select.searcharea_01,
select.searcharea_02,
select.searcharea_03{
  float:left;
  display:inline;
  width:110px;
  border:solid 1px #7F9DB9;
}
select.searcharea_01{
  margin:0px 15px 0px 0px;
}
.searcarea_dotline{
  float:left;
  display:inline;
  margin:10px 0px;
  padding:0;
  width:405px;
  height:1px;
  line-height:0;
  font-size:0;
  background:url(../../images/share/dot_line_h.jpg) repeat-x;
}
.searcharea_wrap01_title{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:bold;
  width:60px;
  height:100px;
  line-height:100px;
}
.searcharea_wrap02{
  float:left;
  display:inline;
  margin:0px 0px 5px 0px;
  padding:0;
}
.searcharea_wrap02 input{
  float:left;
  display:inline;
  margin:4px 3px 0px 2px;
}
/* IE6 only */
*html .searcharea_wrap02 input{
  float:left;
  display:inline;
  margin:0px;
}
/* IE7 only */
*+html body .searcharea_wrap02 input{
  float:left;
  display:inline;
  margin:0px;
}
/* IE 8 only */
head~/* */body
.searcharea_wrap02 input{ /* for ie8 */
  float:left;
  display:inline;
  margin:0px;
}
html:not(:target)
.searcharea_wrap02 input{ /* for others */
  float:left;
  display:inline;
  margin:4px 3px 0px 2px;
}
.searcharea_wrap02 span.style{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:80px;
}
.searcharea_wrap02 span.style_w{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:140px;
}
input#search_btn{
  float:left;
  display:inline;
  margin:0px 0px 0px 30px;
  padding:0;
}
/* ==========================================================================================================
Top Left contents share
========================================================================================================== */
.title_bar730{
  float:left;
  display:inline;
  margin:20px 0px 0px 0px;
  padding:0;
  width:730px;
  height:40px;
}
.contents_left_wrap730{
  width:728px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
}
.wrap200{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  width:730px;
}
.title_bar200{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  width:730px;
  height:30px;
}
.contents_left_wrap200{
  width:728px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
}
.wrap520{
  float:left;
  display:inline;
  margin:0px 0px 0px 10px;
  width:520px;
}
.title_bar520{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  width:520px;
  height:40px;
}
.contents_left_wrap520{
  width:518px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
}
/* =============================================
Top Left kodawari
================================================ */
.kodawari_wrap01{
  float:left;
  display:inline;
  margin:10px 5px 0px 5px;
  padding:4px 5px 0px 5px;
  width:140px;
  height:36px;
  background:url(../../images/top/kodawari_s.jpg) no-repeat;
}
.kodawari_wrap03{
  float:left;
  display:inline;
  margin:10px 5px 0px 10px;
  padding:4px 5px 0px 5px;
  width:140px;
  height:36px;
  background:url(../../images/top/kodawari_s.jpg) no-repeat;
}
.kodawari_wrap02{
  float:left;
  display:inline;
  margin:10px 0px 0px 5px;
  padding:4px 0px 0px 5px;
  width:215px;
  height:36px;
  background:url(../../images/top/kodawari_l.jpg) no-repeat;
}
.kodawari_wrap04{
  float:left;
  display:inline;
  margin:10px 0px 0px 5px;
  padding:4px 0px 0px 2px;
  width:218px;
  height:36px;
  background:url(../../images/top/kodawari_l.jpg) no-repeat;
}
.kodawari_wrap01 img,
.kodawari_wrap02 img,
.kodawari_wrap03 img,
.kodawari_wrap04 img{
  float:left;
  display:inline;
}
.kodawari_wrap01 a,
.kodawari_wrap03 a{
  float:left;
  display:inline;
  line-height:32px;
  font-size:14px;
  margin:0px 0px 0px 10px;
}
.kodawari_wrap02 a{
  float:left;
  display:inline;
  line-height:32px;
  font-size:12px;
  margin:0px 0px 0px 10px;
}
.kodawari_wrap04 a{
  float:left;
  display:inline;
  line-height:32px;
  font-size:12px;
  margin:0px 0px 0px 5px;
}
/* =============================================
Top Left area
================================================ */
span.area{
  float:left;
  display:inline;
  margin:10px 3px;
  width:40px;
  font-weight:bold;
  font-size:12px;
}
ul.area_list{
  float:left;
  display:inline;
  width:150px;
  margin:0px 5px 0px 0px;
}
ul.area_list li{
  float:left;
  display:inline;
  margin:0px 0px 0px 2px;
  width:150px;
  background:url(../../images/top/area_list.jpg) no-repeat;
  padding:0px 0px 0px 10px;
}
ul.area_list li a{
  line-height:20px;
}
.uni{float:left;
  display:inline;
  margin:0px 0px 0px 3px;
  width:120px;
}
span.area_2{
  float:left;
  display:inline;
  margin:10px 3px;
  width:70px;
  font-weight:bold;
  font-size:12px;
}
ul.area_lis_2t{
  float:left;
  display:inline;
  width:150px;
  margin:0px 5px 0px 0px;
}
ul.area_list_2 li{
background: url("../../images/top/area_list.jpg") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    margin: 0 0 0 2px;
    padding: 0 0 0 10px;
    width: 135px;
}
ul.area_list_2 li a{
  line-height:20px;
}
/* =============================================
Top Left kyuubo
================================================ */
.kyuubo_wrap{
  float:left;
  display:inline;
  width:500px;
  margin:10px 9px 0px 9px;
}
.kyuubo_wrap img{
  float:left;
  display:inline;
  height:60px;
  width:80px;
  border:1px solid #1A5089;
}
.kyuubo_wrap span{
  float:left;
  display:inline;
  width:400px;
  margin:5px 0px 0px 10px
}
.kyuubo_wrap span a{
  line-height:20px;
}
/* =============================================
Top Left brand
================================================ */
.brand_h_wrap{
  float:left;
  display:inline;
  width:500px;
  margin:5px 9px;
}
.brand_wrap01{
  float:left;
  display:inline;
  margin:0px 10px 0px 0px;
  width:160px;
}
.brand_wrap02{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  width:160px;
}
.brand_wrap01 img,
.brand_wrap02 img{
  float:left;
  display:inline;
  width:160px;
  height:60px;
}
.brand_wrap01 span,
.brand_wrap02 span{
  float:left;
  display:inline;
  width:160px;
  margin:10px 0px 0px 0px;
}
.brand_wrap01 span a,
.brand_wrap02 span a{
  line-height:20px;
}
/* ==========================================================================================================
Top Right base
========================================================================================================== */
.title_bar240{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  width:240px;
  height:30px;
}
.contents_right_wrap_top{
 border: 1px solid #CCCCCC;
    display: inline;
    float: left;
    margin: 10px 0 0;
    padding: 9px;
    width: 220px;
}
.contents_right_wrap{
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
  width:238px;
}
.contents_right_wrap a{
  margin:0;
  padding:0;
}
/* ===============================================
Top Right brand
================================================== */
.brand_img1{
  float:left;
  display:inline;
  margin: 0px;
}
.brand_img2{
  float:left;
  display:inline;
  margin:5px 0px 0px 2px;
}
.member_btn{
  float:left;
  display:inline;
  margin:20px 9px 0px 9px;
  width:220px;
  height:40px;
  font-size:0;
  line-height:0;
  background:url(../../images/top/member_btn.jpg) no-repeat;
}
.member_btn a{
  display:block;
  width:100%;
  height:100%;
}
.member_btn a:hover {
  background:url(../../images/top/member_btn_on.jpg) no-repeat;
}
/* ============================================
Top Right pickup
=============================================== */
ul.pickup_wrap{
  float:left;
  display:inline;
  margin:10px 0px 0px 10px;
  padding:0;
  width:220px;
}
ul.pickup_wrap li{
  float:left;
  display:inline;
  line-height:20px;
  width:200px;
  padding:0px 0px 0px 20px;
  margin:5px 0px 0px 0px;
  background:url(../../images/top/pickup_list.jpg) no-repeat;
}
ul.pickup_wrap li a{
  line-height:20px;
}
/* =============================================
Top Right mail
=============================================== */
.mail_text{
  float:left;
  display:inline;
  margin:10px 9px;
  width:220px;
  line-height:20px;
}
input.mailmagazine{
  float:left;
  display:inline;
  margin:0px 0px 0px 8px;
  padding:2px;
  width:156px;
  line-height:20px;
  height:20px;
  border:1px solid #B8D0DD;
  color:#666666;
}
input#mail_btn{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
}
.qr_wrap{
  float:left;
  display:inline;
  margin:10px 9px;
  padding:0;
  width:220px;
}
.qr_wrap img{
  float:left;
  display:inline;
}
.qr_wrap span{
  float:left;
  display:inline;
  width:130px;
  margin:10px 0px 0px 10px;
}
/* ==========================================================================================================
ichiran
========================================================================================================== */
.ichiran_head{
  float:left;
  display:inline;
  margin:20px 0px 0px 0px;
  padding:0;
  height:50px;
  line-height:0;
  font-size:0;
  width:980px;
  background:url(../../images/share/ichiran_head.jpg) no-repeat;
}
.ichiran_wrap{
  float:left;
  display:inline;
  margin:0px 0px 20px 0px;
  padding:0px 10px 10px 10px;
  border:1px solid #CCCCCC;
  border-top:none;
  width:958px;
  line-height:20px;
}
.ichiran_wrap a{
  line-height:20px;
  color:#666666;
}