@charset "utf-8";

/* CSS Document */
body {
	color:#41220f;
	text-align:center;
	line-height:1.8;
	letter-spacing:0.01em;
	font-size:16px;
	font-family:""メイリオ", Meiryo, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
html,body {height: 100%; }

a{ }
	a:hover{ text-decoration:none;}
	a:hover img{
		opacity:0.9;
		filter:alpha(opacity=90);
		-ms-filter: "alpha( opacity=90 )";
		background:none!important; }

.sp{
	display:none;
	height:0;
	width:0;}

#wrap{
	max-width:1200px;
	margin:0 auto;}


/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
footer{
	font-size:82%;
	width:1000px;
	padding:16px 0;
	margin:0 auto;
	overflow:auto; zoom:1;/* float解除 */}
footer p{
	float:left;}
footer ul{
	float:right;
	text-align:right;}
	footer ul li{
		display:inline-block;
		text-align:left;}
	footer ul a{
		color:#41220f;
		padding:0 8px;
		border-left:1px solid #41220f;}
	footer ul li:last-child a{
		border-right:1px solid #41220f;}

#pagetop {}
#pagetop a{
	width:70px;
	height:85px;
	position: fixed ;
	right:24px;
	bottom:8px;
	background:url(../images/pagetop.png) no-repeat center top;
	overflow: hidden; text-indent: 100%; white-space: nowrap;/* 画像置換 */}
	  	

/*---------------------------------------------------*/
/* ヘッダー・メイン画像
-----------------------------------------------------*/
header{
	background:url(../images/line_head.jpg) repeat-x top;}

header #head{
	padding-top:12px;
	height:70px;
	width:1000px;
	margin:0 auto;
	overflow:auto; zoom:1;/* float解除 */
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
	header #head h1{
		float:left;
		font-size:inherit;}
	header #head address{
		float:right;}
		header #head address .credit{
			vertical-align:middle;
			margin:0 16px 8px 0;}

header #mainimg{
	height:630px;
	padding-top:60px;
	background:url(../images/main_bg.jpg) no-repeat center top;
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
	header #mainimg p{
		text-align:left;
		width:1000px;
		margin:0 auto;}
	header #mainimg p.catch{
		margin-bottom:16px;}
	header #mainimg p.item{
		margin-bottom:24px;}


/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
section,section p,section div{
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
section p{
	text-align:left;
	margin-bottom:8px;}
section.bg{
	background:url(../images/bg_leopard.jpg);}
section h2,
aside h2{
	margin-bottom:32px;}

/* 購入 */
aside{
	padding:64px 0;}
	aside ul.cv{
		text-align:center;}
		aside ul.cv li{
			display:inline-block;
			margin:0 10px;}


/* 当店のキャットタワーで遊ぶ猫ちゃんをご覧ください。（youtube）
-----------------------------------------------------*/
#block1{
	padding:64px 0;}

#block1 div.movie{
	width:840px;
	height:629px;
	padding:72px 0 0;
	margin:0 auto;
	background:url(../images/block1_frame.png) no-repeat center top;
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
#block1 div.youtube{}
#block1 p.info{
	width:560px;
	padding-left:24px;
	margin:0 auto;
	background:url(../images/icon_sound.jpg) no-repeat left center;}



/* 愛猫家の必読書『ねこのきもち』に当店のキャットタワー「ＣＴＢ-１」が掲載されました！
-----------------------------------------------------*/
#block2{
	padding:64px 0;}

#block2 h2{
	margin-bottom:56px;}

#block2 .magazine{
	margin-bottom:24px;}

#block2 .nekomono{
	width:780px;
	height:150px;
	padding:40px 0 0 168px;
	margin:0 auto;
	background:url(../images/block2_nekomono.png) no-repeat left top;}



/* 当店キャットタワーご愛用のお客様の声と猫ちゃんの様子をご覧ください。
-----------------------------------------------------*/
#block3{
	padding:72px 0 0;}

#block3 .inner{
	width:960px;
	padding-bottom:24px;
	margin:0 auto;}
#block3 section{
	padding:16px 40px ;
	margin-bottom:24px;
	background:#fff;
	overflow:auto; zoom:1;/* float解除 */}
	#block3 section h3{
		color:#ff2f72;
		text-align:left;
		font-size:150%;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		margin-bottom:8px;}

