@charset "utf-8";

#header {
    margin: 10px auto;
    *margin: 0px auto;
    *padding: 10px 0 0;
    position: relative;
    width: 950px;
}

.headerWire {
    position: relative;
    margin: 0 auto;
    width: 950px;
}

#header .tagline {
    color: #666;
    font-size: 10px;
}

#header .tagset {
    color: #666;
    font-size: 10px;
    margin-bottom: 8px;
}

#header .tagline {
    float: left;
    width: 740px;
}

#header .mywedding {
    border-right: 1px dotted #ccc;
    float: right;
}

#header .mywedding li {
    border-left: 1px dotted #ccc;
}

#header .mywedding a {
    color: #666;
    font-size: 10px;
    margin: 0 4px;
}

#header .titleBox {
    height: 50px;
    width: 950px;
    margin-bottom: 10px;
    position: relative;
}

#header h1 {
    height: 50px;
    text-indent: -9999px;
    overflow: hidden;
    width: 238px;
}

#header h1 a {
    background: url("/img/common/w.jpg") -712px -80px no-repeat;
    display: block;
    overflow: hidden;
    height: 50px;
    width: 238px;
}

#header h1 strong {
    background: url("/img/common/w.jpg") 950px -80px no-repeat;
    height: 15px;
    left: 238px;
    position: absolute;
    text-indent: -9999px;
    top: 35px;
    width: 108px;
}

#wedding-propose #header h1 strong {
    background-position: -470px -80px;
}

#wedding-kaoawase #header h1 strong {
    background-position: -470px -100px;
}

#wedding-top #header h1 strong {
    background-position: -470px -120px;
}

#wedding-party.zenkoku #header h1 strong {
    background-position: -580px -80px;
}

#wedding-party.hokkaido #header h1 strong {
    background-position: -580px -100px;
}

#wedding-party.tohoku #header h1 strong {
    background-position: -580px -120px;
}

#wedding-party.kanto #header h1 strong {
    background-position: -580px -140px;
}

#wedding-party.chubu #header h1 strong {
    background-position: -580px -160px;
}

#wedding-party.kansai #header h1 strong {
    background-position: -580px -180px;
}

#wedding-party.chugoku #header h1 strong {
    background-position: -580px -200px;
}

#wedding-party.kyushu #header h1 strong {
    background-position: -580px -220px;
}

#wedding-party.okinawa #header h1 strong {
    background-position: -580px -240px;
}

#header .timeline {
    background: url("/img/common/w.jpg") 0 -80px no-repeat;
    height: 27px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 460px;
}

#header .timeline .timelineInner,
#header .timeline ol {
    background: url("/img/common/w.jpg") 460px 0 no-repeat;
    height: 27px;
    width: 460px;
}

#header .timeline ol li {
    float: left;
}

#wedding-propose #header .timelineInner,
#header .timeline ol.propose {
    background-position: 0 -110px;
}

#wedding-kaoawase #header .timelineInner,
#header .timeline ol.kaoawase {
    background-position: 0 -110px;
}

#wedding-top #header .timelineInner,
#wedding-area #header .timelineInner,
#wedding-plan #header .timelineInner,
#wedding-bridal #header .timelineInner,
#wedding-advice #header .timelineInner,
#wedding-ohirome #header .timelineInner,
#header .timeline ol.wedding {
    background-position: 0 -140px;
}

#wedding-party #header .timelineInner,
#header .timeline ol.party {
    background-position: 0 -170px;
}

#header .timeline ol li,
#header .timeline ol li a {
    display: block;
    height: 27px;
    width: 152px;
}

#header .timeline ol li.party,
#header .timeline ol li.party a {
    width: 154px;
}

#header .timelineItem {
    bottom: 0;
    height: 15px;
    position: absolute;
    right: 0;
    width: 460px;
}

#header .timelineItem ul {
    position: absolute;
    right: 0;
    bottom: 0;
}

#header .timelineItem li {
    margin-right: 5px;
}

#header .timelineItem a {
    background: url("/img/common/do.gif") 0 no-repeat;
    font-size: 77%;
    padding-left: 6px;
}

#header .timelineItem a.bold {
    font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #header .timelineItem a {
        background: url("/img/common/do.gif") 0 no-repeat;
        font-size: 70%;
        padding-left: 6px;
    }
}

#header .nav {
    background: url("/img/common/w.jpg") no-repeat;
    border-bottom: 1px solid #dadada;
    height: 31px;
    text-indent: -9999px;
    width: 950px;
}

#header .nav li {
    height: 31px;
    margin-right: 1px;
}

#header .nav li.plan {
    width: 207px;
}

#header .nav li.area {
    width: 145px;
}

#header .nav li.bridal {
    width: 198px;
}

#header .nav li.advice {
    width: 201px;
}

#header .nav li.ohirome {
    margin-right: 0;
    width: 195px;
}

#header .nav li a {
    background: url("/img/common/w.jpg") 950px 0 no-repeat;
    height: 31px;
    display: block;
}

#wedding-plan #header .nav .plan a,
#header .nav .plan a:hover {
    background-position: 0 -40px;
}

#wedding-area #header .nav .area a,
#header .nav .area a:hover {
    background-position: -208px -40px;
}

#wedding-bridal #header .nav .bridal a,
#header .nav .bridal a:hover {
    background-position: -354px -40px;
}

#wedding-advice #header .nav .advice a,
#header .nav .advice a:hover {
    background-position: -553px -40px;
}

#wedding-ohirome #header .nav .ohirome a,
#header .nav .ohirome a:hover {
    background-position: -755px -40px;
}

#wrapperHead .topicpath {
    margin: 10px 0 15px;
}

