@charset "shift-jis";

/* --------------------------------------------------
 * 
 * /css/style.css
 * 
 * --------------------------------------------------
 */

/* article ---------- */
#article {}
	#article .section_static {
		
	}
	#article .section_requid {
		
	}
		
		/* main view : z-index - 100 ---------- */
		#main_view {
			position: relative;
			width: 100%;
			height: 440px;
			overflow: hidden;
		}
			/* image */
			#main_view .container {
				position: relative;
				left: 50%;
				width: 1350px;
				height: 440px;
				margin-left: -675px;
				overflow: hidden;
			}
				#main_view .img {
					display: block;
					width: 1350px;
					height: 440px;
				}
					#main_view .img li {
						display: block;
						width: 1350px;
						height: 440px;
						float: left;
					}
			/* navi */
			#main_view .navi {
				clear: both;
			}
				#main_view .navi li {
					position: absolute;
					top: 200px;
					display: block;
					width: 40px;
					height: 40px;
					z-index: 10;
				}
				#main_view .navi li.prev {
					left: 90px;
				}
				#main_view .navi li.next {
					right: 90px;
				}
			/* pager */
			#main_view .pager {
				position: absolute;
				left: 0;
				bottom: 14px;
				display: none;
				margin-left: -1px;
			}
				#main_view .pager li {
					display: block;
					width: 16px;
					height: 16px;
					margin-left: 1px;
					float: left;
				}
		
		/* our service : z-index - 110 ---------- */
		#service {
			padding-top: 90px;
		}
			#service .container {
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				/* content */
				#service .content {
					margin-left: -40px;
				}
					/* item */
					#service .content li {
						display: block;
						width: 226px;
						margin-left: 40px;
						float: left;
					}
				
		
		/* recommend : z-index - 120 ---------- */
		#recommend {
			clear: both;
			padding-top: 40px;
		}
			#recommend .container {
				position: relative;
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				/* item */
				#recommend .recommend_item li {
					display: block;
					width: 1024px;
					margin-top: 40px;
				}
				
		/* subrecommend : z-index - 120 ---------- */
		#subrecommend {
			clear: both;
			padding-top: 40px;
		}
			#subrecommend .container {
				position: relative;
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				/* item */
				#subrecommend .recommend_item li {
					display: block;
					width: 505px;
					margin-left: 0px;
				}
				#subrecommend .recommend_item li.last_child {
					display: relative;
					width: 505px;
					float: left;
					margin-left: 14px;								
				}

		/* sub_recommend : z-index - 120 ---------- */
		#sub_recommend {
			clear: both;
			padding-top: 60px;
		}
			#sub_recommend .container {
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				#sub_recommend .content {
					margin-left: -24px;
				}
					/* item */
					#sub_recommend .item {
						display: block;
						width: 500px;
						margin-left: 24px;
						float: left;
					}

		
		/* about us : z-index - 120 ---------- */
		#about {
			clear: both;
			padding-top: 80px;
		}
			#about .container {
				position: relative;
				width: 1024px;
				height: 210px;
				margin: 0 auto 0 auto;
				overflow: hidden;
			}
				/* title */
				#about .title {
					position: absolute;
					left: 0;
					top: 0;
					z-index: 124;
				}
					#about .title h2 {
						display: block;
					}
				/* content */
				#about .content {
					
				}
					/* item */
					#about .item {
						position: absolute;
						left: 316px;
						top: 0;
						z-index: 121;
						display: block;
						width: 708px;
						height: 210px;
					}
						#about .item dl {
							position: relative;
							display: block;
							width: 708px;
							height: 210px;
						}
							#about .item dt {
								position: absolute;
								left: 459px;
								top: 133px;
								z-index: 122;
								display: none;
							}
							#about .item dd {
								position: absolute;
								left: 55px;
								top: 35px;
								z-index: 123;
								display: none;
								padding: 2px 6px;
								background: #6f79ab;
								color: #fff;
								font-size: 86%;
							}
					/* item : history */
					#about .item#history {
						background: url(../image/about_history_img.jpg) no-repeat;
					}
						#about .item#history dl {
							
						}
							#about .item#history dt {
								
							}
							#about .item#history dd {
								left: 100px;
								top: 60px;
							}
					/* item : philosophy */
					#about .item#philosophy {
						background: url(../image/about_philosophy_img.jpg) no-repeat;
					}
						#about .item#philosophy dl {
							
						}
							#about .item#philosophy dt {
								
							}
							#about .item#philosophy dd {
								left: 427px;
								top: 119px;
							}
					/* item : organic */
					#about .item#organic {
						background: url(../image/about_organic_img.jpg) no-repeat;
					}
						#about .item#organic dl {
							
						}
							#about .item#organic dt {
							}
							#about .item#organic dd {
								left: 64px;
								top: 152px;
							}
					/* item : eco */
					#about .item#eco {
						background: url(../image/about_eco_img.jpg) no-repeat;
					}
						#about .item#eco dl {
							
						}
							#about .item#eco dt {
								
							}
							#about .item#eco dd {
							}
			/* navi */
			#about .navi {
				clear: both;
			}
				#about .navi li {
					position: absolute;
					top: 90px;
					z-index: 125;
					display: block;
					width: 30px;
					height: 30px;
				}
				#about .navi li.prev {
					left: 321px;
				}
				#about .navi li.next {
					right: 5px;
				}
			/* pager */
			#about .pager {
				position: absolute;
				right: 10px;
				bottom: 14px;
				z-index: 126;
				display: block;
				margin-left: -1px;
			}
				#about .pager li {
					display: block;
					width: 16px;
					height: 16px;
					margin-left: 1px;
					float: left;
				}
				
		
		/* campaign : z-index - 130 ---------- */
		#campaign {
			clear: both;
			padding-top: 78px;
			text-align: center;
		}
				
		
		/* web magazine : z-index - 130 ---------- */
		#magazine {
			clear: both;
			padding-top: 78px;
		}
			#magazine .container {
				position: relative;
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				/* title */
				#magazine .title {
					position: relative;
				}
					#magazine .title h2 {
						position: relative;
						display: block;
					}
					#magazine .title p {
						position: absolute;
						top: 3px;
						right: 0;
					}
						#magazine .title p a {
							padding-top: 1px;
							padding-left: 12px;
							background: url(../common/image/icon/arrow_s_blue.png) no-repeat left;
							font-size: 86%;
							color: #003473;
							text-decoration: none;
						}
				/* content */
				#magazine .content {
					position: relative;
					width: 906px;
					margin: 28px auto 0 auto;
					overflow: hidden;
				}
					/* navi */
					#magazine .prev {
						position: absolute;
						top: 50px;
						left: 0;
						z-index: 133;
						display: block;
						width: 48px;
						background: url(../image/magazine_prev_bg.png) repeat-y;
					}
						#magazine .prev a {
							display: block;
							width: 100%;
							text-align: center;
						}
					#magazine .next {
						position: absolute;
						top: 50px;
						right: 0;
						z-index: 134;
						display: block;
						width: 48px;
						background: url(../image/magazine_next_bg.png) repeat-y;
					}
						#magazine .next a {
							display: block;
							width: 100%;
							text-align: center;
						}
					/* content container */
					#magazine .content_container {
						position: relative;
						z-index: 131;
						margin-left: -24px;
					}
						/* item */
						#magazine .item {
							display: block;
							width: 286px;
							margin-left: 24px;
							float: left;
						}
							#magazine .item_container {
								clear: both;
							}
								/* image */
								#magazine .img {
									display: block;
									width: 286px;
								}
									#magazine .img span {
										display: block;
										width: 143px;
										height: 143px;
										float: left;
									}
								/* text */
								#magazine .info {
									clear: both;
									width: 281px;
									padding: 15px 0 0 5px;
									/*border-top: 1px solid #c8c8cd;*/
								}
									#magazine .info h3 {
										font-size: 79%;
										font-weight: bold;
										color: #002e75;
									}
									#magazine .info .date {
										margin-top: 6px;
										font-size: 100%;
										color: #77777b;
									}
									#magazine .info .txt {
										margin-top: 0px;
										font-size: 86%;
									}
										#magazine .info .txt a {
											color: #434347;
										}
				/* template */
				#magazine .tmpl_item {
					display: none;
				}
					
		
		/* topics ---------- */
		#topics {
			clear: both;
			padding-top: 80px;
		}
			#topics .container {
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				/* title */
				#topics .title {
					position: relative;
				}
					#topics .title h2 {
						position: relative;
						display: block;
					}
					#topics .title p {
						position: absolute;
						top: 3px;
						right: 0;
					}
						#topics .title p a {
							padding-top: 1px;
							padding-left: 12px;
							background: url(../common/image/icon/arrow_s_blue.png) no-repeat left;
							font-size: 86%;
							color: #003473;
							text-decoration: none;
						}
				/* content */
				#topics .content {
					margin-top: 28px;
					margin-left: -20px;
				}
					/* item */
					#topics .item {
						display: block;
						width: 240px;
						margin-left: 20px;
						padding: 0 0 30px 0;
						border-bottom: 2px solid #8097ba;
						float: left;
					}
						/* header */
						#topics .item_header {
							
						}
							#topics .item_header .date {
								margin-top: 3px;
								font-size: 79%;
								color: #77777b;
								float: left;
							}
							#topics .item_header .category {
								float: right;
							}
								#topics .item_header .category span {
									padding: 1px 4px 0 4px;
									font-size: 79%;
									color: #fff;
								}
								#topics .item.nyr .item_header .category span {
									background: #9e9e9e;
								}
								#topics .item.product .item_header .category span,
								#topics .item.products .item_header .category span {
									background: #626fa4;
								}
								#topics .item.shops .item_header .category span {
									background: #caa4a1;
								}
								#topics .item.school .item_header .category span {
									background: #93b1a7;
								}
								#topics .item.salon .item_header .category span {
									background: #d1b373;
								}
								#topics .item.cafe .item_header .category span {
									background: #b19393;
								}
								#topics .item.publicity .item_header .category span {
									background: #acb0a1;
								}
								#topics .item.greensquare .item_header .category span {
									background: #acb0a1;
								}
								#topics .item.recruit .item_header .category span {
									background: #9b8fa5;
								}
						/* text */
						#topics .item .txt {
							clear: both;
							margin-top: 8px;
							font-size: 86%;
						}
							#topics .item .txt a {
								color: #434347;
							}
				/* template */
				#topics .tmpl_item {
					display: none;
				}
				#topics .tmpl_notfound {
					display: none;
				}
				
		
		/* features ---------- */
		#features {
			clear: both;
			padding-top: 55px;
		}
			#features .container {
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				#features .content {
					margin-left: -26px;
				}
					/* item */
					#features .item {
						display: block;
						width: 318px;
						margin-left: 26px;
						float: left;
					}
						#features .item dt {
							display: block;
						}
						#features .item dd {
							display: block;
							height: 59px;
							background: url(../image/features_bg.png) no-repeat;
						}
							#features .item dd a {
								display: block;
								height: 39px;
								background: url(../common/image/icon/arrow_m_white.png) no-repeat 282px 20px;
								padding: 20px 0 0 22px;
								font-size: 86%;
								font-weight: bold;
								color: #fff;
								text-decoration: none;
							}