﻿/* =================================================================
	共通
================================================================= */

/* TOPIC PATH */
#contents #topicpath_area{
	width:100%;
	height:45px;
	background: url(../image/common/bg2.png) repeat;
	margin:0;
}
#topicpath_area #topicpath{
	width:980px;
	padding-top:12px;
	margin:0 auto;
}
#topicpath_area #topicpath ul{
	font-size:13px;
	list-style:none;
}
#topicpath_area #topicpath ul li{
	float: left;
}
#topicpath_area #topicpath ul li a{
	color:#333;
	text-decoration: underline;
}
#topicpath_area #topicpath ul li a:hover{
	color:#999;
}

/* TITLE AREA */
#contents .title_area{
	width:100%;
	height:200px;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	background: url(../image/common/bg1.png) repeat;
	margin:0;
}
.title_area h1{
	width:980px;
	text-align:left;
	padding-top:45px;
	margin:0 auto;
}
.title_area .solution_title{ width:100%; height:200px; text-align:center; background: url(../image/lower/solution_title_bg.png) center no-repeat; margin:0 auto; }
.title_area .business_title1{ width:100%; height:200px; text-align:center; background: url(../image/lower/business_title_bg1.png) center no-repeat; margin:0 auto; }
.title_area .business_title2{ width:100%; height:200px; text-align:center; background: url(../image/lower/business_title_bg2.png) center no-repeat; margin:0 auto; }
.title_area .business_title3{ width:100%; height:200px; text-align:center; background: url(../image/lower/business_title_bg3.png) center no-repeat; margin:0 auto; }
.title_area .business_title4{ width:100%; height:200px; text-align:center; background: url(../image/lower/business_title_bg4.png) center no-repeat; margin:0 auto; }
.title_area .sfc_title{ width:100%; height:195px; text-align:center; background: url(../image/lower/sfc_title_bg.png) center no-repeat; padding-top:5px; margin:0 auto; }
.title_area .company_title{ width:100%; height:200px; text-align:center; background: url(../image/lower/company_title_bg.png) center no-repeat; margin:0 auto; }

/* MAIN AREA */
#contents #main_area{
	width:980px;
	margin:60px auto;
}
#main_area .main_area_left{
	float:left;
	width:730px;
	margin-right:30px;
}
#main_area .main_area_right{
	float:left;
	width:220px;
}
#main_area .mt5{margin-top:5px;}
#main_area .mt10{margin-top:10px;}
#main_area .mt15{margin-top:15px;}
#main_area .mt20{margin-top:20px;}
#main_area .mt30{margin-top:30px;}
#main_area .mt40{margin-top:40px;}
#main_area .mt60{margin-top:60px;}

/* SIDE NAVIGATION */
.main_area_right p.sidenav_head{
	width:100%;
	font-size:20px;
	font-weight:bold;
	text-shadow: 0 -2px 0 #288841;
	color:#FFF;
	text-align:center;
	background: url(../image/common/bg3.png) repeat;
	padding:25px 0;
	margin:0;
}
.sidenav_area{
	position: relative;
}
.sidenav_fixed{
	position: absolute;
	top:0;
}

/* SFC */
.main_area_right p.sidenav_head2{
	width:100%;
	font-size:17px;
	line-height:130%;
	font-weight:bold;
	text-shadow: 0 -2px 0 #288841;
	color:#FFF;
	text-align:center;
	background: url(../image/common/bg3.png) repeat;
	padding:20px 0;
	margin:0;
}
.main_area_right ul.sidenav{
	list-style-type: none;
	border: solid 1px #ddd;
	background: url(../image/common/bg4.png) repeat;
	padding:12px 9px;
	margin:0;
}
ul.sidenav li{
	font-size:13px;
	line-height:100%;
	padding:0;
	margin:0;
}
ul.sidenav li a.sidenav_btn1{
	width:173px;
	height:34px;
	display:block;
	background: url(../image/lower/sidenav_bg1.png) bottom no-repeat;
	padding:22px 0 0 27px;
	margin-top:-1px;
}
ul.sidenav li a.sidenav_btn1on{
	width:173px;
	height:34px;
	display:block;
	background: url(../image/lower/sidenav_bg1_on.png) bottom no-repeat;
	padding:22px 0 0 27px;
	margin-top:-1px;
}
/* スマート・フード・コミュニティ */
ul.sidenav li a.sidenav_btn1b{
	width:173px;
	height:45px;
	font-size:13px;
	line-height:140%;
	display:block;
	background: url(../image/lower/sidenav_bg1.png) bottom no-repeat;
	padding:11px 0 0 27px;
	margin-top:-1px;
}