/*-----topicpath-----*/
.topicpath { list-style: none; width: 950px; margin: 15px auto; font-size:11px;}
.topicpath li { display: inline; background: url(/user1/gwimg/ar002_br_r.png) left 50% no-repeat; padding-left: 14px; padding-right: 4px;}
.topicpath li.first { background: none; padding-left: 0;}


#wrapper #wrapperHead h2 {
    border-bottom: 3px solid #E02B22;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#wedding-top .headerLWire {
    float: left;
    width: 285px;
    margin: 0px 0;
}



#wedding-top .headerLWire a {
    color: #666;
    display: block;
    position: relative;
    height: 63px;
    text-decoration: none;
    width: 285px;
    margin-top: 5px;
}

#wedding-top .headerLWire a span {
    font-size: 83%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #wedding-top .headerLWire a span {
        font-size: 70%;
    }
}

#wedding-top .headerRWire {
    float: right;
    position: relative;
    width: 615px;
}

#wedding-top #header .headerRWire .timelineItem {
    top: 56px;
    position: absolute;
}

#wedding-top #header .headerRWire .timeline {
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 23px;
    width: 460px;
}

#wrapper #wrapperHead h2 {
    border-bottom: 3px solid #E02B22;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#headerLWire {
    float: left;
    width: 285px;
    margin: 0px 0;
}



#headerLWire p.categoryName {
    background: url("/img/common/w.jpg") no-repeat scroll -470px -120px;
    width: 48px;
    height: 18px;
    position: absolute;
    top: 47px;
    left: 240px;
    text-indent: -9999px;
}

#headerLWire a,
#headerLWire a:visited {
    color: #666 !important;
    display: block;
    position: relative;
    height: 63px;
    text-decoration: none;
    width: 285px;
    margin-top: 5px;
}

#headerLWire a span {
    font-size: 83%;
}

/*----------------------------------------------

  2011/11/2  ヘッダー部分の変更
----------------------------------------------*/
/*
#HomeHeaderLWire {
    float: left;
    width: 285px;
    margin: 5px 0px 0px 0px;
}
#HomeHeaderLWire p.logo  {
    background: url("/img/common/w.jpg") no-repeat scroll -712px -100px;
    width: 232px;
    height: 45px;
    position: absolute;
    top: 4px;
    left: 0px;
    text-indent: -9999px;
}
#HomeHeaderLWire p.categoryName  {
    background: url("/img/common/w.jpg") no-repeat scroll -470px -120px;
    width: 48px;
    height: 15px;
    position: absolute;
    top: 33px;
    left: 240px;
    text-indent: -9999px;
}
#HomeHeaderLWire a,
#HomeHeaderLWire a:visited {
    color: #666!important;
    display: block;
    position: relative;
    height: 50px;
    text-decoration: none;
    width: 285px;
    margin-top: 0px;
    cursor:pointer;
}

#HomeHeaderLWire a span {
    font-size: 83%;
}
*/
/*----------------------------------------------
ここまで
----------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #wedding-top a span {
        font-size: 70%;
    }
}

#headerRWire {
    float: right;
    position: relative;
    width: 615px;
}

#header #headerRWire .timelineItem {
    top: 56px;
    position: absolute;
}

#header #headerRWire .timeline {
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 23px;
    width: 460px;
}

#header .nav {
    margin: 13px 0;
    *margin: 18px 0 0 0;
    _margin: 0px 0 0 0;
}

/* ad */
#header .ad {
    height: 50px;
    left: 355px;
    position: absolute;
    top: 20px;
    width: 125px;
}

#header .ad a {
    cursor: pointer;
    display: block;
    height: 50px;
    width: 125px;
}

#header .ad img {
    border: none;
}






.nav a {
    outline: none;
}

/* clearfix */
#header ul#fNav {
    display: block;
    min-height: 1%;
}

* html #header ul#fNav {
    height: 1%;
}

#header ul#fNav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0pt;
    visibility: hidden;
}

#header #hNavArea {
    width: 950px;
    height: 26px;
    background: url(/img/renew/common/bg_header_h1.gif) no-repeat 0 0;
    position: relative;
}

#header h1.seotext {
    line-height: 26px;
    width: 300px;
    overflow: auto;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 77%;
    color: #9c988c;
}

#header div.seotext {
    line-height: 26px;
    width: 300px;
    overflow: auto;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 77%;
    color: #9c988c;
}

#header ul#hNav {
    width: 400px;
    position: absolute;
    top: 6px;
    right: 100px;
}

#header ul#hNav li a {
    font-size: 77%;
    color: #7c786f !important;
    position: absolute;
    display: block;
    height: 14px;
}

#header ul#hNav li#hNavFirst a {
    background: url(/img/renew/common/ico_header_01.gif) no-repeat 0 0;
    padding: 0 0 0 15px;
    top: 0;
    left: 0;
}

/*20121009ログアウトアイコン追加*/
#header ul#hNav li#hNavSubmit a {
    background: url(/img/renew/common/ico_header_02.gif) no-repeat 0 0;
    padding: 0 0 0 15px;
    top: 0;
    left: 90px;
}

#header ul#hNav li#hNavLogin a {
    background: url(/img/renew/common/ico_header_03.gif) no-repeat 0 0;
    padding: 0 0 0 15px;
    top: 0;
    left: 206px;
}


#header ul#hNav li#hNavLogout a {
    background: url(/img/renew/common/ico_header_04.gif) no-repeat 0 0;
    padding: 0 0 0 15px;
    top: 0;
    left: 330px;
}

/*20121009ログアウトアイコン追加*/

#header p#hNavKuchi a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100px;
    height: 26px;
    background: url(/img/renew/common/bg_header_kuchikomi.gif) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

#header p#hNavKuchi a:hover {
    background-position: 0 -26px;
}

