@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul{
list-style-type: none;
}

ol{
padding: 0 0 0 20px;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 15px 25px;
border-top: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
vertical-align: middle;
line-height: 2.0;
}

th {
font-weight: normal;
}

tr:nth-child(even) th,
tr:nth-child(even) td{
background-color: #F3F3F3;
}

table.style01 tr:nth-child(even) td,
table.style01 td{
background-color: #FFF;
}

table.style01 th {
background-color: #F3F3F3;
}


			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 767px) {
				table th,
				table td {
					display: block;
				}
				th,td {
					padding: 15px 20px;
					border-bottom: none;
				}
				tr:nth-child(even) td,
				td{
					background-color: #FFF;
				}
				th {
					background-color: #F3F3F3;
				}
				tr:last-child th,
				tr:last-child td {
					border-bottom: 1px solid #D6D6D6;
				}
			}

.columnLeft {
	float: left;
	display: block;
}

.columnRight {
	float: right;
	display: block;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

input,select,textarea {
	font-size: 100%;
}

/* common
------------------------------------*/

a:link { color: #444444;
		text-decoration: none;}
a:visited { color: #444444;
			text-decoration: none;}
a:hover { color: #444444;
			text-decoration: underline; }
a:active { color: #444444;
			text-decoration: underline;}
a:hover img {opacity: 0.7;}
.indexLayout a:hover img {opacity: 1;}

a.blueBox {
display: inline-block;
border: #2A5884 2px solid;
background-color: #2A5884;
background-image: url(../img/icon03.png);
background-repeat: no-repeat;
background-position: 10% 50%;
-webkit-background-size: 10px auto;
background-size: 10px auto;
color: #FFFFFF;
padding: 3px 20px 3px 40px;
text-decoration: none;
font-weight: bold;
}

a.blueBox:hover{
background-color: #FFFFFF;
border: #2A5884 2px solid;
background-image: url(../img/icon04.png);
color: #2A5884;
text-decoration: none;
}

body{
text-align:center;
line-height:1;
color: #444444;
font-family: Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
font-size: 90%;
letter-spacing: 0.05em;
}

			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1204px) {
				.tab,
				.sp {display: none;}
				.pc {display: block;}
			}
			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 1203px) and (min-width: 768px) {
				body{background-image: none;}
				.pc,
				.sp {display: none;}
				.tab {display: block;}
			}				
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 767px) {
				body{background-image: none;}
				.pc,
				.tab {display: none;}
				.sp {display: block;}
			}

#contents {
	width: 100%;
	max-width: 1600px;
	min-width: 1204px;
	margin: 0 auto 20px;
}
#contentsIn p,
#contentsIn ul li,
#contentsIn ol li{
	line-height: 2.0;
}
#contentsIn p,
#contentsIn ul,
#contentsIn ol{
	margin: 0 0 30px;
}

.indexLayout #contentsIn ul {
	margin: 0;
}

#contentsIn p.fontS {
	font-size: 80%;
}

#contentsIn p.fontR {
	text-align: right;
}

#navi {
	width: 204px;
	height: 100%;
	position: fixed;
	background-color: #006833;
	z-index: 10000;
}

#pankuzu {
	width: auto;
	text-align: left;
	padding: 12px 10px 0;
}
#pankuzu a { color: #666666;}
#pankuzu a:link{ text-decoration: underline;}
#pankuzu a:hover{ text-decoration: none;}
#main #pankuzu p {
	font-size: 90%;
	line-height: 1;
	margin: 0 0 15px;
	color: #666666;
}
h1 {
	padding: 20px 0 10px;
	background-color: #FFF;
	border-right: 1px solid #CCC; 
}
.indexLayout h1{ border: none;}

h1 img { margin: 0 0 10px;}
h2 { margin: 0 0 50px; padding: 37px 20px; }
h3 { margin: 0 0 30px;}

#menu01 a,
#menu02 a,
#menu03 a,
#menu04 a,
#menu05 a {
display: block;
	width: 204px;
	height: 61px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 25px 0 0;
	box-sizing: border-box;
}

.menusub {
	height: 100%;
	background-color: #006247;
	border-left: 1px solid #5C7A98;
	color: #FFF;
	font-weight: bold;
	position: absolute;
	left: 204px;
	top: 0;
	opacity: 0;
	z-index: 9999;
	display: none;
}

.menusub li {
	height: 60px;
	line-height: 20px;
}
#menu01sub,
#menu02sub,
#menu03sub,
#menu04sub,
#menu05sub {
	padding: 90px 0 0;
}

#menu01sub li a,
#menu02sub li a,
#menu03sub li a,
#menu04sub li a,
#menu05sub li a{
	display: block;
	font-size: 90%;
	text-decoration: none;
	box-sizing: border-box;
}

#menu01 a:hover,
#menu02 a:hover,
#menu03 a:hover,
#menu04 a:hover,
#menu05 a:hover {
	background-color: rgba(0,0,0,0.4);
}

