@charset "shift_jis";

body{
  margin:0;
  padding:0;
  text-align:center;
}
.outline{

}
/* auヘッダー
-------------------------------------------------------------------------*/
.header_au{
  width:100%;
  height:124px;
  text-align:center;
  border-bottom:1px solid #e5e5e5;
  color:#777;
}
.header_au .inner{
  position:relative;
  width:980px;
  margin:0 auto;
  text-align:center;
}
.header_au .logo_au{
  margin:0;
  padding:30px 0 13px;
}
/* 簡易ヘッダー */
.header_au.simple{
  height:76px;
}

/* au グローバルナビ
----------------------------*/
.header_au .au_navi{
  width:980px;
  height:50px;
}
.header_au .au_navi ul{
  margin:0;
  padding:0;
  overflow:hidden;
}
.header_au .au_navi li{
  float:left;
  margin:0;
  list-style-type:none;
}
.header_au .au_navi li a{
  display:block;
  height:50px;
  background:url(../../images/_v1/common/navi_aunavi.gif) no-repeat 0 0;
  overflow:hidden;text-indent:100%;white-space:nowrap;
}
.header_au .au_navi li.mobile a{width:140px; background-position:0 0;}
.header_au .au_navi li.internet a{width:140px; background-position:-140px 0;}
.header_au .au_navi li.content a{width:140px; background-position:-280px 0;}
.header_au .au_navi li.wallet a{width:140px; background-position:-420px 0;}
.header_au .au_navi li.information a{width:140px; background-position:-560px 0;}
.header_au .au_navi li.support a{width:140px; background-position:-700px 0;}
.header_au .au_navi li.auols a{width:140px; background-position:-840px 0;}
/* over */
.header_au .au_navi li.mobile a:hover{width:140px; background-position:0 -50px;}
.header_au .au_navi li.internet a:hover{width:140px; background-position:-140px -50px;}
.header_au .au_navi li.content a:hover{width:140px; background-position:-280px -50px;}
.header_au .au_navi li.wallet a:hover{width:140px; background-position:-420px -50px;}
.header_au .au_navi li.information a:hover{width:140px; background-position:-560px -50px;}
.header_au .au_navi li.support a:hover{width:140px; background-position:-700px -50px;}
/* au utility
----------------------------*/
.header_au .utility .top{
  position:absolute;
  top:19px;
  right:0;
  overflow:hidden;
  text-align:right;
}
.header_au .utility .btm{
  position:absolute;
  top:43px;
  right:0;
  overflow:hidden;
  text-align:right;
}
.header_au .utility ul{
  margin:0;
  padding:0;
}
.header_au .utility li{
  float:left;
  margin:0 0 0 15px;
  list-style-type:none;
  vertical-align:bottom;
  line-height:1;
}
.header_au .utility li a{
  padding-left:10px;
  background:url(../../images/_v1/common/icn_arrow_right_s.gif) no-repeat 0 8px;
  line-height:1;
  vertical-align:bottom;
  /background-position:0 3px;
}


/* auOLSヘッダー
-------------------------------------------------------------------------*/
.header_ols{
  width:100%;
  height:107px;
  text-align:center;
  border-bottom:1px solid #e5e5e5;
}
.header_ols .inner{
  width:980px;
  margin:0 auto;
  text-align:left;
}
/* 簡易ヘッダー */
.header_ols.simple{
  height:61px;
}

/* サブウィンドウヘッダー */
.sub_window{
  margin:0 auto;
}
.sub_window-header{
  width:100%;
  height:53px;
  border-bottom:1px solid #e5e5e5;
  text-align:center;
}
.sub_window-header .inner{
  position:relative;
  min-width:620px;
  margin:0 auto;
  padding:0 15px;
  text-align:left;
}
.sub_window-header .logo_auols{
  margin:0;
  padding:13px 0 0 0;
}
.sub_window-header .btn_close{
  position:absolute;
  top:11px;
  right:15px;
  margin:0;
}

/* グローバルナビゲーション
----------------------------*/
.global_navi{
  width:990px;
  height:46px;
}
.global_navi ul{
  margin:0;
  padding:0;
  overflow:hidden;
  font-weight: 550;
}
.global_navi li{
  float:left;
  margin:0;
  display: table-cell;
  list-style-type:none;
  height:46px;
  border-bottom:1px solid #ccc;
}
/* .global_navi li a{
  display:block;
  height:46px;
  background:url(../../images/_v2/common/navi_global.gif) no-repeat 0 0;
  overflow:hidden;text-indent:100%;white-space:nowrap;
}
*/
.global_navi li a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left:1px solid #ccc;
  height:46px;
  color: #6a6a6a;
  text-decoration: none;
  font-size:90%;
  line-height:110%;
}