/*20120926 タイムライン修正*/
#header #titleArea {
    height: 64px;
    margin-top: 11px;
    margin-bottom:8px;
    position: relative;
    width: 950px;
}

#iTimeline { width:466px; height:56px; position: absolute; top:4px; left:484px; }
#iTimeline ul { width:466px; height:56px; }
#iTimeline li { float:left; display:inline; margin:0; }
#iTimeline li a { display:block; background-image:url(/img/renew/common/i_flow.jpg); }
#iTimeline li span { display:none; }

#iTimeline li.iBtn01 { width:110px; height:27px; }
#iTimeline li.iBtn02 { width:100px; height:27px; }
#iTimeline li.iBtn03 { width:100px; height:27px; }
#iTimeline li.iBtn04 { width:156px; height:27px; }
#iTimeline li.iBtn05 { width:204px; height:27px; background-image:url(/img/renew/common/i_flow.jpg); background-position:0 -27px; }
#iTimeline li.iBtn06 { width:122px; height:27px; }
#iTimeline li.iBtn07 { width:140px; height:27px; }

#iTimeline li.iBtn01 a { height:27px; background-position:0 0; }
#iTimeline li.iBtn02 a { height:27px; background-position:-110px 0; }
#iTimeline li.iBtn03 a { height:27px; background-position:-210px 0; }
#iTimeline li.iBtn04 a { height:27px; background-position:-310px 0; }
#iTimeline li.iBtn06 a { height:27px; background-position:-204px -27px; }
#iTimeline li.iBtn07 a { height:27px; background-position:-326px -27px; }

#iTimeline li.iBtn01 a:hover { background-position:0 -60px; }
#iTimeline li.iBtn02 a:hover { background-position:-110px -60px; }
#iTimeline li.iBtn03 a:hover { background-position:-210px -60px; }
#iTimeline li.iBtn04 a:hover { background-position:-310px -60px; }
#iTimeline li.iBtn06 a:hover { background-position:-204px -87px; }
#iTimeline li.iBtn07 a:hover { background-position:-326px -87px; }
/*20120926 タイムライン修正*/




#header #titleArea p#titleHeader {
    position: absolute;
    top: 8px;
    left: 0;
}

#header #titleArea p#titleSub {
    position: absolute;
    top: 23px;
    left: 240px;
}

#header #titleArea dl#areaSelect {
    width: 189px;
    height: 41px;
    background: url(/img/renew/common/bg_header_area.gif) no-repeat 0 0;
    position: absolute;
    top: 11px;
    left: 247px;
}

#header #titleArea dl#areaSelect dt {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 52px;
    height: 31px;
}

#header #titleArea dl#areaSelect dd {
    position: absolute;
    top: 10px;
    left: 68px;
}

#header #titleArea dl#areaSelect dd select {
    padding: 3px;
}



/********20121003修正********/

/*#header #titleArea p#titleAreaBanner {
    position: absolute;
    top: 3px;
    left: 324px;
}*/
#header #titleArea p span{
    position: absolute;
    top: 6px;
    left: 245px;
    display: block;
    width: 72px;
    text-align: center;
    color: white;
}

#header #titleArea div#titleAreaBanner {
    position: absolute;
    top: -6px;
    left: 320px;
    width: 150px;
    clear:both;
    text-align: center;
}
#header #titleArea #areaBtn{
    position: absolute;
    top: 53px;
    left: 238px;
    display: block;
    width: 120px;
}
#header #titleArea #areaBtn a{
    font-size: 10px;
    color: #735c4b;
    background: url(/advice/common/img/area_li.png) no-repeat 0 2px;
    padding-left: 8px;
    text-decoration: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #header #titleArea #areaBtn a {
        letter-spacing:-0.1em;
    }
}
#header #titleArea #areaBtn a:hover{
    text-decoration: underline;
    color: #DF2B22;
}
#header #titleArea div#titleAreaBanner .crown {
}

#header #titleArea div#titleAreaBanner .txt{
    font-size:12px !important;
    font-weight:bold !important;
/*    letter-spacing: 0.2em;*/
    letter-spacing: 0em;
}

#header #titleArea div#titleAreaBanner .txt a{
    text-decoration:none;
    font-size:12px !important;
    font-weight:bold !important;
}

#header #titleArea div#titleAreaBanner .txt a:hover{
    text-decoration:underline;
    font-size:12px !important;
    font-weight:bold !important;
}
/********20121003修正********/



#header #fNavArea {
    width: 471px;
    height: 50px;
    background: url(/img/renew/common/top_bg_header_support.gif) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 480px;
}

#header #fNavArea h2 {
    position: absolute;
    top: 4px;
    left: 120px;
}

#header ul#fNav {
    position: absolute;
    top: 17px;
    left: 5px;
    width: 460px;
    height: 27px;
    background: url(/img/renew/common/top_bg_header_suppportflow.gif);
}

#header ul.fNav1Current {
    background-position: 0 0 !important;
}

#header ul.fNav2Current {
    background-position: 0 -27px !important;
}

#header ul.fNav3Current {
    background-position: 0 -40px !important;
}

#header ul#fNav li {
    float: left;
}

#header ul#fNav li a {
    float: left;
    display: block;
    height: 27px;
    text-indent: -9999px;
    overflow: hidden;
}

#header ul#fNav li#fNav1 a {
    width: 153px;
}

#header ul#fNav li#fNav2 a {
    width: 153px;
}

#header ul#fNav li#fNav3 a {
    width: 153px;
}

/*---------------
 120810
---------------*/
#text_link {
    width: auto;
    margin-bottom: 15px;
    height: 15px;
    overflow: hidden;
}