#menu03 a.menu03ttl {
	line-height: 1.5;
	padding: 14px 0 0;
}
#menu02 span,
#menu03 span {
	font-size: 90%;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 1203px) and (min-width: 768px) {
				#contents {
					max-width: 1203px;
					min-width: 768px;
				}
				#navi {
					width: 100%;
					height: 120px;
					position: inherit;
				}
				h1 {
					text-align: left;
					margin: auto;
					padding: 10px 15px 5px;
					width: 150px;
					float: left;
					text-align: center;
					border: none;
				}
				h1 img { 
					height: 26px;
					width: auto;
				}

				#navi .naviIn ul {
					padding: 20px 0 0 0;
					float: right;
					width: 76%;
				}
				#navi .naviIn ul li {
					font-size: 80%;
					padding: 2px 6px;
					border-right: 1px solid #fff;
					width: 15%;
					vertical-align: middle;
				}
				#navi .naviIn ul li a { color: #fff;}
				#navi .naviIn ul li.lustLi {
					border: none;
					width: 8%;
					padding: 0 5px;
				}
				#navi .naviIn ul li.noBorder {
					border: none;
					margin: 0 10px 0 0;
				}
				#navi .naviIn ul li.fb {
					border: 1px solid #fff;
					padding: 5px;
				}
				#navi li {
					float: left;
					width: 20%;
				}
				 #menu01 a,
				 #menu02 a,
				 #menu03 a,
				 #menu04 a,
				 #menu05 a {
				 	padding: 22px 0 ;
				 	height: auto;
				 	width: auto;
				 	font-size: 90%;
				 }
				.menusub {
					width: 100%;
					height: auto;
					left: 0px;
					top: 120px;
				}
				#menu01sub,
				#menu02sub,
				#menu03sub,
				#menu04sub,
				#menu05sub {
					padding: 0 0 0 30px;
				}
				#menu01sub li a,
				#menu02sub li a,
				#menu03sub li a,
				#menu04sub li a,
				#menu05sub li a {
					float: left;
					margin: auto;
					font-size: 80%;
					height: 61px;
				}
				#menu01sub li,
				#menu04sub li {
					width: 20%;
				}
				#menu02sub li,
				#menu03sub li {
					width: 16%;
				}
				#menu05sub li { width: 14%; }
			}
			
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 767px) {
				.columnLeft,
				.columnRight {
					float: none;
				}	
				#contents {
					max-width: 767px;
					min-width: 320px;
				}
				#navi {
					width: 100%;
					position: inherit;
				}
				h1 {
					float: left;
					padding: 13px 15px 0;
					width: 120px;
					border: none;
				}
				h1 img {
					width: 100%;
				}
				#navi p.sp {
					float: right; 
					padding: 10px 20px;
				}
				#menu01,
				#menu02,
				#menu03,
				#menu04,
				#menu05 {
					display: none;
				}
			}

#main {
	float: none;
    margin: 0;
    width: auto;
	z-index: 998;
}
#main div.cassette {
	text-align: left;
	width: auto;
	margin: 0 280px 50px 0;
}
#main .divIn {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
#main .divIn .div700px { width: 700px; }

#main .cassette4 .divIn .div700px {
	margin: 0 0 120px;
}
#main .divIn ul li.liImg {
	float: left;
	margin: 0 25px 0 0;
}
#main h3 {
	background-image: url(../img/h3_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 20px 30px;
	margin: 0 0 30px;
	font-size: 150%;
}
#main h3.noBg {
	background-image:none;
	margin: 0 0 30px;
	font-size: 150%;
	padding: 0;
}

#main h4 {
	font-size: 140%;
	color: #3D332C;
	margin: 0 0 20px;
	line-height: 1.4;
}
#main h5 {
	border-left: 7px solid #7C7069;
	padding: 0 10px;
	font-size: 100%;
	margin: 0 0 20px;
	line-height: 1.2;
}
#main table {
	margin: 0 0 20px;
}
#main p.pMini {
	font-size: 80%;
}
#main .cassette .redLine {
	border: 2px solid #C7669E;
	padding: 30px 40px 20px;
	margin: 0 0 30px;
}
#main .cassette .redLine p {
	color: #A53879;
	padding: 30px 0 0;
	font-size: 110%;
}
#main .cassette .redLine p.columnLeft {
	width:450px;
}
#main .menu {
	display: none;
}
#main .menu h3 {
	background-image: none;
	margin: 0 auto;
	background-color: #003366;
	padding: 0;
	text-align: center;
}
#main .menu ul {
	width: 700px;
	margin: 0 0 10px;
}					
#main .menu a {
	text-decoration: none;
}				
#main .menu ul li p {
	padding: 15px 20px 15px 40px;
	border-bottom: 1px solid #3D332C;
	background-image: url(../img/icon01.png);
	background-repeat: no-repeat;
	background-position: 18px 18px;
	-webkit-background-size: 9px auto;
	background-size: 9
	px auto;
	background-color: #fff;
	margin: 0;
}				
#main .menu ul li ul li p {
	padding: 15px 10px 15px 50px;
	border-bottom: 1px solid #3D332C;
	background-image: url(../img/icon02.jpg);
	background-repeat: no-repeat;
	background-position: 30px 18px;
	background-color: #fff;
	-webkit-background-size: auto;
	background-size: auto;
}
				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					#main div.cassette {
						margin: 0 auto 20px;
						padding: 0 10px;
						width: 700px;
					}
					#main .divIn { width: 700px; }
					#main .menu {
						display: block;
						line-height: 1;
						margin: 0 auto 30px;
					}
					#main .menu ul {
						width: 720px;
						margin: auto;
						text-align: left;
					}
				}
						
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					#main h3 {
					background-color: #EEE;
					padding: 18px 30px 14px;
					line-height: 1.2;
					}
					#main h4 {
						font-size: 130%;
					}
					#main div.cassette {
						width: 300px;
						margin: 0 auto 10px;
					}
					#main .divIn {
						width: 300px;
					}
					#main .divIn .div700px {
						width: 300px;
					}
					#main .menu {
						display: block;
						line-height: 1;
					}
					#main .menu ul {
						width: 300px;
						margin: auto;
						text-align: left;
					}
					#main .divIn ul li.liImg {
						float: left;
						margin: 0;
					}
					#main .cassette .redLine {
						padding: 20px 30px;
						margin: 0 auto;
						width: 220px;
					}
					#main .cassette .redLine p {
						padding: 20px 0 0;
					}
					#main .cassette .redLine p.columnLeft {
						width: auto;
					}
					#main .cassette .redLine .columnRight {
						float: none;
						text-align: center;
					}
				}
				
