@charset "shift_jis";
/* レスポンシブ・デザイン対応ＣＳＳ　満天土佐共通     2014/09〜    */



html {
	font-size: 15px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

body {
	margin: 0;
	padding: 0;
}



h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
	margin-top: 0;
}


a {
	/*text-decoration: none;*/
}

a:focus {
	outline: thin dotted;
}

a:active,a:hover {
	outline: 0;
}	

ul,ol {
	list-style: none;
}

img {
	vertical-align: middle;
	max-width: 100%;
	border: 0;
}


/* 禁則処理 */
p,li,dt,dd,th,td,pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}



h1 {
	font-size: 2em; /* 28px÷14px=2em */
	line-height: 1.333; /* 28px */
	margin-bottom: 0.5em; /* 14px÷28px=0.5em */
}

h2,h3,h3,h4,h5,h6 {
	font-size: 1em;/* 14px÷14px=1em */
	line-height: 1.5; /* 21px */
	margin-bottom: 1em; /* 14px÷14px=1em */
}


@media screen and (min-width : 768px){ /* ---------タブレット */

	html {
		font-size: 16px;
		line-height: 1.5;
	}

	h1 {
		font-size: 2.25em; /* 36px÷16px=2.25em */
		line-height: 1.3333; /* 48px */
		margin-bottom: 0.6667em; /* 24px */
	}
	
	h2,h3 {
		font-size: 1.5em;/* 24px */
		line-height: 1; /* 24px */
		margin-bottom: 1em; /* 24px */
	}
	
	hgroup h4,h5,h6 {
		font-size: 1em;/* 16px */
		line-height: 1.5; /* 24px */
		margin-bottom: 1.5em; /* 24px */
	}
}



@media print,screen and (min-width : 960px){ /* ----------パソコン */

	html {
		font-size: 16px;
		line-height: 1.5;
	}
	
	#all-wrapper {
		width:960px;
		margin:0 auto;
		text-align:left;
	}
	

	h1 {
		font-size: 2.25em; /* 36px÷16px=2.25em */
		line-height: 1.3333; /* 48px */
		margin-bottom: 0.6667em; /* 24px */
	}
	
	h2,h3 {
		font-size: 1.5em;/* 24px */
		line-height: 1; /* 24px */
		margin-bottom: 1em; /* 24px */
	}
	
	hgroup h4,h5,h6 {
		font-size: 1em;/* 16px */
		line-height: 1.5; /* 24px */
		margin-bottom: 1.5em; /* 24px */
	}
}




/* ****************** ナビゲーション・バーの設定  */

nav {
	margin-bottom: 1.4em;
	background-color:#A2F4C7;
	background: -moz-linear-gradient(top,rgba(221,251,238,1) 0%,rgba(166,244,211,1) 88%); /* old Fx (3.6 to 15) */
	background: -webkit-gradient(linear,left top,left bottom,color -stop(0%,rgba(221,251,238,1)),color -stop(88%,rgba(166,244,211,1)));
																					 /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,rgba(221,251,238,1) 0%,rgba(166,244,211,1) 88%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,rgba(221,251,238,1) 0%,rgba(166,244,211,1) 88%); /* old Opera (11.1 to 12.0) */
	background: linear-gradient(to bottome,rgba(221,251,238,1) 0%,rgba(166,244,211,1) 88%); /* w3c */
}

nav ul {
	padding:0;
	overflow: hidden;
}

nav ul li {
	width: 25%;
	float: left;
	font-size: 90%;
	text-shadow:none;
}

#bunkashizen {
	font-size: 80%;
}

nav ul li img {
	padding:0 0.0714em 0 0; /* 1px÷14px=0.0714*/
}

nav ul li a {
	display: block;
	color:#036;
	padding: 0.429em 0; /* 6px÷14px=0.429 */
	text-align:center;
	text-decoration:none;
}

nav ul li a:hover {
	color:white;
	background-color:#2FCAA4;
}


@media screen and (min-width : 768px){ /* ---------タブレット */

	nav ul li {
		width: 12.5%;
	}
	
	#bunkashizen {
		font-size: 90%;
	}
	
	nav ul li img {
		padding:0 0.125em 0 0;  /* 2px÷16px=0.125 */
	}
	
	nav ul li a {
		padding: 0.75em 0; /* 12px÷16px=0.75 */
	}
}


