/***********************************************/
/*                                             */
/* CSS styles 20080528                         */
/*                                             */
/***********************************************/ 

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}


body {
	font-size: small; /* IE 向け */
}
html>/**/body {
    font-size: 12px; /* モダンブラウザ向け */
}

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.3;
	background: #e5eaff url(../images_08/background.gif) repeat-x;
}

h1 , h2 , h3 , h4 , h5 {
 	font-size: 100%;
}

hr {
 	display: none;
}

/* リンク
---------------------------------------------------- */
a:link, a:active {
  color: #666;
  background: transparent;
  text-decoration: none;
}
a:visited {
	color: #666;
	background: transparent;
	text-decoration: none;
}
a:hover {
  color: #666;
  background: transparent;
  text-decoration: underline;
}

/* layout divs
---------------------------------------------------- */

#wrapper {
	margin: auto;
	padding-top: 20px;
	width: 950px;
	padding-right: 37px;
	padding-left: 37px;
	background: #FFFFFF url(../images_08/background2.gif) repeat-y;
}

#content {
	/*float: left;*/
	width: 950px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#navi {
	float: right;
	width: 260px;
}

.story {
	float: left;
	width: 680px;
	_width: 670px;
	background: #FFF;
}

#footer_navi {
	clear: both;
}


#footer {
  padding: 0px 0px 20px 0px;
	clear: both;
}

/* #header styles
---------------------------------------------------- */
#header {
	padding-top: 0px;
	height:70px;
	position: relative;
}

h1 {
  margin: 0;
  width: 300px;
  font-size: small;
  position: absolute;
  left: 2px;
  top: 0;
}

h1 img {
  vertical-align: bottom;
}

#header ul {
  margin-top: 0px;
  margin-left: 0px;
  padding: 5px 0px 5px 0px;
  width: 200px;
  list-style: none;
  line-height: 1.5;
  position: absolute;
  left: 593px;
  top: 14px;
}

#header li {
  display: inline;
}

#header p.mitsui {
  width: 124px;
  position: absolute;
  left: 820px;
  top: 3px;
  }
 
 
/* .breadcrumbs_list styles
---------------------------------------------------- */

.breadcrumbs_list {
	background-color: #FFF;
	padding: 0px 0px 0px 10px;
	/*font-size: 80%;*/
	color: #666;
	text-align: left;
	line-height:2.5;
}
.breadcrumbs_list ul {
	width: 940px;
	list-style: none;
	text-align: left;
	font-size: x-small;
}
.breadcrumbs_list li {
	display: inline;
	text-transform: uppercase;
	vertical-align: top;
}

/* .story styles
---------------------------------------------------- */
.closeup_box2 {
	width: 320px;
	float: left;
	padding-left: 13px;
	padding-bottom: 20px;
}
.closeup_box2   p.photo {
	height: 90px;
	width: 80px;
	float: left;
	}
.closeup_box2 .clear {
	font-size: 1px;
	line-height: 1px;
}
/*100420*/
.closeup_box2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.closeup_box2 li {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(../images_08/arw01.gif) no-repeat left 2px;
	list-style-type: none;
	font-weight:bold;
	line-height: 1.5;
}

/**/

.closeup_box_g {
	width: 310px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	background: #eee;
	padding: 8px 10px;
	}
.closeup_box_g p {
	padding-left: 12px;
	padding-top: 8px;
}
.closeup_box_g p.g_link {
	margin-left: 10px;
	background: url(../images_08/ddot.gif) no-repeat left 12px;
	padding-left: 15px;
}
div.info_box {
	width: 630px;
	padding-left: 13px;
	margin-bottom: 20px;
}

div.info_box li {
	list-style-type: none;
	background: url(../images_08/ddot.gif) no-repeat left 4px;
	padding-left: 15px;
	color:#454545;
}

div.info_box li a {
	padding-left: 10px;
}

.story h2 {
	font-size: 100%;
	font-weight: normal;
	color: #555;
	line-height: 1.5;
	margin: 0px;
	padding: 15px 0px 5px;
}

.story h3 {
	font-size: 100%;
	font-weight:bold;
	color: #555;
	line-height: 1.2;
	margin: 0px;
	padding: 0px 0px 10px;
}
.story h5 {
	font-size: 100%;
	font-weight:bold;
	color: #555;
	line-height: 1.5;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(../images_08/arw01.gif) no-repeat left 2px;
}
.story h6 {
	font-size: 95%;
	font-weight:bold;
	color: #555;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

.story h4 {
	font-size: 100%;
	font-weight: normal;
	color: #555;
	line-height: 1.5;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.story a img {
    border-style:none;
}

/* #footer styles
---------------------------------------------------- */
#footer {
	width: 950px;
}



/* #navi_side styles
---------------------------------------------------- */
#navi_side ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navi_side li {
	margin: 0;
	line-height: 3.5;
	width: 260px;
	height: 43px;
	overflow:hidden;
}
#navi_side li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	padding-left: 50px;
	display: block;
	width: 260px;
	height: 43px;
}

