@charset "UTF-8";
/* -- ///////////////////////////////////////////
copyright 2011 FIELD co,ltd.
All Rights Reserved.
 
created: 2011.06.30 FIELD
////////////////////////////////////////// -- */
/* -- IMPORT CSS
////////////////////////////////////////// -- */



/* -- ///////////////////////////////////////////
ASIDE -- */



/* -- END
////////////////////////////////////////// -- */


/* -- ///////////////////////////////////////////
ARTICLE -- */

div#article{
	width: 720px;
	float: right;
	padding: 15px 15px 30px 25px;
	background: url(/images/common/archive_articleBG.gif) no-repeat left top;
}

* html div#article{ width: 760px; } /* for IE6 */


div#article #breadcrumbs{
	background: #f0f0f0;
	padding: 5px 25px 3px;
}

div#article #breadcrumbs ul{
	width: 670px;
	overflow: hidden;
}

div#article #breadcrumbs ul li{
	position: relative;
	left: -13px;
	top: 0px;
	display: inline;
	line-height: 1.5em;
	background: url(/images/common/icon_crumbs.gif) no-repeat 0em 0.1em;
	padding: 0px 0px 0px 13px;
	font-size: 77%;
	margin: 0px 10px 0px 0px;
	color: #333;
}

div#article #breadcrumbs ul li a{
	color: #333;
	text-decoration: underline;
}

div#article #breadcrumbs ul li a:hover{
	color: #333;
	text-decoration: none;
}


div#article h1{ margin: 0px 0px 25px; }

div#article #sections{ padding: 0px 0px 0px 25px; }

div#article #sections h2{ margin: 0px 0px 30px; }

div#article #sections p{
	line-height: 1.7;
	color: #333;
}

/* ABOUT-US */

div#article #sections #about-us{}

div#article #sections #about-us .text{}

div#article #sections #about-us .section p{ margin: 0 0 10px 0; }

div#article #sections #about-us .text .signature{
	text-align: right;
	margin: 15px 0px 0px;
}

div#article #sections #about-us .text .signature strong{
	font-size: 116%;
	padding: 0px 0px 0px 1em;
}

div#article #sections #about-us .section { margin:0 0 30px 0; }
div#article #sections #about-us .section:last-child { margin:0; }

div#article #sections #about-us .ecopall h3 {
	width:670px;
	height:24px;
	background:url(../../images/about-us/development_h3_bg.gif) no-repeat;
	font-weight:bold;
	padding:5px 0 0 7px;
	margin:0 0 8px 0;
}

div#article #sections #about-us .ecopall .section {
	width:670px;
	margin-bottom:30px;
}
div#article #sections #about-us .ecopall .section .text{
	width:450px;
	float:right;
}
div#article #sections #about-us .ecopall th {
	width:225px;
	font-weight:bold;
	padding:0 0 4px 0;
}
div#article #sections #about-us .ecopall th span {
	color:#2e2e81;
}
div#article #sections #about-us .ecopall table td {
	vertical-align:top;
	padding-right:20px;
	line-height:1.5;
}
div#article #sections #about-us .ecopall table td:last-child {
	padding-right:0;
}
div#article #sections #about-us .ecopall td ul li {
	list-style:disc;
	list-style-position: inside;
	padding-left: 1em;
    text-indent: -1em;
}



.new-cardboard h3 {
	height:24px;
	background:url(../../../images/about-us/development_h3_bg.gif) no-repeat;
	font-weight:bold;
	padding:5px 0 0 7px;
	margin:0 0 8px 0;
	text-align:left;
}

.new-cardboard h4 { font-weight:bold; margin:0 0 10px 10px; }
.new-cardboard h4 span { color:#2e2e81; }

.new-cardboard ol {
	width:310px;
	margin:0 0 0 10px;
}

.new-cardboard ol li {
	list-style:decimal;
	list-style-position: inside;
	padding-left: 1.6em;
    text-indent: -1.6em;
	margin-bottom:10px;
	color:#a34900;
	font-weight:bold;
	line-height:1.5;
}
.new-cardboard ol li span {
	color:#333333;
	font-weight:normal;
}

.asenter { text-align:center; }

.new-cardboard .section {
	width:670px;
	margin-bottom:30px;
}
.new-cardboard .section .text{
	width:450px;
	float:right;
}
.new-cardboard th {
	width:225px;
	font-weight:bold;
	padding:0 0 4px 0;
}
.new-cardboard th span {
	color:#2e2e81;
}
.new-cardboard table td {
	vertical-align:top;
	padding-right:20px;
	line-height:1.5;
}
.new-cardboard table td:last-child {
	padding-right:0;
}

.pagetop-fix {
	position:fixed;
	bottom:0;
	right:0;
}



/* products */
div#article #sections #products{
	width:670px;
}

