@charset "utf-8";
/* CSS Document */



/* スマートフォン対応版 */
@media screen and ( max-width:479px ){
}

/* PCもしくは共有版 */

























html {
	min-height: 100%;
	position: relative;
}
body {
	margin-bottom: 3em;
	margin:0 0 0 0;
	width:100%;
}




/*
HEADER
*/

header {
	background-color:#FFF;
	top:0;
	height: 3em;
	position: absolute;
	width: 100%;
	margin:0 0 0 0;
	z-index:88;
	/*text-align:center;*/
	color:#FFF;
	position:fixed;
}
header a{
	color:#FFF;
}

.main {
	width:1000px;
	margin:0 auto;
}




.vselsect {
    /*position: fixed;*/
	text-align:left;
	margin-top:50px;
	background-color: #999;
	width:100%;
	font-weight:bold;
	padding:10px 10px 10px 10px;
}
.typevpc {
	margin:0 0 0 0;	
	text-align:center;
}
.typevsp {
	margin:0 0 0 0;	
	text-align:center;
}
.simplepc {
	width:800px;
	margin:0 auto;
}
.simplesp {
	width:100%;
	margin:0 auto;
}
.typet {
	margin:60px 20px 50px 20px;	
}







/*
PAGE TOP
*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: medium;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px auto;
	z-index:99;
}
#page-top a {
    background: red;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: red;
}


#page-topsp {
    position: fixed;
    bottom: 33px;
	right:5px;
    width: 50px;
	/*height:25px;*/
    font-size: medium;
	font-family:Arial, Helvetica, sans-serif;
	z-index:99;
}
#page-topsp a {
    background: red;
    text-decoration: none;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    display: block;
	border-radius:50%;
}
#page-topsp a:hover {
    text-decoration: none;
    background: red;
}





/*
FOOTER
*/
footer {
	background-color:#900;
	bottom:0;
	height: 3em;
	position: absolute;
	width: 100%;
	margin:0 0 0 0;
	z-index:88;
	text-align:center;
	color:#FFF;
}
.copyright {
	margin:10px 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*image*/
.visual {
    width: 100%;
    min-width: 960px;
    overflow: hidden;
}
.visual-image {
    position: relative;
	top:0;
    left: 50%; /* 画像の左端が画面中央にくる */
    margin-left: -100%;/* 画像幅1600pxの半分だけ左に移動する */
}



/*シェアボタン*/

#share {
	/*background-color:#333;*/
	position: relative;
	width:600px;
	margin:0 auto;
	z-index:999;
}

#share ul{
	position: relative;
	height:auto;
	-webkit-padding-start:0;
	position: relative;
	float:left;
	left:50%;
}
#share li{
	font-size:14px;
	position: relative;
	left:-50%;
	float:left;
	text-align:center;
	width:80px;
	margin-right:10px;
	margin-bottom:8px;
	border-radius:5px;
	list-style:none;
	margin-top:-45px;
}

.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
.share-twitter:hover{
	background:#83c3f3;
}
.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
.share-facebook:hover{
	background:#4c70ba;
}
li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
.share-google:hover{
	background:#e47365;
}
.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
.share-hatena:hover{
	background:#4888d4;
}
.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
.share-pocket:hover{
	background:#f26f7f;
}
.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
	margin-top:5px; 
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}




#sharesp {
	position: relative;
	margin:0 auto;
	z-index:999;
}

#sharesp ul{
	position: relative;
	height:30px;
	-webkit-padding-start:0;
	position: relative;
	float:left;
}
#sharesp li{
	font-size:14px;
	position: relative;
	float:left;
	text-align:center;
	width:58px;
	height:30px;
	margin-left:3px;
	margin-bottom:5px;
	border-radius:5px;
	list-style:none;
	margin-top:-20px;
	padding:4px;
}

#sharesp a{
	display:block;
	height:30px;
	padding-top:4px;
	color:#ffffff;
	text-decoration:none;
	margin-top:5px; 
}
#sharesp a:hover{
	text-decoration:none;
	color:#ffffff;
}