@charset "shift_jis";
/* CSS Document */
/*------------------------------------------------------------------------------------------
  「メイブロ」サイトトップページ共通CSSファイル
------------------------------------------------------------------------------------------*/

/* メインイメージエリアの設定
-------------------------------------------------------------------------------------------- */

#mainimg{
	width: 1010px;
	height: 150px;
	padding:10px 0px 0px 0px;
	background:url(../images/top/0323.jpg) left top no-repeat;
}

#mainimg h1{
	text-align:center;	
}

#mainimgleft{
	float:left;
	width:450px;
	margin:20px;
	zoom:1;
	position:relative;
}

#mainimgright{
	float:right;
	width:450px;
	margin:20px;
	zoom:1;
	position:relative;
}

.detailbtn{
	position:absolute;
	bottom:5px;
	right:10px;
	width:188px;
	height:47px;
}
.detailbtn a{
	display:block;
	width:188px;
	height:47px;
}
.detailbtn a:hover{
	background-color: transparent;
}
.detailbtn a:hover img{
	visibility:hidden;
}

#mainimgleft .detailbtn{
	background:url(../images/top/mainimg/detailbtn_o_on.gif) left top no-repeat;
}
#mainimgright .detailbtn{
	background:url(../images/top/mainimg/detailbtn_g_on.gif) left top no-repeat;
}
.iepingfix{
	background:url(../images/common/blank.gif) ;	
}



/* 左カラムの設定
-------------------------------------------------------------------------------------------- */

#leftcolumn{
	width: 535px;
	float: left;
}

#blogbox{
	width:493px;
	height:285px;
	overflow:auto;
	border: 1px solid #e0e0e0;
	border-bottom-width:5px;
	padding:10px 20px;
	margin-bottom:20px;
}
#blogbox .innerbox{
	padding: 5px;
	clear: both;
	margin-bottom: 10px;
}
#blogbox .innerbox img{
	border:1px solid #333;
	clear: both;
	float: left;
	width: 90px;
}
#blogbox .innerbox dl{
	margin-left:110px;
}
#blogbox dt{
	font-weight:normal;
}

#blogbox dt img {
	float: none;
	width: auto;
	padding-bottom:5px;
}
#blogbox dd span{
	font-size:85%;
}


/*RSS
---------------------------------------------------*/

h2#rsstitle{
	position:relative;
}
h2#rsstitle span{
	position:absolute;
	right:10px;
	top:3px;
}

#rssbox{
	width:493px;
	height:80px;
	overflow:auto;
	border: 1px solid #e0e0e0;
	border-bottom-width:5px;
	padding:10px 20px;
	margin:0px 0 10px 0;
}

#rssbox a.rss-item{
	line-height:2;
	background:url(../images/common/listmark_redtri.gif) left center no-repeat;
	padding-left:18px;
}


/* 右カラムの設定
-------------------------------------------------------------------------------------------- */

#rightcolumn{
	width: 391px;
	float: right;
}

/*PRESENT
---------------------------------------------------*/

#presentbox div{
	width:120px;
	float:left;
	margin-left:3px;
	margin-top:30px;
	zoom:1;
	text-align:center;
}

#presentbox div.innerbox{
	height:285px;
	overflow:auto;
	width:390px;
	padding:0;
	margin:0;
	float:none;
}

#presentbox p{
	font-size:10px;
	text-align:left;
	margin-top:10px;
}

#presentbox p.notice{
	margin-bottom:0px;
	color:#FF6666;
	font-size:11px;
}

#presentbox:after{
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
}
#presentbox{  
     display: inline-block;  
}  

/*INFORMATION
---------------------------------------------------*/

#infromationbox {
	clear:both;
    margin-top:20px;
	margin-bottom:20px;
}
#infromationbox dl{
	padding:15px;
	width:360px;
	height:100px;
	overflow:auto;
}
#infromationbox dt{
	clear:left;
	width:100px;
	float:left;
	zoom:1;
	margin-bottom:10px;
}
#infromationbox dd{
	margin-left:110px;
	margin-bottom:10px;
}