@charset "UTF-8";

/* ================================================ */
/*  Base																						*/
/* ================================================ */

body{
    -webkit-text-size-adjust: 100%;
    color: #fff;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding: 0;
    text-align: center;
    height: auto;
    font-size: 16px;
    background-color: black;
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}

img {
width: 100%;
}


/*++++++++++++++++++++++++++
	Link : Text
++++++++++++++++++++++++++*/
a {
    text-decoration: none;
    color: #fff;
}
a:link {
    text-decoration: none;
    color: #fff;
}
a:visited {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: none:;
    color: #fff;
}
a:active {
    text-decoration: none;
    color: #fff;
}


/*++++++++++++++++++++++++++
	Link : Img
++++++++++++++++++++++++++*/
/*  PC  */
@media screen and (min-width: 641px) {
    a:hover img {
        filter: alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
    }

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

    /* hover */
    .hover,
    a.hover {
        text-decoration: none;
        -webkit-transition: background-color 0.4s linear;
        -moz-transition: background-color 0.4s linear;
        -o-transition: background-color 0.4s linear;
        transition: background-color 0.4s linear;

        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}


/*++++++++++++++++++++++++++
	SPPC : Only
++++++++++++++++++++++++++*/
/*  PC  */
.sp{ display:none ; }
.pc{ display:block ; }

/*  SP  */
@media screen and (max-width: 767px){
	.sp{ display:block ; }
    .pc{ display:none ; }
}


/*++++++++++++++++++++++++++
	改行
++++++++++++++++++++++++++*/
@media screen and (min-width: 480px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 480px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*++++++++++++++++++++++++++
	Float
++++++++++++++++++++++++++*/
.floatL { float: left; }
.floatR { float: right; }


dl,dt,dd,ul,ol,li{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/*++++++++++++++++++++++++++
	汎用クラス
++++++++++++++++++++++++++*/
}

/*  回り込み  */
.floatL { float: left; }
.floatR {
	float: right;
	padding-left: 10px;
}
td {
	text-align: left;
}
th {
	font-weight: normal;
	text-align: center;
}
.clear_both {
	clear: both;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
section {
clear: both;
margin: 0;
padding: 0;
}



/*++++++++++++++++++++++++++
	テーブル
++++++++++++++++++++++++++*/

.table {
	font-size: 13px;
	line-height: 1.5em;
	border-top-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.table td {
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
.table th {
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	background-color: #EAF5FB;
}