@charset "shift-jis";

/*==================================================
  Base Layout
  Header Area
  Contents Area
  Primary Area
  Secondary Area
  Footer Area
==================================================*/


/*--------------------------------------------------
  Base Layout
--------------------------------------------------*/
div#container{
margin:0 auto;
width:970px;
font-size:12px;
_font-size:75%;
line-height:1.17;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
}

div#container_short{
margin:0 auto;
width:765px;
font-size:12px;
_font-size:75%;
line-height:1.17;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
}

div#container_alert{
margin:0 auto;
width:230px;
font-size:12px;
_font-size:75%;
line-height:1.17;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
}


/*--------------------------------------------------
  Header Area
--------------------------------------------------*/
div#header{
background:url(../images/shared/hdr_bg01.gif) repeat-x 0 0;
padding:4px 0 0;
margin-bottom:10px;
}
div#header div.header-poweredby{
position:relative;
height:18px;
}

div#header div#tagline{
font-size:0.83em;
margin-bottom:6px;
line-height:1;
float:left;
}

div#header div#poweredby{
font-size:0.83em;
margin-bottom:6px;
line-height:1;
width:107px;
float:right;
}

div#header div.header-inner{
position:relative;
background:url(../images/shared/hdr_bg02.gif) no-repeat 0 0;
height:80px;
}

div#header div.header-inner p.forget{
font-size:0.83em;
position:absolute;
top:13px;
right:345px;
margin:0;
}

div#header div.header-inner p.forget a{
text-decoration:none;
color:#333;
}

div#header div.header-inner p.forget a:hover,
div#header div.header-inner p.forget a:active,
div#header div.header-inner p.forget a:focus{
text-decoration:underline;
}

/**IAJ 2010/1/18 修正**/
div#header div.header-inner #logo{
position:absolute;
top:5px;
left:16px;
}

div#header div.header-inner #kero{
position:absolute;
top:5px;
left:230px;
}

div#header div.header-inner form#login{
position:absolute;
top:10px;
right:11px;
}

div#header div.header-inner form#login ul{
margin:0;
}

div#header div.header-inner form#login ul li{
margin-right:9px;
display:inline;
}

div#header div.header-inner form#login ul li input{
width:70px;
height:1em;
}

div#header div.header-inner form#login ul li img{
font-size:0;
vertical-align:top;
margin:5px 5px 0 0;
/margin-top:6px;
}

div#header div.header-inner form#login p{
margin:0;
}

div#header div.header-inner form#login p input{
vertical-align:middle;
}

div#header div.header-inner form#login ul,
div#header div.header-inner form#login li,
div#header div.header-inner form#login p{
float:left;
}

p#welcome{
position:absolute;
top:9px;
right:390px;
}

p#welcome img{
display:block;
font-size:0;
margin-bottom:3px;
}

p#welcome02{
position:absolute;
top:11px;
left:400px;
}

p#welcome02 img{
font-size:0;
margin-bottom:3px;
}

p#welcome02 span{
padding-left:10px;
}

div#header div.header-inner ul.nav-utility{
position:absolute;
top:10px;
right:11px;
}

div#header div.header-inner ul.nav-utility li{
float:left;
}

div#header div.header-inner ul.nav-utility li.logout{
margin-left:9px;
}

div#header div.header-inner ul#nav-global{
margin:0;
position:absolute;
right:11px;
bottom:0;
}

div#header div.header-inner ul#nav-global li{
float:left;
margin-left:1px;
}

.only-login{
position:absolute;
right:11px;
top:10px;
}

/*--------------------------------------------------
  Contents Area
--------------------------------------------------*/
div#contents{
margin-bottom:20px;
}

/*IAJ追加*/
div#contents-login{
margin:20px 0 20px 0;
}

div#contents-shopDetail{
margin:100px 0 100px 0;
}
/*IAJ追加*/

/*--------------------------------------------------
  Main Content Area
--------------------------------------------------*/
div#main-content{
_overflow:hidden;
}

body.column-3A div#contents-inner{
float:left;
width:660px;
}

body.column-3B div#contents-inner{
float:left;
width:745px;
}

