@charset "shift_jis";


/* -------------------------------------------------------------------


	たよまが　共通CSS
	
	最終更新：　2016年3月11日

	たよまがのすべてのページから読むことを想定しています。

	.cs-contents-tayomaga　〜　で全て記述すること。


------------------------------------------------------------------- */

/* ----------------------------
	bodyの余白消去
----------------------------- */
body{ margin:0;}

/* -------------------------------------------------------------------

	clearfix

------------------------------------------------------------------- */

/* clearfix */
.clearfix:after { content:""; display:block; clear:both; height:0px; visibility:hidden; }
.clearfix { min-height:1px; }
* html .clearfix { height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

/* ----------------------------
	ヘッダ−
----------------------------- */

.cs-contents-tayomaga #header{
	width:960px; margin:0 auto; 
	color:#333333;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}


.cs-contents-tayomaga header{ display:block;}
.cs-contents-tayomaga #header ul,
.cs-contents-tayomaga #header ul li,
.cs-contents-tayomaga #header p,
.cs-contents-tayomaga #header p img{ margin:0;padding:0;border:0;outline:0; font-size:100%;font-style:normal;vertical-align:baseline;background-color:transparent;}

/* ロゴ */
.cs-contents-tayomaga #header #header-logo { float:left; width:185px; padding:13px 5px 0 10px; }
.cs-contents-tayomaga #header #header-utility #header-menu{ float:right; padding:11px 0 0;}
	.cs-contents-tayomaga #header #header-utility #header-menu ul li{ font-size:11px; line-height:1.5;}
	.cs-contents-tayomaga #header #header-utility #header-menu ul li a {
		padding-left:15px;
		background:url(/html-files/it/common-o/img/icon-blank-gray.png) no-repeat 0 0.35em;}

			#header #header-utility #header-menu ul{ text-align:right; }
			#header #header-utility #header-menu ul li{
				display:inline; list-style: none outside none;
				font-size:11px; font-size:1.1rem; line-height:1.5; }
				#header #header-utility #header-menu ul li a{
					display:inline-block;
					margin:0 0 0 18px; padding:0 0 0 12px;
					 background: url(/html-files/it/common-o/img/icon-arrow-r-gray.png) no-repeat 2px 0.45em;
					color:#333; text-decoration:none; }
					#header #header-utility #header-menu ul li a:hover { text-decoration:underline; }

	/* ★★★オレンジ区画★★★ */
	.cs-contents-tayomaga #header-navi-tayomaga{
		clear:both; display:table; width:958px; margin:10px 0 0 0;
		border-left:1px solid #c04915;
		border-top:1px solid #d1690c;
		border-right:1px solid #d27b33;
		border-radius:6px;
		background: #d9470a;
		background:url(/html-files/it/common-o/img/head-navi-bg.png), -moz-linear-gradient(left, #dd4b12 0%, #e88544 100%);
		background:url(/html-files/it/common-o/img/head-navi-bg.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#dd4b12), color-stop(100%,#e88544));
		background:url(/html-files/it/common-o/img/head-navi-bg.png), -webkit-linear-gradient(left, #dd4b12 0%,#e88544 100%);
		background:url(/html-files/it/common-o/img/head-navi-bg.png), -o-linear-gradient(left, #dd4b12 0%,#e88544 100%);
		background:url(/html-files/it/common-o/img/head-navi-bg.png), -ms-linear-gradient(left, #dd4b12 0%,#e88544 100%);
		background:url(/html-files/it/common-o/img/head-navi-bg.png), linear-gradient(to right, #dd4b12 0%,#e88544 100%);
		background-position: right top;
		background-repeat: no-repeat;
		background-clip:padding-box;
		box-shadow: 1px 0 1px #eee,-1px 0 1px #eee;}
	.cs-contents-tayomaga #header-navi-tayomaga p{
		padding:7px 10px 6px; color:#f9f9f9;
		text-shadow: 0 -1px 2px #555; font-size:15px; line-height:1.2em;font-weight:bold;letter-spacing:1px;word-break:break-all;}

/* ----------------------------
	フッター
----------------------------- */

.cs-contents-tayomaga #footer{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}

.cs-contents-tayomaga footer{ display:block; }
.cs-contents-tayomaga #footer ul,
.cs-contents-tayomaga #footer ul li,
.cs-contents-tayomaga #footer p{ margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background-color:transparent;}

	.cs-contents-tayomaga #footer #footer-notes {}
		.cs-contents-tayomaga #footer #footer-notes p {
			width:960px; margin:0 auto; padding:10px 0 20px 0;
			text-align:left;
			font-size:12px; line-height:1.5em; }

	/* ユーティリティ */
	.cs-contents-tayomaga #footer #footer-utility-outer { background-color:#572626; }
		.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility {
			position:relative;
			width:960px; margin:0 auto; padding:10px 0;
			background-color:#572626;
			border-bottom:1px solid #8b6d68; }
			.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility ul {}
				.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility ul li {
					list-style:none; float:left;
					padding:0 11px 0 0;
					font-size:12px; line-height:1.5em; }
					.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility ul li a {
						display:inline-block; padding-left:15px;
						background:url(/html-files/it/common-o/img/icon-blank-white.png) no-repeat 0 0.35em;
						color:#fff; text-decoration:none; }
					.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility ul li a:hover{ text-decoration:underline;}
				.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility p {
					position:absolute; bottom:-27px; right:0;
					font-size:12px; line-height:1.5em; }
					.cs-contents-tayomaga #footer #footer-utility-outer #footer-utility p a {
						display:inline-block; padding-left:15px;
						background:url(/html-files/it/common-o/img/icon-blank-white.png) no-repeat 0 0.35em;
						color:#fff; }

	/* コピーライト */
	.cs-contents-tayomaga #footer #footer-copyright { background-color:#572626; }
		.cs-contents-tayomaga #footer #footer-copyright p {
			width:960px; margin:0 auto; padding:10px 0 20px 0;
			background-color:#572626;
			text-align:left; color:#fff;
			font-size:12px; line-height:1.3em; }

/* ----------------------------
	pagetop
----------------------------- */

p#pagetop{ margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background-color:transparent;}
p#pagetop {
	clear:both; position:relative;
	width:960px; margin:0 auto; z-index:100; }
	p#pagetop a {
		display:block;
		position:fixed; bottom:10px;
		width:44px; height:44px;
		margin:0 0 0 916px; }
	p#pagetop a.footer-fixed { position:absolute; top:-181px; bottom:0; }
	p#pagetop img{ border:none;}

	@media print {
		p#pagetop { visibility:hidden; }
	}