#navi_side #feature01 a {
	width: 230px;
	height: 43px;
	padding-left: 30px;
	line-height:3.7;
	background: url(../images_08/nav_side.gif) no-repeat 0 0;
	overflow:hidden;
	display: block;
}

#navi_side #feature_01 a {
	width: 230px;
	height: 43px;
	padding-left: 30px;
	line-height:3.7;
	background: url(../images_08/nav_side.gif) no-repeat -520px 0;
	overflow:hidden;
	display: block;
}

/*#navi_side li#feature01 {
	background: url(../images/nav_side.gif) no-repeat 0 0;
}*/
#navi_side li#feature02 {
	background: url(../images_08/nav_side.gif) no-repeat 0 -43px;
}
#navi_side li#feature03 {
	background: url(../images_08/nav_side.gif) no-repeat 0 -86px;
}
#navi_side li#feature04 {
	background: url(../images_08/nav_side.gif) no-repeat 0 -129px;
}
#navi_side li#feature05 {
	background: url(../images_08/nav_side.gif) no-repeat 0 -172px;
}

/*#navi_side li#feature01 a:hover {
	background: url(../images/nav_side.gif) no-repeat -258px 0;
}*/
#navi_side #feature01 a:hover {
	background: url(../images_08/nav_side.gif) no-repeat -260px 0px;
	text-decoration: underline;
	background-color:transparent;
}
#navi_side li#feature02 a:hover {
	background: url(../images_08/nav_side.gif) no-repeat -260px -43px;
	text-decoration: underline;
	background-color:transparent;
}
#navi_side li#feature03 a:hover {
	background: url(../images_08/nav_side.gif) no-repeat -260px -86px;
	text-decoration: underline;
	background-color:transparent;
}
#navi_side li#feature04 a:hover {
	background: url(../images_08/nav_side.gif) no-repeat -260px -129px;
	text-decoration: underline;
	background-color:transparent;
}
#navi_side li#feature05 a:hover {
	background: url(../images_08/nav_side.gif) no-repeat -260px -172px;
	text-decoration: underline;
	background-color:transparent;
}

/*#navi_side li#feature_01 {
	background: url(../images/nav_side.gif) no-repeat -516px 0;
}*/
#navi_side li#feature_02 {
	background: url(../images_08/nav_side.gif) no-repeat -520px -43px;
	padding-left: 0px;
	width: 260px;
}
#navi_side li#feature_03 {
	background: url(../images_08/nav_side.gif) no-repeat -520px -86px;
	padding-left: 0px;
	width: 260px;
}
#navi_side li#feature_04 {
	background: url(../images_08/nav_side.gif) no-repeat -520px -129px;
	padding-left: 0px;
	width: 260px;
}
#navi_side li#feature_05 {
	background: url(../images_08/nav_side.gif) no-repeat -520px -172px;
	padding-left: 0px;
	width: 260px;
}

/* 資料請求 styles
---------------------------------------------------- */

#s_navi {
	background: url(../images_08/navi_pamph_back.gif) no-repeat;
	width: 260px;
	padding-top: 5px;
}

#navi_mat {
	height: 42px;
	width: 260px;
	margin: 13px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}

#navi_mat a {
	display: block;
	width: 232px;
	text-indent: -9999px;
	background: url(../images_08/navi_mat_off.gif) no-repeat;
	margin: 0px 14px 0px 14px;
	padding: 13px 0px 15px 0px;
}

#navi_mat a:hover {
	background: url(../images_08/navi_mat_on.gif) no-repeat;
	background-color: transparent;
}



/* 三井の森だより styles
---------------------------------------------------- */

#navi_pamph {
	height: 77px;
	width: 260px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

#navi_pamph a {
	display: block;
	width: 232px;
	text-indent: -9999px;
	background: url(../images_08/navi_pamph_off01.gif) no-repeat;
	margin: 0px 14px 0px 14px;
	padding: 7px 0px 7px 0px;
}

#navi_pamph a:hover {
	background: url(../images_08/navi_pamph_on01.gif) no-repeat;
	background-color: transparent;
}

/* お問い合わせ styles
---------------------------------------------------- */

#navi_inq {
	background: url(../images_08/navi_inq_back.gif) no-repeat;
	height: 143px;
	width: 260px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

#navi_inq a {
	display: block;
	width: 232px;
	text-indent: -9999px;
	background: url(../images_08/navi_inq_off01.gif) no-repeat;
	margin: 0px 14px 0px 14px;
	padding: 7px 0px 7px 0px;
}

