@charset "Shift_JIS";

/* =====================================
  File        : base.css
  Last Update : 2010.04.19
===================================== */



/* ////////////////////////////////////////////////////////////////////////////////////////// ADDITION */

#exWrap #eco #shiftContentsB {
	margin-top: 5px !important;
}

#exWrap #eco #eco_main p,
#exWrap #eco #eco_main ul li,
#exWrap #eco #eco_main table th,
#exWrap #eco #eco_main table td,
#exWrap #eco #eco_main dl dt,
#exWrap #eco #eco_main dl dd{
	font-size:93%;
}

/* ////////////////////////////////////////////////////////////////////////////////////////// SHIFT */

#exWrap #eco #eco_main {
	margin:0 0 0 10px;
	padding:0px;
	width:720px;
	line-height: 1.5em;
	color:#333333;
}

#exWrap #eco #eco_navi {
	margin-bottom:30px;
	width:720px;
}

#exWrap #eco #eco_main .page_ttl { margin-bottom:25px; }

#exWrap #eco #eco_honbun {
	margin:0 10 0 10px;
	padding:0px;
	width:700px;
}

#exWrap #eco #eco_honbun .page_caption { margin-bottom:35px; }

#exWrap #eco #eco_honbun .subtitle_area {
	width:680px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:30px;
}

/* ↓中面テキスト用CSSはここから */

#exWrap #eco #eco_honbun .subtitle_area .text-midashi {
	padding-left:14px;
	color:#268044;
	margin-bottom:10px;
	font-weight: bold;
	font-size:93%;
	background:url(img/icon_square_gr.gif) no-repeat left 3px;
}

#exWrap #eco #eco_honbun .subtitle_area .honbun_text { margin-bottom:15px; }

#exWrap #eco #eco_honbun .text-komidashi {
	padding-left:8px;
	color:#268044;
	margin-bottom:5px;
	font-weight: bold;
	font-size:93%;
	background:url(img/icon_circle_gr.gif) no-repeat left 6px;
}

	#exWrap #eco #eco_honbun .text-komidashi.none{
		background:none;
		padding-left:0;
	}

#exWrap #eco #eco_honbun .subtitle_area .text-strong {
	color:#268044;
	margin-bottom:5px;
	font-weight: bold;
	font-size:107%;
}

#exWrap #eco .eco_link_text {
	margin-bottom:15px;
	line-height: 1.5em;
	color:#333333;
	line-height: 1.5em;
}

#exWrap #eco .eco_link_text a {
	text-decoration: none;
	background-color:#FFFFCC;
	color:#268044;
}

#exWrap #eco .eco_link_text a:hover {
	text-decoration: underline;
	background-color:#FFFFCC;
	color:#339966;
}

/* ↑中面テキスト用CSSはここまで */


#exWrap #eco .eco_totop {
	text-align:right;
	margin:15px 0;
}

#exWrap #eco #eco_honbun .subtitle_area .table-waku { margin-bottom:15px; }



/* ////////////////////////////////////////////////////////////////////////////////////////// 以下、新規追加 */

/* ↓2007年スタイルのCSSはここから */

/* common */

#exWrap #eco #eco_honbun .subtitle{
	font-size:114%;
	font-weight:bold;
	margin-bottom:20px;
	padding: 4px 4px 4px 8px;
	border-bottom: 1px #CCCCCC solid;
	border-left: 8px #268044 solid;
	color:#333333;
}

#exWrap .box2007{
	margin:5px 10px 20px 10px;
	padding:15px;
	border: 1px solid #339966;
	line-height: 1.5em;
	color:#333333;
}

#exWrap div.img160,
#exWrap div.img200,
#exWrap div.img290,
#exWrap div.img320,
#exWrap div.img330{
	width:685px;
	margin:0 auto;
}

#exWrap .imgArea{float:right;}

	#exWrap div.img160 .imgArea{ width:170px; }
	#exWrap div.img200 .imgArea{ width:210px; }
	#exWrap div.img290 .imgArea{ width:300px; }
	#exWrap div.img320 .imgArea{ width:330px; }
	#exWrap div.img330 .imgArea{ width:340px; }
	
		#exWrap .imgArea img,
		#exWrap div.boxRight img,
		#exWrap img.border{
			border: 1px solid #CCCCCC;
			padding:5px;
		}
	
		#exWrap img.none{
			border:none !important;
			padding:0 !important;
		}