.global_navi li a:hover{color:#eb5505;}


.global_navi li.iphone a{
  width:135px;
  background-position:0 0;
  border-left:none;
}
.global_navi li.ipad a{width:135px; background-position:-135px 0;}
.global_navi li.smartphone a{width:135px; background-position:-270px 0;}
.global_navi li.mobile a{width:135px; background-position:-405px 0;}
.global_navi li.data a{
  width:140px;
  background-position:-540px 0;
  text-align:left;
  padding-left:25%;
}
.global_navi li.option a{
  width:160px;
  background-position:-680px 0;
  text-align:left;
  padding-left:15%;
}
.global_navi li.itunes a{width:140px; background-position:-840px 0;}
/* over */
.global_navi li.iphone a:hover{width:135px; background-position:0 -46px;}
.global_navi li.ipad a:hover{width:135px; background-position:-135px -46px;}
.global_navi li.smartphone a:hover{width:135px; background-position:-270px -46px;}
.global_navi li.mobile a:hover{width:135px; background-position:-405px -46px;}
.global_navi li.data a:hover{width:140px; background-position:-540px -46px;}
.global_navi li.option a:hover{width:160px; background-position:-680px -46px;}
.global_navi li.itunes a:hover{width:140px; background-position:-840px -46px;}
/* current */
div.iphone .global_navi li.iphone a{width:135px; background-position:0 -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.ipad .global_navi li.ipad a{width:135px; background-position:-135px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.smartphone .global_navi li.smartphone a{width:135px; background-position:-270px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.mobile .global_navi li.mobile a{width:135px; background-position:-405px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.data .global_navi li.data a{width:140px; background-position:-540px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.option .global_navi li.option a{width:160px; background-position:-680px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}
div.itunes .global_navi li.itunes a{width:140px; background-position:-840px -92px; color: #eb5505; border-bottom:10px solid #eb5505;}


/* ユーザー情報ステータス
----------------------------*/
.status_area{
  position:relative;
  height:61px;
  overflow:hidden;
}
.status_area .logo_auols{
  position:absolute;
  top:23px;
  left:0;
  margin:0;
}
.status_area .status{
  float:right;
  padding-top:20px;
}
.status_area .status p{
  display:inline;
  margin:0;
  font-size:86%;
}
.status_area .member_name,
.status_area .au_point{
  padding:0 16px 0 20px;
}
.status_area .member_name span,
.status_area .au_point span{
  padding:0 4px;
  color:#eb5505;
}
.status_area .au_point{
  border-left:1px solid #e5e5e5;
}


/* 中段
-------------------------------------------------------------------------*/
.middle{
  clear:both;
  width:980px;
  margin:0 auto;
  text-align:left;
}
/* コンテンツ領域 */
.contents{
  display:block !important;
  margin-bottom:40px;
  text-align:left;
}
.middle_inner{
  padding:15px 0 0 0;
}
.middle .column1{
  float:left;
  width:725px;
}
.middle .column2{
  float:right;
  width:220px;
}
.middle_inner{zoom:1;}
.middle_inner:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}

/* サブウィンドウ */
.sub_window-middle{
  clear:both;
  width:620px;
  margin:0 auto;
  padding:0 15px;
  text-align:left;
}
.sub_window-middle .contents{
  min-height:240px;
  margin-bottom:30px;
}
.sub_window-middle .btn_close-btm{
  margin:40px 0;
  text-align:center;
}


/* フッター
-------------------------------------------------------------------------*/
.footer{
  clear:both;
  width:100%;
  background-color:#f7f7f7;
  border-top:1px solid #e5e5e5;
  font-size:72%;
  color:#777;
}
.footer .inner{
  position:relative;
  width:980px;
  height:136px;
  margin:0 auto;
  text-align:left;
}
.footer ul,
.footer p{
  margin:0;
}
.footer .logo{
  padding:23px 0 0 2px;
}
.footer .footer_navi{
  position:absolute;
  top:32px;
  right:0;
}
.footer .footer_navi li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  margin:0 0 0 8px;
  padding-left:10px;
  border-left:1px solid #e5e5e5;
  list-style:none;
}
.footer .footer_navi li:first-child{
  margin-left:0;
  padding-left:0;
  border-left:0;
}
.footer .copyright{
  position:absolute;
  bottom:25px;
  right:0;
}

/* 簡易フッター */
.footer_simple{
  clear:both;
  width:100%;
  background-color:#f7f7f7;
  border-top:1px solid #e5e5e5;
  font-size:86%;
  color:#777;
}
.footer_simple .inner{
  position:relative;
  width:980px;
  height:87px;
  margin:0 auto;
  text-align:left;
}
.footer_simple .logo{
  margin:0;
  padding:23px 0 0 2px;
}
.footer_simple .copyright{
  position:absolute;
  top:42px;
  right:0;
  margin:0;
}

/* サブウィンドウフッター */
.sub_window-footer{
  clear:both;
  width:100%;
  background-color:#f7f7f7;
  border-top:1px solid #e5e5e5;
  font-size:86%;
  color:#777;
}
.sub_window-footer .inner{
  position:relative;
  min-width:620px;
  height:55px;
  margin:0 auto;
  padding:0 15px;
  text-align:left;
}
.sub_window-footer .logo{
  margin:0;
  padding:10px 0 0 2px;
}
.sub_window-footer .copyright{
  position:absolute;
  top:25px;
  right:15px;
  margin:0;
}

/* パンくず
-------------------------------------------------------------------------*/
.breadcrumb{
  clear:both;
  width:980px;
  margin:1em auto 0;
  text-align:left;
  font-size:86%;
}
.breadcrumb ul{
  margin-top:0;
  padding:0;
}
.breadcrumb li{
  display:inline;
  list-style-type:none;
  margin:0;
  padding:0;
}