#menu {
	text-align: left;
    margin: auto;
    width: 260px;
	height: 0;
	z-index: 999;
}
#menu h3,
#menu2 h3 {
	background-image: none;
	background-color: #006247;
	color: #FFFFFF;
	padding: 20px 0;
	margin: 0;
	text-align: center;
	width: 231px;
	font-size: 110%;
}
#menu p {
	padding: 0;
	margin: 0;
}
#menu .menuIn { margin: 0 0 0 376px; }
.fixed{ position:fixed; }
#menu ul {
	width: 231px;
}
#menu2 {
	display: none;
}
#menu ul,
#menu2 ul {
	margin: 0;
}
#menu ul li p,
#menu2 ul li p {
	padding: 8px 20px 8px 40px;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../img/icon01.png);
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	background-repeat: no-repeat;
	background-position: 18px;
	background-color: #fff;
}
#menu ul li ul li p,
#menu2 ul li ul li p {
	padding: 8px 10px 8px 50px;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../img/icon02.jpg);
	background-repeat: no-repeat;
	background-position: 30px 19px;
	background-color: #fff;
	-webkit-background-size: auto;
	background-size: auto;
}
#menu ul li ul li ul li p,
#menu2 ul li ul li ul li p {
	font-size: 90%;
	padding: 6px 5px 6px 57px;
	background-position: 40px 15px;
	border-bottom: 1px dotted #CCCCCC;
	background-color: #fff;
	-webkit-background-size: auto;
	background-size: 5px auto;
}
#menu ul li ul li ul li:last-child p,
#menu2 ul li ul li ul li:last-child p {
	border-bottom: 1px solid #CCCCCC;
}
#menu2 ul li:last-child p {
	border: none;
}
#menu2 ul li ul li:last-child p {
	border-bottom: 1px solid #CCCCCC;
}
.particularEnvironmentLayout #menu2 ul li:last-child p,
.particularEnvironmentIndexLayout #menu2 ul li:last-child p{
	border-bottom: 1px solid #CCCCCC;
}
.particularEnvironmentLayout #menu2 ul li ul li:last-child p,
.particularEnvironmentIndexLayout #menu2 ul li ul li:last-child p{
	border: none;
}
#menu2 p {
	margin: 0;
}
#menu05 {
	margin: 0 0 10px;
}

#menu06 {
	border-top: 1px solid #66A485;
	padding: 15px 0 5px;
	text-align: center;
	margin: 0 25px;
}

#menu06 ul li {
	text-align: center;
	margin: 0 0 10px;
}
#menu06 ul li a:hover {
	opacity: 0.6;
}
#menu06 ul li.columnLeft{
	border-right: 1px solid #66A485;
	padding: 0 15px;
}
#menu06 ul li.columnLeft:last-child{
	border: none;
}
#menu06 ul li a { text-decoration: none;}

#menu06 ul li a:link { color: #fff;}
#menu06 ul li a:visited { color: #fff;}

#menu07 ul li.bnrBorder {
	border: #CBE0D5 1px solid;
	padding: 10px 10px;
	margin: 10px 15px;
}

#menu07 ul li a:hover {
	opacity: 0.7;
}
				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					#menu { display: none; }
					#menu2 {
						display: block;
						margin: 0 auto 0;
						width: 720px;
					}
					#menu2 h3 {
							width: 100%;
					}
					#menu05 {
						margin: 0;
					}
					#menu06 {
						display: none;
					}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					#menu { display: none; }
					#menu2 {
						display: block;
						margin: 0 auto 0;
						width: 300px;
					}
					#menu06 {
						display: none;
					}
					#menu h3,
					#menu2 h3 {
						width: 100%;
					}
				}
				
				
#contentsIn {
	padding: 0 0 0 204px;
	text-align: left;
	background-color: #fff;
}
#contentsIn .cassette01 .columnLeft { width: 75%; }
#contentsIn .cassette01 .columnLeft .columnLeftIn { padding: 0 4px 4px 0; }
#contentsIn .cassette01 .columnRight { width: 25%; }
#contentsIn .cassette01 .columnRight div.inBox { margin: 0 4px 4px 0; }
#contentsIn .cassette01 .columnRight img { width: 100%; }
#contentsIn .cassette02 ul li {
	float: left;
	width: 25%;
}
#contentsIn .cassette02 ul li:nth-child(4n) { width: 25%; }
#contentsIn .cassette02 ul li div.inBox { margin: 0 4px 4px 0; }
#contentsIn .cassette02 ul li img { width: 100%; }

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 1203px) and (min-width: 768px) {	
				#contentsIn {
					padding: 0;
					text-align: center;
					margin: auto;
					text-align: left;
				}
			}
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 767px) {
				#contentsIn {
					padding: 0;
					text-align: center;
					margin: auto;
					text-align: left;
				}
				#contentsIn .cassette01 .columnLeft,
				#contentsIn .cassette01 .columnRight,
				#contentsIn .cassette01 .columnRight li img  {
					width: 100%;
				}
				#contentsIn .cassette01 .columnRight li,
				#contentsIn .cassette02 ul li {
					float: left;
					width: 50%;
				}
				#contentsIn .cassette02 ul li:nth-child(4n) { width: 50%; }
				#contentsIn .cassette02 ul#ulR li { float: right; }
			}


/* Boxレイアウト
------------------------------------*/
.bar .inBox { position: relative; }
.bar .borderbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-style: solid;
	border-color: #BBB;
	border-width: 0px;
	text-indent: -9999px;
	z-index: 500;
	background-color: rgba(1,1,1,0.001);
}
.bar .borderbox a {
	display: block;
	width: 100%;
	height: 100%;
}
.bar .borderbox#color01 { border: 0px solid #A0C156; }
.bar .borderbox#color02 { border: 0px solid #EC9E4C; }
.bar .borderbox#color03 { border: 0px solid #E97D8B; }
.bar .borderbox#color04 { border: 0px solid #76BAD3; }
#contentsIn .cassette03 div.columnLeft { width: 50%;}
#contentsIn .cassette03 div.columnRight { width: 50%;}
#contentsIn .cassette03 {
	height: 100%;
	background-color: #EAEAEA;
	border-bottom: 4px solid #fff;
	margin:  0 4px 0 0;
}
#contentsIn .cassette03 div.inBox {
	padding: 40px 20px 10px;
	margin: 0 -2px;
}
#contentsIn .cassette03 div.columnLeft div.inBox { border-right: 4px solid #fff;}
#contentsIn .cassette03 div.inBox ul li { margin: 0 0 20px;}
#contentsIn .cassette03 div.inBox ul li span.columnLeft {
	color: #AAAAAA;
	float: left;
	width: 28%;
	line-height: 1.8;
	margin: 0 15px 0 0;
}
#contentsIn .cassette03 div.inBox ul li span.columnLeft span {
	background-color: #777777;
	display: inline-block;
	color: #FFFFFF;
	padding: 0 8px;
	font-size: 80%;
	font-weight: bold;
	margin: 0 0 0 10px;
}
#contentsIn .cassette03 div.inBox ul li span.columnRight {
	color: #AAAAAA;
	float: left;
	width: 68%;
}
#contentsIn .cassette03 div.inBox h3 {
	font-size: 150%;
	margin: 0 0 30px;
	font-weight: inherit;
}
#contentsIn .cassette03 div.inBox p { text-align: right;}