#exWrap .txtArea{float:left;}

	#exWrap div.img160 .txtArea{ width:490px; }
	#exWrap div.img200 .txtArea{ width:450px; }
	#exWrap div.img290 .txtArea{ width:360px; }
	#exWrap div.img320 .txtArea{ width:330px; }
	#exWrap div.img330 .txtArea{ width:320px; }

	
#exWrap span.caption{ font-size:83.3%; }

#exWrap div.boxRight ul{
	float:right;
}

#exWrap div.boxRight ul.cfix li{
	float:left;
	display:inline;
	/*margin-left:28px;*/
	margin-left:20px;
	text-align:right;
	width:210px !important;
}

#exWrap table{
	border-spacing:0;
	border-collapse:collapse;
}

#exWrap #eco table.spec {
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	color:#333333;
	line-height: 1.3em;
	width:100%;
}
#exWrap #eco table.spec td,
#exWrap #eco table.spec th{
	padding:3px 5px;
}
#exWrap #eco table.spec td {
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
}

#exWrap #eco table.spec th {
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	background:none;
	font-weight:normal;
}

#exWrap table.green th{
	background-color:#ccffcc !important;
	text-align:center;
}

#exWrap table.w260 th{
	width:260px !important;
}

#exWrap .nowrap{
	white-space:nowrap;
}

#exWrap ul.inner li{ font-size:100% !important; }
#exWrap ul.disc{
}

#exWrap ul.disc li{
	list-style-type:disc;
	margin-left:20px;
}

#exWrap ul.inline li{ /*float:left; */}


#exWrap .ttlNote,
#exWrap ul.ttlNote li{
	padding-left:12px !important;
	margin-top:10px;
	margin-bottom:5px;
	background:url(/common/img/shift/ic_explanatory_note.gif) no-repeat left 3px;
}
#exWrap ul.ttlNote{ background:none; margin:0; padding:0 !important;}
#exWrap ul.ttlNote li{
	margin:0;
}



/* 001.html */

#exWrap div.box001_1 h4,
#exWrap div.box001_1 p,
#exWrap div.box001_2 h4,
#exWrap div.box001_2 ul{
	float:left;
}

#exWrap div.box001_1 h4,
#exWrap div.box001_1 p,
#exWrap div.box001_2 h4,
#exWrap div.box001_2 ul li{
	line-height:1.5;
}

#exWrap div.box001_1 h4{ width:110px;}
#exWrap div.box001_1 p{ width:480px; }
#exWrap div.box001_2 h4{ width:80px;}
#exWrap div.box001_2 ul{ margin-left:5px; width:510px; }

	#exWrap div.box001_2 ul li img{
		vertical-align:middle;
		margin-right:10px;
	}

#exWrap div.box001_1 h4,
#exWrap div.box001_2 h4{
	font-size:93%;
}

#exWrap div.box001_1{
	margin:15px;
	margin-bottom:0;
}
#exWrap div.box001_2{
	margin-left:15px;
	margin-right:15px;
}

#exWrap p#taiseiTxt{
	width:250px;
	margin-top:-60px;
}

#exWrap div.box001_3{
	width:672px;
	margin:0 auto;
}

#exWrap p.eco_link_text{
	margin-left:1em;
}

/* 002.html */

#exWrap div.box002_1{
	margin-top:15px;
}

#exWrap div.box002_1 div.fl{
	width:410px;
}
#exWrap div.box002_1 div.fr{
	width:260px;
}

#exWrap #eco div.box002_1 table.spec {
}

#exWrap #eco div.box002_1 table.spec td {
}

#exWrap #eco div.box002_1 table.spec th {
	width : 110px;
}

#exWrap div.box002_2{
	margin-top:15px;
}

#exWrap div.box002_2 p{
	float:right;
	width:320px;
}

#exWrap div.box002_3{
	margin-top:15px;
	margin-bottom:30px;
}

#exWrap div.box002_3 div.fl{
	width:330px;
}
#exWrap div.box002_3 div.fr{
	width:330px;
}

#exWrap th.box002_3_th01{}
#exWrap th.box002_3_th02{}
#exWrap th.box002_3_th03{}
#exWrap th.box002_3_th04{}