ul.sidenav li a.sidenav_btn2{
	width:173px;
	height:34px;
	display:block;
	background: url(../image/lower/sidenav_bg2.png) bottom no-repeat;
	padding:22px 0 0 27px;
	margin-top:-1px;
}
ul.sidenav li a.sidenav_btn3{
	width:173px;
	height:45px;
	font-size:13px;
	line-height:135%;
	display:block;
	background: url(../image/lower/sidenav_bg2.png) bottom no-repeat;
	padding:11px 0 0 27px;
	margin-top:-1px;
}

ul.sidenav li .font_s{
	font-size:12px;
}
ul.sidenav li a{
	color:#333;
}
ul.sidenav li a:hover{
	color:#26843E;
	text-decoration: underline;
}

/* =================================================================
	ソリューション
================================================================= */
.main_area_left .solution_area{
	width:730px;
	padding:0;
	margin:0;
}
.solution_area h4{
	font-size:19px;
	line-height:160%;
	color:#237A39;
	font-weight:bold;
	margin:25px 0 30px 0;
}
.solution_area h4 span.h4_ann{
	font-size:15px;
	color:#333;
	display:block;
	font-weight:bold;
	margin:0 0 25px 0;
}
.solution_box{
	width:718px;
	border:#ccc 6px solid;
	padding:0;
	margin-top:20px;
}
.solution_box p{
	width:688px;
	padding:10px 15px 0 15px;
}
.solution_box b{
	width:688px;
	font-size:17px;
	display:block;
	background: url(../image/common/bg4.png) repeat;
	padding:10px 15px;
}
.solution_box ul.cate_area{
	list-style:none;
	padding:0;
	margin:15px 0 0 15px;
}
ul.cate_area li{
	float:left;
	background:#f1f1f1;
	border:#ddd 1px solid;
	display:block;
	padding:0px 8px;
	margin-right:8px;
}
.solution_box ul.link_area{
	border-top:#888 1px dashed;
	padding-top:10px;
	margin:15px 15px 10px 15px;
}
ul.link_area li{
	padding:0;
	margin:0 0 0 20px;
}
ul.link_area li a{
	font-size:15px;
	color:#005EAA;
	text-decoration: underline;
}

/* =================================================================
	業務内容
================================================================= */
.main_area_left .business_area{
	width:730px;
	padding:0;
	margin:0;
}
.business_area h3{
	margin-top:60px;
}
.main_area_left a{
	color:#005EAA;
	text-decoration: underline;
}

/* トップページ */
.business_area .business_top_box{
	width:680px;
	display:block;
	border:#ccc 6px solid;
	padding:19px;
	margin-bottom:25px;
}
.business_top_box .btb_left{
	float:left;
	width:220px;
	margin-right:25px;
}
.business_top_box .btb_right{
	float:left;
	width:435px;
}
.btb_right ul{
	list-style:none;
	padding:0;
	margin:0;
}
.btb_right li{
	line-height:150%;
	padding:0;
	margin:0;
}
.btb_right li.btb_article{
	margin:14px 0 15px 0;
}
.btb_right li a.btb_link{
	width:150px;
	height:25px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	color:#FFF;
	display:block;
	background:#34B154;
	padding:4px 0 1px 0;
}
.btb_right li a.btb_link:hover{
	background:#99D8A9;
}
.btb_right h2{
	font-size:18px;
	font-weight:bold;
	border-left:#34B154 7px solid;
	padding:2px 0 2px 13px;
}
.btb_right h3{
	font-size:13px;
	margin-top:0;
}

/* 各詳細ページ */
.business_area .business_box{
	width:680px;
	border:#ccc 6px solid;
	padding:19px;
	margin-top:40px;
}
.business_box p,
.business_box b{
	display:block;
	margin:0;
}

/* 図表エリア */
.business_area .graph_box{
	width:618px;
	border:#ccc 6px solid;
	padding:50px;
	margin:40px 0;
}

/* イメージ画像1 */
.business_area .business_pic_box1{
	font-size:13px;
	text-align:center;
	margin-top:40px;
}
.business_pic_box1 .bp_left{
	float:left;
	width:356px;
	margin-right:18px;
}
.business_pic_box1 .bp_right{
	float:left;
	width:356px;
}
.business_pic_box1 p.article{
	font-size:15px;
	text-align:left;
}