.indexLayout #contentsIn .cassette01 .columnRight .movie {
	background-image: url(../../img/index_img02_bg.png);
	background-size: cover;
	line-height: 0;
	position: relative;
}

.indexLayout #contentsIn .cassette01 .columnRight .movie #tosaka {
	padding: 30px 0 0;
}

.indexLayout #contentsIn .cassette01 .columnRight .movie .tabSp {
	display: none;
	padding: 20px 0 0;
}

.indexLayout #contentsIn .cassette01 .columnRight .movie .ttl {
	position: absolute;
	bottom: 52px;
	margin: 0;
	line-height: 0;
}

.indexLayout #contentsIn .cassette01 .columnRight .movie .btn {
	position: absolute;
	bottom: 10px;
	margin: 0;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 1203px) and (min-width: 768px) {
				#contentsIn .cassette03 div.inBox h3 { margin: 0 0 10px; }
				#contentsIn .cassette03 div.inBox { padding: 20px 20px 10px; }
				#contentsIn .cassette03 div.inBox ul li span.columnLeft,
				#contentsIn .cassette03 div.inBox ul li span.columnRight { width: 100%; }
				#contentsIn .cassette03 div.inBox ul li span.columnLeft span { margin: 0 0 0 10px; }
				#contentsIn .cassette03 div.inBox ul li span.columnRight { float: none; }
				#contentsIn .cassette03 div.inBox ul li { margin: 0 0 10px; }
				.indexLayout #contentsIn .cassette01 .columnRight .movie #tosaka { display: none; }
				.indexLayout #contentsIn .cassette01 .columnRight .movie .tabSp { display: block; }
				.indexLayout #contentsIn .cassette01 .columnRight .movie .ttl {
					bottom: 46px;
				}
			}
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 767px) {
				#contentsIn .cassette03 div.columnLeft {
					border-bottom: 4px solid #fff;
					width: 100%;
				}
				#contentsIn .cassette03 div.columnRight { width: 100%; }
				#contentsIn .cassette03 div.inBox ul li span.columnLeft span { margin: 0 0 0 10px; }
				#contentsIn .cassette03 div.columnLeft div.inBox {  border-right: none; }		
				#contentsIn .cassette03 div.inBox ul li span.columnLeft,
				#contentsIn .cassette03 div.inBox ul li span.columnRight { width: 100%; }
				#contentsIn .cassette03 div.inBox h3,
				#contentsIn .cassette03 div.inBox ul li { margin: 0 0 15px; }
				#contentsIn .cassette03 div.inBox { padding: 30px 20px 10px; }
				.indexLayout #contentsIn .cassette01 .columnRight .movie #tosaka { display: none; }
				.indexLayout #contentsIn .cassette01 .columnRight .movie .tabSp { display: block; }
				.indexLayout #contentsIn .cassette01 .columnRight .movie .ttl {
					bottom: 40px;
				}
			}
#footer {
	width: 100%;
	padding: 20px 0 0;
	font-size: 90%;
}
.indexLayout #footer {
	border: none;
}
#footer ul.columnLeftIn {
	display: inline-block;
	margin: 0;
}
#footer ul.columnLeftIn li {
	float: left;
	padding: 0 20px;
	border-right: 1px solid #CCCCCC;
}

#footer ul.columnLeftIn li.lust { border-right: none; }
#footer p.columnRight {
	padding: 0 20px 0 0;
	margin: 0;
}

#footerSlider {
	background-color: #eaeaea;
	padding: 40px 20px 30px;
	border-bottom: 1px solid #ccc;
	margin: 0 4px 0 0;
}

#footerSlider h3 {
    font-size: 150%;
    font-weight: inherit;
    margin: 0 0 30px;
}

#footerSlider ul.slider {
	padding: 0 50px;
}
#footerSlider ul.slider li {
	font-size: 90%;
	text-align: center;
}
#footerSlider ul.slider li a img:hover,
#footerbtn ul li a img:hover{
	opacity: 0.7;
}
#footerbtn {
	text-align: center;
	margin: 0 auto;
}

#contentsIn #footerbtn ul {
	margin: 0 auto;
	padding: 30px 0 10px;
	width: 1044px;
}

#footerbtn ul li {
	float: left;
	margin: 0 3px 5px;
	width: 168px;
	font-size: 80%;
	text-align: left;
	line-height: 1.5;
}

#footerbtn ul li img { width: 100%}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 1203px) and (min-width: 768px) {
				#contentsIn #footerbtn ul {
					max-width: 1140px;
					width: auto;
				}
				#footerbtn ul li {
					width: 180px;
					margin: 0 5px 5px;
					height: 105px;
				}
				#footerbtn ul li img {
					width: 100%;
				}
			}
			/* 【スマートフォン用のスタイル記述】 */
			@media screen and (max-width: 767px) {
				#footer { padding: 10px 0 0;}
				#footerbtn ul li { height: auto;}
				#footer ul.columnLeftIn,
				#footer p.columnRight {
					float: none;
					text-align: center;
					margin: 0 auto 5px;
					display: block;
					width: 320px;
				}
				#footer p.columnRight { padding: 0; }
				#footer ul.columnLeftIn li { padding: 0 4px;}
				#contentsIn #footerbtn ul {
					width: 200px;
				}
				#contentsIn #footerbtn ul {
					max-width: 420px;
					width: auto;
				}
				#footerSlider {
					padding: 20px 10px;
				}
				#footerSlider h3 {
					margin: 0 0 20px;
				}
				#footerbtn ul li,
				#footerbtn ul li:last-child {
					width: 43%;
					margin: 0 11px 15px;
				}
				#footerbtn ul li img {
					width: 100%;
				}
				#footerbtn ul li span,
				#footerSlider ul.slider li span{
					display: none;
				}
			}
			
			
.contentLayout #contents {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.contentLayout #contentsIn { width: 1165px; }
.tbLayout #contents {
	width: 100%;
	max-width: 1024px;
	min-width:768px;
}
.tbLayout #sp { display: none; }
#main .margin100 { margin: 0 0 100px;}

/* img【パーセント】
------------------------------------*/
				/* 【タブレット用のスタイル記述】 */
			@media screen and (max-width: 1203px) and (min-width: 768px) {	
					img.w70 { width: 70%;}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					img.w30 { width: 30%;}
					img.w50 { width: 50%;}
					img.w60 { width: 60%;}
					img.w70 { width: 70%;}
					img.w90 { width: 90%;}
					img.w100 { width: 100%;}
					img.w_c { text-align: center}
				}