div#article #sections #products .text{
	width:454px;
	float:left;
}

div#article #sections #products .text p{
	margin-bottom:10px;
}

div#article #sections #products .img{
	width:168px;
	float:right;
}

div#article #sections ul.products_bottom li{
	float:left;
	width:216px;
	margin:0 0 10px 0;
}

div#article #sections ul.products_bottom02{
	width:670px;
}

div#article #sections ul.products_bottom02 li{
	float:left;
	margin:0 0 10px 0;
}

div#article #sections ul.products_bottom02 li.right{
	width:216px;
	float:right;
}



.ml11{
	margin-left:11px !important;
}

div#article #sections ul.products_bottom li img{
	vertical-align:text-bottom;
}

/* GROUP-INFO / FOOTHOLD */

div#article #sections #foothold{}


div#article #sections #maparea{
	height: 350px;
	width: 695px;
	position: relative;
	margin: 0px 0px 15px;
}

div#article #sections #maparea #map{
	height: 350px;
	width: 695px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#article #sections #maparea #areaInfo{
	height: 285px;
	width: 307px;
	position: absolute;
	left: 364px;
	top: 51px;
}

div#areaInfo_inner{
	height: 285px;
	width: 307px;
	position:relative;
}


div#areaInfo_inner #area_hokkaido{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_tohoku{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_kanto{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_tokai{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_hokuriku{
	position: absolute;
	top: 0px;
	left: 0px;
}


div#areaInfo_inner #area_kousinetsu{
	position: absolute;
	top: 0px;
	left: 0px;
}


div#areaInfo_inner #area_chugoku{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_shikoku{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_kyushu{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#areaInfo_inner #area_overseas{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#article #sections #maparea #areaInfo dt{
	background: #afbaf2;
	padding: 2px 5px 0px;
	color: #333;
	line-height: 20px;
	margin: 0px 0px 12px;
	width:307px;
}

div#article #sections #maparea #areaInfo dd{
	background: url(/images/common/icon_dd01.gif) no-repeat 0em 0.3em;
	line-height: 1.5em;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 2px;
}

div#article #sections #maparea #areaInfo dd a{
	color: #003083;
	text-decoration: underline;
}

div#article #sections #maparea #areaInfo dd a:hover{
	color: #003083;
	text-decoration: none;
}

div#article #sections #maparea #areaInfo dd span.external{
	background: url(/images/common/icon_external.gif) no-repeat right center;
	padding: 0px 19px 0px 0px;
}


/* OVERIDER sction15 Only under Foothold directive */
div#article #sections #foothold .section15{ margin: 0 !important; padding: 0 0 15px 0 !important; }


div#article #sections #foothold .location_box{
	border-bottom: 1px solid #656565;
	padding: 0px 0px 1px;
	position: relative;
}

div#article #sections #foothold .location_box .image{
	float: left;
	width: 175px;
	height: 125px;
}

div#article #sections #foothold .location_box .text_info{
	float: right;
	width: 495px;
}

div#article #sections #foothold .location_box .text_info dt{
	font-size: 116%;
	margin: 0px 0px 10px;
} 

div#article #sections #foothold .location_box .text_info dd{ line-height: 1.5; } 

div#article #sections #foothold .location_box .text_info dd span.icon_HP{
	background:#F93;
	padding:0 2px;
	margin:0 3px 0 0;
	font-size:77%;
	color:#FFF;
} 


div#article #sections #foothold .location_box .btn_detail{
	height: 28px;
	width: 100px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

div#article #sections #foothold .location_box .btn_detail a{
	background: url(/images/group-info/btn_detail.gif) no-repeat 0px 0px;
	color: #FFF;
	text-decoration: none;
	line-height: 28px;
	height: 28px;
	width: 90px;
	padding: 0 0 0 10px;
	right: 0px;
	bottom: 0px;
	display: block;
}

* html div#article #sections #foothold .location_box .btn_detail a{ width: 100px; } /* for IE6 */

div#article #sections #foothold .location_box .btn_detail a.detailAnchorClose{ background: url(/images/group-info/btn_close.gif) no-repeat 0px 0px; }

div#article #sections #foothold .location_boxDetail{
	background: url(/images/group-info/footholdBG01.gif) repeat;
	padding: 20px;
	/*display: none;*/
}