@media print,screen and (min-width : 960px){ /* ---------パソコン */

	nav ul {
		width: 960px;
		margin: 0 auto;
	}

	nav ul li {
		width: 12.5%;
		font-size: 100%;
	}
	
	#bunkashizen {
		font-size: 100%;
	}
	
	nav ul li img {
		padding:0 0.125em 0 0;  /* 2px÷16px=0.125 */
	}

	nav ul li a {
		padding: 0.75em 0; /* 12px÷16px=0.75 */
	}
}





/* ****************** フッターの設定  */

footer {
	color: white;
	font-size: 75%;
	text-align: center;
	padding: 0.375em 0;
	background: url(../images/responsive/texture01.png);
	text-shadow:none;
}

footer img {
	padding:0 1px 0 0;
}

footer a {
	color: #BDF4F3;
}


@media screen and (min-width : 768px){ /* ----タブレット */

	footer {
		font-size: 90%;
	}
}

@media print,screen and (min-width : 960px){ /* ---------パソコン */

	/* フッター */
	footer {
		font-size: 95%;
	}
}


header {
	text-align: center;
	margin:0 0 -20px 0;
}


/* ***********************  満天土佐イメージ */
#mantentosa-bnr {
	text-align: center;
}




/* *********************** パンくずリスト */
.pankuzu-list {
	font-size: 75%;
	line-height: 1.2;
	margin:0 0 0.4167em 0.4167em; /* 0.4167em=5px÷（16px×75%） */
}

.pankuzu-list ul {
	padding:0;
	margin:0;
}

.pankuzu-list li {
	display: inline;
}

@media screen and (min-width : 768px){ /* ----タブレット */

	.pankuzu-list{
		font-size: 90%;
	}
}

@media print,screen and (min-width : 960px){ /* ---------パソコン */

	.pankuzu-list{
		font-size: 95%;
	}
}




/* ソーシャルメディアボタン表示位置調整 */
.sm-btn {
	display:inline-block;
}

/* -------------------------- linknavi1 リンクボタン（320×100）--.link-navi1 */
#contents .link-navi1 {/* ８つのボタンの外枠 */
	width:320px;
	height:100px;
	margin:0 auto;
}
#contents .link-navi1 img.linknavi1 {/* ８つのボタンimg制御 */
	box-shadow:none;/*shadowなし*/
	margin:0;
}
	
#contents .link-navi1 .link-navi1-1,link-navi1-2 {/*1,2段目(float未使用の為)*/
	padding:1px 0;/* inlineではliの上下paddingが消えてしまう為親要素に指定 */
	margin:0;
}
	
#contents .link-navi1 .link-navi1-1 li ,.link-navi1-2 li {
	list-style-type:none;
	display:inline;/* 横並びにする為inline要素にする*/
	padding:0;
	margin:-2px;/* .lbiでのli自動改行による余白制御 */
	text-align:center;
}
@media screen and (max-width : 767px){ /* ----スマホ */
#contents .link-navi1 .link-navi1-1 li ,.link-navi1-2 li {/* .lbiでのli自動改行による余白制御 */
	padding:0;
	margin:-1px;

}
}
/* -------------------------- linknavi1 リンクボタン（320×100）--.link-navi1　ここまで */

/* Googleサイト内検索タイトル */
.gsttl {
	background-color:#f5fffa;
	color:#603;
}

/* Google検索バーの位置合わせ */
#contents #wrap-main .gs-box {
	width:100%;
	text-align:center;
	margin:0 auto;
}
	#contents #wrap-main .gs-box img {
		margin:0;
		box-shadow:none;
	}

/* スクロール型ページＴＯＰに戻る */
#yspagetop {
	position:fixed;
	right:20px;
	bottom:0px;
	cursor:pointer;
}

/* ----------------------------------------------------サイド(160)バナー------------------------ */

#contents #ad-main .ysrpd-sidebnr img {
	margin:0;
	padding:2px 0 0 0;
	background:none;
	box-shadow:none;
	display:block;
}