/* chumonIndexLayout
------------------------------------*/
.chumonIndexLayout #main div.mainBg {
	background-color: #EEEEEE;
}
.chumonIndexLayout #main .mainBg .columnLeft {
	padding: 0 10px;
	width: 240px;
}
.chumonIndexLayout #main .columnLeft h2 {
	background-color: #A0C156;
	padding: 15px 20px;
	display: inline-block;
	margin: 50px 0 20px;
}
.chumonIndexLayout #main .columnLeft h3 {
	background: none;
	font-size: 120%;
	padding: 0;
	margin: 0 0 10px;
	line-height: 1.5;
}
.chumonIndexLayout #main .cassetteIn {
	width: 960px;
	margin: 0 auto;
}
.chumonIndexLayout #main div.mainBg p {
	margin: 0;
}
.chumonIndexLayout #main .cassette {
	margin: 0 0 70px;
}
.chumonIndexLayout #main .lineupBg {
	background-color: #E2ECCC;
}
.chumonIndexLayout #main .lineupBg .cassetteIn {
	padding: 40px 0 20px;
}
.chumonIndexLayout #main .lineupBg h3 {
	background: none;
	padding: 0 0 10px;
	text-align: center;
	margin: 0 0 50px;
	font-size: 160%;
}
.chumonIndexLayout #main .lineupBg h3 span {
	border-bottom: 1px solid #444444;
	padding: 0 0 8px;
}
.chumonIndexLayout #main .cassette .cassetteIn ul li {
	margin: 0 0 60px;
}
.chumonIndexLayout #main .cassetteIn li.columnLeft{
	width: auto;
}
.chumonIndexLayout #main .cassette.lineupBg .cassetteIn ul li {
	width: 300px;
	float: left;
	margin: 0 30px 20px 0;
}
.chumonIndexLayout #main .lineupBg .cassetteIn ul li span {
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
	display: block;
	margin: 0 0 10px;
	line-height: 1.6;
}
.chumonIndexLayout #main .lineupBg .cassetteIn ul li p {
	margin: 10px 0 ;
}
.chumonIndexLayout #main .lineupBg .cassetteIn h4 {
	border-top: 1px solid #007139;
	border-bottom: 1px solid #007139;
	font-size: 160%;
	color: #007139;
	height: 30px;
	background: url(../../img/chumon/logo_shelter.png) no-repeat left top;
	padding: 30px 120px ;
	margin: 0 0 40px;
}
.chumonIndexLayout #main .lineupBg .cassetteIn h4 span {
	margin: 0 20px;
	display: block;
}
.chumonIndexLayout #main .lineupBg ul.pgshelterUl li:last-child {
	margin: 0;
}

/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					.chumonIndexLayout #main .cassette {
						width: auto;
						margin: 0 0 40px;
					}
					.chumonIndexLayout #main .cassetteIn {
						width: 700px;
						margin: 0 auto;
					}
					.chumonIndexLayout #main .mainBg .cassetteIn p.columnRight {
						width: 440px;
					}
					.chumonIndexLayout #main .columnLeft h2 {
						padding: 8px 0 8px 20px;
						margin: 15px 0 ;
					}
					.chumonIndexLayout #main .columnLeft h3 {
						font-size: 110%;
						margin: 0 0 5px;
					}
					.chumonIndexLayout #main .columnLeft h2 img {
						width: 75%;
					}
					.chumonIndexLayout #main .cassetteIn ul li.columnLeft,
					.chumonIndexLayout #main .cassetteIn ul li.columnRight {
						width: 47%;
						margin: 0 0 40px;
						padding: 0;
					}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.chumonIndexLayout #main .cassette {
						width: auto;
						margin: 0 0 40px;
					}
					.chumonIndexLayout #main .cassetteIn {
						width: 300px;
						margin: 0 auto;
					}
					.chumonIndexLayout #main .columnLeft h2 {
						padding: 15px 0 15px 20px;
						margin: 30px 0 10px;
					}
					.chumonIndexLayout #main .columnLeft h2 img {
						width: 80%;
					}
					.chumonIndexLayout #main .mainBg .columnLeft {
						padding: 0;
						width: 300px;
					}
					.chumonIndexLayout #main .lineupBg .cassetteIn h4  {
						background-size: 25%;
						padding: 16px 0 28px 70px;
						font-size: 120%;
					}
					.chumonIndexLayout #main .cassette .cassetteIn ul li {
						margin: 0 0 20px;
					}
				}
/* bunjyouIndexLayout
------------------------------------*/
.bunjyouIndexLayout #main .mainBg .columnLeft h2 {
	background-color: #E97D8B;
	margin: 50px 5px 30px;
}
.bunjyouIndexLayout #main .mainBg .columnLeft {
	padding: 0 10px 0 0;
	width: 245px;
}
.bunjyouIndexLayout #main .lineupBg { background-color: #FBE5E8;}
.bunjyouIndexLayout #main .lineupBg ul { margin: 0 auto 30px;}
.bunjyouIndexLayout #main .cassette.lineupBg .cassetteIn ul li { margin: 0 30px 40px 0;}
.bunjyouIndexLayout #main .lineupBg .cassetteIn ul li.lineupList{ margin:0;}

/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.bunjyouIndexLayout #main .mainBg .columnLeft h2 {
						padding: 8px 0 8px 20px;
						margin: 15px 0 ;
					}
					.bunjyouIndexLayout #main .mainBg p {
						line-height: 1.8;
					}
					.bunjyouIndexLayout #main .lineupBg .cassetteIn ul li.lineupList{ margin: 0 30px 40px 0;}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.bunjyouIndexLayout #main .mainBg .columnLeft {
						padding: 0;
						width: 300px;
					}
					.bunjyouIndexLayout #main .mainBg .columnLeft h2 {
						padding: 15px 0 15px 20px;
						margin: 30px 0 20px;
					}
					.bunjyouIndexLayout #main .lineupBg ul {
						width: 300px;
					}
				}
