@charset "UTF-8";
/*============================================================
sp  layout.css
============================================================*/
/*
header
－－－－－－－－－－－－－－－－－－－－－－－－*/

.header {
	padding: 0;
	margin: 0 auto;
	background: #D63232;
}

.header h1.siteName {
}

.header h1.siteName a {
	padding:0;
	margin: 0 auto;
	width:168px;
	height:37px;
	background: url(/ltt/images/common/logo.png) no-repeat;
	background-size:168px 37px;
    -moz-background-size:168px 37px;
	cursor:pointer;
	display:block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

/*
navi
－－－－－－－－－－－－－－－－－－－－－－－－*/
/*google検索修正*/
.gsib_a { padding:0 !important;}
.googleSerch { margin:0 1%;}

/*main menu*/
body #rnav{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	background:#ffe1e1;
	display:none;
}
#rnav #spnavi *{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#rnav,#rnav ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	float:left;
}

body #rnav #spnavi{
	/*padding:4% 2% 2% 2%;*/
	width:100%;
}

#menuTab {
	height:35px;
	width:35px;
	background:url(/ltt/images/common/naviBtn.png) no-repeat;
	text-indent:-9999px !important;
	cursor:pointer;
	background-size:35px 35px;
	position:absolute;
	right:15px;
	top:10px;
}


/*アコーディオン2*/
.layer2Link{
	margin:1%;
	padding:0;
	clear:left;
}
.layer2Link h2{
		position: relative;
		margin: 0;
		background: #D63232;
		padding:0 !important;
	}
.layer2Link h2 a{
	font-size: 15px !important;
	color:#ffffff !important;
    padding: 15px 8px !important;
	display:inline-block;
	width:100%;
	text-decoration:none;
	}

.layer2Link h2:after{
			position: absolute;
			top: 18px;
			right: 9px;
			content: " ";
			width:13px;
			height:13px;
			background: url(/ltt/images/common/sprite4.png) 0 -150px no-repeat;
			-webkit-background-size: 100px 250px;
			background-size: 100px 250px;
		}

.layer2LinkTtl { display:block;}
.layer3Link { display:block;}


/*アコーディオン1*/
.layer3Link{
	margin:0 0 1px 0;
	padding:0;
	clear:left;
	background-color:#D63232;
}
	.layer3Link h3{
		position: relative;
		padding: 15px;
		margin: 0;
		background: #D63232;
		color:#ffffff;
		font-size: 100%;
		font-weight:normal;
		border-top:1px #cccccc solid;
	}

		.layer3Link h3:after{
			position: absolute;
			top: 19px;
			right: 10px;
			content: " ";
			width:13px;
			height:13px;
			background: url(/ltt/images/common/sprite6.png) 0 -150px no-repeat;
			-webkit-background-size: 100px 250px;
			background-size: 100px 250px;
		}
		.layer3Link h3.active:after{
			position: absolute;
			top: 22px;
			right: 10px;
			content: " ";
			width:13px;
			height:13px;
			background: url(/ltt/images/common/sprite6.png) 0 -175px no-repeat;
			-webkit-background-size: 100px 250px;
			background-size: 100px 250px;
		}
.layer3Ttl { display:block;}
.layer3In { display:none; width:100%;}

.layer4 { display:inline-block;	width:100%;}
.layer4 ul {width:100%;}

.layer4 ul li{
	    list-style:none; 
		position: relative;
		margin: 0 1% 1px 1%;
		background: #ffffff;
		width:98%;
	}


	
.layer4 ul li a{
	font-size: 14px !important;
	font-weight:normal;
	color:#333333;
    padding: 15px !important;
	display:inline-block;
	width:100%;
	text-decoration:none;
	}

	.layer4 ul li:after{
			position: absolute;
			top: 18px;
			right: 10px;
			content: " ";
			width:13px;
			height:13px;
			background: url(/ltt/images/common/sprite5.png) 0 -150px no-repeat;
			-webkit-background-size: 100px 250px;
			background-size: 100px 250px;
		}

.spnaviClosebtn { margin:0 auto; width:110px;}



/*bread*/		
.breadArea { padding:8px 10px 0 10px; border:1px solid #333333;}
.breadArea ul { display:inline-block; margin-bottom:0;}
.breadArea ul li { background:url(/assets/img/bread_bg_sp.png) right no-repeat; float:left; list-style:none; padding-right:17px;}
.breadArea ul li a { font-weight:bold;}
.breadArea ul li:last-child { background:none;}



/*pager*/
.pager {
	height:27px;
	padding:0 0 9px;
	clear:both;
}
.pager ul {
	float:right;
}
.pager ul li{
	font-size:80%;
	list-style:none;
	width:25px;
	height:25px;
	line-height:25px;
	margin:0 7px 0 0;
	border:1px solid #969696;
	color:#ffffff;
	background-color:#969696;
	text-align:center;
	float:left;
	border-style:none;
}
.pager ul li a{
	display:block;
	color:#ffffff;
}
.pager ul li.gap{
	color:#333333;
	border:1px solid #ffffff;
	background-color:#ffffff;	
}
.pager ul li a:hover{
	color:#333333;
	background-color:#ffffff;	
	border:1px solid #969696;
}
.pager ul li.active{
	color:#333333;
	background-color:#ffffff;	
	border-style:none;
}