@charset "utf-8";

.clearfix:after {
    content: "."; 
    display: block; 
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;å
    border: 0;
    padding: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

*{
	margin: 0; 
	padding: 0; 
	/*font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif, Helvetica; 
	font-size: 100%; 
	font-style: normal; 
	list-style: none; 
}

body {	
	background: #fff;
	text-align: center; 
	font-size: 75%;
}

img {
	border: 0px; 
}

h1 {
	font-weight: bold; 
	font-size: 150%; 
}

#header {
	width: 802px; 
	height: 50px; 
	text-align: left; 
	margin: 0 auto; 
	position: relative; 
	border-bottom: 1px solid #C70267; 
}

#header .logo {
	width: 113px; 
	height: 41px; 
	top:5px; 
	left: 12px; 
	position: absolute; 
}

#header .url {
	width: 168px; 
	height: 16px; 
	top:24px; 
	left: 140px; 
	position: absolute; 
}

#header .headetBtn {
	width: 140px; 
	height: 25px; 
	top:13px; 
	left: 662px; 
	position: absolute; 
}

#footer {
	width:800px; 
	height: 20px; 
	display: block; 
	text-align: right; 
	margin: 0 auto; 
	padding: 7px 5px; 
	background: #fff url(http://www.arsoa.net/common_images/footer_bg.jpg) center 0 no-repeat; 
}

#footer .copyRight {
	font-size: 84%; 
	font-family: Helvetica; 
}

#content {
	width:800px; 
	padding: 0 5px; 
	margin: 0 auto; 
	text-align: left; 
}

.contentID01 {
	background: url(http://www.arsoa.net/common_images/contents_bg_01.gif) center top repeat-y; 
}

.contentID02 {
	background: url(http://www.arsoa.net/common_images/contents_bg_02.gif) center top repeat-y; 
}

.contentID03 {
	background: url(http://www.arsoa.net/common_images/contents_bg_03.gif) center top repeat-y; 
}

/*グローバルナビ*/
.globalNavi {
	width:800px; 
	overflow: hidden; 
}

.globalNavi ul {
	list-style: none; 
}

.globalNavi ul li {
	float: left; 
	display: block;
}

.globalNavi ul li a {
	width: 200px; 
	height: 35px; 
	float: left; 
	display: block; 
	text-indent: -9999px; 
}

.globalNavi ul li#topPage a:link , 
.globalNavi ul li#topPage a:visited {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_01.jpg) 0 0 no-repeat; 
}

.globalNavi ul li#topPage a:hover {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_01.jpg) 0 -35px no-repeat; 
}

.globalNavi ul li#topPage a:active {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_01.jpg) 0 -70px no-repeat; 
}


.globalNavi ul li#column a:link , 
.globalNavi ul li#column a:visited {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_02.jpg) 0 0 no-repeat; 
}

.globalNavi ul li#column a:hover {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_02.jpg) 0 -35px no-repeat; 
}

.globalNavi ul li#column a:active {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_02.jpg) 0 -70px no-repeat; 
}


.globalNavi ul li#fAndO a:link , 
.globalNavi ul li#fAndO a:visited {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_03.jpg) 0 0 no-repeat; 
}

.globalNavi ul li#fAndO a:hover {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_03.jpg) 0 -35px no-repeat; 
}

.globalNavi ul li#fAndO a:active {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_03.jpg) 0 -70px no-repeat; 
}


.globalNavi ul li#factory a:link , 
.globalNavi ul li#factory a:visited {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_04.jpg) 0 0 no-repeat; 
}

.globalNavi ul li#factory a:hover {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_04.jpg) 0 -35px no-repeat; 
}

.globalNavi ul li#factory a:active {
	background: #fff url(http://www.arsoa.net/common_images/global_btn_04.jpg) 0 -70px no-repeat; 
}

#content .mainTitleArea {
	width: 800px; 
	height: 140px; 
}

#content .mainTitleArea img {
	behavior: url(http://www.arsoa.net/css/iepngfix.htc) ;
}

/*
#content .titleID01{
	background: #fff url(http://www.arsoa.net/common_images/cat_title_01.jpg) center top no-repeat; 
}

#content .titleID02{
	background: #fff url(http://www.arsoa.net/common_images/cat_title_02.jpg) center top no-repeat; 
}

#content .titleID03{
	background: #fff url(http://www.arsoa.net/common_images/cat_title_03.jpg) center top no-repeat; 
}
*/

