@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.03
  Last Update 0000.00.00 Date
----------------------------*/

@import "common.css";


/*####################　トップフラッシュ　####################*/

#HeadImg{
	width:590px;
	height:276px;
	margin-bottom:5px;
	}

#HeadImg h2,
#HeadImg p{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
/*　小見出し
-------------------------------------*/


/*####################　トップボックス　####################*/

#Box{
	float:left;
	width:581px;
	margin-bottom:40px;
	margin-left:10px;
	zoom:1;

}
#Boxhead{
	float:left;
	width:590px;
	zoom:1;

}
#Box:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main {
	display:inline;
	float:left;
	width:411px;
	margin-right:9px;



	}

#Main:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
/*####################　コンテンツ部　メイン　####################*/


/*　商品導入例
-------------------------------------*/
.contentsBox h3.link{position:relative; z-index:1;}
.contentsBox h3.link span a{
	display:block;
	position:absolute;
	top:18px;
	left:316px;
	background:url(../img/s.gif);
	width:45px;
	height:16px;
	text-indent:-9999px;
	z-index:5;
}

#Examp {margin-bottom:30px;}
#Examp dl{
	float:left;	
	background:url(../img/line-dashed.gif) left top repeat-x;
	width:410px;
	text-align:left;
	margin:-1px 0 0 0;
	padding:15px 0 15px 0;
	}

#Examp dt{
	float:right;
	width:300px;
	margin-bottom:0;
	padding:3px 0 0;
	font-size:14px;
	line-height:1.7;
	}

#Examp dt span {
	padding:3px;
	font-size:12px;
	color:#fff;
	}
#Examp dt.purpose span {background:#f5a74b;}
#Examp dt.place span {background:#b6d34f;}
#Examp dt.set span {background:#a8b9d4;}






#Examp dt img{
	margin-right:5px;
	vertical-align:top;
	position:relative;
	top:-3px;
	}	
#Examp dt a{
	color:#148ba1;
	font-weight:bold;
	
	}	
#Examp dd{
	float:right;
	display:block;
	width:300px;
	margin-bottom:10px;
	line-height:1.5;
	}

#Examp dd.photo{
	display:inline;
	float:left;
	width:90px;
	height:90px;
	margin:0 0 0 10px;
	}

/*　topics
-------------------------------------*/
#Topics{
	margin-bottom:20px;}

#Topics dl{
	width:410px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}

#Topics dt{
	display:inline;
	margin-left:10px;
	margin-right:15px;
	color:#ffb912;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	font-weight:bold;	
}

#Topics dd{
	margin-left:25px;
	padding-left:15px;
	background:url(../../common/img/arrow-topics.gif) 0 2px no-repeat;}

#Topics dd a{
	color:#148ba1;
	text-decoration:underline;
	}

#Topics p.toplink,
#Blog p.toplink {
	text-align:right;}

#Topics p.toplink a,
#Blog p.toplink a {
	background:url(../img/arrow-list_blue.gif) 0 2px no-repeat;
	padding-left:10px;
	margin-left:10px;}

#Blog{
	margin-bottom:20px;}

#Blog dl{
	width:410px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}

#Blog dt{
	display:inline;
	margin-left:10px;
	margin-right:15px;
	color:#ffb912;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	font-weight:bold;	
}

#Blog dd{
	margin-left:25px;
	padding-left:15px;
	background:url(../../common/img/arrow-topics.gif) 0 2px no-repeat;}

#Blog dd a{
	color:#148ba1;
	text-decoration:underline;
	}/*　Specilist
-------------------------------------*/
#Specilist h3{
	position:absolute;
	top:-9999px;
	left:-9999px;}
#Specilist{
	with:411px;
	background:url(../../img/wall-main-special_b_02.gif) left bottom no-repeat;
	}

#Specilist p{
	line-height:1.5;
	}
	
#Specilist #Spwrap	{
background:url(../../img/wall-main-special.gif) left top no-repeat;
width:381px;
_width:411px;
padding-top:133px;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
	}
#Specilist #Spwrap p{
line-height:1.8;}	
	
/*####################　コンテンツ部　Extra　####################*/

#Extra{
	float:right;
	width:161px;

}
#Extra ul{margin-bottom:0;}

#Extra li{margin-bottom:5px;}

#Extra ul.tel{
background:url(../../img/wall-info.gif) 0 0 no-repeat;
width:160px;
height:121px;
margin-top:20px;
text-indent:-9999px;
}

#Newlineup{
	width:158px;
	_width:160px;
	border-top:none;
}


#Newlineup h2{
	margin-bottom:5px;
}


#Newlineup dl{
	clear:both;
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
	}
	

#Newlineup dt{	
	float:right;
	width:105px;
	margin-bottom:3px;
}
#Newlineup dd{
	margin-bottom:15px;
	font-size:11px;}
	
#Newlineup dd.photo{
	display:inline;
	float:left;
	padding-right:5px;
	_padding-right:3px;

}


#Newlineup dd a{
	color:#148ba1;
	text-decoration:underline;
	}

/*end*/

/* 東北地方太平洋沖地震に伴う影響のお知らせ
--------------------------------------------------------- */
#notice{
	margin:0 0 10px;
	border:3px double #5E9B00;
}
#notice h2{
	display:block;
	text-align:center;
	line-height:30px;
	font-size:16px;
	color:#FFF;
	background-color:#5E9B00;
}
#notice p{
	padding:10px;
}

/* GW休暇のお知らせ
--------------------------------------------------------- */
#notice2{
	margin:0 0 10px;
	border:3px double #5E9B00;
}
#notice2 h2{
	display:block;
	text-align:center;
	line-height:30px;
	font-size:16px;
	color:#FFF;
	background-color:#5E9B00;
}
#notice2 p{
	padding:10px;
}