#block3 section.box1 img{
	margin-bottom:8px;}
#block3 section.box2 img,
#block3 section.box4 img{
	float:right;
	margin-left:24px;}
#block3 section.box3 img{
	float:left;}
#block3 section.box3 p{
	width:680px;
	float:right;}

#block3 .arrow{
	margin-bottom:-32px;}



/* レオパルドハウスのキャットタワーはここが違う！
-----------------------------------------------------*/
#block4{
	padding:72px 0 0;
	background:url(../images/block4_ttl-bg.jpg) no-repeat right 24px;}

#block4 h2{
	margin-bottom:40px;}

#block4 section{
	padding:0 0 16px;}
	#block4 section div{
		text-align:left;
		width:1000px;
		margin:0 auto 16px;}
		#block4 section h3{
			margin-bottom:0px;}
		#block4 section p{
			padding-left:24px;}
	
#block4 section.box1{
	background:#f6f6f6 url(../images/block4_box1-bg.png) no-repeat right bottom;}
	#block4 section.box1 div{}

#block4 section.box2{
	background:#e1e5e4 url(../images/block4_box2-bg.jpg) no-repeat left bottom;}
	#block4 section.box2 div{
		padding-left:310px;}

#block4 section.box3{
	background:#f6f6f6 url(../images/block4_box3-bg.jpg) no-repeat right bottom;}
	#block4 section.box3 div{
		padding-right:310px;}



/* 実際のキャットタワーをくわしくご説明します。
-----------------------------------------------------*/
#block5{
	padding:0 0 64px;}

#block5 h2{
	height:200px;
	margin:0;
	background:#fdeaf2;}
#block5 h3{
	height:400px;
	text-align:left;
	padding-top:32px;
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
#block5 .point h4{
	text-align:left;
	margin:64px 0 24px;}
	
#block5 h3,
#block5 .point,
#block5 .size{
	width:1000px;
	margin:0 auto;}
#block5 .point{
	margin-bottom:40px;}
	#block5 .point section{
		overflow:auto; zoom:1;/* float解除 */}
	#block5 .text{
		width:580px;}
		#block5 .text > img{
			margin:16px 0;}
		
	#block5 .point1 .img,
	#block5 .point3 .img,
	#block5 .point2 .text{
		float:left;}
	#block5 .point2 .img,
	#block5 .point1 .text,
	#block5 .point3 .text{
		float:right;}
	
	#block5 section.ctb1{
		background:url(../images/block5_ctb1-bg.jpg) no-repeat center top;}
	#block5 section.ctb2{
		background:url(../images/block5_ctb2-bg.jpg) no-repeat center top;}
	#block5 section.ctb3{
		background:url(../images/block5_ctb3-bg.jpg) no-repeat center top;}
	
#block5 section.size{
	padding:0 0 48px;
	margin-bottom:56px;
	background:url(../images/block5_size_bg2.jpg) no-repeat center top,url(../images/block5_size_bg.jpg) no-repeat center bottom;}
	#block5 section.size h4{
		text-align:center;
		font-size:150%;
		padding:40px;
		margin-bottom:16px;
		background:url(../images/block5_size_ttl.jpg) no-repeat center bottom;}



/* ヒョウ柄キャットタワーBengalシリーズ
-----------------------------------------------------*/
#block6{
	padding:50px 0 64px 0;}

#block6 .inner{
	width:1000px;
	margin:0 auto;
	border:4px solid #d5ab63;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
	#block6 .inner section{
		overflow:auto; zoom:1;/* float解除 */
		padding-bottom:32px;}
#block6 h3{
	margin:-4px -4px 0;}
#block6 h4{
	text-align:left;
	padding-bottom:8px;
	margin:8px 0;
	border-bottom:1px dotted #41220f;}
#block6 p.catch{
	background:#ffeaf1;}
#block6 .item{
	float:left;
	margin-right:32px}
#block6 .data{
	float:left;}
	#block6 .text{
		font-weight:bold;
		font-size:113%;
		margin-bottom:16px;}
	#block6 .info{
		font-size:88%;
		padding:2px 8px;
		background:#ffff99;}