/* イメージ画像2 */
.business_area .business_pic_box2{
	font-size:13px;
	text-align:center;
	margin-top:25px;
}
.business_pic_box2 .bp_left{
	float:left;
	margin-right:20px;
}
.business_pic_box2 .bp_right{
	float:left;
}

/* =================================================================
	スマート・フード・コミュニティ
================================================================= */
#main_area .sfc_area{
	width:730px;
	padding:0;
	margin:0;
}
.sfc_area dl{
	padding:0;
	margin:45px auto 0 auto;
}
.sfc_area dt{
	border-bottom:#888 1px dashed;
	padding:8px 0;
	margin-top:20px;
}
.sfc_area dt h3{
	font-size:20px;
	font-weight:bold;
	color:#2C9245;
}
.sfc_area dd{
	padding:8px 0;
	margin:0;
}

/* イメージ画像1 */
.sfc_area .sfc_pic_box1{
	text-align:center;
	margin-top:50px;
}
.sfc_area .sfc_pic_box2{
	text-align:center;
	margin-top:50px;
}
	.sfc_pic_box2 .sp_left{
	float:left;
	width:356px;
	margin-right:18px;
}
	.sfc_pic_box2 .sp_right{
	float:left;
	width:356px;
}





/* リンクエリア */
.sfc_area h2.sfc_link_head{
	font-size:20px;
	font-weight:bold;
	color:#444;
	background:#f1f1f1;
	padding:7px 20px 6px 20px;
	margin:60px 0 25px 0;
}
.sfc_area ul.sfc_link_area{
	width:980px;
	font-size:17px;
	padding:0;
	margin:0;
}
ul.sfc_link_area li{
	padding:0;
	margin:5px 0 5px 20px;
}
ul.sfc_link_area li a{
	font-size:19px;
	color:#005EAA;
	text-decoration: underline;
}
/* =================================================================
	会社概要
================================================================= */
.main_area_left .company_area{
	width:730px;
	padding:0;
	margin:0;
}
.company_area .font_b{
	font-size:19px;
}
.company_area .tamagawa_box{
	width:730px;
	margin-top:30px;
}
.tamagawa_box .tbimg{
	float:right;
	margin:0 0 30px 30px;
}
.company_area .ceo_pic{
    text-align: center;
}
.company_area .access_map{
	text-align:center;
	margin:25px 0;
}
.company_area .access_map img{
	border:#bbbbbb 1px solid;
	padding:20px;
	margin-top:20px;
}
.company_area table.company_info{
	width:730px;
	text-align:left;
				border-collapse:collapse;
				border-spacing:1px;
	border: solid 1px #bbbbbb;
	margin-top:30px;
}
table.company_info th{
	background:#F8F8F8;
	border: solid 1px #bbbbbb;
	padding:15px 20px;
	margin:0;
}
table.company_info td{
	background:#ffffff;
	border: solid 1px #bbbbbb;
	padding:15px 20px;
	margin:0;
}
table.company_info ol{
	padding-left:30px;
}

/* =================================================================
	サイトマップ
================================================================= */
.main_area_left .sitemap_area{
	width:980px;
	padding:0;
	margin:0;
}
.sitemap_area .sitemap_box{
	margin-bottom:30px;
}
.sitemap_box .sb_left{
	float:left;
	width:470px;
	padding:0;
	margin-right:40px;
}
.sitemap_box .sb_right{
	float:left;
	width:470px;
	padding:0;
	margin:0;
}

