@charset "utf-8";

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



    style info : all style 共通



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


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

    html body

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

/* スクロールバーの有無によるズレ対策 */
html {
    overflow-y: scroll;

}

input, textarea {
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html input, * html textarea {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


body {

    font:13px/1.231 "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    background-color: #EEEEEE;
    margin: 0;
    padding: 0;
    color: #333;
    text-align: center;
    position: relative;
}


/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
    padding: 0;
    margin: 0;
}


h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}
a img {
    border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
/*
a:link {
    color: #333;
    text-decoration: none;
}
a:visited {
    color: #333;
        text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #ff3399;
    text-decoration: none;
}
*/


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

    画像

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

img {
    vertical-align:top;
}

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

    リンク

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

a {
    text-decoration: none;
    color: #333;
}

a:visited {
    color: #333;
}

a:hover {
//    color: #ff3399;
    color: #cccccc;
}

a:active {
    color: #333;
}


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

    汎用

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

p {
    line-break: strict;
    text-align: left;
    line-height: 1.6;


}

/* clearfix
---------------------------------*/
.clearfix:after {
    content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; min-height:1%;  /* for IE 7*/
}

/* clear
---------------------------------*/
.clear { clear: both;}


/* 画像右
---------------------------------*/
.imgR {
    float: right;
    padding: 0 0 10px 10px;
}


/* 画像左
---------------------------------*/
.imgL {
    float: left;
    padding: 0 1px 10px 0;
}


/* フロート
---------------------------------*/
.fR {float: right;}
.fL {float: left;}

/* 中央
---------------------------------*/
.tC,
.btnC {
    text-align: center;
}


/* 右揃え pタグ
---------------------------------*/
.tR,
.sign {
    text-align: right;
}


/* 明朝
---------------------------------*/
.mincho {
    font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif;
}

.bold { font-weight: bold;}
/*============================================================================

    ボタン処理

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

/* へこむ pタグ指定
---------------------------------*/
.btnHollow a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

/* 半透明 pタグ指定
---------------------------------*/
.btnOpacity a:hover {
    opacity: 0.7; /* Opera・Safari */
    -moz-opacity:0.7; /* Firefox */
    filter: alpha(opacity=70); /* IE */
    zoom: 1; /* IE */
}


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

    デフォルト テーブル

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

#defTable table {
    width: 100%;
    border: 1px solid #666;
    border-collapse: collapse;
    margin-top: 10px;
}

#defTable th, #defTable td {
    padding: 10px;
    border: 1px solid #666;
}

#defTable th {
    padding: 10px;
    border: 1px solid #666;
    background: #222;
    color: #fff
}


/* 偶・奇数
---------------------------------*/

#defTable table tr.odd td {
    background: #efefef;
}

#defTable table tr.even td {
    background: #999999;
}


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

    テキスト サイズ

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

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

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

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

.std10 { font-size: 77%!important; }
.std11 { font-size: 85%!important; }
.std12 { font-size: 93%!important; }
.std13 { font-size: 100!important%; }
.std14 { font-size: 108%!important; }
.std15 { font-size: 116%!important; }
.std16 { font-size: 123.1%!important; }
.std17 { font-size: 131%!important; }
.std18 { font-size: 138.5%!important; }
.std19 { font-size: 146.5%!important; }
.std20 { font-size: 153.9%!important; }
.std21 { font-size: 161.6%!important; }
.std22 { font-size: 167%!important; }
.std23 { font-size: 174%!important; }
.std24 { font-size: 182%!important; }
.std25 { font-size: 189%!important; }
.std26 { font-size: 197%!important; }


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

    テキスト カラー

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

.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #990000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.orange { color: #FF6600; }
.blue { color: #0066CC; }
.lblue { color: #0099FF; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }



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

    バックグラウンド カラー

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

.bg_white { background-color: #FFFFFF; }
.bg_black { background-color: #000000; }
.bg_gray { background-color: #666666; }
.bg_Lgray { background-color: #999999; }
.bg_red { background-color: #990000; }
.bg_pink { background-color: #FF3366; }
.bg_green { background-color: #006600; }
.bg_orange { background-color: #FF6600; }
.bg_blue { background-color: #0066CC; }
.bg_lblue { background-color: #0099FF; }
.bg_yellow { background-color: #FFFF00; }
.bg_gold { background-color: #996633; }


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

    style info : 角丸コーナー

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

.rCorner {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.rCorner-T {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.rCorner-B {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.rCorner-L {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
}

.rCorner-R {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
}

.rCorner-Tl {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.rCorner-Tr {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.rCorner-Bl {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
}

.rCorner-Br {
    position: relative; /* for IE */
    behavior: url(../javascript/PIE.htc); /* for IE */
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
}


.time {
    color:#ff4070;
    font-size: 10px;
}


/* snsBtn  */
.snsBtn {
margin: 10px 0px 10px 0px;
padding: 0px;
vertical-align: bottom;
float: right;

}

.snsBtn .mixiBtn {
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
display: inline;
}

.snsBtn .twiiterBtn {
float: left;
margin: 0px -30px 0px 0px;
/* margin: 0px 5px 0px 0px; */
padding: 0px;
display: inline;

}

.snsBtn .fbBtn {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
width: 95px;
}

.snsBtn .googleBtn {
float: left;
margin: 0px -30px 0px 8px;
padding: 0px;
display: inline;
}

.snsBtn .lineBtn {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
}

@media not screen and (1) { /* Opera 10 以上 */
    .snsBtn .fbBtn {
    float: left;
    margin: -5px 0px 0px 0px;
    padding: 0px;
    display: inline;
    width: 80px;
    }
}

.snsBtn .fbBtn:not(\*|*) { /* Opera 9 以下 */
float: left;
margin: -5px 0px 0px 0px;
padding: 0px;
display: inline;
width: 80px;
}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

.mL12 {margin-left: 11px;}
.mR12 {margin-right: 12px;}
.mL10 {margin-left: 21px;}
.mR10 {margin-right: 10px;}
.mR5 {margin-right: 5px;}

.endLine {
    background-image: url("../img/snap/endline.gif");
    background-repeat: no-repeat;
    height: 2px;
/*  margin: 30px auto; */
    clear: both;
}


.endLine2 {
    background-image: url("../img/snap/endline.gif");
    background-repeat: no-repeat;
    height: 2px;
    margin: 30px auto;
    clear: both;
}


/* pager */
div#pagerBox {
    float: right;
}

ul.pager {
    margin: 10px;
}

ul.pager li {
    float: left;
    font-size: 12px;
    height: 20px;
    width: 20px;
    padding: 4px;
}
ul.pager li a {
    position: relative;
    display: block;
    padding: 4px;
    background-image: url("../img/snap/pager.gif");
    background-repeat: no-repeat;
}
ul.pager li a:link,
ul.pager li a:visited {
    background-position: 0 0;
    color: #FFF;
    text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
    background-image: url("../img/snap/pager_on.gif");
    background-repeat: no-repeat;
    color: #FFF;
    text-decoration: none;
}
ul.pager li em {
    background-image: url("../img/snap/pager_on.gif");
    background-repeat: no-repeat;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 4px;
}
/* Localized */