@charset "utf-8";
@import url("./global.css");

/* =====================================================================
    header
====================================================================== */

body#whole div#header{
    margin : 5px 0 0 0;
	background : #ffffff url(../img/icon/accessory/background20100501.gif) repeat-x bottom;
	height : 196px;
}
body#free div#header {
    margin : 0;
	background : #ffffff url(../img/icon/accessory/background20100501.gif) repeat-x bottom;
	height : 196px;
}

body#error div#header {
    margin : 5px 0 0;
    background : #ffffff url(../img/icon/accessory/background20100501.gif) repeat-x bottom;
    height : 196px;
}
div#zenkoku_global_center h2 {
	line-height: 14px;
}
body#error p#logo {
    margin : 0 5px 0;
}
*html body#error p#logo {
    margin : 0 0 0 5px;
}

div#global_center {
    padding : 2px 0 1px 5px;
}

/* =====================================================================
    shell
====================================================================== */

body#whole div#contents,
body#whole div#utilities {
    margin : 15px 0 0 0;
}
body#whole div#contents {
    width : 790px;
}
body#login div#shell,
body#error div#shell,
body#attestation div#shell,
body#free div#shell {
    width : 800px;
}
body#login ul.topic_path,
body#error ul.topic_path,
body#attestation ul.topic_path,
body#free ul.topic_path {
    margin : 5px auto 10px auto;
    width : 960px;
    text-align : left;
}
*html body#login ul.topic_path,
*html body#error ul.topic_path,
*html body#attestation ul.topic_path,
*html body#free ul.topic_path {
    width : 1000px;
}

/* ___________________________________________________________ whole */

body#whole div.information dl{
    margin : 0 0 5px 0;
    font-size : 12px;
}

*html body#whole div.information dl,
*+html body#whole div.information dl{
    margin : 0 0 7px 0;
    font-size : 12px;
}


body#whole div#contents h3 {
    margin : 0 0 10px 0;
    font-size : 12px;
}
body#whole div.information h3 {
    position : relative;
    background : url(../img/icon/contents/dl/whole.gif) no-repeat;
    font-weight : normal;
    text-indent : 10px;
}
body#whole div.information h3 span {
    position : absolute;
    top : 5px;
    right : 10px;
    margin : 0 0 0 20px;
}
body#whole div.information dl {
    background : url(../img/icon/contents/dl/whole.gif) no-repeat;
}

body#whole p#map {
    float : left;
    width : 595px;
    height : 438px;
}
body#whole div.information {
    float : right;
    width : 365px;
}
body#whole div.summary {
    padding : 10px 0 5px 10px;
}
div.information div.effect {
    margin : 0;
    padding : 0 5px 0 10px;
    background : #f5faff url(../img/icon/accessory/section/blue_365.gif) no-repeat bottom;
}
*+html>/**/body div.information div.effect ul li {
    padding : 2px 0;
}
body#whole div#contents div.summary {
    background : #f5faff;
}
body#whole div#shell div.effect {
    height : 100%;
}
body#whole div#shell div.effect hr {
    display : block;
    margin : -15px 0 0 0;
    height : 5px;
}
body#whole div#shell div.effect div.section {
    float : left;
    margin : 5px 0 0 0;
    width : 175px;
    height : 54px;
}

*+html body#whole div#shell div.effect div.section {
    height : 54px;
}
*+html>/**/body#whole div#shell div.effect div.section {
    height : 53px;
}
body#whole div#shell div.effect div.section p {
    display : inline;
    padding : 3px 0 0 0;
    color : #3366cc;
    line-height : 1.5;
}
body#whole div#shell div.effect div.section p a {
    text-decoration : underline;
}
/* ___________________________________________________________ login, attestation */

body#login div#shell h3,
body#attestation div#shell h3 {
    background : url(../img/icon/contents/headline/attestation.gif) no-repeat;
    text-align : left;
}
body#error div#shell h3 {
    background : url(../img/icon/contents/headline/error.gif) no-repeat;
}
body#attestation div#shell div.finished h3 {
    background : url(../img/icon/contents/headline/caption_800.gif) no-repeat;
}
body#free div#shell h3 {
    background : url(../img/icon/contents/headline/caption_800.gif) no-repeat;
}