body.column-2A div#main-content{
width:745px;
float:right;
}

body.column-2B div#main-content{
width:660px;
float:right;
}

body.column-2C div#main-content{
width:745px;
float:right;
}

body.column-3A div#contents-inner div#main-content{
width:435px;
float:right;
}

body.column-3B div#contents-inner div#main-content{
width:520px;
float:right;
}

/**IAJ追加**/
div#contents-login div#contents-inner{
position:relative;
left:200px;
}

div#contents-shopDetail div#contents-inner{
position:relative;
left:300px;
}

/**IAJ追加**/


/*--------------------------------------------------
  Sub Content Area 01
--------------------------------------------------*/
div#sub-content-01{
float:left;
}

body.column-2A div#sub-content-01{
width:215px;
}

body.column-2B div#sub-content-01{
width:300px;
}

body.column-3A div#sub-content-01{
width:215px;
}

body.column-3B div#sub-content-01{
width:215px;
}

/*--------------------------------------------------
  Sub Content Area 02
--------------------------------------------------*/
div#sub-content-02{
float:right;
}

body.column-2C div#sub-content-02{
width:215px;
}

body.column-3A div#sub-content-02{
width:300px;
}

body.column-3B div#sub-content-02{
width:215px;
}

/*--------------------------------------------------
  Footer Area
--------------------------------------------------*/
div#footer{
clear:both;
}

 p.pagetop{
clear:both;
text-align:right;
padding-bottom:8px;
border-bottom:1px solid #ccc;
margin-bottom:4px;
}

p#topic-path{
margin-bottom:2px;
padding:4px 108px 2px 10px;
background:url(../images/shared/ftr_logo.gif) no-repeat right top;
border-bottom:1px solid #ccc;
min-height:20px;
_height:20px;
}

div#footer table{
margin:0 10px 8px;
width:960px;
}

div#footer table th,
div#footer table td{
vertical-align:top;
background:url(../images/shared/line01.gif) repeat-x left bottom;
padding:4px 0;
}

div#footer table th{
width:75px;
}

div#footer table td ul{
margin-bottom:0;
}

div#footer table td ul li{
float:left;
margin-right:4px;
line-height:1.33;
white-space:nowrap;
font-size:12px;
}

div#footer ul.nav-utility{
text-align:center;
overflow:hidden;
}

div#footer ul.nav-utility li{
display:inline;
border-left:1px solid #000;
padding:0 0 0 6px;
margin:0 6px 0 0;
font-size:0.92em;
letter-spacing:-1px;
}

div#footer ul.nav-utility li.first{
border:none;
padding:0;
}

div#footer p.logo{
margin-bottom:5px;
text-align:right;
}

div#footer p#copyright{
text-align:right;
border-top:1px solid #ccc;
font-size:0.92em;
letter-spacing:-1px;
color:#777;
padding-top:2px;
}

/*--------------------------------------------------
  Popup
--------------------------------------------------*/
div#header.simple{
padding-top:2px;
margin-bottom:30px;
}

div#header.simple div.header-inner{
position:relative;
background:url(../images/shared/popup_hdr_bg.gif) no-repeat left bottom;
height:33px;
}

div#header.simple div.header-inner_short{
position:relative;
background:url(../images/shared/popup_hdr_short_bg.gif) no-repeat left bottom;
height:33px;
}

div#header.simple div.header-inner h1#logo{
position:absolute;
left:15px;
top:0;
}

div#header.simple div.header-inner_short h1#logo{
position:absolute;
left:15px;
top:0;
}

div#header.simple div.header-inner ul.nav-global{
position:absolute;
right:10px;
bottom:0;
margin:0;
}

div#header.simple div.header-inner ul.nav-global li{
float:left;
margin-left:-1px;
}


/**IAJ 2010/8 **/
div#header.simple div.header-inner div#logo{
position:absolute;
left:15px;
top:0;
}

p#topic-path2{
margin-bottom:2px;
padding:4px 108px 2px 10px;
background:url(../images/shared/ftr_logo.gif) no-repeat right top;
min-height:20px;
_height:20px;
}