/*サイドバー*/
#content .sideBar {
	width: 160px; 
	float: left; 
	margin-top: 20px; 
	display: block; 
}

.sideBar img {
	behavior: url(http://www.arsoa.net/css/iepngfix.htc) ;
}

#content .sideBar h1 {
	margin: 0 0 10px 0; 
}

#content .sideBar .nextIssue {
	display: block; 
	margin: 8px 0; 
	font-size: 92%; 
	text-align: center; 
}

#content .sideBar ul {
	margin: 0 10px 0 15px; 
}

#content .sideBar ul li a {
	padding: 0 0 0 10px; 
	display: block; 
	margin: 5px 0; 
	text-shadow: #bbb 1px 1px 2px; 
	line-height: 1.4em; 
	font-family: Optima , 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
}

.contentID01 .sideBar .takiguchiPh {
	width: 160px; 
	height: 192px; 
	margin-bottom: 18px; 
}

.contentID01 .sideBar .nextIssue , 
.contentID01 a , 
.contentID01 a:link , 
.contentID01 a:visited { 
	color:#C4036E; 
	text-decoration: none; 
}
.contentID01 a:hover {text-decoration: underline; }

.contentID01 .sideBar ul li a {
	background:  url(http://www.arsoa.net/common_images/arrow_01.gif) 0 5px no-repeat; 
}

.contentID02 .sideBar .nextIssue , 
.contentID02 a , 
.contentID02 a:link , 
.contentID02 a:visited { 
	color:#0176BB; 
	text-decoration: none; 
}
.contentID02 a:hover {text-decoration: underline; }

.contentID02 .sideBar ul li a {
	background:  url(http://www.arsoa.net/common_images/arrow_02.gif) 0 5px no-repeat; 
}

.contentID03 .sideBar .nextIssue , 
.contentID03 a , 
.contentID03 a:link , 
.contentID03 a:visited { 
	color:#009A01; 
	text-decoration: none; 
}
.contentID03 a:hover {text-decoration: underline; }

.contentID03 .sideBar ul li a {
	background:  url(http://www.arsoa.net/common_images/arrow_03.gif) 0 5px no-repeat; 
}

/*メインエリア*/
#content .mainArea {
	width: 640px; 
	float: left; 
	display: block; 
	line-height: 1.8em; 
}

#content .mainArea .body p {
	letter-spacing: 0.2em; 
	/*margin-top: 2px; */
	margin-bottom: 18px; 
}

/*前後リンク*/
.prevNext {
	margin-top: 18px; 
	behavior: url(http://www.arsoa.net/css/iepngfix.htc) ;
	display: block; 
}

.prevNext ul li#prev {
	float: left; 
}

.prevNext ul li#next {
	float: right; 
}

.contentID01 .prevNext ul li#prev a:link , 
.contentID01 .prevNext ul li#prev a:visited , 
.contentID01 .prevNext ul li#prev a:hover {
	background:  url(http://www.arsoa.net/common_images/arrow_01_prev.gif) 0 4px no-repeat; 
	padding: 0 0 0 10px; 
}

.contentID01 .prevNext ul li#next a:link , 
.contentID01 .prevNext ul li#next a:visited , 
.contentID01 .prevNext ul li#next a:hover {
	background:  url(http://www.arsoa.net/common_images/arrow_01.gif) right 4px no-repeat; 
	padding: 0 10px 0 0; 
}

.contentID02 .prevNext ul li#prev a:link , 
.contentID02 .prevNext ul li#prev a:visited , 
.contentID02 .prevNext ul li#prev a:hover {
	background:  url(http://www.arsoa.net/common_images/arrow_02_prev.gif) 0 4px no-repeat; 
	padding: 0 0 0 10px; 
}

.contentID02 .prevNext ul li#next a:link , 
.contentID02 .prevNext ul li#next a:visited , 
.contentID02 .prevNext ul li#next a:hover {
	background:  url(http://www.arsoa.net/common_images/arrow_02.gif) right 4px no-repeat; 
	padding: 0 10px 0 0; 
}

.contentID03 .prevNext ul li#prev a:link , 
.contentID03 .prevNext ul li#prev a:visited , 
.contentID03 .prevNext ul li#prev a:hover {
	background:  url(http://www.arsoa.net/common_images/arrow_03_prev.gif) 0 4px no-repeat; 
	padding: 0 0 0 10px; 
}

