/*
  Content /////////////////////////////////////////////////
  */
div#Content,
div#ContentWide
{
    width: 650px;
    float: left;
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 15px;
    line-height: 1.6;
}
/* IE6 */
* html div#Content { margin-left: 10px; }

div#Content a:hover
{
    text-decoration: underline;
}

div#ContentWide
{
    width: 860px;
}

div.BorderTop
{
    height: 20px;
    background: transparent url("../../images/Basic/HrBGTop650.gif") 0 0 no-repeat;
    border: none;
}
div#ContentWide div.BorderTop
{
    background: transparent url("../../images/Basic/HrBGTop860.gif") 0 0 no-repeat;
}

div.BorderBottom
{
    height: 20px;
    background: transparent url("../../images/Basic/HrBGBottom650.gif") 0 0 no-repeat;
    border: none;
    margin-bottom: 10px;
}
div#ContentWide div.BorderBottom
{
    background: transparent url("../../images/Basic/HrBGBottom860.gif") 0 0 no-repeat;
}

div.BorderMiddle
{
    height: 30px;
    margin-bottom: 10px;
    background: transparent url(../../images/Basic/HrBGWave610.gif) 0 0 no-repeat;
    border: none;
}

div.BorderBox
{
    padding: 0 20px;
    background: transparent url("../../images/Basic/HrBGMiddle650.gif") 0 0 repeat-y;
}

div#Content div.BorderBox p,
div#Content div.BorderBox dl,
div#ContentWide div.BorderBox p,
div#ContentWide div.BorderBox dl
{
    margin-bottom: 0;
}

div.WaveLine
{
    height: 30px;
    background: transparent url("../../images/Basic/HrBGWave650.gif") 0 50% no-repeat;
    margin-bottom: 10px;
}

.NewArraival
{
    font-size: .85em;
    font-weight: bold;
    color: #ffbb00;
}


div#Content p, div#Content ul, div#Content ol, div#Content dl, div#Content table, div#Content h1, div#Content h2,
div#ContentWide p, div#ContentWide ul, div#ContentWide ol, div#ContentWide dl, div#ContentWide table, div#ContentWide h1, div#ContentWide h2
{
    margin-bottom: 15px;
}

div#Content ul, div#Content ol,
div#ContentWide ul, div#ContentWide ol
{
    margin-left: 30px;
}

div#Content h1,
div#ContentWide h1
{
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.3em;
    color: #0068b7;
}

div#Content h2,
div#ContentWide h2
{
    line-height: 1.3em;
    font-size: 1.2em;
    font-weight: normal;
    color: #444444;
}

div#Content h3,
div#ContentWide h3
{
    font-size: 1em;
    font-weight: normal;
    color: #eb6877;
}

div#Content dd,
div#ContentWide dd
{
    margin-left: 30px;
}

div#Content dd ul,
div#ContentWide dd ul
{
    margin-bottom: 0;
}

p.Asterisk
{
    text-align: center;
}
p.Editor
{
    text-align: right;
}
p.Nav2Top
{
    text-align: right;
}
p.Nav2Top img
{
    vertical-align: middle;
}

/* NavigationButton */
div#Content div.NavigationButton,
div#ContentWide div.NavigationButton
{
    float: right;
    overflow: hidden;
    margin-left: 3px;
}

div.NavigationButton a
{
    display: block;
    float: left;
    height: 24px;
    font-size: 11px;
}

div#Content div.NavigationButton a:hover,
div#ContentWide div.NavigationButton a:hover
{
    text-decoration: none;
}

div.NavigationButton a span
{
    display: block;
    height: 24px;
    float: left;
    padding: 5px 0;
    line-height: 14px;
}

div.NavigationButton a span.ButtonLeft
{
    width: 15px;
    font-size: 0;
    background: transparent url(../../images/N_ButtonLeft.gif) no-repeat;
}

div.NavigationButton a span.ButtonCenter
{
    background: transparent url(../../images/N_ButtonCenter.gif) repeat-x;
}

div.NavigationButton a span.ButtonRight
{
    width: 10px;
    font-size: 0;
    background: transparent url(../../images/N_ButtonRight.gif) no-repeat;
}