/*#text_link ul#announcement li {*/
#text_link ul li {
    display: inline;
    float: left;
    margin: 0 20px 0 0;
    width: auto;
}

/*#text_link ul#announcement li.pickup {*/
#text_link ul li.pickup {
    background: url(/img/renew/common/icon_new_01.gif) no-repeat scroll left center transparent;
    padding-left: 33px;
}

/*#text_link ul#announcement li.new {*/
#text_link ul li.new {
    background: url(/img/renew/common/icon_new_02.gif) no-repeat scroll left center transparent;
    padding-left: 25px;

}

/*#text_link ul#announcement li.check {*/
#text_link ul li.check {
    background: url(/img/renew/common/icon_check.gif) no-repeat scroll left center transparent;
    padding-left: 38px;
}

/*#text_link ul#announcement li.check02 {*/
#text_link ul li.check02 {
    /*     background: url(/img/renew/common/icon_check02.gif ) no-repeat scroll left center transparent; */
    /*     padding-top: 8px; */
    /*     padding-left: 50px; */
    padding-bottom: 15px;
    height: 25px;
}

/* #text_link ul.c_box {

width:auto;
} */

#text_link ul.c_box li {
    background: none repeat scroll 0 0 #FDF5E6;
    border: 1px solid #CCCCCC;
    padding: 3px 15px 3px 10px;
    display: block;
    width: 100%;
}

#text_link ul.c_box li img {
    float: left;
    margin-right: 5px;
}

#text_link ul.c_box li a {
    /* vertical-align:middle; */
    line-height: 33px;
}

/* gNav
--------------------------------------------------------- */
/* clearfix */
#header ul#gNav {
    display: block;
    min-height: 1%;
}

* html #header ul#gNav {
    height: 1%;
}

#header ul#gNav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0pt;
    visibility: hidden;
}

/*******20121203　修正*******/
#header ul#gNav {
    width: 709px;
    height: 41px !important;
    float: left;
}


#header ul#gNav li {
    float: left;
}


#header ul#gNav li a {
    display: block;
    float: left;
    height: 41px !important;
    background: url(/img/renew/common/bg_header_gnav_201206.gif) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}




#header ul#gNav li#gNavHome a {
    width: 86px;
    background-position: 0 0;
}

body#wedding-home #header ul#gNav li#gNavHome a {
    background-position: 0 -44px !important;
}

#header ul#gNav li#gNavHome a:hover {
    background-position: 0 -88px !important;
}


#header ul#gNav li#gNavArea a {
    width: 126px !important;
    background-position: -86px 0 !important;
}

body#wedding-area #header ul#gNav li#gNavArea a {
    background-position: -86px -44px !important;
}

body#wedding-area #header ul#gNav li#gNavArea a #serp {
    background-position: -86px 0 !important;
}

body#wedding-area #header ul#gNav li#gNavArea a#serp:hover {
    background-position: -86px -44px !important;
}

#header ul#gNav li#gNavArea a:hover {
    background-position: -86px -44px !important;
}


#header ul#gNav li#gNavPlan a {
    width:214px !important;
    background-position: -212px 0 !important;
}

body#wedding-plan #header ul#gNav li#gNavPlan a {
    background-position: -212px -88px !important;
}

#header ul#gNav li#gNavPlan a:hover {
    background-position: -212px -44px !important;
}

#header ul#gNav li#gNavFair a {
    width: 154px;
    background-position: -426px 0;
}

body#wedding-bridal #header ul#gNav li#gNavFair a {
    background-position: -426px -88px !important;
}

#header ul#gNav li#gNavFair a:hover {
    background-position: -426px -44px !important;
}


#header ul#gNav li#gNavFree a {
    width: 129px;
    background-position: -580px 0;
}

body#wedding-advice #header ul#gNav li#gNavFree a {
    background-position: -580px -88px !important;
}

#header ul#gNav li#gNavFree a:hover {
    background-position: -580px -44px !important;
}



/*#header dl#headerSearch dd a:hover {
    background-position: 0 -24px;
}*/

/*----------------------------------------------
  2012/11/  ナビゲーション リニューアル
----------------------------------------------*/

html*#header {
    margin-bottom:10px;
}
html*#breadcrumbs {
    font-size: 11px;
}

#hNavArea02 {
    width: 912px;
    color: #7c6a6a;
    font-size: 85%;
    -webkit-text-size-adjust: none;
    background-color: #fdf1f1;
    padding: 0 24px 0 14px;
    padding-top: 0;
    clear:both;
}
#hNavArea02 h1.topText01 {
    line-height: 31px;
    *line-height: 50px;
    width: 300px;
    overflow: auto;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 93%;
    -webkit-text-size-adjust: none;
    color: #7c6a6a;
    display:block;
}
#hNavArea02 p.topText01 {
    line-height: 31px;
    *line-height: 50px;
    width: 300px;
    overflow: auto;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 93%;
    -webkit-text-size-adjust: none;
    color: #7c6a6a;
}
#hNavArea02 ul#hMenuList {
    float: right;
    clear:both;
}
#hNavArea02 ul#hMenuList li.navButton {
    font-size: 11px;
    float: left;
    line-height: 25px;
    margin-left: 20px;
    padding-left: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#hNavArea02 ul#hMenuList li a {
    font-size: 108%;
    height:31px;
    font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
