@charset "UTF-8";

/*
=====================================================================
	アイホーム　おうちカフェ
=====================================================================
*/

/* base
---------------------------------------------------------------------- */
	/* p
	------------------------------------------------------- */
	#contents p{
		font-size:13px;
		letter-spacing:0.08em;
		line-height:180%;
		}

	#contents p.small{
		font-size:69%;
		}

	/* mb
	------------------------------------------------------- */
	#contents .mb0{margin-bottom:0px;}
	#contents .mb5{margin-bottom:5px;}
	#contents .mb10{margin-bottom:10px;}
	#contents .mb15{margin-bottom:15px;}
	#contents .mb20{margin-bottom:20px;}
	#contents .mb25{margin-bottom:25px;}
	#contents .mb30{margin-bottom:30px;}
	#contents .mb35{margin-bottom:35px;}
	#contents .mb40{margin-bottom:40px;}
	#contents .mb45{margin-bottom:45px;}
	#contents .mb50{margin-bottom:50px;}
	#contents .mb55{margin-bottom:55px;}
	#contents .mb60{margin-bottom:60px;}
	#contents .mb70{margin-bottom:70px;}
	#contents .mb80{margin-bottom:80px;}
	#contents .mb90{margin-bottom:90px;}
	#contents .mb100{margin-bottom:100px;}

	/* text link
	------------------------------------------------------------ */
	a:link,
	a:visited,
	a:active {
		color:#3D8396;
		text-decoration:none;
		}
	
	a:hover {
		color:#56BDD7;
		text-decoration:underline;
		}

	/* clearfix
	------------------------------------------------------------ */
	.cl:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}

	.cl {
		display: inline-block;
		}

	/* exlude MacIE5 \*/
	* html .cl {
		height: 1%;
		}
	.cl {
		display:block;
		}
	/* end MacIE5 */

	/* img
	------------------------------------------------------------ */
	img{vertical-align: bottom;}

	/* img link */
	a:hover img{
		filter: alpha(opacity=80);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
		-moz-opacity: 0.8;
		opacity: 0.8;
		}

/* container
---------------------------------------------------------------------- */
#container{
	width:100%;
	margin:0 auto;
	padding:20px 0 20px 0;
	}

#headerWrapper{
	width:100%;
	background:url(../../img/sec/cafe/bg_header.jpg) repeat-x left bottom;
	padding-bottom:50px;
	margin-bottom:30px;
	}

/* header
---------------------------------------------------------------------- */
#header{
	width:980px;
	margin:0 auto;
	}

	#header h1{
		float:left;
		}

	#header ul{
		width:715px;
		float:right;
		}

		#header ul li.pageTitle{
			width:118px;
			float:left;
			margin-right:25px;
			}

		#header ul li.tel,
		#header ul li.contact{
			float:left;
			}

/* contents
---------------------------------------------------------------------- */
#contents{
	width:980px;
	margin:0 auto;
	}


/* mvWrapper
---------------------------------------------------------------------- */
.mvWrapper{
	width:960px;
	height:840px;
	margin:0 auto 30px;
	position:relative;
	}

	.mvWrapper img{
		position:absolute;
		width:960px;
		height:840px;
		z-index:0;
		}

	.mvWrapper .mvText{
		position:absolute;
		top:570px;
		left:365px;
		}

		#contents .mvWrapper .mvText p{
			font-size:17px;
			}

/* safetyBox01
---------------------------------------------------------------------- */
.safetyBox01{
	width:960px;
	margin:0 auto 30px;
	}

	.safetyBox01 ul{
		width:997px;
		margin-right:-37px;
		overflow:hidden;
		}

	.safetyBox01 ul li{
		width:295px;
		float:left;
		margin-right:37px;
		}

/* safetyBox02
---------------------------------------------------------------------- */
.safetyBox02{
	width:960px;
	margin:0 auto 10px;
	}

	.sfetyWrap01 .safeL{
		width:575px;
		float:left;
		margin-bottom:20px;
		}

		.sfetyWrap01 .safeL .safetyTitle h2{
			float:left;
			letter-spacing: 0.3em;
			line-height:180%;
			font-size:17px;
			margin-top:25px;
			}

		.sfetyWrap01 .safeL .safetyTitle img{
			float:right;
			}

	.sfetyWrap01 .safeR{
		width:334px;
		float:right;
		}

	.sfetyWrap02 .safeL{
		width:684px;
		float:left;
		}

	.sfetyWrap02 p{
		width:250px;
		float:right;
		font-size:15px;
		}

/* safetyBox03
---------------------------------------------------------------------- */
.safetyBox03{
	width:960px;
	margin:0 auto 30px;
	}

	.safetyBox03 img{
		float:left;
		}

	#contents .safetyBox03 p{
		width:310px;
		float:right;
		margin-top:56px;
		font-size:17px;
		}

/* safetyBox04
---------------------------------------------------------------------- */
.safetyBox04{
	width:960px;
	margin:0 auto 30px;
	}

	.safetyBox04 img{
		float:right;
		}

	#contents .safetyBox04 p{
		width:570px;
		float:left;
		font-size:17px;
		}

/* safetyBox04
---------------------------------------------------------------------- */
.safetyBox05{
	width:960px;
	margin:0 auto 30px;
	}

	.safetyBox05 h2{
		margin:0 0 20px 0;
		}

	


/* pageTop
---------------------------------------------------------------------- */
.pageTop{
	background:url(../../img/sec/safety/line01.jpg) no-repeat left center;
	width:980px;
	margin:0 auto 10px auto;
	}

	.pageTop p{
		width:96px;
		margin:0 0 0 auto;
		}
.noborder{
	background:none;
	}


/* footer
---------------------------------------------------------------------- */
#footer {
	margin-top:30px;
	padding-bottom:50px;
	}

	#footer ul li.btn_contact{
		float:left;
		margin-right:90px;
		}

	#footer ul li.footerLogo{
		float:left;
		}

	#footer ul li.info{
		text-align:right;
		}