@charset "utf-8";

/*--------------------------------------------------------------------
base
--------------------------------------------------------------------*/
html,body {
    width:100%;
    height:100%;
}
html {
    height:100%;
    overflow-y:scroll;
}

/*--Text------------------------------------------------------------*/
body {
    font-size:12px;
    font-weight:normal;
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
* html body {/*IE6*/
    font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child + html body {/*IE7*/
    font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6,span,div,table,tr,th,td,p,{
    margin:0;
    padding:0;
}
/* clearfix  ------------------------------------------------ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a,
a:link {
    color:#666;
    text-decoration:none;
}
a:visited {
    color:#666;
    text-decoration:none;
}
a:hover,
a:active {
    color:#b7b7b7;
    text-decoration:none;
}
a:focus {
    outline:none;
    text-decoration:none;
}


a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

/*--------------------------------------------------------------------
layout
--------------------------------------------------------------------*/
#wrapper {
    width:100%;
    color:#666;
}

/*--Wrap Content --------------------------------------------------------*/
#wrapContent{
    width:100%;
}

/* header */
#wrapContent .wrap_header{
    width:100%;
    /*height:155px;*/
    border-bottom:1px solid #F1F1F1;
}

#wrapContent #header{
    margin:0 auto;
    padding:0 21px 0 20px;
}

#wrapContent #header .headerTop{
    padding-top:30px;
}

#wrapContent #header .headerTop h1{
    float:left;
    width:135px;
}

#wrapContent #header .headerTop .countryBtn{
    float:right;
    width:45px;
    height:13px;
}

/* navi */
#wrapContent nav{}

#wrapContent .nav{
    margin:30px 0 40px 0;
    color:#b7b7b7;
}

#wrapContent .nav ul,
#wrapContent .breadcrumb ul{
    margin:0;
    padding:0;
}

#wrapContent .nav ul li{
    margin:0;
    padding:0;
    float:left;
}

#wrapContent .nav ul li span.navLine{
    width:40px;
    display:block;
    text-align:center;
    color:#E2E2E2;
}

/* navi link */
#wrapContent .nav ul li a,
#wrapContent .nav ul li a:link {
    color:#666;
    text-decoration:none;

}

#wrapContent .nav ul li a:visited {
    color:#666;
    text-decoration:none;
}

#wrapContent .nav ul li a:hover,
#wrapContent .nav ul li a:active {
    color:#b7b7b7;
    text-decoration:underline;
}

#wrapContent .nav ul li a:focus {
    outline:none;
    text-decoration:none;
}

/* breadcrumb fix */
#wrapContent .breadcrumb{
    margin:0 auto;
    margin-bottom:16px;
    margin-top:20px;
    padding:0 26px 0 25px;
    line-height:160%;
}

#wrapContent .breadcrumb a {
    display:inline-block;
    margin-right:5px;
}
#wrapContent .breadcrumb a,
#wrapContent .breadcrumb a:link {
    color:#656565;
    text-decoration:underline;
}
#wrapContent .breadcrumb a:visited {
    color:#656565;
}
#wrapContent .breadcrumb a:hover,
#wrapContent .breadcrumb a:active {
    color:#b7b7b7;
}
#wrapContent .breadcrumb a:focus {
    outline:none;
}

/* content---------------------------------------------------------*/
#wrapContent #wrap_mainContent{
    margin:0 auto;
    line-height:180%;
    width:100%;
overflow: hidden;
}

#wrapContent #wrap_mainContent img{
    line-height:0;
}

/* main contens */
#wrapContent #wrap_mainContent .mainContens{
    width:100%;
    float:left;
}

#wrapContent #wrap_mainContent .contens{
    margin:0 auto;
    padding:0 25px 0 26px;
}


/* Second level */
#wrapContent #wrap_mainContent .mainContens .inContents{
    margin-bottom:80px;
}

/* SNS */
.sns{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-left: 10px;
}
.sns * {
    vertical-align: bottom;
}
.sns ul li{
    float:left;
    width: 80px;
}

.sns ul li.tw{
    width:90px;
    /*margin-right:11px;*/
}
ul li#sns_btn{
  overflow: hidden;
}

.sns ul li.fb{
    width:100px;
    z-index:20000;
}

#wrapper {
    position:relative;
}
* html #wrapper {/*IE6*/
    height:100%;
}

#wrap_mainContent{
    overflow:hidden;
}

.pageTop{
    float:right;
    width: 96px;
}

.pageTop p{
    text-align:right;
    margin-bottom:24px;
}
.pageTop img{
    width:100%;
    height: auto;
}
@media only screen and (min-width: 640px) and (max-width: 976px){
    .pageTop {
        margin-right: 25px;
    }
}
/*--------------------------------------------------------------------
繧?��繝悶Ξ��??繝育��?
--------------------------------------------------------------------*/
@media only screen and (max-width:640px) {
#wrapContent #wrap_mainContent .mainContens .inContents{
    margin-bottom: 40px;
}
.pageTop{
    float:right;
    max-width: 35px;
    -webkit-transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    z-index: 550;
}
.pageTop.btnShow {
    position: fixed;
    right: 3%;
}
.pageTop.pageBottom {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
.pageTop p {
    margin-bottom: 0;
}
/*100%width contents-headerSize*/
.exceptionWrap {
    padding: 0;
}
}

/*--------------------------------------------------------------------
繧?��繝槭?帷��?
--------------------------------------------------------------------*/
@media screen and (max-width:480px) {
#wrapContent .breadcrumb{
    padding:0 15px;
}

#wrapContent #wrap_mainContent .contens{
    margin:0 auto;
    padding:0 10px;
}

.sns{
    width:auto;
    padding-left:0;
    margin: 0 10px 30px;
}
}