div.NavigationButton a:hover span
{
    background-position: 0 -24px;
}
/* IE6 & 7 */
* html div.NavigationButton a:hover span { cursor: pointer; }
*+html div.NavigationButton a:hover span { cursor: pointer; }
/* ~NavigationButton */


/*
  NabigationTab ///////////////////////////////////////////
 */

div#Cont1, div#Cont2, div#Cont3
{
    margin-bottom: 0;
    padding: 0 20px;
}

div#Content ul.TabHead,
div#ContentWide ul.TabHead
{
    margin: 0 0 15px 0;
    padding: 0;
}

div#Content h2.TabHead
{
    position: relative;
    float: left;
    margin-left: 10px;
    padding: 5px 10px;
    margin-top: -30px;
    border: 1px solid #dbdbdb;
    border-left: 10px solid #71a5e0;
    background-color: #fff;
    font-size: 1.2em;
}

div#Content h2.TabHead + *
{
    clear: both;
}

ul.TabHead li
{
    display: block;
    position: relative;
    float: left;
    margin: -35px 0 0 10px;
    padding: 5px 10px;
    border: 1px solid #dbdbdb;
    border-left: 10px solid #eee;71a5e0;
    background-color: #fff;
    font-size: 1.2em;
}

ul.TabHead li a
{
}
* html ul.TabHead li a { display: inline; }

ul.TabHead li:hover
{

}

ul.TabHead li.ui-tabs-selected
{
    border-left: 10px solid #71a5e0;
}

ul.TabHead li.ui-tabs-selected a
{
    
}

ul.TabHead li.ui-tabs-selected a:hover
{
    text-decoration: none;
}


div#Content01, div#Content02, div#Content03
{
    margin-bottom: 0;
    padding: 0 20px;
}

div#Content ul.NavigationTab,
div#ContentWide ul.NavigationTab
{
    height: 30px;
    margin: 0 0 20px 0;
}

ul.NavigationTab li
{
    display: block;
    height: 30px;
    float: left;
    margin-right: 20px;
    padding: 9px 0;
    line-height: 12px;
}

ul.NavigationTab li.CategoryTitle
{
    margin-right: 10px;
    padding: 0;
}

h3.CategoryTitle
{
    margin-bottom: 20px;
}

/*
  jQuery //////////////////////////////////////////////////
  */

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    /*
    .ui-tabs-nav {
        display: none;
    }
      */
    .ui-tabs-hide {
        display: none;
    }
}

/* 選択しているタブのアンカ文字色を普通の色に */
.ui-tabs-selected a
{
    color: #666666;
}

/*
  Common Parts ////////////////////////////////////////////
 */

div.Notice
{
    padding: 5px 10px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    background-color: #f6f6f6;
    margin-bottom: 15px;
}
#Content div.Notice p, #Content div.Notice ol, #Content div.Notice ul
{
    margin-bottom: 0;
}

div.Extra
{
    padding: 5px 10px;
    border-width: 2px;
    border-style: dotted;
    border-color: #ddd;
    margin-bottom: 15px;
}
#Content div.Extra p, #Content div.Extra ol, #Content div.Extra ul
{
    margin-bottom: 0;
}

div.Attention
{
    padding: 5px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #f1eccc;
    background: #fff4d8 url(../../images/Orange/AttentionBG.jpg) 100% 0 no-repeat;
    margin-bottom: 15px;
}
#Content div.Attention p
{
    margin-bottom: 0;
}



/* For Picture Layout */

div.PictureContainer
{
    width: 580px;
    margin: 0 auto;
    text-align: center;
}
* html div.PictureContainer
{
    /* V.S. IE6 Below */
    width: 580px;
    margin-left: 5px;
}

div.PictureContainer div
{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    font-size: .8em;
}
* html div.PictureContainer div
{
    /* V.S. IE6 Below */
    margin-left: 4px;
    margin-right: 4px;
}

div.ClearFloat + p
{
    margin-top: 15px;
}
div.PictureCenter, div.PictureLeft, div.PictureRight
{
    margin-bottom: 15px;
    text-align: center;
    font-size: .85em;
}
div.PictureLeft
{
    float: left;
    margin-right: 15px;
}
div.PictureRight
{
    float: right;
    margin-left: 15px;
}