@charset "utf-8";
/*
 * support.css
 * サポートページ用設定
 */

#content
{
    overflow: hidden;
    zoom: 1;
}

#main
{
    float: left;
    width: 750px;
}

#icon,
#icon #container,
#icon #content
{
    width: 750px;
}

.support #pageTitle,
#privacyPolicy .title,
.inquiry #pageTitle
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    background: url("/images/bar/green.png") top repeat-x;
    color: #ffffff;
    font-weight: bold;
    font-size: 135%;
    text-align: center;
}

.linkTo
{
    margin: 5px 0;
    text-align: right;
}

#howto #headline
{
    line-height: 2;
    margin-bottom: 25px;
    text-align: center;
}

#howto #headline span
{
    color: #0000ff;
    font-weight: bold;
}

#howto .title
{
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    text-indent: 1em;
    background: url("/images/howto/title.png") top left no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 120%;
}

#howto .step
{
    margin-bottom: 25px;
    overflow: hidden;
    zoom: 1;
}

#howto .step .leftBox
{
    float: left;
    width: 360px;
}

#howto .step .rightBox
{
    float: right;
    width: 360px;
}

#howto #step1 #from23Wards,
#howto #step1 #fromMap,
#howto #step1 #fromAddress,
#howto #step1 #fromPrefectural,
#howto #step2 #townList,
#howto #step2 #filter
{
    width: 200px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#howto #step1 #from23Wards
{
    background: url("/images/tab/tokyo23Wards.png") top left no-repeat;
}

#howto #step1 #fromMap
{
    background: url("/images/tab/map.png") top left no-repeat;
}

#howto #step1 #fromAddress
{
    background: url("/images/tab/address.png") top left no-repeat;
}

#howto #step1 #fromPrefectural
{
    background: url("/images/tab/prefecturalList.png") top left no-repeat;
}

#howto #step2 #townList
{
    background: url("/images/bar/green.png") top repeat-x;
}

#howto #step2 #filter
{
    background: url("/images/bar/pink.png") top repeat-x;
}

#howto #step3 #addFavorite,
#howto #step3 #around,
#howto #step4 #inquiry,
#howto #step4 #apply
{
    width: 170px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#howto #step3 #addFavorite
{
    background: url("/images/button/lightBlue.png") top repeat-x;
}

#howto #step3 #around
{
    background: url("/images/button/orange.png") top repeat-x;
}

#howto #step4 #inquiry
{
    background: url("/images/button/lightGreen.png") top repeat-x;
}

#howto #step4 #apply
{
    background: url("/images/button/pink.png") top repeat-x;
}

#howto #step1 #from23Wards em,
#howto #step1 #fromMap em,
#howto #step1 #fromAddress em,
#howto #step1 #fromPrefectural em,
#howto #step2 #townList em,
#howto #step2 #filter em
{
    font-size: 135%;
}

#howto #step3 #addFavorite em,
#howto #step3 #around em,
#howto #step4 #inquiry em,
#howto #step4 #apply em
{
    font-size: 120%;
}

#howto #step1 #from23Wards span,
#howto #step1 #fromMap span,
#howto #step1 #fromAddress span,
#howto #step1 #fromPrefectural span,
#howto #step3 #addFavorite span,
#howto #step3 #around span,
#howto #step4 #inquiry span,
#howto #step4 #apply span
{
    font-size: 77%;
}

#howto #step1 img,
#howto #step1 p,
#howto #step3 img,
#howto #step4 img
{
    margin-bottom: 5px;
}

#howto #step3 p,
#howto #step4 p
{
    margin-bottom: 15px;
}

#howto #step3 p em,
#howto #step4 p em
{
    color: #ff0000;
}

#howto #step3 p span
{
    color: #0000ff;
}

#howto #bottomLine
{
    line-height: 2;
    margin: 25px 0;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

#icon #iconList
{
    margin: 20px;
    padding: 10px;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #333333;
}

#icon #iconList li
{
    float: left;
    width: 180px;
    margin: 5px 0;
}

#intro h3
{
    margin: 15px 0;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
}

#intro .section
{
    margin: 50px 0;
    overflow: hidden;
    zoom: 1;
}

#intro .leftBox
{
    float: left;
    width: 370px;
}

#intro .rightBox
{
    float: right;
    width: 370px;
}

#intro .leftBox h4,
#intro .rightBox h4
{
    line-height: 30px;
    text-indent: 1.5em;
    background-color: #8ec31f;
    color: #ffffff;
    font-weight: bold;
}

#agreement .article,
#disclaimer .article
{
    margin: 15px;
    font-size: 105%;
    font-weight: bold;
}

#agreement p,
#agreement ol,
#agreement #content ul,
#disclaimer p,
#disclaimer ol,
#privacyPolicy p,
#privacyPolicy ol
{
    margin: 25px 50px;
}

#agreement #content li,
#disclaimer #content li,
#privacyPolicy #content li
{
    margin: 2em;
    list-style-position: outside;
    list-style-type: decimal;
}

#privacyPolicy .over
{
    text-align: right;
}

#faq p,
#faq table
{
    margin: 25px;
}

#faq .q,
#faq .a
{
    width: 40px;
    line-height: 30px;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    font-size: 105%;
    text-align: center;
}

#faq .q
{
    background-color: #ffa500;
}

#faq .a
{
    background-color: #8ec31f;
}

#faq .question,
#faq .answer
{
    line-height: 1.5;
    padding-left: 20px;
    background-color: #ffffff;
}

#corporateProfile caption
{
    width: 200px;
    line-height: 1.5;
    margin: 20px;
    border-bottom: 3px double #000000;
    font-size: 105%;
    letter-spacing: 1em;
    text-align: center;
}

#corporateProfile th
{
    width: 200px;
    line-height: 1.5;
    padding-right: 20px;
    border-right: 2px solid #cccccc;
    font-weight: normal;
    text-align: right;
}

#corporateProfile td
{
    width: 600px;
    line-height: 1.5;
    padding-left: 20px;
}

#corporateProfile #corporateMap
{
    width: 400px;
    height: 300px;
}

#siteMap #content
{
    overflow: hidden;
    zoom: 1;
}

#siteMap #assortment
{
    float: left;
    width: 370px;
}

#siteMap #search
{
    float: right;
    width: 370px;
}

#siteMap #assortment .category,
#siteMap #search .category
{
    margin: 25px 0;
}

#siteMap #assortment .category .title,
#siteMap #search .category .title
{
    line-height: 2em;
    background-color: #ffa500;
    color: #ffffff;
    font-weight: bold;
    text-indent: 1.5em;
}

#siteMap #assortment .category div,
#siteMap #search .category div
{
    line-height: 2em;
    background-color: #ffa500;
    color: #ffffff;
    font-weight: bold;
    text-indent: 1.5em;
}

#siteMap #assortment .category li,
#siteMap #search .category li
{
    margin: 3px 15px;
}

#siteMap #search h3
{
    margin: 15px 0;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

#siteMap #search .area
{
    margin: 15px;
}

#siteMap #search .area h5
{
    margin: 3px 0;
    font-weight: bold;
    }

#siteMap #search .area ul
{
    overflow: hidden;
    zoom: 1;
}

#siteMap #search .area li
{
    float: left;
    width: 55px;
    margin: 3px 0;
    margin-right: 5px;
}

#appear #stallCount
{
    margin: 15px 0;
    text-align: center;
}

#appear #stallCount span
{
    font-size: 135%;
    color: #0000ff;
}

#appear #headline
{
    line-height: 1.5;
    margin: 15px 0;
}

#appear #arrangement,
#appear .meritCatch div,
#appear .plan div,
#appear #merit,
#appear .portalSite div
{
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#appear #arrangement,
#appear #merit
{
    width: 400px;
    background: url("/images/bar/pink.png") top repeat-x;
}

#appear .meritCatch
{
    width: 500px;
    margin: 15px 0;
}

#appear .meritCatch div
{
    background: url("/images/bar/green.png") top repeat-x;
}

#appear .meritCatch p
{
    line-height: 1.5;
}

#appear #plans,
#appear #portalSites
{
    margin: 15px 0;
    overflow: hidden;
    zoom: 1;
}

#appear .plan,
#appear .portalSite
{
    float: left;
    width: 330px;
    margin-right: 30px;
}

#appear .portalSite
{
    min-height: 330px;
}

#appear .plan div,
#appear .portalSite div
{
    background: url("/images/bar/orange.png") top repeat-x;
}

#appear .portalSite span
{
    font-size: 77%;
}

#appearPlan #planA,
#appearPlan #planB
{
    margin: 15px 0;
    padding-left: 25px;
}

#appearPlan #planA li
{
    margin: 50px 0;
    overflow: hidden;
    zoom: 1;
}

#appearPlan #planA li .explain
{
    float: left;
    width: 350px;
}

#appearPlan #planA li .explain .title,
#appearPlan #planB li .title
{
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    background: url("/images/bar/orange.png") top repeat-x;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#appearPlan #planA li .explain em
{
    color: #ff0000;
    font-weight: bold;
}

#appearPlan #planA li .sample
{
    float: right;
    width: 350px;
}

#appearPlan #planA li table
{
    margin-top: 10px;
}

#appearPlan #planA li table td
{
    line-height: 1.5;
    border: 1px solid #333333;
    text-align: center;
}

#appearPlan #planA li thead td
{
    background-color: #ffb6c1;
}

#appearPlan #planA li th
{
    width: 85px;
    border: 1px solid #333333;
    border-bottom: 3px double #333333;
    font-weight: normal;
    text-align: center;
}


#appearPlan #planB li
{
    float: left;
    width: 330px;
    min-height: 200px;
    _height: 200px;
    margin-right: 25px;
}

#appearPlan .toInquiry
{
    text-align: center;
}

.inquiry p
{
    line-height: 1.5;
}

.inquiry #mailImage
{
    margin-bottom: 25px;
    text-align: right;
}

.inquiry  #menus
{
    padding-left: 25px;
    overflow: hidden;
    zoom: 1;
}

.inquiry #menus li
{
    float: left;
    width: 330px;
    min-height: 200px;
    _height: 200px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.inquiry #menus li .title
{
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    background: url("/images/bar/blue.png") top repeat-x;
    color: #ffffff;
    text-indent: 1.5em;
    font-weight: bold;
}

.inquiry #menus li em,
.inquiry p em
{
    color: #ff0000;
    font-weight: bold;
}

.inquiry #errorMessage
{
    margin: 15px 0;
}

.inquiry #errorMessage li
{
    margin-bottom: 5px;
    color: #ff0000;
    font-weight: bold;
}

.inquiry table
{
    margin: 15px;
}

.inquiry th
{
    width: 200px;
    line-height: 2;
    text-indent: 1em;
    background-color: #ffff99;
    border: 1px solid #333333;
    font-weight: normal;
}

.inquiry td
{
    width: 500px;
    padding: 5px 0;
    padding-left: 15px;
    border: 1px solid #333333;
}

.inquiry th em,
.inquiry td em
{
    color: #ff0000;
    font-weight: bold;
    font-size: 77%;
}

.inquiry #inquiryButton
{
    margin: 15px 0;
    text-align: center;
}

.inquiry #notice
{
    margin: 25px 15px;
}

.inquiry #notice .title
{
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    padding-left: 10px;
    background: url("/images/bar/orange.png") top repeat-x;
    color: #ffffff;
    font-weight: bold;
    font-size: 135%;
}

.inquiry #notice dt
{
    padding: 5px;
    padding-left: 15px;
    background-color: #ffff99;
    border: 1px solid #333333;
}

.inquiry #notice dd
{
    margin-bottom: 20px;
    padding: 5px;
    padding-left: 15px;
    border: 1px solid #333333;
    border-top: none;
}

.inquiry #thankYou
{
    margin: 25px 50px;
    line-height: 2;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.error #pageTitle
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
    font-size: 135%;
    text-align: center;
}

.error #main p
{
    margin: 25px 50px;
    line-height: 2;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

#sub
{
    float: right;
    width: 250px;
}

#sub .menu
{
    margin: 15px 0;
}

#sub .menu p
{
    margin: 0;
    padding: 5px;
}

#sub .menu div
{
    padding-bottom: 5px;
    text-align: right;
}