/* shakuyaIndexLayout
------------------------------------*/
.shakuyaIndexLayout #main .mainBg .columnLeft h2 {
	background-color: #76BAD3;
	margin: 50px 0 30px;
}
.shakuyaIndexLayout #main .mainBg .columnLeft {
	padding: 0 10px 0 0 ;
	width: 245px;
}
.shakuyaIndexLayout #main .lineupBg {
	background-color: #D6EAF2;
}
.shakuyaIndexLayout #main .cassette.lineupBg .cassetteIn ul li {
	width: 230px;
	margin: 0 13px 20px 0;
}
.shakuyaIndexLayout #main .cassette.lineupBg .cassetteIn ul li:last-child{
	margin: 0 0 20px;
}
/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.shakuyaIndexLayout #main .mainBg .columnLeft h2 {
						padding: 8px 0 8px 20px;
						margin: 15px 0 ;
					}
					.shakuyaIndexLayout #main .cassette.lineupBg .cassetteIn ul li {
						width: 30%;
						margin: 0 20px 40px 0;
						height: 330px;
					}
				}
/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.shakuyaIndexLayout #main .mainBg .columnLeft h2 {
						padding: 15px 0 15px 20px;
						margin: 30px 0 10px;
					}
					.shakuyaIndexLayout #main .mainBg .columnLeft {
						padding: 0;
						width: 300px;
					}
				}
/* yoitochiIndexLayout
------------------------------------*/
.yoitochiIndexLayout #main .mainBg {
	margin: 0 0 50px;
}
.yoitochiIndexLayout #main .mainBg .columnLeft h2 {
	background-color: #EC9E4C;
	margin: 50px 0 20px;
}
.yoitochiIndexLayout #main .cassette .cassetteIn h3 {
	background-color: #EEE;
}
.yoitochiIndexLayout #main .cassette .cassetteIn h4 {
	background: url(../img/h4_bg.jpg) left bottom no-repeat;
	padding: 0 0 15px;
	color: #2A5884;
	line-height: 1.5;
}
.yoitochiIndexLayout #main .cassette .cassetteIn .clearfix {
	margin: 0 0 40px;
}
.yoitochiIndexLayout #main .cassette .cassetteIn .columnLeft {
	width: 510px;
}
.yoitochiIndexLayout #main .cassette .cassetteIn .textBox01 {
	width: 370px;
}
/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.yoitochiIndexLayout #main .mainBg .columnLeft h2 {
						padding: 8px 0 8px 20px;
						margin: 15px 0 ;
					}
					.yoitochiIndexLayout #main .cassette .cassetteIn .columnLeft {
						width: auto;
					}
					.yoitochiIndexLayout #main .cassette .cassetteIn .columnRight {
						float: none;
					}
				}
/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.yoitochiIndexLayout #main .mainBg .columnLeft h2 {
						padding: 15px 0 15px 20px;
						margin: 30px 0 10px;
					}
					.yoitochiIndexLayout #main .cassette .cassetteIn h3 {
						line-height: 1.5;
						font-size: 140%;
						padding: 15px 0px 15px 30px;
					}
					.yoitochiIndexLayout #main .cassette .cassetteIn h4 {
						background: none;
						padding: 0;
						font-size: 130%;
						line-height: 1.5;
					}
					.yoitochiIndexLayout #main .cassette .cassetteIn .columnLeft {
						width: 300px;
					}
				}


/* tomigayaLayout
------------------------------------*/

.tomigayaLayout #main #pankuzu p {
	margin: 0 auto 15px;
	width: 960px;
}

.tomigayaLayout h2 {
	background-image: url(../../tomigaya/img/h2_bg.jpg);
	background-repeat: no-repeat;
	width: 960px;
	margin: 0 auto 20px;
	padding: 31px 0;
}

.tomigayaLayout #main div.cassette {
	width: 960px;
	margin: 0 auto 80px;
	padding: 0;
}

.tomigayaLayout #main div.cassette h3 {
	background-color: #EEEEEE;
}

.tomigayaLayout #main div.cassette h4 {
    background: rgba(0, 0, 0, 0) url("../img/h4_bg.jpg") no-repeat scroll left bottom;
    color: #2a5884;
    padding: 0 0 20px;
}

.tomigayaLayout #main .textRed {
	color: #CA0000;
}

.tomigayaLayout #main th,
.tomigayaLayout #main td {
	border-bottom: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	background-color: #fff;
}

.tomigayaLayout #main th.gray,
.tomigayaLayout #main td.gray {
	background-color: #F3F3F3;
}

.tomigayaLayout #main  span.textRed {
	color: #fff;
	background-color:#CA0000;
	padding: 1px 8px 0;
	margin: 0 10px 0 0;
}

.tomigayaLayout #main tr td span.text {
	display: inline-block;
	width: 100px;
}

.tomigayaLayout #main div.titleCenter {
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}

.tomigayaLayout #main div.titleCenter p {
	margin: 0 0 20px;
}

.tomigayaLayout #main table tr td input,
.tomigayaLayout #main table tr td select{
	height: 2.2em;
}

.tomigayaLayout #main table tr td input.checkbox{
	height: auto;
}

.tomigayaLayout #main table tr td input.text{
	width: 400px;
	border: 1px solid #AAA;
	border-radius: 0px;
	-webkit-appearance: none;
}

.tomigayaLayout #main table tr td input#email {
	margin: 0 0 20px;
}


				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.tomigayaLayout  h2 {
						width: 768px;
						margin: 0 auto 20px;
					}
					
					.tomigayaLayout #main #pankuzu p {
						width: 768px;
					}
					
					.tomigayaLayout h2 {
						width: 768px;
					}
					
					.tomigayaLayout #main div.cassette {
						width: 768px;
					}
					.tomigayaLayout #main table tr td input,
					.tomigayaLayout #main table tr td select{
						height: 2.6em;
					}
					.tomigayaLayout #main table tr td input.text {
						width: 250px;
					}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.tomigayaLayout  h2 {
						background-size: 180%;
						background-position: -150px 0px;
						width: 320px;
						margin: auto;
						padding: 15px 0;
					}
					.tomigayaLayout  h2 img {
						width: 150px;
						height: 53px;
					}
					.tomigayaLayout #main #pankuzu p {
						width: 320px;
					}
					
					.tomigayaLayout h2 {
						width: 320px;
					}
					
					.tomigayaLayout #main div.cassette {
						width: 320px;
					}
					.tomigayaLayout #main table tr td input,
					.tomigayaLayout #main table tr td select{
						height: 2.6em;
					}
					.tomigayaLayout #main table tr td input.text {
						width: 170px;
					}
					.tomigayaLayout #main th.gray,
					.tomigayaLayout #main td.gray {
						background-color: #fff;
					}
					.tomigayaLayout #main th.graySp,
					.tomigayaLayout #main td.graySp {
						background-color: #F3F3F3;
					}
				}

