@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 */
	}
}



/* メニューリストの設定：開始 */
#ysmenulist {
   min-width:100%; /* メインメニュー全部が収まる最低横幅 */
}

#ysmenulist ul#mainmenu {
   margin:0 0 0 0;
   padding:0;
   height:20px;
}

#ysmenulist ul#mainmenu li {
   width:20%; /* メニュー項目の横幅 */
   height:25px; /* メニュー項目の高さ */
   font-size:79%;
   float:left;
   list-style-type:none;
   position:relative;
}

#ysmenulist ul#mainmenu a {
   /*background-color:#CAEEFF; /* メニュー項目の背景色 */
   background-color:#EFEFDE; /* メニュー項目の背景色 */
   color:#003;
   line-height:20px;
   text-align:center;
   text-decoration:none; /* メニュー項目の装飾(下線を消す) */
   display:block;
   width:100%;
   height:100%;
}

#ysmenulist ul#mainmenu a:hover {
   background-color:#004080; /* メニュー項目にマウスが載ったときの背景色 */
   color:#FFF; /* メニュー項目にマウスが載ったときの文字色 */
}

#ysmenulist ul#mainmenu { /* メニューバー直後のClearfix */
	zoom:1;
}

#ysmenulist ul#mainmenu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

#ysmenulist ul#mainmenu ul.submenu {
   font-size:100%;
   margin:0;
   padding:0;
   display:none;
   position:absolute;
}

#ysmenulist ul#mainmenu ul.submenu li { /* サブメニュー1項目*/
   width:100%; /* 横幅 */
   height:20px; /* 高さ */
}

#ysmenulist ul#mainmenu ul.submenu li a {
   line-height:18px; /* サブメニュー1項目の行の高さ */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-decoration:underline; /* メニュー項目の装飾（ｱﾝﾀﾞｰﾗｲﾝ） */
   text-indent:3px;  /* サブメニュー1項目の項目名前方の余白 */
}

#ysmenulist ul#mainmenu ul.submenu li a:hover {
   background-color:#0080C0; /* サブメニュー項目にマウスが載ったときの背景色 */
   color:#FFF; /* サブメニュー項目にマウスが載ったときの文字色 */
}



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

	#ysmenulist {
	   min-width:100%; /* メインメニュー全部が収まる最低横幅 */
	}

	#ysmenulist ul#mainmenu li {
	   width:20%; /* メニュー項目の横幅 */
	   height:25px; /* メニュー項目の高さ */
	   font-size:95%;
	}

	#ysmenulist ul#mainmenu ul.submenu {
	   font-size:80%;
	}

	#ysmenulist ul#mainmenu ul.submenu li { /* サブメニュー1項目*/
	   width:100%; /* 横幅 */
	   height:20px; /* 高さ */
	}

	#ysmenulist ul#mainmenu ul.submenu li a {
	   line-height:20px; /* サブメニュー1項目の行の高さ */
	   text-indent:3em;  /* サブメニュー1項目の項目名前方の余白 */
	}

}


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

	#ysmenulist {
	   min-width:960px; /* メインメニュー全部が収まる最低横幅 */
	}
	
	#ysmenulist ul#mainmenu {
	   height:40px;
	}
	
	#ysmenulist ul#mainmenu li {
	   width:20%; /* メニュー項目の横幅 */
	   height:40px; /* メニュー項目の高さ */
	   font-size:105%;
	}
	
	#ysmenulist ul#mainmenu a {
	   line-height:40px;
	}
	
	#ysmenulist ul#mainmenu ul.submenu {
	   font-size:85%;
	}
	
	#ysmenulist ul#mainmenu ul.submenu li { /* サブメニュー1項目*/
	   width:100%; /* 横幅 */
	   height:25px; /* 高さ */
	}
	
	#ysmenulist ul#mainmenu ul.submenu li a {
	   line-height:25px; /* サブメニュー1項目の行の高さ */
	   text-indent:3em;  /* サブメニュー1項目の項目名前方の余白 */
	}

}
/* メニューリストの設定：終了 */











/* フッターの設定：開始 */
#ysfooterlist {
	min-width:100%;
	text-align:left;
	background-color:#E6E6E6;
	font-size:90%;
	padding-top:0.5em;
	padding-bottom:2em;
	line-height:1.45;
}

#ysfooterlist a {
	text-decoration:none;
}


#ysfooterlist ul.ft-sub {
	width:100%;
	font-size:86%;
	position:absolute;
	margin-top:0;
	padding-left:1em;
}

#ysfooterlist ul.ft-sub li { /* サブメニュー1項目*/
	float:left;
	width:25%;
	height:20px;
	list-style:none;
	margin-left:1em;
	margin-bottom:0;
}

#ysfooterlist ul.ft-sub li a {
	line-height:1.2;
	text-align: left;
	text-decoration:underline;
}

#ysfooterlist ul.ft-sub li a:hover {
   background-color:#0080C0;
   color:#FFF;
}


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

	#ysfooterlist {
		line-height:1.5;
	}

	#ysfooterlist ul.ft-sub {
		width:60%;
		font-size:90%;
	}

}

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

	#ysfooterlist {
		line-height:1.5;
	}

	#ysfooterlist ul.ft-sub {
		width:40%;
		font-size:90%;
		padding-left:3em;
	}

	#ysfooterlist ul.ft-sub li {
		list-style:disc;
	}

}



#ysfootercmpy { /* 自社名 */
	text-align:left;
	background-color:#E6E6E6;
	padding-top:0.5em;
	font-size:90%;
	padding-bottom:0.1em;
	line-height:1.2;
}

#ys-name {
	font-size:130%;
}


#ysfootermanten { /* 満天土佐 */
	text-align:left;
	background-color:#E6E6E6;
	padding-top:0.5em;
	font-size:78%;
	padding-bottom:4px;
	line-height:1.2;
}

#contents #ysfootermanten ul {
	margin-bottom:0;
	padding-bottom:0;
}

#contents #ysfootermanten li a {
	text-decoration:none;
}


#contents #ysfootermanten img {
	max-width:100%;
	margin-top:0;
	margin-bottom:3px;
}

#ysfootermanten #mantentitle {
	font-size:120%;
}


/* フッターの設定：終了 */






/* *********************** パンくずリスト */
.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%;
	}
}




#contents .adj-img {
	margin:0 auto;
	text-align:center;     /* マージンにautoを指定する方法が有効にならないブラウザ（IE6など）対策 */
}







/* 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;
}
	
	
/* データ区切り（ＰＣやタブレットは無効、スマホのみ有効） */
.dtdv hr {
	display:none;
}

@media screen and (max-width : 767px){ /* ----スマホ */

	
	.dtdv hr {
		display:block;
		width:80%;
		border-width:0 0 1px 0;
		border-color:#E4E4E4;
		border-style:solid;
	}

}