.sitemap_area a.link1{
	width:945px;
	height:34px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	display:block;
	background: url(../image/lower/sitemap_po1.png) #34B154 no-repeat;
	background-position:15px 11px;
	padding:6px 0 0 35px;
}
.sitemap_area a.link1:hover{
	background: url(../image/lower/sitemap_po1.png) #188935 no-repeat;
	background-position:15px 11px;
}
.sitemap_area a.link2{
	width:435px;
	height:34px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	display:block;
	background: url(../image/lower/sitemap_po1.png) #34B154 no-repeat;
	background-position:15px 11px;
	padding:6px 0 0 35px;
	margin-top:30px;
}
.sitemap_area a.link2:hover{
	background: url(../image/lower/sitemap_po1.png) #188935 no-repeat;
	background-position:15px 11px;
}
.sitemap_area a.link1{
	width:945px;
	height:34px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	display:block;
	background: url(../image/lower/sitemap_po1.png) #34B154 no-repeat;
	background-position:15px 11px;
	padding:6px 0 0 35px;
}
.sitemap_area a.link1:hover{
	background: url(../image/lower/sitemap_po1.png) #188935 no-repeat;
	background-position:15px 11px;
}
.sitemap_area a.link2{
	width:435px;
	height:34px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	display:block;
	background: url(../image/lower/sitemap_po1.png) #34B154 no-repeat;
	background-position:15px 11px;
	padding:6px 0 0 35px;
	margin-top:30px;
}
.sitemap_area a.link2:hover{
	background: url(../image/lower/sitemap_po1.png) #188935 no-repeat;
	background-position:15px 11px;
}
.sitemap_area ul{
	list-style:none;
	padding:0;
	margin:30px 0 50px 0;
}
.sitemap_area li{
	background: url(../image/lower/sitemap_po2.png) no-repeat;
	background-position:15px 7px;
	padding-left:30px;
	margin:15px 0;
}
.sitemap_area li a{	color:#333;}
.sitemap_area li a:hover{ color:#333; text-decoration: underline; }

.sitemap_area li.link_head{
	font-size:17px;
	font-weight:bold;
	border-bottom:#888 1px dashed;
	padding:0 0 15px 0;
	background:none;
}

/* =================================================================
	お問い合わせ
================================================================= */
#main_area .contact_area{
	width:980px;
	padding:0;
	margin:0;
}
.contact_area .contact_desc{
	font-size:17px;
	text-align:center;
	margin-top:30px;
}
.contact_area .tel_area{
	font-size:30px;
	color:#666;
	letter-spacing: 0.1em;
	text-align:center;
	margin-top:30px;
}
.tel_area h3{
	width:100%;
	font-size:33px;
	letter-spacing: 0.2em;
	border-bottom:#999 1px dashed;
	padding-bottom:7px;
	margin-bottom:7px;
}
.tel_area .ta_left{
	float:left;
	width:425px;
	border:#ccc 6px solid;
	padding:15px 20px;
	margin-right:26px;
}
.tel_area .ta_right{
	float:left;
	width:425px;
	border:#ccc 6px solid;
	padding:15px 20px;
}
/* お問い合わせフォーム */
.contact_area table.contact_form{
	width:800px;
	font-size:93%;
		line-height:200%;
	border-collapse:collapse;
	border-spacing:1px;
	border: solid 1px #bbbbbb;
	margin:40px auto 0 auto;
}
table.contact_form th{
	width:170px;
	font-size:13px;
	letter-spacing: 0.1em;
	color:#555;
	text-align:left;
	background: #f6f6f6;
	border: solid 1px #bbbbbb;
	padding:20px;
	margin:0;
}
table.contact_form td{
	text-align:left;
	background:#ffffff;
	border: solid 1px #bbbbbb;
	padding:20px;
	margin:0;
}
table.contact_form input,
table.contact_form select,
table.contact_form textarea{
	vertical-align:middle
}
table.contact_form sup.mf{
	color:red;
	font-size:13px;
}
table.contact_form span.contact_att{
	font-size:13px;
	color:#666;
}

/* フォームボタン */
table.contact_btn{
	width:500px;
	text-align:center;
	border: 0;
	padding: 0;
	margin: 40px auto 0 auto;
}
table.contact_btn .send td{
	text-align:center;
	padding: 0;
	margin: 0;
}
/* 入力内容確認 */
table.contact_btn .form_button1 {
	width: 206px;
	height: 62px;
	outline:none;
	border: 0;
	cursor: pointer;
	background: url(../image/lower/contact_btn1.png) no-repeat 0 0;
	margin:0 15px;
}
/* 戻る */
table.contact_btn .form_button2 {
	width: 206px;
	height: 62px;
	outline:none;
	border: 0;
	cursor: pointer;
	background: url(../image/lower/contact_btn2.png) no-repeat 0 0;
	margin:0 15px;
}
/* 送信 */
table.contact_btn .form_button3 {
	width: 206px;
	height: 62px;
	outline:none;
	border: 0;
	cursor: pointer;
	background: url(../image/lower/contact_btn3.png) no-repeat 0 0;
	margin:0 15px;
}



/* 20190801 respi
---------------------- */
.main_area_right .sidenav2 {
	border: solid 1px #ddd;
	background: url(../image/common/bg1.png) repeat;
	padding: 12px 9px;
	margin: 20px 0;
	width: 200px;
}
.main_area_right .sidenav2 a {
	display: block;
}
.main_area_right .sidenav2 p {
	font-size: 13px;
	line-height: 135%;
	padding: 5px 0 0;
}