/* 003.html */

#exWrap .box003_1{
	padding-left:20px;
}

#exWrap .box003_1 li{
	float:left;
	margin-left:5px;
	width:125px;
	text-align:right;
}

#exWrap .box003_1 li.w115{
	width:115px;
}

#exWrap .box003_2{
	padding:25px !important;
}

#exWrap .box003_2 p.txtArea{
	float:right;
	width:475px;
}

#exWrap .box003_2 div.imgArea{
	float:left;
	text-align:center;
}

#exWrap .box003_2 div.imgArea img{
	padding:5px;
	border:none;
}

#exWrap .box003_2 div.imgArea .caption{
	line-height:1.3em;
}


/* 004.html */

#exWrap .box004_1{
	margin-left:20px;
	margin-top:15px;
}

#exWrap .box004_1 li{
	float:left;
	margin-right:10px;
}


/* 005.html */

#exWrap .box005_1{
	width:530px;
	margin:auto;
	margin-bottom:15px;
}

#exWrap .box005_1 h5{
	color:#268044;
	margin-bottom:10px;
	font-weight: bold;
	font-size:93%;
}

#exWrap .box005_1 .grpArea{
	float:left;
}

#exWrap .box005_1 .imgArea{
	margin-top:15px;
	float:right;
	width:210px;
	text-align:right;
}
	
#exWrap .box005_1 .imgArea img{
	border: 1px solid #CCCCCC;
	padding:5px;
}

#exWrap .box005_2{
	margin-top:15px;
}

#exWrap .box005_2,
#exWrap .box005_3{
	margin-top:35px;
}
	
#exWrap .box005_2 .txtArea{
	float:left;
	width:450px;
}
	
#exWrap .box005_2 .imgArea img{
	border: 1px solid #CCCCCC;
	padding:5px;
	float:right;
}
	
#exWrap .box005_3 .txtArea{
	float:left;
	width:215px;
}
	
#exWrap .box005_3 .imgArea{
	float:right;
	width:464px;
}
	
#exWrap .box005_3 .imgArea li{
	float:left;
	padding-left:20px;
}
	
#exWrap .box005_4 li{
	float:left;
	margin-left:20px;
	text-align:right;
	width:210px;
}
	
#exWrap .box005_4 li.none{
	margin-left:0;
	width:200px;
}
	
#exWrap .box005_4 img{
	border: 1px solid #CCCCCC;
	padding:5px;
}
	
#exWrap .box006_1 li{
	float:left;
	margin-left:20px;
	text-align:right;
	width:210px;
}
	
#exWrap .box006_1 li.none{
	margin-left:0;
}
	
#exWrap .box006_1 img{
	border: 1px solid #CCCCCC;
	padding:5px;
}
	
#exWrap .box007_1{
	width:500px !important;
}
	
#exWrap .box007_1 .w320{
	width:320px !important;
}
	
#exWrap .box007_1 .w180{
	width:180px !important;
}
	
#exWrap .box007_2{
	margin-top:50px !important;
	padding:30px !important;
}
	
#exWrap .box007_2 h4{
	color:#268044;
	margin-bottom:25px;
	font-weight: bold;
	font-size:107%;
	text-align:center;
}

/* 008.html */

#exWrap div.box008_1 .fl,
#exWrap div.box008_1 .fr{
	width:49%;
}


/* 009.html */

#exWrap ul.list009_1{ margin-left:10px; }
#exWrap ul.list009_1 li{
	float:left;
	margin-right:25px;
}

#exWrap ul.list009_1 li.first{
	margin-right:23px;
}

/* 010.html */

#exWrap ul.list010_1 li{
	float:left;
	margin-left:10px;
}

#exWrap ul.list010_1 li.first{
	margin-left:0;
}

#exWrap ul.list010_2 li{
	float:left;
	margin-left:30px;
}

#exWrap ul.list010_2 li.first{
	margin-left:0;
}

/* 011.html */

#exWrap ul.list011_1 li{
	float:left;
	margin-left:20px;
}

#exWrap ul.list011_1 li.first{
	margin-left:0;
}

/* 013.html */

#exWrap div.box012_1 .fl,
#exWrap div.box012_1 .fr{
	width:49%;
}


/* ↑2007年スタイルのCSSはここまで */


.red{
  color: #ff0000;
}