html*#hNavArea02 ul#hMenuList li a {
    line-height: 25px !important;
}
#hNavArea02 ul#hMenuList li a.navLinkMenu {
    color: #f67d7d;
    font-size: 108%;
    font-weight: bold;
    font-family:Verdana, Geneva, sans-serif;
    margin: 0 0.5em;
    line-height: 25px;
}
#hNavArea02 #staLogout ul#hMenuList li a {
    color: #7c6a6a;
    font-weight: normal;
    -webkit-text-size-adjust: none;
}
#hNavArea02 ul#hMenuList .hMenuLogin {
    font-size: 10px !important;
    background-image: url(/img/common/hNavIcon_all.png);
    background-repeat: no-repeat;
    background-position: left 0;
}
#hNavArea02 ul#hMenuList .hMenuRegist {
    font-size: 10px !important;
    background-image: url(/img/common/hNavIcon_all.png);
    background-repeat: no-repeat;
    background-position: left -36px;
}
#hNavArea02 ul#hMenuList .hMenuHajimete {
    font-size: 10px !important;
    background-image: url(/img/common/hNavIcon_all.png);
    background-repeat: no-repeat;
    background-position: left -72px;
}
#hNavArea02 ul#hMenuList .hMenuPoint {
    background-image: url(/img/common/hNavIcon_all.png);
    background-repeat: no-repeat;
    background-position: left -108px;
}
html*#hNavArea02 ul#hMenuList .hMenuPoint {
    min-width: 68px;
    width:expression(document.body.clientWidth < 68? "68px" : "auto");
}
#hNavArea02 ul#hMenuList .hMenuNewMessage {
    background-image: url(/img/common/hNavIcon_all.png);
    background-repeat: no-repeat;
    background-position: left -144px;
}
#hNavArea02 ul#hMenuList #hMenuUserName {
    background-image: url(/img/common/cursor_down.gif);
    background-repeat: no-repeat;
    background-position: right center;
    position:relative;
    margin-right: -5px;
}
#hNavArea02 ul#hMenuList #hMenuUserName a {
    font-size: 12px;
}
#hNavArea02 ul#hMenuList #hMenuUserName span {
    line-height: 25px;
    font-size: 11px;
}
#hNavArea02 ul#hMenuList #hMenuUserName span.nameRight {
    padding-right: 25px;
}

#hNavArea02 ul#hMenuList li.selected {
    background-color: #ffe2e2;
}
#hNavArea02 #staLogout {
    font-size: 11px;
    line-height: 31px;
    height: 31px;
}

/* blindMenu */
#blindBox {
    width: 950px;
    position:relative;
    z-index: 99;
    margin: 0 auto;
}
#blindMenu{
    float:right;
    position: absolute;
    display: none;
    right: -10px;
    top: 24px;
    z-index: 9900;
    background-image: url(/img/common/pop_foot.png);
    background-position: left bottom;
    padding-bottom: 14px;
    background-repeat: no-repeat;
}
#blindMenu .column{
    font-size: 93%;
    -webkit-text-size-adjust: none;
    width: 180px;
    background-image: url(/img/common/pop_head.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 14px;
}
#blindMenu .selected{
    font-size: 93%;
    -webkit-text-size-adjust: none;
    width: 180px;
    background-image: url(/img/common/pop_head_on.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 14px;
}
#blindMenu .column ul{
    margin: 0;
    list-style-type: none;
    background-image: url(/img/common/pop_bg.png);
    background-repeat: repeat-y;
    background-position: center center;
}
#blindMenu .column ul li{
    width: 160px;
    margin: 0 auto;
    padding: 0;
}
#blindMenu .column ul li a{
    color: #333333 !important;
    font-weight:normal !important;
    font-size: 108% !important;
    text-decoration: none;
    line-height:2.6em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    display:block;
    padding: 0 25px;
}
#blindMenu .column ul li.menuFoot a{
    border: none;
}
#blindMenu .column ul li a:hover{
    color: #f67d7d !important;
    background-color: #f2f2f2;
}

/* IE6 IE7用 z-index指定 */
#titleArea,
#titleArea p,
#titleArea img,
#titleAreaBanner,
#titleAreaBanner .crown,
#titleAreaBanner div {
    *z-index: -1;
}

/* 口コミ */
#text_link ul#announcement {
    width: 960px;
}
#text_link ul#announcement li.kuchikomiBtn {
    margin: 0 16px 0 0;
    float: right;
}
#text_link ul#announcement li.kuchikomiBtn a {
    text-align: right;
    width: 62px;
    line-height: 18px;
    font-size: 11px;
    background-image: url(/img/common/hNavIcon_all.png);
    background-repeat: no-repeat;
    background-position: left -190px;
    padding: 2px 0 2px 24px;
}


/* 201308　gwcssより移動 */
/*-----reset-----*/
#header2013  { font-size: 13px; color:#333333; line-height:100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#header2013 .wrap { font-size: 100%; padding-bottom: 50px;}
#header2013 a { color: #8b3d0f; text-decoration: none;}
#header2013 a:hover { color: #df2b22; text-decoration: underline;}
/*
a:visited { color: #ab4cab;}
*/
#header2013 a.over:hover,
input.over:hover { cursor: pointer; text-decoration:none; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; opacity: 0.6; /zoom:1; /*IE6-7 Hack*/}
/* IE8 hack /
html>/*/#header2013  a.over:hover img{
cursor /***/ : pointer9; -ms-filter: "alpha(opacity=60)";}
p, li, dt, dt { line-height:140%;}
#header2013 img { vertical-align: top;}
#header2013 em { font-weight: bold;}
/*-----grobal-----*/
.en { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}
.left { float: left;}
.right { float: right;}
/*-----font-size-----*/
.px10 { font-size: 77%;}
.px11 { font-size: 85%;}
.px12 { font-size: 93%;}
.px13 { font-size: 100%;}
.px14 { font-size: 108%;}
.px15 { font-size: 116%;}
.px16 { font-size: 123%;}
.px17 { font-size: 131%;}
.px18 { font-size: 138%;}
.px19 { font-size: 146%;}
.px20 { font-size: 153%;}
.px21 { font-size: 161%;}
.px22 { font-size: 167%;}
.px23 { font-size: 174%;}
.px24 { font-size: 182%;}
.px25 { font-size: 189%;}
.px26 { font-size: 197%;}