body#login div#ad,
body#login div#entrance {
    margin : 10px 0 0 0;
}
body#login div#ad {
    float:left;

}
body#free div#shell div.section {
    margin : 15px 0 0 0;
}
body#free div#shell div.section p {
    margin : 2px 0 0 0;
    line-height : 1.3;
}
body#login div#ad p#tips,
body#login div#ad p#regist {
    overflow : hidden;
    padding : 0;
}
body#login div#ad p#tips a,
body#login div#ad p#regist a {
    display : block;
}
body#login div#ad p#tips {
    margin : 476px 0 25px 25px;
    background : url(../img/icon/accessory/login/tips.gif);
    width : 360px;
    height : 32px;
}
body#login div#ad p#tips a {
    padding : 32px 0 0 0;
    width : 360px;
    height : 32px;
}
body#login div#ad p#regist {
    margin : 0 0 0 43px;
    background : url(../img/icon/utilities/banner/member.gif);
    width : 200px;
    height : 49px;
}
body#login div#ad p#regist a {
    padding : 49px 0 0 0;
    width : 200px;
    height : 49px;
}

body#login div#entrance {
/* --} 保守対応（ログインジャックバナー） @ ESS 2011/03/18 */
    /*margin : 10px 0 0 427px;*/
    margin : 60px 0 0 485px;
/* --} 保守対応（ログインジャックバナー） @ ESS 2011/03/18 */
    background : url(../img/icon/accessory/login/background2.gif) no-repeat;
    height : 385px;
/* --} 保守対応（ログインジャックバナー） @ ESS 2011/03/18 */
    width : 285px;
    position : absolute;
    top : 75px;
    left : 0px;
/* --} 保守対応（ログインジャックバナー） @ ESS 2011/03/18 */
}

body#login div#entrance h4,
body#attestation div#shell h4 {
    color : #ffffff;
}
body#login div#entrance h4 {
    text-indent : 15px;
    line-height : 35px;
    height : 30px;
}
body#login div#entrance p#escort {
    margin : 5px 0 5px 60px;
}
body#login div#entrance fieldset.unit {
    margin : 0 0 0 23px;
}
body#login div#entrance fieldset.unit label {
    display : block;
    float : left;
    padding : 3px 0;
    width : 105px;
}
body#login div#entrance fieldset.option {
    margin : 0 0 10px 63px;
}
body#login img.loginjack {
	width: 800px;
	margin: 10px 0 0;
}
body#attestation div#shell h4 {
    margin : 0 1px;
    padding : 6px 0;
    background : #9eb4c6;
    border-top : 1px solid #eff8ff;
    text-indent : 10px;
}
body#attestation div#shell p {
    margin : 10px;
}
body#attestation div#shell p#escort {
    margin : 3px 0;
    text-align : right;
    width : 700px;
}
body#login div#shell p.submit,
body#attestation div#shell p.submit {
    margin : 0px 0;
    text-align : center;
}
body#attestation div#shell fieldset p {
    margin : 0;
    text-align : right;
}

body#attestation div#shell form {
    margin : 10px 100px 0 100px;
    padding : 0;
    border : 1px solid #9eb4c6;
}
body#attestation div#shell.reminder form {
    margin : 10px 100px 0 100px;
    padding : 0;
    border : none;
}
body#attestation div#shell.reminder div#pwd {
    margin : 10px 0 20px 205px;
    background : #ecf1f7;
    border : 1px solid #9eb4c6;
    width : 395px;
}

body#attestation div#shell.finished {
    text-align : center;
}
body#attestation div#shell.finished div.note {
    margin : 20px auto;
    padding : 20px;
    background : #ecf1f7;
    border : 1px solid #9eb4c6;
    text-align : left;
    width : 75%;
}
body#attestation div#shell.reminder p {
    margin : 15px 0 20px 260px;
}
body#attestation div#shell.reminder div#pwd p {
    margin : 0 0 0 60px;
    padding : 15px 0 0 0;
}
body#attestation div#shell.reminder div#pwd dl {
    margin : 10px 0 0 60px;
    padding : 0 0 15px 0;
}
body#attestation div#shell.reminder div#pwd dt {
    clear : both;
    float : left;
    padding : 3px 0;
    width : 90px;
}
body#attestation div#shell.reminder div#pwd dd {
    margin : 0 0 0 90px;
    padding : 3px 0;
}
body#attestation div#shell.reminder p.submit {
    margin : 0;
}
body#attestation div#shell fieldset {
    margin : 10px 160px;
}
body#attestation div#shell fieldset input {
    border : 1px solid #6699ce;
}
body#attestation div#shell fieldset p.submit input {
    border : none;
}
body#attestation div#shell fieldset#reminder {
    margin : 10px 140px;
}
body#attestation div#shell label {
    display : block;
    float : left;
    width : 80px;
}
body#attestation div#shell fieldset#reminder label {
    width : 120px;
}
body#attestation div#shell input#user,
body#attestation div#shell input#pass,
body#attestation div#shell input#email {
    margin : 0 0 5px 0;
    padding : 2px;
    width : 190px;
}