/* tomigayaIndexLayout
------------------------------------*/

.tomigayaIndexLayout #main .mainBg { background: url(../../img/tomigaya/mainBg.jpg) repeat-x left top;}
.tomigayaIndexLayout #main .mainBg .cassetteIn { 
	margin: 0 auto;
	width: 960px;}
.tomigayaIndexLayout #main .mainBg .cassetteIn h2 {
	margin: 0;
	padding: 0;
}
.tomigayaIndexLayout #main .galleryBg,
.tomigayaIndexLayout #main .infoBg{ background-color: #23190A;}
.tomigayaIndexLayout #main .galleryBg .cassetteIn {
	width: 960px;
	margin: 0 auto;
	padding: 70px 0 80px;
}
.tomigayaIndexLayout #main .galleryBg .cassetteIn h3 {
	background: none;
	padding: 0;
}
.tomigayaIndexLayout #main .galleryBg .cassetteIn ul {
	width: 840px;
	margin: 0 auto 20px;
}
.tomigayaIndexLayout #main .infoBg .cassetteIn {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 40px;
}
.tomigayaIndexLayout #main .infoBg .cassetteIn .columnLeft {
	width: 400px;
	margin: 0 0 0 20px;
}
.tomigayaIndexLayout #main .infoBg .cassetteIn .columnLeft .infoTxtbg { 
	background: #fff;
	padding: 3px 10px;
	display: inline-block;
	margin: 0 0 20px;
}
.tomigayaIndexLayout #main .infoBg .cassetteIn img{ vertical-align: middle;}
.tomigayaIndexLayout #main .infoBg .cassetteIn .columnLeft ul li {
	text-align: center;
	border: 1px solid #FFF;
	margin: 0 0 20px;
	padding: 10px 0;
}
.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight { width: 430px;}
.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight div{
	height: 340px;
	margin: 0 0 10px;}
.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight p { color: #FFF;}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.tomigayaIndexLayout #main .mainBg .cassetteIn,
					.tomigayaIndexLayout #main .galleryBg .cassetteIn {
						width: 768px;
					}
					.tomigayaIndexLayout #main .galleryBg .cassetteIn ul,
					.tomigayaIndexLayout #main .infoBg .cassetteIn {
						width: 748px;
					}
					.tomigayaIndexLayout #main .infoBg .cassetteIn .columnLeft {
						width: 350px;
						margin: 0;
					}
					.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight { width: 360px;}
					.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight div{ height: 300px;}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.tomigayaIndexLayout #main .mainBg { background-size: auto 250px;}
					.tomigayaIndexLayout #main .mainBg .cassetteIn,
					.tomigayaIndexLayout #main .mainBg .cassetteIn,
					.tomigayaIndexLayout #main .galleryBg .cassetteIn ul,
					.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight{
						width: 300px;
					}
					.tomigayaIndexLayout #main .galleryBg .cassetteIn {
						width: 300px;
						padding: 50px 0 20px;
					}
					.tomigayaIndexLayout #main .infoBg .cassetteIn {
						width: 300px;
						padding: 0 0 10px;
					}
					.tomigayaIndexLayout #main .infoBg .cassetteIn .columnLeft {
						width: 300px;
						margin: 0;
					}
					.tomigayaIndexLayout #main .infoBg .cassetteIn .columnRight div{ height: 300px;}
				}
				
/* voiceLayout
---------------------------------------------------------------*/

.voiceLayout #main #pankuzu p {
	margin: 0 auto 15px;
	width: 960px;
}

.voiceLayout h2 {
	background-image: url(../../house/voice_img/h2_bg.jpg);
	background-repeat: no-repeat;
	width: 940px;
	margin: 0 auto 30px;
	padding: 14px 0 120px 20px;
}
.voiceLayout #main div.cassette {
	width: 960px;
	margin: 0 auto 80px;
	padding: 0;
}
.voiceLayout #main h3 {
	background: none;
	padding: 0;
	margin: 0;
}
.voiceLayout #main div.cassette ul li {
	background-image: url(../../house/voice_img/bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 270px;
	height: 370px;
	padding: 25px 20px 0 10px;
	margin: 0 10px 20px;
	
}

.voiceLayout #main div.cassette ul li h4 {
	float: left;
	width: 190px;
	padding: 48px 0 0;
	font-size: 110%;
}
.voiceLayout #main div.cassette ul li p.kw {
	float: right;
	width: 45px;
	font-size: 140%;
	margin: 0 18px 0 0;
	color: #fff;
	text-align:center;
	font-weight:bold;
	line-height: 2;
}
.voiceLayout #main div.cassette ul li p {
line-height: 1.5;
font-size: 105%;
font-weight: bold;
}
.voiceLayout #main div.cassette ul li img {
	margin: 0 0 8px;
}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.voiceLayout #main #pankuzu p,
					.voiceLayout h2 {
						width: 768px;
					}
					.voiceLayout #main div.cassette {
						width: 768px;
					}
					.voiceLayout #main div.cassette ul li {
						margin: 0 40px 20px;
					}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.tomigayaIndexLayout #main .mainBg {
						background-size: auto 250px;
					}
					
					.voiceLayout h2 {
						background-position: 0 0;
						background-size: 150% auto;
						margin: 0 auto 20px;
						padding: 15px 0;
						width: 320px;
						height: 90px;
					}
					.voiceLayout   h2 img {
						width: 140px;
						padding: 0 15px;
					}
					.voiceLayout #main #pankuzu p,
					.voiceLayout #main div.cassette {
						width: 320px;
					}
					
					.voiceLayout #main div.cassette ul li {
						margin: 0 10px 20px;
					}
				}
				