#header2013 .btnTop { clear: both; text-align: right; width: 950px; margin: 15px auto 0;}
#header2013 .btnTop a { color: #333333; font-size: 93%; display: inline-block; padding: 10px 9px 10px 24px;  background:url(/user1/gwimg/ar_gr_top.gif) 9px 50% no-repeat; border-radius: 4px; border: #EFEFEF 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 0 2px #EFEFEF; -moz-box-shadow: 0 0 2px #EFEFEF; -webkit-box-shadow: 0 0 2px #EFEFEF;}

#header2013 optgroup, option.first { font-weight: normal; padding-left: 5px;}

#header2013 .arwMdl { vertical-align: middle; margin-left: 5px;}
/*-----header-----*/
#header2013 #h_top { background:#F9F9F9; padding:12px 0 10px; border-top: #F16564 2px solid; border-bottom: #DBDBDB 1px solid; box-shadow: 0 1px 0 #E4E4E4, 0 2px 0 #F1F1F1, 0 3px 0 #FAFAFA; -moz-box-shadow: 0 1px 0 #E4E4E4, 0 2px 0 #F1F1F1, 0 3px 0 #FAFAFA; -webkit-box-shadow: 0 1px 0 #E4E4E4, 0 2px 0 #F1F1F1, 0 3px 0 #FAFAFA; width: 100%; top: 0; z-index: 10;}
#header2013 #h_top .left em { line-height:100%; vertical-align: 1px; _vertical-align: -4px; display: inline-block; margin-right: 5px; background: #F06666; color: #FFF; font-weight: bold; padding: 3px 5px; _padding-bottom: 7px; font-size:77%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
#header2013 #h_top .left a { font-size: 93%;}
#header2013 #h_top .right p { float: left; color: #7F7F7F;}
#header2013 #h_top .inr { width: 950px; margin: 0 auto;}
#header2013 .user span { padding-right: 14px; background: url(/user1/gwimg/ar_gr_bt.gif) right 50% no-repeat;}
#header2013 .user a { font-size: 93%; color: #7F7F7F;}
#header2013 .user a:hover { text-decoration: none;}
#header2013 .user a em, .point a, .new a { color: #FF7272; font-weight: bold; display: inline-block;font-style:normal;!important}
#header2013 .user a em { padding: 0 8px; !important}
#header2013 .user a:hover em { text-decoration: underline;}
#header2013 .point { margin:0 24px 0 28px; padding-left: 18px; background: url(/user1/gwimg/ic_p.gif) left 50% no-repeat;}
#header2013 .new { padding-left: 17px; background: url(/user1/gwimg/ic_em.gif) left 50% no-repeat;}
#header2013 .point span, .new span { font-size: 77%;}
#header2013 .point a { margin-right: 4px;}
#header2013 .new a { margin: 0 4px;}
#header2013 .point a, .new a { vertical-align: -1px;}

#header2013 #h_bt { clear: both; margin: 16px auto 0; width: 950px;}
#header2013 #h_bt .right { _width: 415px; text-align:right;}
#header2013 #area_btn { float: left; /display: inline;}
#header2013 #logo { line-height: 100%; display: block;}
#header2013 #area_btn { border:#D9D9D9 1px solid; margin: 22px 0 0 10px;}
#header2013 #area_btn * { display:block; float: left;}
#header2013 #area_btn p.area { color: #DB6364; font-weight: bold; background: #FFEAE7; padding: 5px 7px 4px;}
#header2013 #area_btn a { font-size: 77%; background: url(/user1/gwimg/ar002_gr_r.gif) 3px 50% no-repeat #fff; color: #7F7F7F; padding: 5px 8px 4px 15px; display: block;}
#header2013 #area_btn a:hover { color: #df2b22;}
#header2013 #siteEx { color: #999999; padding-top: 16px; clear:both; font-size:85%; line-height: 100%; display: block;}
.left_left{ float:left; }
.left_left a:hover, #left_left a:active {text-decoration: none;}
.left_right{ float:right; }

#header2013 #typeList { margin-top: 10px;}
#header2013 #typeList li { float: left; background: #F6F6F6; font-size: 93%;}
#header2013 #typeList li.first a { padding: 11px 10px 0;}
#header2013 #typeList a { display: block; float: left; color: #808080; padding: 11px 10px 8px 9px; border-right: #D9D9D9 1px solid;border-top: #D9D9D9 1px solid; border-bottom: #D9D9D9 1px solid;}
#header2013 #typeList .last a { padding-top: 10px;}
#header2013 #typeList a span { font-size: 83%; _font-size: 79%; vertical-align: 1px;}
#header2013 #typeList .first a { border-left: #D9D9D9 1px solid; padding-left: 5px; padding-right: 5px;}
#header2013 #typeList a.act { border-right: #FD9999 1px solid; background: #FD9999; color: #FFF; text-decoration: none;border-top: #FD9999 1px solid; border-bottom: #FD9999 1px solid;}
#header2013 #typeList a:hover { border-right: #Ffb9b9 1px solid; background: #Ffb9b9; color: #FFF; text-decoration: none;}
/*-----redmine＃3891 全コンテンツ共通ヘッダー用-----*/
#header2013 #typeList li.k_line a:hover { border-right: #e1a1d7 1px solid; background: #e1a1d7 !important;}
#header2013 #typeList li.p_line a:hover { border-right: #ffcc96 1px solid; background: #ffcc96 !important;}
#header2013 #typeList li.b_line a:hover { border-right: #dfce9c 1px solid; background: #dfce9c !important;}
/*#header2013 #h_bt .right{ width: 328px;}*/
#header2013 #h_bt .btnList { margin-top: 7px; float: right;}
#h_bt .btnList li { float: left; margin-right: 7px;}
#h_bt .btnList li.last { margin-right: 0px;}
#header2013 #h_bt .btnList a { color: #808080; font-size: 77%; display: block; padding-top: 4px; padding-right: 5px; padding-bottom: 2px;}
#header2013 #h_bt .btnList a.act { background-color: #E8E4DB; text-decoration: none; color: #895F45;}
#header2013 #h_bt .btnList a:hover { color: #df2b22; text-decoration: underline;}
#header2013 #h_bt .btnList .ring { margin-left: 0;}
#header2013 .ring a { padding-left: 21px; background: url(/user1/gwimg/icons.png) -5px -4.5px no-repeat;}
#header2013 .howTo a { padding-left: 21px; background: url(/user1/gwimg/icons.png) -5px -37px no-repeat;}
#header2013 .home a { padding-left: 23px; background: url(/user1/gwimg/icons.png) -5px -69px no-repeat;}
#header2013 .advice a { padding-left: 43px; background: url(/user1/gwimg/icons.png) -5px -358px no-repeat; background-color:#ffeae7;}

