/* ==========================================================================
   Author's custom styles

   * Font Setting
   * Basic
   * header
   * footer
   * Contents element
   * ir set image
   * slider

   ========================================================================== */

/*
 * Font Setting
 */
body {
    font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
    line-height:2.5;
    font-size:93%;
}
html,body {
    height: 100%;
    margin: 0;
    padding:0;
}
/*
 * Basic
 */

p {
    margin: 0 0 10px;
}

small {
    font-size: 85%;
}

small.gray {
    color:#7b7b7b !important;
}

small.font80p {
    font-size: 75%!important;
}
strong {
    font-weight: bold;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
}

h1,
h2,
h3 {
    line-height: 40px;
}

h1 {
    font-size: 38.5px;
}

h2 {
    font-size: 31.5px;
}

h3 {
    font-size: 24.5px;
}

h4 {
    font-size: 17.5px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 11.9px;
}

h1 small {
    font-size: 24.5px;
}

h2 small {
    font-size: 17.5px;
}

h3 small {
    font-size: 14px;
}

h4 small {
    font-size: 14px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.container-fluid:after {
    clear: both;
}

/*
 * Contents element 
 */

.box {
    width:782px;
    height:605px;
}

.box_inner {
    width:782px;
    height:605px;
}

.main_box {
    top:130px;
    left:50%;
    z-index:11;
}

.main_box_photo {
    top:0px;
}

.tx_box_photo {
    top:459px;
    font-size: 13px;
    line-height: 19px;
    color:#033333;
}

.main_box_photo_w{
    width:593px;
    height:424px;
    top:29px;
    left:50%;
    margin-left:-296px;
    background-image: url("../img/photo/bg_w.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding:8px 11px 11px 8px;
}

.main_box_photo_w_inner{
    overflow: hidden;
    height:405px;
}

.main_box_photo_h{
    width:341px;
    height:424px;
    top:29px;
    left:50%;
    margin-left:-173px;
    background-image: url("../img/photo/bg_h.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding:8px 10px 11px 8px;
}

.main_box_photo_h_inner{
    overflow: hidden;
    height:405px;
}

.main_box_bg {
    top:0px;
    left:0px;
    z-index:10;
}

.main_box_illustration {
    top:25px;
    left:50%;
}

.tx_box_illustration  {
    top:423px;
    left:50%;
}

.line {
    width:732px;
    height:2px;
    background-image: url("../img/line_01.gif");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    display:block;
    top:516px;
    left:17px;
}

.footer {
    bottom:0;
    height:87px;
}

.footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer ul li {
    float: left;
    margin: 0;
    padding: 0;
    display:block;
    height:13px;
}

.footerbox a:hover {
    opacity:0.8;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
}

.sns {
    position:absolute;
    top:482px;
    right:17px;
    margin: 0;
    padding: 0;
    z-index:11;
}

.sns ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sns li {
    float: left;
    margin: 0;
    padding: 0 20px;
    display:block;
    height:26px;
}

.sns li:nth-child(1) {
    display:block;
}

.nav_twitter {
    width:24px;
    height:24px;
    background-image: url("../img/ic_tiwtter.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:block;
}

.nav_facebook {
    width:24px;
    height:24px;
    background-image: url("../img/ic_facebook.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:block;
}