.contentID03 .prevNext ul li#next a:link , 
.contentID03 .prevNext ul li#next a:visited , 
.contentID03 .prevNext ul li#next a:hover {
	background:  url(http://www.arsoa.net/common_images/arrow_03.gif) right 4px no-repeat; 
	padding: 0 10px 0 0; 
}


/*青空コラム*/
.innerColumn {
	width: 640px; 
	margin: 0 auto; 
	margin-top: 20px; 
	background:  url(http://www.arsoa.net/column/images/inner_bg.jpg) center top repeat-y; 
}

.innerColumn .top {
	width: 640px; 
	height: 12px; 
	background:  url(http://www.arsoa.net/column/images/inner_top.jpg) center top no-repeat; 
}

.innerColumn .bottom {
	width: 640px; 
	height: 12px; 
	background:  #fff url(http://www.arsoa.net/column/images/inner_bottom.jpg) center top no-repeat; 
	padding: 0 0 30px 0; 
}

.innerColumn h1 {
	color: #C4036E; 
	padding: 0 66px 24px 66px; 
	background: url(http://www.arsoa.net/column/images/h1_bg.jpg) center bottom no-repeat; 
	font-family: Optima , 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
	text-shadow: #ddd 2px 2px 2px; 
	font-weight: bold; 
}

.innerColumn .body {
	padding: 0 15px; 
	margin: 5PX 50px; 
	width: 510px; 
	background:  url(http://www.arsoa.net/column/images/row_line.jpg) center top repeat; 
	line-height: 18px; 
}

.innerColumn .body img {
	behavior: url(http://www.arsoa.net/css/iepngfix.htc);
}



/*森と海の真ん中から*/
.innerFrestAndOcean {
	width: 640px; 
	margin: 0 auto; 
	margin-top: 20px; 
	/*background: #fff url(http://www.arsoa.net/column/images/inner_bg.jpg) center top repeat-y; */
}

.innerFrestAndOcean h1 {
	color: #0176BB; 
	background: url(http://www.arsoa.net/forest-ocean/images/h1_bg.jpg) center bottom no-repeat; 
	font-family: Optima , 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
	text-shadow: #ddd 2px 2px 2px; 
	width: 480px; 
	padding: 0 20px 12px 20px; 
	margin: 0 60px; 
	display: none; 
}

.innerFrestAndOcean .body {
	width: 480px; 
	margin: 0 0 20px 77px; 
	line-height: 18px; 
}

/*工場での取り組み*/
.innerFactory {
	width: 640px; 
	margin: 0 auto; 
	margin-top: 20px; 
	/*background: #fff url(http://www.arsoa.net/column/images/inner_bg.jpg) center top repeat-y; */
}

.innerFactory h1 {
	color: #009A01; 
	background: url(http://www.arsoa.net/factory/images/h1_bg.jpg) center bottom no-repeat; 
	font-family: Optima , 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
	text-shadow: #ddd 2px 2px 2px; 
	width: 480px; 
	padding: 0 20px 12px 20px; 
	margin: 0 60px; 
	display: none; 
}

.innerFactory .body {
	width: 480px; 
	margin: 0 0 20px 77px; 
	line-height: 18px; 
}

/*森と海の真ん中から＆工場での取り組み　共通*/
.innerFrestAndOcean .body p , 
.innerFactory .body p {
	padding: 0 !important;
	margin: 0 !important;  
}

.innerFrestAndOcean .body .notice , 
.innerFactory .body .notice {
	margin: 0 0 0 3px; 
	font-size: 83%; 
	color: #666; 
}

.innerFrestAndOcean .body object , 
.innerFrestAndOcean .body embed , 
.innerFrestAndOcean .body param ,
.innerFactory .body  object , 
.innerFactory .body  embed , 
.innerFactory .body  param , {
	width: 480px; 
	height: 407px; 
	border: 1px none #000; 
	padding: 0; 
	margin: 0; 
}

/*.mt-enclosure {
	border: 1px solid #000; 
}

.mainArea .body .mt-enclosure-image a {
	border: 1px solid #000; 
	padding: 5px; 
	background: url(http://www.arsoa.net/common_images/ph_back.png) right bottom no-repeat ; 
}

.mainArea .body .mt-enclosure-image a img {
	padding: 5px 10px 10px 5px; 
	border-top: 1px solid #eee; 
	border-left: 1px solid #eee; 
	background: url(http://www.arsoa.net/common_images/ph_back.png) right bottom no-repeat ; 
}*/