div#article #sections #foothold .location_boxDetail table{
	width: 100%;
	color:#333333;
}
div#article #sections #foothold .location_boxDetail table td{
	border-bottom:1px #FFFFFF solid;
}
div#article #sections #foothold .location_boxDetail table td span{
	background: url(/images/common/icon_dt01.gif) no-repeat 0em 0.7em;
	padding: 3px 0px 0px 12px;
}

.col_title{
	width: 125px;
}
* html .col_title{
	width: 117px;/* for IE 6 */
}
*:first-child+html .col_title{
	width: 117px;/* for IE 7 */
}


div#article #sections #foothold .location_boxDetail dl{
	line-height: 1.5em;
	color: #333;
}

div#article #sections #foothold .location_boxDetail dt{
	background: url(/images/common/icon_dt01.gif) no-repeat 0em 0.6em;
	padding: 3px 0px 0px 12px;
	float: left;
	width: 105px;
	clear: both;
}

* html div#article #sections #foothold .location_boxDetail dt{ width: 117px; border-bottom: 1px solid #FFF; padding:3px 10px 0 12px; } /* for IE 6 */

*:first-child+html #sections #foothold .location_boxDetail dt{ border-bottom: 1px solid #FFF; padding:3px 10px 0 12px; } /* for IE 7 */

div#article #sections #foothold .location_boxDetail dd{
	padding: 3px 0px 0px 125px;
	border-bottom: 1px solid #FFF;
}

* html div#article #sections #foothold .location_boxDetail dd{ width: 538px; float: left; display: block; padding: 3px 0 0 0; }
*:first-child+html #sections #foothold .location_boxDetail dd{ padding: 3px 0 0 0 !important; } /* for IE 7 */
* html div#article #sections #foothold .location_boxDetail dd.widthFull{ width: 655px; float: left; display: block; padding: 3px 0 0 117px; }
*:first-child+html div#article #sections #foothold .location_boxDetail dd.widthFull{ padding: 3px 0 0 117px !important; } /* for IE 7 */

div#article #sections #foothold .location_boxDetail dd span.desc{
	display: block;
	float: left;
	width: 350px;
}

div#article #sections #foothold .location_boxDetail dd span.quantity{
	display: block;
	float: right;
	text-align:right;
	width: 180px;
}

/* clearfix */
*:first-child+html div.location_boxDetail dl{ display: inline-block; } /* for IE7 */
div.location_boxDetail dl:after { 
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html div.location_boxDetail dl { display: inline-block; } 
/* no ie mac \*/
* html div.location_boxDetail dl { height: 1%; }
 div.location_boxDetail dl { display: block; }
/* */


/* clearfix */
*:first-child+html div.location_boxDetail dd{ display: inline-block; } /* for IE7 */
div.location_boxDetail dd:after { 
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html div.location_boxDetail dd { display: inline-block; } 
/* no ie mac \*/
* html div.location_boxDetail dd { height: 1%; }
 div.location_boxDetail dd { display: block; }
/* */




/********** clearfix **********/
/*
div.location_boxDetail dl:before,
div.location_boxDetail dl:after {
    content:"";
    display:table;
}

div.location_boxDetail dl:after {
    clear:both;
}
*/
/* For IE 6/7 (trigger hasLayout) */
/*
div.location_boxDetail dl {
    zoom:1;
}
*/
/********** clearfix **********/
/*
div.location_boxDetail table:before,
div.location_boxDetail table:after {
    content:"";
    display:table;
}

div.location_boxDetail table:after {
    clear:both;
}
*/
/* For IE 6/7 (trigger hasLayout) */
div.location_boxDetail table {
	table-layout: auto;
	width: 655px;
	line-height: 1.5em;
}

div.location_boxDetail table td{ padding: 3px 0 0 0; } 

* html div.location_boxDetail table{ table-layout: auto; width: 655px !important; }

/********** clearfix **********/
/*
div.location_boxDetail tr:before,
div.location_boxDetail tr:after {
    content:"";
    display:table;
}

div.location_boxDetail tr:after {
    clear:both;
}
*/
/* For IE 6/7 (trigger hasLayout) */
div.location_boxDetail tr {
    zoom:1;
}




/* SITEMAP */

div#article #sections #sitemap{}

div#article #sections #sitemap ul{ list-style: none; }

div#article #sections #sitemap ul li{
	line-height: 1.5em;
	background: url(/images/common/icon_li02.gif) no-repeat 0em 0.4em;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 25px;
	font-weight: bold;
}

div#article #sections #sitemap ul li a{
	color: #333;
	text-decoration: none;
}

div#article #sections #sitemap ul li a:hover{
	color: #333;
	text-decoration: underline;
}

