@charset "utf-8";
@import url("layout.tieup.css");


/*----- reset standard style -----------------------------------------------*/

/*
---Font Size Chart---
font-size:18px - 150%
font-size:16px - 133.3%
font-size:14px - 116.6%
font-size:12px - 100%
font-size:10px - 83.3%
font-size: 9px - 75%
---------------------
*/

body {
	font-size:12px;
	margin: 0px;
	padding: 0px;
	line-height:150%;
	background:url(../images/container-bg-2.jpg);
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
/*IE6 and below*/
* html body{
	font-size:75%; 
}
/*IE7*/
*+html body{
	font-size:75%; 
}
img{
	border:none;
}
h1,h2,h3,h4,h5,h6,blockquote{
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
ul,li,dl,dt,dd,p{
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
	list-style:none;
}
/* clearFix & Clear */

.clearFix{	zoom:100%;}/*for IE clear*/

.clearFix:after{
	content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
} 
hr.clear{
	visibility:hidden;
	margin:0;
	padding:0;
	line-height:1;
}
.clear{
	clear:both;
}
/*　写真等の基本フロート　*/

.picL{
	float:left;	
}
.picL img{
	margin:0 10px 10px 0;
}
.picR{
	float:right;	
}
.picR img{
	margin:0 0 10px 10px;
}

/*----- common style ---------------------------------------------------------*/

#container{
	width:100%;	
	background:url(../images/container-bg.gif);
}
#container2{
	width:100%;	
	background:url(../images/container2-bg.gif) repeat-x left top;		
}
#containerInner{
	width:970px;
	margin:0 auto;
	padding:0 10px;
	background:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#topbanner{
	width:728px;
	height:90px;
	margin:0 auto;
	padding:10px 0 0 0;
}


#header{
	padding:10px 0;
	position:relative;

}
#officelogo{
	position:absolute;
	text-align:right;
	font-size: 71%;
	left: 771px;
	top: 31px;
}

/*----- #index ---------------------------------------------------------*/



#index #main{
	float:left;
	width:637px;
}
#index #side{
	float:right;
	width:300px;
}
/* biz.marunouchi-office.jp*/

#index .biz{
	background:url(../images/index-biz-box.jpg) no-repeat left bottom;
	min-height:270px;
	_height:270px;
	position:relative;
	padding:15px;
	margin:0 0 30px 0;
}
#index .biz .newTitle{
	margin:15px 0 0 0;
	width:500px;

}
#index .biz h4{
	font-size:116.6%;
	font-weight:bold;
	line-height:1.2em;
	float:left;
}
#index .biz h4 span{
	font-size:12px;
	color:#f00;
	line-height:1.2em;
}
#index .biz .check{
	float:left;
}
#index .biz .check a{
	display:block;
	width:98px;
	height:23px;
	background:url(../images/bt-check.png) no-repeat left top;
	margin:10px 0 0 10px;
}
*#index .biz .check a{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/bt-check.png' ,sizingmethod=image);
} 
#index .biz .check a:hover{
	background:url(../images/bt-check-on.png) no-repeat left top;
}
*#index .biz .check a:hover{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/bt-check-on.png' ,sizingmethod=image);
} 
#index .biz .bnTitle{
	clear:both;	
	padding:15px 0 0 0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;
	color:#063
}
#index .biz .link{
	clear:both;
;
	line-height:1.5em;

}
#index .biz a{
	color:#000	
}

#index .biz a:hover{
	color:#F60	
}
#index .biz a:visited{
	color:#333	
}
/* OneNote*/


#index .onenote{
	height:210px;
	padding:0 0 50px 0px;
	position:relative;
}

#index .onenote .bn{
	position:absolute;
	left: 160px;
	top: 80px;
}
#index .onenote .bn li{
	margin:0 0 15px 0;	
}
#index .onenote .bn li a{
	width:307px;
	height:15px;
	display:block;

}
#index .onenote .bn1 a{
	background:url(../images/index-onenote1-on.gif);
}
#index .onenote .bn2 a{
	background:url(../images/index-onenote2-on.gif);
}
#index .onenote .bn3 a{
	background:url(../images/index-onenote3-on.gif);
}
#index .onenote .bn4 a{
	background:url(../images/index-onenote4-on.gif);
}
#index .onenote .bn a:hover{
	text-indent:-9999px;	
}
/*honyasan*/