#navi_inq a:hover {
	background: url(../images_08/navi_inq_on01.gif) no-repeat;
	background-color: transparent;
}

/* いずみ平バナー styles
---------------------------------------------------- */

#certo img {
	border-style: none;
}

/* #header_navi styles
---------------------------------------------------- */
#header_navi {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header_navi li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
}
#header_navi li a {
	display: block;
	overflow: hidden;
	background: url(../images_08/header_navi.gif) no-repeat;
}
#header_navi li#navi1 a {
	width: 94px;
	height: 14px;
}
#header_navi li#navi2 a {
	width: 63px;
	height: 14px;
}
#header_navi li#navi3 a {
	width: 92px;
	height: 14px;
}

#header_navi li#navi1 a { background-position:    0px 0px; }
#header_navi li#navi2 a { background-position:  -94px 0px; }
#header_navi li#navi3 a { background-position:  -157px 0px; }

#header_navi li#navi1 a:hover { background-position:    0px -14px; }
#header_navi li#navi2 a:hover { background-position:  -94px -14px; }
#header_navi li#navi3 a:hover { background-position:  -157px -14px; }


/* #footer_navi styles
---------------------------------------------------- */

#footer_navi {
	width: 250px;
	height: 14px;
	_height: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	_margin-bottom: 4px;
	margin-left: 0px;
}
#footer_navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer_navi li {
	display: inline;
	margin: 0px;
	text-indent: -9999px;
	font-size:5px;

}
#footer_navi a {
	text-decoration: none;
	display: block;
	width: 78px;
	float: left;
	height: 14px;
	outline: none;
	text-decoration: none;
	background-image: url(../images_08/footer_navi.gif);
	background-repeat: no-repeat;
}

#na2 a {
	background-position: 0px 0px;
	width: 78px;
}
#na1 a:hover {
	background-position: 0px -14px;
	width: 78px;
}
#na2 a {
	background-position: -78px 0px;
	width: 92px;
}
#na2 a:hover {
	background-position: -78px -14px;
}
#na3 a {
	background-position: -170px 0px;
	width: 80px;
}
#na3 a:hover {
	background-position: -170px -14px;
}


.clear {
	clear: both;
	height: 0px;
	display:block;
	visibility:hidden;
}
#top_link {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	background-image: url(../images_08/ya_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 140px;
	margin-left: 524px;
	margin-bottom: 40px;
}
.red {
	color: #d30;
}
.new {
	color: #f08300;
}
#mainimg {
	height: 375px;
	width: 950px;
}

/*クローズアップ*/
#closeup_hanbai{
	width: 325px;
	border: 1px solid #a7c3e2;
	float: left;
	height: 540px;
}
#closeup_magazine{
	width: 325px;
	border: 1px solid #a7c3e2;
	float: right;
	margin-right: 11px;
	height: 540px;
}
.closeup{
	font-weight: bold;
	border-bottom: 1px solid #a7c3e2;
	padding: 6px 6px 6px 15px;
	width: 304px;
	background: url(../images/closeup.gif) no-repeat 6px center;
}
.closeup_box {
	width: 310px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 9px;
	}
.closeup_box .photo {
	width: 130px;
	float: left;
	}
.closeup_box .closeup_text {
	margin-left: 140px;
	}
.closeup_box .clear {
	font-size: 1px;
	line-height: 1px;
}
.topics_box1 {
	width: 320px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 9px;
	float: left;
	}
.topics_box1 .photo {
	width: 130px;
	float: left;
	}
.topics_box1 .closeup_text {
	margin-left: 140px;
	}
.topics_box1 .clear {
	font-size: 1px;
	line-height: 1px;
}
.topics_box2 {
	width: 320px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 9px;
	float: right;
	margin-right: 11px;
	}
.topics_box2 .photo {
	width: 130px;
	float: left;
	}
.topics_box2 .closeup_text {
	margin-left: 140px;
	}
.topics_box2 .clear {
	font-size: 1px;
	line-height: 1px;
}

/*おすすめコンテンツ*/
/*#content .story div#osusume{
	width: 660px;
	border: 1px solid #a7c3e2;
	padding: 8px 0px 8px 8px;
}*/
table#osusume{
	width: 660px;
	border: 1px solid #a7c3e2;
}
table#osusume td{
	margin: 0px;
	padding: 0px 6px 6px;
	vertical-align: top;
}
table#osusume td img{
	padding-top: 6px;
}
table#osusume td h3{
	background: url(../images_08/arw01.gif) no-repeat left 2px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	display: block;
}
table#osusume td h3 a{
	font-weight: bold;
	color: #4f86c5;
}