body#attestation div#shell input.submit {
    background : url(../img/icon/accessory/button/button.gif) no-repeat;
}

/* =====================================================================
    contents
====================================================================== */

/* ___________________________________________________________ whole */

body#whole div#contents h3 {
    margin : 0 0 0 30px;
    background : url(../img/icon/contents/headline/new_760.gif) no-repeat;
}
body#whole div#contents h4 {
    position : relative;
    margin : 10px 0 0 0;
    background : url(../img/icon/contents/headline/info.gif) no-repeat right;
    color : #ffffff;
    font-weight : bold;
    text-indent : 47px;
    line-height : 26px;
    height : 26px;
}
body#whole div#contents h4 a {
    line-height : 26px;
    color : #ffffff;
    font-weight : bold;
}
body#whole div#contents div.summary h5 a {
    font-weight : bold;
}

body#whole div#contents div.column {
    margin : 0 0 0 30px;
    width : 365px;
}
*html body#whole div#contents div.column {
    margin : 0;
    padding : 0 0 0 30px;
    width : 395px;
}
*html body#whole div.summary p.thumbsnail {
    margin : 0 5px 0 0;
}
/* ___________________________________________________________ table */

body#whole div#contents div.column table {
    width : 350px;
}

body#whole div#contents div.column table td {
    vertical-align : top;
}
body#whole div#contents div.column table td.shop_name {
    vertical-align : bottom;
}
body#whole div#contents div.column table td.thumbsnail {
    padding : 0 5px 0 0;
    width : 80px;
}

body#whole div#contents div.column td.date,
body#whole div#contents div.column p.navi {
    margin : 0 5px 0 0;
    text-align : right;
}
body#whole div#contents div.column td.shop_navi {
    line-height : 1.1;
}
/* ___________________________________________________________ object data */

body#list div.section {
    margin : 0;
    font-size : 1.2em;
    text-align : left;
    width : auto;
}
body#list ul {
    margin : 0;
    width : 98%;
}
body#list ul li {
    margin : 0 2px;
    padding : 3px 0;
    background : transparent;
    border-bottom : 1px solid #9eb4c6;
    line-height : 1.2;
}
body#list ul li img {
    margin : 0 0 0 3px;
    vertical-align : middle;
}
/* ↓直送便カテゴリ化 @KSOL 2013/07/17 */
body#list ul li span.tencho_category_mark {
	display:inline-block;
	text-align:center;
	border-radius:3px 3px;
	border-width: 1px;
	border-style:solid;
	width:66px;
	font-size: 11px;
	height: 10px;
	line-height: 10px;
}
body#list ul li span.tencho_category_mark_no {
	display:inline-block;
	text-align:center;
	width:90px;
}
/* ↑直送便カテゴリ化 @KSOL 2013/07/17 */

/* =====================================================================
    utilities
====================================================================== */

body#whole div#utilities h3 {
    background : url(../img/icon/utilities/headline/recommend.gif) no-repeat;
    text-align : left;
}
body#whole div#utilities div.mobile h3 {
    background : url(../img/icon/utilities/headline/mobile.gif) no-repeat;
}
body#whole div#utilities div.recruit h4 {
    margin : 0 0 3px 0;
    color : #f96ca2;
    font-weight : bold;
    text-align : center;
}
body#whole div#utilities div.recruit p {
    padding : 5px 0;
    font-size : 11px;
}
*html body#whole div#utilities div.recruit p {
    line-height : 1.5;
    font-size : 9px;
}
*+html body#whole div#utilities div.recruit p {
    line-height : 1.5;
    font-size : 9px;
}
*+html>/**/body#whole div#utilities div.recruit p {
    font-size : 11px;
}

/* =====================================================================
    footer
====================================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {
.flash {
 width: 480px;
}
.flash object, .flash embed {
    width: 480px;
}
}
/* =================================================================== */