#index .book{
	padding:0 0 30px 0;
	position:relative;
	height:202px;

}
#index .book h3{
	margin:0 0 10px 0;
}
#index .book .date{
	text-align:right;
	font-size:71%;
	position:absolute;


	left:
; 		left: 556px;
	top: 20px;
}
#index .book .date span{
	color:#FF0000;
}
#index .book h4{
	margin:0 0 10px 160px;
	width:140px;
}
#index .book .recommender{
	margin-left:160px;
	width:140px;

}
#index .book .pic{
	position:absolute;
	width:150px;
	height:150px;
	left:0;
	top:52px;
}

#index .book p.blog-descri{
	position:absolute;
	width:295px;
	height:130px;
	padding:10px;
	text-align:justify;
	background:#c6f1fc;
	left: 320px;
	top: 52px;

}

/*寄り道*/
#index .yorimichi{
	padding:0 0 30px 0;
	position:relative;
	height:180px;

}
#index .yorimichi h3{
	margin:0 0 10px 0;
}
#index .yorimichi .date{
	text-align:right;
	font-size:71%;
	position:absolute;
	left: 556px;
	top: 20px;
}
#index .yorimichi .date span{
	color:#FF0000;
}
#index .yorimichi h4{
	margin:0 0 10px 220px;
	width:407px;
	font-size:116.6%;
	font-weight:bold;
}
#index .yorimichi .pic{
	position:absolute;
	width:200px;
	height:150px;
	overflow:hidden;
	left:10px;
	top:52px;
}

#index .yorimichi p.blog-descri{
	margin:0 0 10px 220px;
	width:407px;

}

/*right*/

#right{
	width:300px;
	float:right;
}

#right div.spBanner2{
	margin:0 0 20px 0;
}
#right div.banner{
	margin:20px 0;	
}

#right div.banner p{
	font-size:71%;	
}


/*honyasan*/


div.txtad{
	margin-bottom:10px;
	font-size:10px;
	width:300px;
}
#right #ranking{
	width:300px;
	height:100%;
	position:relative;
}
#right #ranking .date{
	position:absolute;
	width:300px;
	height:20px;
	text-align:center;
	left:0;
	top:40px;
}
#right #ranking div.rankbody{
}
#right #ranking table{
	font-size:83.3%;
	line-height:1.3em;
	margin:12px;
}
#right #ranking table tr.white{
	background:#FFFFFF;
}
#right #ranking table tr.green{
	background:#FFFFFF;
}
#right #ranking table td{
	padding:5px;
}
#right #ranking table td.number{
	width:20px;
	text-align:center;
	font-weight:bold;
}
#right #ranking p{
	font-size:86%;
	text-align:right;
	padding:12px;
}
/*------------------------------------------------------- #sub -------*/
#sub #container{
	width:100%;	
	background:#FFF;
}
#sub #containerInner{
	width:992px;
	padding:0;	
	border:none;
}

#sub #subMenu{
	width:992px;
	height:48px;
	background:url(../images/sub-header_white.jpg) no-repeat;
	padding:4px 5px 4px 5px;
	margin:0 auto 5px auto;
	position:relative;
}
#sub #subMenu #officelogo{
	position:absolute;
	left: 885px;
	top: 20px;
	
}
#sub #subMenu ul li{
	float:left;
	height:38px;
	background:url(../images/menu-point.gif) no-repeat left 22px;
	padding:17px 15px 0 10px;
	line-height:1.3em;
	
}
#sub #subMenu ul li.gotop{
	background:none;
	padding:0 5px;
}
#sub #subMenu ul li.line2{
	background:url(../images/menu-point.gif) no-repeat left 10px;
	padding:9px 15px 0 10px;
}

#sub #content{
	width:992px;
	margin:0 auto;
	position:relative;
	line-height:1.5em;
	background:#FFFFFF;
}
/*end*/