/* voiceInLayout
---------------------------------------------------------------*/
.voiceInLayout h2 {
	margin: 0 auto 60px;
}
.voiceInLayout #main div.cassette {
	border: solid 1px #333333;
	border-radius: 10px;
}
.voiceInLayout #main div.cassette div.voiceDiv {
	background-image: url(../../house/voice_img/bg02.png);
	background-repeat: no-repeat;
	padding: 30px 0 30px 25px;
	position: relative;
	margin: -50px 0 0;
}				
.voiceInLayout #main div.cassette div.voiceDiv p.kw {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 18px;
	width: 50px;
	text-align: center;
}
				
.voiceInLayout #main div.cassette div.voiceDiv h3 {
	font-size: 100%;
	font-weight:normal;
	padding: 0 0 0 55px;
}
				
.voiceInLayout #main div.cassette div.voiceDiv h3 span.name {
	font-size: 120%;
	font-weight: bold;
	margin: 0 5px 0 0;
}
				
.voiceInLayout #main div.cassette p.columnLeft {
	width: 400px;
}

.voiceInLayout #main div.cassette p.columnLeft img {
	border: 1px solid #ccc;
	padding: 5px;
	width: 480px;
}
				
.voiceInLayout #main div.cassette p.columnRight {
	background-image: url(../../house/voice_img/bg03.png);
	background-repeat: no-repeat;
	width: 341px;
	padding: 100px 50px 20px 100px;
	height: 225px;
}
.voiceInLayout #main div.cassette p.columnRight span {
	font-size: 150%;
	font-weight: bold;
}

.voiceInLayout #main div.cassette div.voiceDiv2 {
	margin: 0 20px;
}
.voiceInLayout #main div.cassette div.columnLeft {
	width: 620px;
	margin: 0 20px 0 0;
}
.voiceInLayout #main div.cassette ul.columnRight {
	width: 270px;
}

.voiceInLayout #main div.cassette ul.columnRight li {
	background: none;
	height:auto;
	width: auto;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 30px;
}
.voiceInLayout #main div.cassette ul.columnRight li img {
	margin: 0;
}

				
				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.voiceInLayout #main div.cassette p.columnLeft {
						width: 300px;
					}

					.voiceInLayout #main div.cassette p.columnLeft img {
						width: 130%;
					}
					.voiceInLayout #main div.cassette p.columnRight {
						background-image: url(../../house/voice_img/bg03.png);
						background-repeat: no-repeat;
						background-size: 100%;
						width: 250px;
						padding: 70px 50px 0 80px;
						height: 225px;
					}
					.voiceInLayout #main div.cassette p.columnRight span {
						font-size: 130%;
					}
					.voiceInLayout #main div.cassette div.columnLeft {
						width: 420px;
						margin: 0 20px 0 0;
					}
					.voiceInLayout #main div.cassette div.columnLeft tr td {
						padding: 10px;
					}
					
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.voiceInLayout #main div.cassette div.voiceDiv {
						background-size: 95%;
						margin: -30px 0 0;
						padding: 17px 15px;
					}
					.voiceInLayout #main div.cassette div.voiceDiv p.kw {
						margin: 0 0 8px;
						width: 32px;
					}
					.voiceInLayout #main div.cassette div.voiceDiv h3 {
						padding: 0 0 0 35px;
					}
					.voiceInLayout #main div.cassette  {
						font-size: 70%;
					}
					.voiceInLayout #main div.cassette p.columnLeft {
						width: 270px;
						float: none;
						margin: 0;
					}
					.voiceInLayout #main div.cassette p.columnLeft img {
						width: 100%;
					}
					.voiceInLayout #main div.cassette p.columnRight {
						background-image: url(../../house/voice_img/sp/bg.jpg);
						background-size: 100%;
						width: 260px;
						float: none;
						padding: 20px 10px 0;
						height: 110px;
					}
					.voiceInLayout #main div.cassette p.columnRight span{ font-size: 135%;}
					.voiceInLayout #main div.cassette div.columnLeft {
						width: 280px;
						float: none;
						margin: 0 ;
					}
					.voiceInLayout #main div.cassette table td {
						display: table-cell;
						padding: 10px 5px;
					}
					.voiceInLayout #main div.cassette tr:nth-child(2n) td {
						background-color: #f3f3f3;
					}
				}

/* modalメニュー
---------------------------------------------------------------*/
#mobile-bar {
display: block;
padding: 4px 0 0;
}
#modal {
display: none;
text-align: left
}

#pageslide {
display: none;
position: absolute;
top: 0;
height: auto;
z-index: 999999;
width: 260px;
background-color: #fff;
color: #444;
}

#modal dl dt {
background-image: url(../img/icon01.gif);
background-repeat: no-repeat;
background-position: 25px 25px;
background-size: 15px;
padding: 25px 0 25px 60px;
font-size: 120%;
border-bottom: solid 1px #444;
}

#modal dl dt a {
padding: 0;
display: block;
text-decoration: none;
}

#modal dl dd ul {
border-bottom: solid 1px #444;
padding: 0 0 20px;
}

#modal dl dd ul li {
padding: 20px 0 0 60px;
background-image: url(../img/icon01.gif);
background-repeat: no-repeat;
background-position: 28px 22px;
background-size: 9px;
font-size: 120%;
}

#modal dl a {
color: #444;
text-decoration: none;
}

#modal ul.modalUl {
background-color: #FFF;
}

#modal ul.modalUl li {
background-image: none;
text-align: center;
border-bottom: 1px solid #444;
padding: 20px 0;
}


				/* スマートフォン（横）用のスタイル記述 */
				@media screen and (max-width: 620px) {
				
					.layoutSp ul#styleUl01 li {
					float: left;
					width: 33.33333333%;
					background-repeat: repeat-x;
					background-position: 0px 0px;
					}
				
					.layoutSp ul#styleUl01 li a {
					display: block;
					}
				}
				
				/* スマートフォン用（縦）のスタイル記述 */
				@media screen and (max-width: 480px) {
				
					.layoutSp ul#styleUl01 li {
					float: left;
					width: 50%;
					background-repeat: repeat-x;
					background-position: 0px 0px;
					}
				
					.layoutSp ul#styleUl01 li a {
					display: block;
					}
				}
						
						
/* clearfix
------------------------------------*/

.clearfix:after,
.cassette2:after {
content: " ";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
}

.clearfix,
.cassette2 {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix,
* html .cassette2 {
height: 1%
}

.clearfix,
.cassette2 {
display:block;
}
/* end MacIE5 */