@charset "utf-8";

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

	[ファイル名]
	
	[概要]
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



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

								clearFix
								
------------------------------------------------------------------------------*/
.clearfix {
	overflow:hidden;
}
.clearfix:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clearfix {display: inline-block;}/*forIE*/
.clearfix {display: block;}/*forIE*/



div#sectionCard p.buttonMore:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html div#sectionCard p.buttonMore
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#sectionCard p.buttonMore
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#sectionCard p.buttonMore
{
	display: inline-table;
}
/* End Mac IE */



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

							テキスト画像代替
							
------------------------------------------------------------------------------*/
div#sectionCard h3,
div#sectionMobile h3,
p#earthquake
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



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

								非表示部
								
------------------------------------------------------------------------------*/
#xxx
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



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

						div#contentHeader p 画像指定
								
------------------------------------------------------------------------------*/
div#contentHeader{
	height: 300px;
	margin-bottom:20px;
	overflow:hidden;
	background-image:none;
}

div#contentHeader #mainVis{
	height: 300px;
	background: url(../../images/home/mainVis01.jpg) no-repeat center top;
	position: relative;
}

div#contentHeader #mainVis p{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}

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

						div#contentWrapper
								
------------------------------------------------------------------------------*/

div#contentWrapper{
	overflow:hidden;
	text-align:left;
}
div#contentWrapper .columWrapper{
	overflow:hidden;
}

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

				div#homeLine01 / div#homeMessage / div#homeInfo
								
------------------------------------------------------------------------------*/
div#homeLine01{
	padding-bottom:20px;
}

div#homeMessage{
	width:415px;
	float:left;
}

div#homeInfo{
	width:415px;
	float:right;
}

div#homeMessage dl ,
div#homeInfo dl {
	margin:0 5px 3px;
}
div#homeMessage dl dt,
div#homeInfo dl dt{
	background: url(../../images/home/home_icon01.jpg) no-repeat left center;
	padding:0.5em 0.5em 0.5em 1em ;
}
div#homeMessage dl dd,
div#homeInfo dl dd{
	border-bottom:1px dotted #CCCCCC;
	margin-top:-2.4em;
	padding: 0.5em 0.5em 0.5em 7.5em;
}

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

			       			div#homeStore
								
------------------------------------------------------------------------------*/
div#homeStore{
	width:435px;
	float:left;
}
div#homeStore h2{
	margin-bottom:15px;
}
div#homeStore ul{
	width:212px;
	float:left;	
}
div#homeStore ul li{
	margin-bottom:26px;
}
div#homeStore ul li img{
	vertical-align:bottom;
}

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

			       			div#homeBan01
								
------------------------------------------------------------------------------*/
div#homeBan01{
	width:415px;
	float:right;
}
div#homeBan01 ul li{
	margin-bottom:10px;
}

div#homeBan01 ul li img{
	vertical-align:bottom;
}

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

			       			div#homeLine03
								
------------------------------------------------------------------------------*/
div#homeLine03{
	padding:20px 0;
	overflow:hidden;
}
div#homeLine03 ul li {
	display:block;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
div#homeLine03 ul li a{
	background:no-repeat left top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
div#homeLine03 ul li#bannerSmile a				{ width:195px; height:64px; background-image:url(../../images/home/banner_smile_again2.png);}
div#homeLine03 ul li#bannerShiogama a			{ width:139px; height:64px; background-image:url(../../images/home/banner_shiogama.jpg);}
div#homeLine03 ul li#bannersSmileForMiyagi a	{ 
	width:218px; 
	height:64px; 
	background-image:url(../../images/home/banner_smile_for_miyagi_218px.gif); 
	border:1px solid #999999;
}

div#homeLine03 ul li#bannerSmile a:hover,
div#homeLine03 ul li#bannerShiogama a:hover,
div#homeLine03 ul li#bannersSmileForMiyagi a:hover	{ 
	opacity: 0.75;
	filter: alpha(opacity=75);
}

div#homeLine03 ul li#bannerAED {
	width:250px;
	height:54px;
	padding:5px;
	border:1px solid #CCCCCC;
	overflow:hidden;
	font-size:11px;
	line-height:120%;
}
div#homeLine03 ul li#bannerAED img{
	float:left;
	padding-right:5px;
}

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

						
								
------------------------------------------------------------------------------*/
div#sectionCard h2{
	background-image: url(../../images/home/card_h2.gif);
}

div#sectionCard h3{
	height: 54px;
	margin: 0;
	padding: 0;
	background: transparent url(../../images/home/card_h3.gif) no-repeat scroll right top;
	border-style: none;
}

div#sectionCard p.mainText{
	margin-bottom: 0px;
	padding-left: 232px;
}

/*----- 詳細はこちら -----*/
div#sectionCard p.buttonMore{
	width: 100%;
	background-position: right top;
}

div#sectionCard p.buttonMore a{
	float: right;
}



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

						
								
------------------------------------------------------------------------------*/
div#sectionMobile div.sectionContent{
	position: relative;
	background: url(../../images/home/mobile_bg.jpg) no-repeat scroll right top;
}

div#sectionMobile h2{
	margin-bottom: 5px;
	background-image: url(../../images/home/mobile_h2.gif);
}

div#sectionMobile h3{
	position: absolute;
	top: 10px;
	left: 100px;
	width: 265px;
	height: 66px;
	background: transparent url(../../images/home/mobile_h3.gif) no-repeat scroll left top;
	border-style: none;
}

/*----- 詳細はこちら -----*/
div#sectionMobile p.buttonMore{
	position: absolute;
	top: 84px;
	left: 100px;
}


div#noQRcode{
	height: 115px;
	border-bottom: 1px solid #ddd;
}

div#noQRcode h3{
	left: 0;
}


div#noQRcode p.buttonMore{
	left: 0px;
}



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

								p#earthquake(震災用バナー)
								
------------------------------------------------------------------------------*/
p#earthquake{
	width: 600px;
	height: 159px;
	margin-bottom: 10px;
	background: #fff url(../../images/home/banner_earthquake_disaster2011.gif) no-repeat top left;
}


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

								リンク画像ロールオーバー 
								
------------------------------------------------------------------------------*/

.link a{
	background-color:#FFFFFF;
}
.link a:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
}