div#article #sections #sitemap ul li li{
	line-height: 1.5em;
	background: url(/images/common/icon_li03.gif) no-repeat 0em 0.5em;
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}

div#article #sections #sitemap ul li.indent_level1{ margin-left: 40px; }

div#article #sections #sitemap ul li.indent_level2{ margin-left: 30px; }

div#article #sections #sitemap ul li.indent_level3{ margin-left: 53px; }

div#article #sections #sitemap ul li.indent_level4{ margin-left: 80px; }

div#article #sections #sitemap ul li.indent_level5{ margin-left: 117px; }

div#article #sections #sitemap ul li.indent_level6{ margin-left: 150px; }

div#article #sections #sitemap ul li span.external{
	background: url(/images/common/icon_external02.gif) no-repeat right center;
	padding: 0px 18px 0px 0px;
}


/* OUR-STPES */

div#article #sections #our-steps{}

div#article #sections #our-steps #annotation{
	text-align: right;
	margin: 0px 0px 25px;
}

div#article #sections #our-steps #annotation p{
	color: #333;
	line-height: 1.5;
}

div#article #sections #our-steps #annotation p span.m{ color: #ff6600; }

div#article #sections #our-steps #annotation p span.h{
	color: #006600;
	padding: 0px 0px 0px 10px;
}

div#article #sections #our-steps dt{
	float: left;
	width: 5em;
	clear: both;
	line-height: 1.5;
}

div#article #sections #our-steps dd{
	margin: 0px 0px 10px 6em;
	line-height: 1.5;
}

div#article #sections #our-steps dd span.month{
	float: left;
	width: 3em;
	text-align: right;
}

div#article #sections #our-steps dd span.desc{
	margin: 0 0 0 5.5em;
	display: block;
}

div#article #sections #our-steps dd span.m{
	color: #ff6600;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 1em;
	display: block;
}

div#article #sections #our-steps dd span.h{
	color: #006600;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 1em;
	display: block;
}


/* clearfix */
*:first-child+html div#our-steps dd{ display: inline-block; } /* for IE7 */
div#our-steps dd:after { 
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html div#our-steps dd { display: inline-block; } 
/* no ie mac \*/
* html div#our-steps dd { height: 1%; }
 div#our-steps dd { display: block; }
/* */


/* GROUP-INFO */


div#article #sections #group-info{}

div#article #sections #group-info table{
	table-layout: fixed;
	border-collapse: collapse;
	width: 670px;
	border: 1px solid #999;
}
div#article #sections #group-info table td{
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

div#article #sections #group-info table th{
	width: 60px;
	padding: 10px 20px;
	vertical-align: top;
	border-bottom: 1px solid #999;
	background:#EDE9E9;
}

* html div#article #sections #group-info table th{ width: 100px; } /* for IE6 */

div#article #sections #group-info table td{ padding: 10px; }


/* NEWS standalone */

div#news{
	min-height: 500px;
	height: 500px;
	height: auto !important;
}

div#news h2{
	font-size: 116%;
	font-weight: bold;
}

div#news h2 span.date{
	font-size: 85%;
	display: block;
}


/* NEWS wordpress */

div#news_wp{
	min-height: 500px;
	height: 500px;
	height: auto !important;
}

div#news_wp h2{
	font-size: 123.1%;
	font-weight: bold;
	padding: 0px 0px 0px 7px;
	border-left: 5px solid #2f2f82;
	line-height: 1em;
}

div#news_wp dl{}

div#news_wp dt{ margin: 0px 0px 10px; }

div#news_wp dd{
	margin: 0px 0px 35px;
	line-height: 1.5;
}

div#news_wp dd strong{
	font-weight: bold;
	display: block;
	margin: 0px 0px 10px;
}

div#news_wp dd a{
	color: #2f2f82;
	font-weight: bold;
	text-decoration: none;
}

div#news_wp dd a:hover{
	color: #2f2f82;
	font-weight: bold;
	text-decoration: underline;
}

/*
----------------------- privacy --*/
#privacy{
	padding: 0 20px 0 0;
}
#privacy h2{
	color: #3e4496;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px 0 !important;
}
#privacy ul li, #privacy ol li{
	padding-bottom:15px;
}
#privacy ul{
	list-style-type: none;
	list-style-position: inside;
	padding: 0 0 10px 20px;
}
#privacy ol{
	list-style-type: decimal;
	list-style-position: inside;
}
#privacy ol li{
	padding-left: 1.4em;
	text-indent: -1.4em;
}
#privacy ul li{
	padding-left: 2.2em;
	text-indent: -2.2em;
}
#privacy strong{
	font-weight: bold;
}


/* -- END
////////////////////////////////////////// -- */