#header2013 #nav .inr{ margin: 15px auto 0; width: 950px; background-color:#ECECEC;}
#header2013 #nav .inr ul{ float:left}
#header2013 #nav ul li{float: left; _display:inline; line-height: 100%; letter-spacing: 0;}
#header2013 #nav ul li{float: left; _display:inline; width:185px; line-height:100%; letter-spacing: 0;}
#header2013 #nav ul li.n01{width:157px; _width: 155px;}
#header2013 #nav ul li.n02{width:135px; _width: 133px;}
#header2013 #nav ul li.n03{width:144px; _width: 142px;}
#header2013 #nav ul li.n04{width:180px; _width: 178px;}
#header2013 #nav ul li.n05{width:120px; _width: 118px;}
#header2013 #nav ul li a { padding: 6px 0 5px; text-shadow: 0 -1px 0 #BD6864; font-weight: bold; color: #FFF; display: block; text-decoration:none; background: url(/user1/gwimg/bg_navi.jpg) left top repeat-x #F17978; width: 100%; line-height:100%!important;}
#header2013 #nav ul li.n01 a { border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px;}
#header2013 #nav ul li a span { padding: 5px 16px 4px 14px; _padding-right:0; display: inline-block; border-left: #F8B4B5 1px solid; background-position: 12px 50%; background-repeat:no-repeat;}
#header2013 #nav ul li.n01 a span { padding-left: 30px; padding-right:3px; background-image: url(/user1/gwimg/ic_map.png); border-left: none;}
#header2013 #nav ul li.n02 a span { padding-left: 31px; padding-right:5px; background-image: url(/user1/gwimg/ic_dress.png);}
#header2013 #nav ul li.n03 a span { padding-left: 29px; padding-right:2px; _padding-right:0; background-position: 10px 55%; background-image: url(/user1/gwimg/ic_plan.png);}
#header2013 #nav ul li.n04 a span { padding-left: 27px; padding-right:3px; background-image: url(/user1/gwimg/ic_cal.png); background-position: 8px 50%;}
#header2013 #nav ul li.n05 a span { padding-left: 25px; padding-right:3px; background-image: url(/user1/gwimg/ic_balloon.png); background-position: 8px 60%;}
#header2013 #search { float: left; _display:inline; margin:4px 0 0 4px;}
#header2013 #search * { float: left; display: block;}
#header2013 #search input { width: 160px; border: #D9D9D9 1px solid; border-right: none; padding: 2px 5px 3px 5px;}
#header2013 #search a { white-space: nowrap; font-size: 93%; line-height: 120%; background:url(/user1/gwimg/bg_navi.jpg) left top repeat-x #F17978; color:#FFF; font-weight: bold; padding: 5px; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; text-decoration:none; padding: 6px 11px;}

#header2013 #popular { clear: both; margin: 5px auto 0; width: 950px;}
#header2013 #popular dt { font-size: 77%; color: #7F7F7F; background: #F0F0F0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 4px 5px 3px; text-shadow: 0px 1px 1px rgba(255,255,255,1);}
#header2013 #popular dt.popAtt { background: #ffeae7; border-radius: 2px; color: #db6364; font-size: 77%; margin-left: 25px; padding: 4px 5px 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
#header2013 #popular dt, #popular dd { float: left;}
#header2013 #popular dd.keywordAtt { font-size: 93%; margin: 1px 0 0 10px; padding-right: 10px; padding-top: 3px;}
#header2013 #popular dd.crown { font-size: 93%; padding-right: 10px; margin: 5px 0 0 6px;}
#header2013 #popular dd.check { font-size: 93%; margin: 1px 0 0 6px; padding-left: 10px; padding-right: 10px; padding-top: 3px;}
.login_txt { padding-left: 22px; background-image: url(/user1/gwimg/icons_header.png);background-position: -10px -7.5px; background-repeat: no-repeat;}
.register { padding-left: 18px; background-image: url(/user1/gwimg/icons_header.png);background-position: -10px -44px; background-repeat: no-repeat;}
.introduction { padding-left: 18px; background-image: url(/user1/gwimg/icons_header.png);background-position: -10px -82.5px; background-repeat: no-repeat;}
/*-----dropDownMenu-----*/
#userNameBlock { position:relative; float:left;}
#userNameBlock span { cursor: pointer;}
#dropDownMenu{ display: none; position: absolute; top: 28px; right: 0; background-color: #FFF; border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); box-shadow: 0 1px 5px rgba(0,0,0,0.15); z-index: 1;}
#dropDownMenu li{ font-size: 85%; line-height: 1em;}
*:first-child+html #dropDownMenu li { width: 136px;}
#dropDownMenu li:last-child { border: none;}
#dropDownMenu li a{ color: #333; display: block; padding: 10px 22px; border-bottom: 1px solid #e6e6e6;}
#dropDownMenu li a:hover{ text-decoration: none; background-color: #f2f2f2;}

