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

/*
1.ベース
2.ヘッダー
3.ナビ
4.枠
5.フッター
*/

/*---------------------------------------------
 1.ベース
---------------------------------------------*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td{ 
	margin: 0;
	padding: 0;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 15px;
}
input, textarea{
	margin: 0;
	font-size: 100%;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset, img{ 
	border: 0;
}
address, caption, cite, code, dfn, em, th, var{
	font-style: normal;
	font-weight: normal;
}
ol, ul{
	list-style: none;
}
caption,th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after{
	content:'';
}
abbr,
acronym {
	border: 0;
}
u,
ins {
    text-decoration: underline;
}

/*---------------------------------------------
 2.ヘッダー
---------------------------------------------*/

/*鯖Deli*/
.header_sabadeli{
	padding: 20px;
}
.header_sabadeli .area_logo{
	width: 500px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #fff
}
.header_sabadeli .area_logo .logo{
	max-width: 300px;
	margin: 0 auto;
	display: block
}

@media only screen and (max-width: 959px) {
	.header_sabadeli{
		padding: 15px
	}
	.header_sabadeli .area_logo{
		width: 100%
	}
	.header_sabadeli .area_logo .logo{
		max-width: 50%
	}
}
/*---------------------------------------------
 3.ナビ
---------------------------------------------*/

/*---------------------------------------------
 4.枠
---------------------------------------------*/
.inner{
	width: 960px;
	max-width: 960px;
	margin: 0 auto;
}
@media only screen and (max-width: 812px) {
	.inner{
		width: 98%;
		max-width: 98%;
		margin: 0 1%
	}
}
/*---------------------------------------------
 5.フッター
---------------------------------------------*/
/*鯖Deli*/
.deli_page_top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    display: none
}
.deli_page_top a {
	padding: 10px 20px;
	color: #222;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	background-color: #ccc;
	filter:alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	display: block
}
.deli_page_top a i{font-size: 50px}
.deli_page_top a:hover {
	filter:alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3
}
.footer_sabadeli{
	padding: 0 0 30px;
	background-color: #000;
	clear: both
}
.footer_sabadeli .box_footer{
	padding: 20px 0;
	color: #fff;
	background-color: #161616
}
.footer_sabadeli .list_f{
	font-size: 0;
	text-align: center;
	overflow: hidden
}
.footer_sabadeli .list_f li{
	margin-right: 20px;
	display: inline-block
}
.footer_sabadeli .list_f li a:link{color: #fff;text-decoration: underline}
.footer_sabadeli .list_f li a:visited{color: #fff;text-decoration: underline}
.footer_sabadeli .list_f li a:hover{color: #fff;text-decoration: none}
.footer_sabadeli .list_f li a:active{color: #fff;text-decoration: underline}
.footer_sabadeli .copyright p{
	margin-top: 28px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
@media only screen and (max-width: 959px) {
	.footer_sabadeli .box_footer{
		padding: 20px 0 5px
	}
	.footer_sabadeli .list_f li{
		margin: 0 20px 15px 0
	}
}