/* ご購入者様へのお得なサービス
-----------------------------------------------------*/
#block7{
	padding:0 0 64px;}

#block7 .catch{
	text-align:center;
	margin-bottom:64px;}
#block7 h2{
	margin-top:-32px;}
#block7 .service{
	width:1000px;
	margin:0 auto;
	border:1px solid #ff4783;
	background:#ffeaf1;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
	#block7 .service section{
		padding-bottom:8px;
		margin:0 20px 20px;
		border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */} 
	#block7 .service p,
	#block7 .service table{
		margin:0 40px 16px;}
	#block7 .service h3{
		padding:20px 0 0;
		margin-bottom:24px;
		border-radius:8px 0 0 0; -webkit-border-radius:8px 0 0 0; -moz-border-radius:8px 0 0 0 ;	/* 角丸 */}
	
#block7 .service .box1{
	background:#fff url(../images/block7_box1-img.jpg) no-repeat right bottom;}
	#block7 .service .box1 h3{
		background:url(../images/block7_box1-flag.jpg) no-repeat left top;}
#block7 .service .box2{
	height:340px;
	background:#fff url(../images/block7_box2-img.jpg) no-repeat right bottom;}
	#block7 .service .box2 h3{
		background:url(../images/block7_box2-flag.jpg) no-repeat left top;}
	#block7 .service .box2 p{
		width:500px;}
#block7 .service .box3{
	height:350px;
	background:#fff url(../images/block7_box3-img.jpg) no-repeat 740px 110px;}
	#block7 .service .box3 h3{
		background:url(../images/block7_box3-flag.jpg) no-repeat left top;}
	#block7 .service .box3 table{
		width:auto;
		text-align:left;}
		#block7 .service .box3 table th{
			font-weight:normal;
			padding-right:24px;}



/* キャットタワーのある暮らし写真ギャラリー
-----------------------------------------------------*/
#block8{
	padding:0 0 56px;}

#block8 h2{
	height:200px;
	background:#fdeaf2;}
#block8 ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width:1000px;
	margin:0 auto;
	overflow:auto; zoom:1;/* float解除 */}
	#block8 ul li{
		font-size:94%;
		width:313px;
		float:left;
		margin:0 10px 32px;
		height:300px\9; /* IE10以下 */
		margin:0 10px \9; /* IE10以下 */}
		#block8 ul li img{
			margin-bottom:4px;}



/* お客様からお寄せ頂くよくあるご質問
-----------------------------------------------------*/
#block9{
	padding:64px 0;}

#block9 h3{
	color:#ff2f72;
	font-size:150%;
	line-height:1.5;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	padding:8px 0 0 88px;
	min-height:70px;
	margin-bottom:16px;
	background:url(../images/block9_q.jpg) no-repeat left top;
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}		
#block9 section{
	width:980px;
	padding:16px 24px;
	margin:0 auto 40px;
	box-shadow:0 0 0 10px #fff;
	border:1px solid #d5ab64;
	background:#fff;}



/* キャットタワーへの想い
-----------------------------------------------------*/
#block10{
	padding:64px 0;
	background:#f5f4f1;}
	
#block10 .message{
	width:1000px;
	padding:40px 100px 24px;
	margin:0 auto;
	background:#fff;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
#block10 p{
	margin-bottom:16px;}
#block10 .cat{
	float:right;
	margin:0 0 24px 48px;}	
#block10 .text{
	clear:both;
	margin-bottom:24px;}	
#block10 .mail{
	padding:24px 0;}
#block10 .name{
	padding-top:24px;
	text-align:right;}	



/* 会社概要
-----------------------------------------------------*/
#block11{
	padding:64px 0;}
	
#block11 section{
	text-align:left;
	width:1000px;
	padding:40px 100px 24px;
	margin:0 auto;
	background:#fff;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
#block11 h3{
	margin-bottom:16px;}
#block11 table{
	font-size:82%;
	margin-bottom:40px;}
	#block11 table tr{
		border-top:1px solid #ccc;}
		#block11 table tr th,
		#block11 table tr td{
			padding:8px 16px;}
	#block11 table th{
		width:120px;
		background:#f5f4f1;}