/*----- header/201312-RENEW -----*/
#header2013 .hTopPtn2 {
    line-height: 140%;
    padding: 7px 0;
}

#header2013 .hTopPtn2 .inr {
    padding: 0;
}

#header2013 .hTopPtn2 ul li {
    display: inline;
    line-height: 110%;
}

#header2013 .hTopPtn2 #hNavArea02 li a {
    border-left: #e6e6e6 1px solid;
    color: #808080;
    padding: 0 10px;
}

#header2013 .hTopPtn2 #hNavArea02 li a:hover {
    color: #df2b22;
}

#header2013 .hTopPtn2 #hNavArea02 li:first-child a {
    border-left: none;
    padding-left: 0;
}

#header2013 .hTopPtn2 #hNavArea02 .login_txt,
#header2013 .hTopPtn2 #hNavArea02 .register,
#header2013 .hTopPtn2 #hNavArea02 .introduction {
    background: none;
    padding-left: 0;
    vertical-align: text-bottom;
}

#header2013 .hTopPtn2 .left em,
#header2013 .hTopPtn2 .left .point a,
#header2013 .hTopPtn2 .left .new a {
    color: #FF7272;
    font-size: 100%;
}

#header2013 .hTopPtn2 .timeline li {
    line-height: 160%;
}

#header2013 .hTopPtn2 .timeline li a {
    border-left: #e6e6e6 1px solid;
    color: #808080;
    font-size: 12px;
    padding: 9px 12px;
    text-align: center;
}

#header2013 .hTopPtn2 .timeline li a:hover {
    background-color: #fff6f5;
    *background-color: #fff6f5;
}

#header2013 .hTopPtn2 .timeline li a img {
    vertical-align: inherit;
}

#header2013 .hTopPtn2 .timeline li a:hover {
    text-decoration: none;
}

#header2013 .hTopPtn2 .timeline li:last-child a {
    border-right: #e6e6e6 1px solid;
}

#header2013 .hTopPtn2 .timeline li a.act {
    font-weight: bold;
    color: #F86966;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    background-color: #fff6f5;
    *background-color: #fff6f5;
    background-image: -moz-linear-gradient(top, #ffebe9, #fff6f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffebe9), to(#fff6f5));
    background-image: -webkit-linear-gradient(top, #ffebe9, #fff6f5);
    background-image: -o-linear-gradient(top, #ffebe9, #fff6f5);
    background-image: linear-gradient(to bottom, #ffebe9, #fff6f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffebe9', endColorstr='#fffff6f5', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#header2013 .topHeadBnr {
    margin-top: -3px;
}

#header2013 .hTopPtn2 .left em {
    background-color: inherit;
    background-color: #fff;
    color: #FF7272;
}

#header2013 .hTopPtn2 .left #userNameBlock {
    vertical-align: bottom;
}

#header2013 .hTopPtn2 .left #userNameBlock,
#header2013 .hTopPtn2 .left .point,
#header2013 .hTopPtn2 .left .new {
    float: left;
    line-height: 160%;
}

#header2013 .hTopPtn2 .left .point a,
#header2013 .hTopPtn2 .left .new a {
    vertical-align: bottom;
}

*:first-child+html #header2013 .hTopPtn2 .left .point a,
*:first-child+html #header2013 .hTopPtn2 .left .new a {
    vertical-align: baseline;
}

#header2013 .hTopPtn2 .left #userNameBlock p,
#header2013 .hTopPtn2 .left #userNameBlock a,
#header2013 .hTopPtn2 .left #userNameBlock span,
#header2013 .hTopPtn2 .left .point p,
#header2013 .hTopPtn2 .left .point a,
#header2013 .hTopPtn2 .left .point span,
#header2013 .hTopPtn2 .left .new p,
#header2013 .hTopPtn2 .left .new a,
#header2013 .hTopPtn2 .left .new span {
    line-height: 160%;
}

#header2013 .hTopPtn2 .left .point,
#header2013 .hTopPtn2 .left .new {
    padding: 0 0 0 17px;
}

	/*----- ▼静的ページのみ適用ルール▼ -----*/
#header2013 .hTopPtn2 #hNavArea02 {
	background-color: #f9f9f9;
	font-size: 100%;
	padding: 0 24px 0 0;
	line-height: 147%;
	width: auto;
}

#header2013 #h_top {
	padding: 7px 0;
}

#header2013 .hTopPtn2 ul li {
	line-height: inherit;
}

#header2013 #h_top .left em,
#header2013 #h_top .left a {
	font-size: 100%;
	vertical-align: baseline;
}

#header2013 .hTopPtn2 #userNameBlock em {
    background-color: inherit;
    background-color: #fff;
    color: #FF7272;
}
#header2013 .hTopPtn2 .inr .right ul *,
#header2013 .hTopPtn2 .inr .right li * {
    line-height: 1.8;
}

@media screen and (max-width:640px){
 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 #header2013 #h_bt {
  clear: both;
  margin: 16px auto 0;
  width: 100%;
 }
 div#content{
  width: 100%;
  margin: 0 auto;
 }
 div#error{
  width: 100%;
  margin: 150px auto 0;
 }
 div#error ul {
  padding-top: 60px;
  margin-left: 10px;
  margin-bottom: 20px;
 }
}
