/**
 * support.css
 *
 * @version $Id: support.css 2 2009-01-20 12:13:46Z yutaka $
 * @author  Yutaka Chiba <yutakachiba@gmail.com>
 */

#support #main {
    width: 640px;
}

#support #main h3 {
    margin-bottom: 2em;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #ddd;
    padding: .2em .8em .1em .2em;
}

#support #main h4 {
    margin-bottom: .5em;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #ddd;
    padding: .2em .8em .1em .2em;
    color: #000;
}

#support #main ul {
    margin: 0 0 3em 2em;
}



/* //////////////////////// support-index //////////////////////// */

#support-index {
    width: 560px;
    margin: 0 auto;
}

#support-index h5 {
    margin-bottom: .2em;
}

#support-index h5 a {
    color: #000;
    font-size: 16px;
}

#support #main #support-index table {
    width: 500px;
    margin: 1.5em auto;
}

#support #main #support-index colgroup.picture {
    width: 180px;
}

#support #support-index hr {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    color: #ddd;
    height: 1px;
}

/* //////////////////////// support-index //////////////////////// */




/* //////////////////////// support-fuuin //////////////////////// */

#support #support-fuuin table {
    margin-top: 2em;
    width: 640px;
}

#support #support-fuuin colgroup.image {
    width: 100px;
}

#support #support-fuuin colgroup.explanation {
    width: 220px;
}

#support #main #support-fuuin h5 {
    font-size: 14px;
    margin-bottom: .5em;
}

#support #main #support-fuuin h5 span {
    padding-left: .5em;
}

#support #main #support-fuuin td {
    vertical-align: top;
    padding-bottom: 4em;
    line-height: 1.4;
}


/* //////////////////////// support-fuuin //////////////////////// */



/* //////////////////////// support-wedding //////////////////////// */

#support #support-wedding #explanation {
    margin-bottom: 3em;
}

#support #support-wedding #how-to-download {
    margin-bottom: 3em;
}

#support #support-wedding #consent {
    margin-bottom: 4em;
    padding: 1em;
    border: solid 2px #ccc;
}

#support #support-wedding h5 {
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #ddd;
    margin-bottom: .5em;
    padding-left: .3em;
    color: #000;
}

#support #support-wedding table {
    width: 640px;
    margin-bottom: 5em;
}

#support #main #support-wedding td {
    padding: 0;
    line-height: 1.6;
    text-align: center;
}

/* //////////////////////// support-wedding //////////////////////// */






/* //////////////////////// support-coffee //////////////////////// */

#support #support-coffee {
    width: 560px;
}


#support #support-coffee table {
    width: 560px;
    margin-top: 2em;
}

#support #support-coffee colgroup.image {
    width: 120px;
}

#support #main #support-coffee td {
    vertical-align: middle;
    padding-bottom: 2em;
}

/* //////////////////////// support-coffee //////////////////////// */





/* //////////////////////// support2011 //////////////////////// */

#support-header {
    position: relative;
    width: 860px;
    height: 768px;
    background-image: url(/img/support/2011/bg_1.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
}

#support-body {
    text-align: center;
    width: 860px;
    background-image: url(/img/support/2011/bg_2.jpg);
    background-repeat: repeat-y;
    margin: 0 auto;
}

#support-footer {
    width: 860px;
    height: 43px;
    background-image: url(/img/support/2011/bg_3.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
}

#support-header ul {
    position: absolute;
    width: 280px;
    top: 630px;
    left: 320px;
}

#support-header li {
    text-align: left;
    font-size: 16px;
    padding: 0 0 .2em;
    color: #000;
}

#support-header li a {
    text-align: left;
    font-size: 16px;
    color: #f30;
}

#support-header li a:hover {
    text-decoration: underline;
}


#support-main {
    width: 620px;
    background-color: #fff;
    margin: 0 auto;
    padding: 1em 0;
}

#support-main img {
    margin: 0 0 1.5em;
}

#support-main p {
    margin: 0 3em;
    height: 5.8em;
}

#support-body table#support-navi {
    margin: 0 auto;
    width: 600px;
}

#support-body table#support-navi td {
    padding: 0;
}

#support-body td#prev-btn,
#support-body td#next-btn {
    width: 100px;
    padding: 0;
}

#dummy-main {
    width: 640px;
    margin: 4em auto 2em;
    text-align: left;
    position: relative;
}

#dummy-main a.to-page-top {
    display: block;
    text-align: right;
    font-size: smaller;
}

/* //////////////////////// support2011 //////////////////////// */


/* //////////////////////// support2012 //////////////////////// */



/* //////////////////////// support2012 //////////////////////// */

#box2012 {
    padding-top: 2em;
    padding-bottom: 1em;
}

#box2012 a:hover {
    text-decoration: underline;
}

#box2012 #img-main {
    margin-bottom: 2em;
}

#box2012 #intro {
    margin-bottom: 3em;
}

#box2012 #intro p {
    margin-bottom: 1em;
    font-size: 21px;
    font-family: serif;
    color: #000;
}

#box2012 #example-menu h3 {
    font-size: 16px;
    font-family: serif;
    color: #000;    
}

#box2012 #example-menu p {
    margin-bottom: 1.5em;
}

#box2012 #example-menu ol {
    text-align: left;
    width: 240px;
    margin: 0 auto 1.5em;
}

#box2012 #example-menu li {
    font-size: 16px;
    padding-bottom: .5em;
}

#box2012 #example-menu li a {
    font-size: 16px;
}

#box2012 #outro {
    margin-bottom: 3em;
}

#box2012 #outro a {
    display: block;
    margin-bottom: 1em;
    font-size: 14px;
}

#box2012 #movie-box {
    width: 425px;
    margin: 0 auto 1em;
}

#box2012 #movie-box h2 {
    text-align: left;
    color: #000;
    font-size: 14px;
    margin-bottom: .5em;
}

#box2012 #item-box {
    width: 425px;
    margin: 0 auto 3em;
}

#box2012 #item-box h3 {
    color: #000;
    font-size: 12px;
    margin-bottom: .3em;
    text-align: left;
}

#box2012 #item-box p {
    margin-bottom: 1em;
    text-align: left;
}

#box2012 #tebiki-navi {
    width: 425px;
    margin: 0 auto 3em;
}

#box2012 #tebiki-navi td {
    width: 50%;
}

#box2012 #tebiki-navi-left {
    text-align: left;
}

#box2012 #tebiki-navi-right {
    text-align: right;
}