@charset "utf-8";
/* ==========================================================================

 file name  :  ad_style.css
 style info :  ad以下のPC用指定
 
========================================================================== */
/* reset ------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}
abbr[title], dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
}
table {
		border-collapse: collapse;
		border-spacing: 0;
}
hr {
		border: 0;
		margin: 0;
		padding: 0;
}
input, select { vertical-align: middle; }
address { font-style: normal; }
ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
}
/*****************************************
base
*****************************************/
/*
  baseSetting
==================================================================== */
/* fontsize
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%
*/
* {
		margin: 0;
		padding: 0;
}
html {
		width: 100%;
		height: 100%;
}
body {
		width: 100%;
		height: 100%;
		position: relative;
		line-height: 1.8em;
		font-size: 14px;
 *font-size: small;
 *font: x-small;
		background: url(../images/common/zbk-bg-all.gif) 0 0;
		background-color: none;
		text-align: left;
}
#container {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -100px;
}
/* link */
a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
}
/* touchColor for iOS */
a { -webkit-tap-highlight-color: rgba(250, 170, 60, 0.3); }
/* clearfix */
.cl { zoom: 1; }
.cl:after {
		content: "";
		display: block;
		clear: both;
}
@media screen and (max-width: 480px) {
#container {
		margin: 0 auto -50px;
}
}
/*****************************************
header
*****************************************/
#header {
		width: 100%;
		margin: 0 auto;
		background: #fff;
		padding: 10px 0;
}
#header .header-wrapper {
		max-width: 960px;
		margin: 0 auto;
}
#header h1 {
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:320px) {
}
/*****************************************
footer
*****************************************/
#footer {
		width: 100%;
		padding: 0;
		color: #000;
		text-align: center !important;
		font-size: 93%;
}
#footer p {
		padding-top: 10px;
}
@media screen and (max-width: 480px) {
#footer {
		font-size: 77%;
}
}
/*****************************************
contents
*****************************************/
#contents {
		max-width: 870px;
		margin: 0 auto;
		padding: 0px;
		text-align: center;
}
@media screen and (max-width:480px) {
#contents {
		width: 100%;
		min-width: 320px;
		padding: 0px;
}
}

#contents p{
		padding: 0 10px;
}
#contents p.red{
		color: #ff0000;
}
.ad-pht{
		margin: 20px 0;
}
.ad-pht1{
		margin: 0 0 20px;
}
.ad-pht2{
		margin: 20px 0 50px;
}
/* 小さい画像用 */
.ad-pht3{
		margin: 10px 0 50px;
}
/* スペースなし用 */
.ad-pht4{
		margin: 0;
}

@media screen and (max-width:768px) {
.ad-pht,
.ad-pht1,
.ad-pht2,
.ad-pht4,
.ad-pht1 img,
.ad-pht2 img,
.ad-pht4 img,
.ad-pht img{
		width: 100%;
}
}
@media screen and (max-width:480px) {
#contents p{
		padding: 0 10px;
		text-align: left;
}
}

.other-link {
}
.other-link h3 { 
		background: #e3001b;
		color: #ffffff;
		margin: 20px 0;
		padding: 5px 0;
		text-align: center;
		font-size: 116%;

 }
.top-btn{
		background: #666;
		border-radius: 5px;
		margin: 20px auto;
		padding: 5px;
		width: 20%;
}
.top-btn a{
		color: #fff;
		text-decoration: none;
		font-size: 116%;
		display: block;
}


/* sns btn */
.sns-btn {
		margin: 0 auto;
		clear: both;
		padding: 2% 0 0 0;
}
.sns-btn li {
		float: left;
		width: 25%;
		max-width: 105px;
		overflow: hidden;
		padding-bottom: 15px;
}
.sns-btn li img{
		width: 80%;
		padding-bottom: 5px;
		vertical-align: bottom;
}
.sns-btn li a{
		color: #206dbe;
}


@media screen and (max-width:768px) {
.sns-btn li img{
		width: 80%;
		padding-bottom: 5px;
}
}
 @media screen and (max-width: 480px) {
.sns-btn {
}
}