@charset "utf-8";

/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn {
    width: 100%;
}
@media only screen and (min-width: 460px) {
#headerInternalColumn {
    margin-top: 5px;
    float: right;
    width: 520px;
    height: 35px;
}
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
#headerInternalColumn {
    margin-top: 5px;
    float: right;
    width: 520px;
    height: 35px;
}
}
/* ログイン（ヘッダー用）
----------------------------------------------- */

#header_login_area .block_body {
	display:none;
}
#sphone_login_area {
	position: relative;
}
#sphone_login_area #sphone_login {
	cursor:pointer;
}
#sphone_login_area #sphone_on {
	display:none;
	text-align:center;
    font-size: small;
    width: auto;
    min-width: 100px;
    padding: 10px;
    position: absolute;
    line-height: 1.5em;
    top: 0;
	right:0;
    z-index: 1;
    background: #FFF;
    background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
    border: #CCC solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/* タブレット向けのスタイル：460px ～ 979px */
@media only screen and (min-width: 460px) {
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
#header_login_area .block_body {
	display: block;
}
#sphone_login_area {
	display:none;
}

#header_login_area {
    padding: 0;
    height: 25px;
    letter-spacing: -0.075em;
}
#header_login_area ul.formlist {
    margin-top: 2px;
	float:right;
}
#header_login_area ul.formlist li {
    float: left;
}
#header_login_area ul.formlist li.mail input, #header_login_area ul.formlist li.password input {
	background:url(../img/background/bg_input.png) repeat-x top;
}
#header_login_area ul.formlist li.mail {
    width: 155px;
    font-size: 90%;
}
#header_login_area ul.formlist li.password {
    padding-right: 5px;
}
#header_login_area ul.formlist li.login_memory {
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.forgot {
    margin-top: 3px;
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.btn {
    padding-right: 5px;
    width: 53px;
}
#header_login_area p.btn {
    height: 25px;
	text-align:right;
}
#header_login_area p.btn input[type=image] {
    vertical-align: middle;
}
}


/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */
#container .block_outer #banner_area .block_body {
    border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */
.main_column .block_outer #banner_area .block_body ul {
    width: 100%;
}
.main_column .block_outer #banner_area .block_body ul li {
    float: left;
}
.main_column .block_outer #banner_area .block_body ul li.sub_01 {
    padding-right: 8px;
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */
#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li {
    margin-bottom: 8px;
}