@charset "UTF-8";

/* -- lower commono
-------------------------------------------------------------------------------- */
#header {
	background: #FFF url(../img/vis.jpg) no-repeat center top;
	height: 275px;
	margin-bottom: 35px;
}
#header .wrap {
	height: 160px;
	position: relative;
}
#header .wrap p:nth-of-type(1),
#header .wrap p:nth-of-type(2) {
	position: absolute;
}
#header .wrap p:nth-of-type(1) { right: 6px; top: 0; }
#header .wrap p:nth-of-type(2) { left: -12px; top: 10px; }
#header .nav {
	background: url(../img/bg_nav.gif) repeat-x;
	height: 95px;
	padding-top: 20px;
}
#header .nav ul {
	background: url(../img/navi.png) no-repeat -251px bottom;
	display: block;
	width: 729px;
	height: 95px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#header .nav ul li {
	display: block;
	width: 236px;
	height: 81px;
	overflow: hidden;
	position: absolute;
	top: 0;
}
#header .nav ul li:nth-of-type(1) { left: 0;display:none; }
#header .nav ul li:nth-of-type(2) { left: 0; }
#header .nav ul li:nth-of-type(3) { left: 251px; }
#header .nav ul li:nth-of-type(4) {
	left: 502px;
	width: 227px;
	height: 37px;
}
#header .nav ul li:nth-of-type(5) {
	top: 44px;
	left: 502px;
	width: 227px;
	height: 37px;
}
#header .nav ul li a {
	background: url(../img/navi.png) no-repeat -251px 0;
	display: block;
	height: 0;
	padding-top: 81px;
}
#header .nav ul li:nth-of-type(1) a { background-position: 0 0; }
#header .nav ul li:nth-of-type(2) a { background-position: -251 0; }
#header .nav ul li:nth-of-type(3) a { background-position: -502px 0; }
#header .nav ul li:nth-of-type(4) a { background-position: -753px 0; }
#header .nav ul li:nth-of-type(5) a { background-position: -753px -44px; }
#header .nav ul li a:hover,
#tour #header .nav ul li:nth-of-type(1) a,
#trekking #header .nav ul li:nth-of-type(2) a,
#activity #header .nav ul li:nth-of-type(3) a,
#info #header .nav ul li:nth-of-type(4) a,
#coordinate #header .nav ul li:nth-of-type(5) a {
	background: none;
}
#header:after {
	content: '';
	background: url(../img/bg_cont.png) repeat-x 0 -20px;
	display: block;
	width: 100%;
	height: 12px;
	position: absolute;
	left: 0;
	z-index: 9;
}
.shadow:after {
	content: "";
	background: url(../img/bg_shadow.png) no-repeat center 0;
	display: block;
	height: 15px;
	width: 980px;
	position: absolute;
}



/* -- tour
-------------------------------------------------------------------------------- */
#tour #cont {
	background: #ccedfb url(../../img/tour/bg_tour.gif) no-repeat right 0;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}
#tour #cont h1 {
	margin-bottom: -18px;
}
#tour #cont h1 + p {
	line-height: 1.6;
	position: absolute;
	left: 255px;
	top: 32px;
}
#tour #cont .wrap {
	background: url(../../img/tour/line.gif) no-repeat center bottom;
	margin: 0 40px;
	padding: 30px 0 6px;
	width: 900px;
}
#tour #cont .wrap p:nth-of-type(1) {
	float: left;
	margin-right: 25px;
}
#tour #cont .wrap h2 {
	display: block;
}
#tour #cont .wrap h2 span {
	font-size: 16px;
	color: #004098;
	display: block;
	padding: 5px 0 10px;
}
#tour #cont .wrap ul {
	display: block;
	margin-top: 5px;
	overflow: hidden;
}
#tour #cont .wrap ul li {
	line-height: 1.7;
	list-style: disc;
	margin-left: 18px;
}
#tour #cont .wrap p:nth-of-type(2) {
	clear: both;
	text-align: right;
	position: relative;
	top: -12px;
}
#tour #cont .wrap p:nth-of-type(3) {
	text-align: right;
	padding-top: 4px;
}
#tour #cont .wrap:last-child {
	background: none;
	padding-bottom: 20px;
}



/* -- info
-------------------------------------------------------------------------------- */
#info #cont {
	background: #ccedfb url(../../img/info/bg_info.gif) no-repeat right 0;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}
#info #cont h1 {
	margin-bottom: 10px;
}
#info #cont h1 + p {
	line-height: 1.6;
	position: absolute;
	left: 255px;
	top: 32px;
}
#info #cont ul.anc {
	line-height: 1.6;
	position: absolute;
	left: 255px;
	top: 100px;
	display: block;
}
.ie7 #info #cont ul.anc {
	width: 460px;
}
#info #cont ul.anc li {
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 30px 10px 0;
	white-space: nowrap;
}
#info #cont ul.anc li:nth-of-type(5) {
	clear: left;
}
.ie7 #info #cont ul.anc li:nth-of-type(5) {
	clear: none;
}
#info #cont ul.anc li a {
	background: url(../../img/info/icon_arrow1.gif) no-repeat 0 center;
	padding-left: 13px;
}
#info #cont .wrap {
	background: url(../../img/info/bg_cont.gif) repeat 0 0;
	margin: 0 40px 20px;
	width: 900px;
	min-height: 110px;
	overflow: hidden;
	zoom: 1;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}
#info #cont .wrap h2 {
	color: #23a3da;
	font-size: 16px;
	line-height: 1.2;
	background: url(../../img/info/line.gif) repeat-y right 0;
	width: 135px;
	text-align: center;
	float: left;
	padding: 28px 0 25px;
	min-height: 57px;
}
#info #cont .wrap h2 img {
	display: block;
	margin: 7px auto 0;
}
#info #cont .wrap div {
	background: url(../../img/info/line.gif) repeat-y left 0;
	float: left;
	display: block;
	width: 700px;
	padding: 25px 0 10px 25px;
	margin-left: -4px;
}
#info #cont .wrap p {
	margin-bottom: 10px;
}
#info #cont .wrap p a {
	background: url(../../img/info/icon_arrow2.gif) no-repeat 0 center;
	padding-left: 12px;
}
#info #cont p.except {
	margin: 25px 40px 0 0;
	padding-bottom: 20px;
	text-align: right;
}



/* -- trekking・activity 
-------------------------------------------------------------------------------- */
#spot {
	text-align: left;
	width: 980px;
	height: 290px;
	margin: 0 auto 25px;
	position: relative;
}
#spot h1,
#spot li {
	position: absolute;
	display: block;
	overflow: hidden;
}
#spot ul {
	display: block;
	width: 980px;
	height: 290px;
}
#spot li a {
	display: block;
	height: 0;
}
#trekking #cont,
#activity #cont {
	background: #F8F3EF url(../../img/trekking/bg_cont.gif) repeat;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}
#trekking .wrap p.except,
#activity .wrap p.except {
	padding-top: 10px;
	text-align: right;
	display: block;
	clear: both;
}
#trekking .wrap h2,
#activity .wrap h2 {
	font-size: 20px;
	color: #0aa52b;
	display: block;
	margin-bottom: 10px;
}
#trekking .wrap h2 img,
#activity .wrap h2 img {
	vertical-align: middle;
}
#trekking .wrap h2 img:nth-of-type(1),
#activity .wrap h2 img:nth-of-type(1) {
	margin-right: 20px;
}
#trekking .wrap h2 img:nth-of-type(2),
#activity .wrap h2 img:nth-of-type(2) {
	margin-left: 20px;
}



/* -- trekking
-------------------------------------------------------------------------------- */
#trekking #spot {
	background: url(../../img/trekking/bg_spot.png) no-repeat;
}
#trekking #spot h1 {
	left: 24px;
	top: 20px;
}
#trekking #spot li:nth-of-type(1) { left: 557px; top: 86px; }
#trekking #spot li:nth-of-type(2) { left: 286px; top: 69px; }
#trekking #spot li:nth-of-type(3) { left: 206px; top: 178px; }
#trekking #spot li:nth-of-type(4) { left: 452px; top: 185px; }
#trekking #spot li:nth-of-type(1) a { width: 300px; padding-top: 57px; }
#trekking #spot li:nth-of-type(2) a { width: 216px; padding-top: 132px; }
#trekking #spot li:nth-of-type(3) a { width: 279px; padding-top: 57px; }
#trekking #spot li:nth-of-type(4) a { width: 326px; padding-top: 57px; }
#trekking #spot li:nth-of-type(1) a:hover { background: url(../../img/trekking/spot_on1.png) no-repeat; }
#trekking #spot li:nth-of-type(2) a:hover { background: url(../../img/trekking/spot_on2.png) no-repeat; }
#trekking #spot li:nth-of-type(3) a:hover { background: url(../../img/trekking/spot_on3.png) no-repeat; }
#trekking #spot li:nth-of-type(4) a:hover { background: url(../../img/trekking/spot_on4.png) no-repeat; }
#trekking #cont .wrap {
	background: url(../../img/trekking/line.gif) no-repeat center top;
	padding: 20px 40px 5px;
	width: 900px;
	position: relative;
}
#trekking .wrap h2 + p {
	width: 655px;
	margin-bottom: 20px;
}
#trekking .wrap ul.info {
	position: absolute;
	left: 703px;
	top: 35px;
}
#trekking .wrap ul.info li {
	float: left;
	margin-left: 15px;
	width: 103px;
	position: relative;
}
#trekking .wrap ul.info li span {
	font-weight: bold;
	text-align: center;
	display: block;
	width: 103px;
	top: 55px;
	left: 0;
	position: absolute;
}
#trekking .wrap ul.photo {
	float: left;
	width: 290px;
	margin-right: 25px;
	overflow: hidden;
	zoom: 1;
}
#trekking .wrap ul.photo li {
	float: left;
	width: 135px;
}
#trekking .wrap ul.photo li:nth-of-type(1) {
	width: 290px;
}
#trekking .wrap ul.photo li:nth-of-type(3) {
	margin-left: 20px;
}
#trekking .wrap ul.photo li span {
	font-size: 10px;
	display: block;
	padding: 5px 0;
}
#trekking .wrap .map {
	float: right;
	width: 360px;
}
#trekking .wrap .map p {
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
}
#trekking .wrap .map p a {
	background: url(../../img/trekking/icon_arrow.gif) no-repeat left center;
	padding-left: 10px;
}
#trekking #cont .wrap:first-child {
	background: url(../../img/trekking/bg_trekking.gif) no-repeat right 0;
}
#trekking #cont .wrap:last-child {
	padding-bottom: 20px;
}



/* -- activity
-------------------------------------------------------------------------------- */
#activity #spot {
	background: url(../../img/activity/bg_spot.png?201807261) no-repeat;
}
#activity #spot h1 {
	left: 13px;
	top: 23px;
}
#activity #spot li:nth-of-type(1) { left: 314px; top: 33px; }
#activity #spot li:nth-of-type(2) { left: 559px; top: 24px; }
#activity #spot li:nth-of-type(3) { left: 334px; top: 86px; }
#activity #spot li:nth-of-type(4) { left: 553px; top: 94px; }
#activity #spot li:nth-of-type(5) { left: 234px; top: 185px; }
#activity #spot li:nth-of-type(6) { left: 471px; top: 167px; }
#activity #spot li:nth-of-type(7) { left: 234px; top: 207px; }
#activity #spot li:nth-of-type(8) { left: 451px; top: 217px; }
#activity #spot li:nth-of-type(9) { left: 264px; top: 136px; }
#activity #spot li:nth-of-type(1) a { width: 239px; padding-top: 44px; }
#activity #spot li:nth-of-type(2) a { width: 208px; padding-top: 76px; }
#activity #spot li:nth-of-type(3) a { width: 227px; padding-top: 49px; }
#activity #spot li:nth-of-type(4) a { width: 244px; padding-top: 44px; }
#activity #spot li:nth-of-type(5) a { width: 252px; padding-top: 66px; }
#activity #spot li:nth-of-type(6) a { width: 266px; padding-top: 45px; }
#activity #spot li:nth-of-type(7) a { width: 239px; padding-top: 44px; }
#activity #spot li:nth-of-type(8) a { width: 236px; padding-top: 52px; }
#activity #spot li:nth-of-type(9) a { width: 266px; padding-top: 57px; }
#activity #spot li:nth-of-type(1) a:hover { background: url(../../img/activity/spot_on1.png) no-repeat; }
#activity #spot li:nth-of-type(2) a:hover { background: url(../../img/activity/spot_on2.png) no-repeat; }
#activity #spot li:nth-of-type(3) a:hover { background: url(../../img/activity/spot_on3.png) no-repeat; }
#activity #spot li:nth-of-type(4) a:hover { background: url(../../img/activity/spot_on4.png) no-repeat; }
#activity #spot li:nth-of-type(5) a:hover { background: url(../../img/activity/spot_on5.png?201807261) no-repeat; }
#activity #spot li:nth-of-type(6) a:hover { background: url(../../img/activity/spot_on6.png) no-repeat; }
#activity #spot li:nth-of-type(7) a:hover { background: url(../../img/activity/spot_on7.png) no-repeat; }
#activity #spot li:nth-of-type(8) a:hover { background: url(../../img/activity/spot_on8.png) no-repeat; }
#activity #spot li:nth-of-type(9) a:hover { background: url(../../img/activity/spot_on9.png) no-repeat; }

#activity #spot li:nth-of-type(7) { 
	display:none;
}

#activity #cont .wrap {
	background: url(../../img/activity/line.gif) no-repeat center top;
	padding: 20px 40px 5px;
	width: 900px;
	position: relative;
}
#activity .wrap h2 + p {
	margin-bottom: 20px;
}
#activity .wrap ul.photo {
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}
#activity .wrap ul.photo li {
	float: left;
	margin-right: 15px;
	width: 290px;
}
#activity .wrap ul.photo li:nth-of-type(3) {
	margin-right: 0;
}
#activity .wrap ul.photo li span {
	font-size: 10px;
	display: block;
	padding: 5px 0;
}
#activity #cont .wrap:first-child {
	background: url(../../img/activity/bg_activity.gif) no-repeat right 0;
}
#activity #cont .wrap:last-child {
	padding-bottom: 20px;
}
#activity #cont .wrap a {
	color: #333;
	text-decoration: underline;
}

/* -- tour
-------------------------------------------------------------------------------- */

#coordinate #cont {
	background: #ccedfb;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}

#coordinate #cont .gotop {
	text-align: right;
	padding-top: 4px;
	padding-bottom:20px;
	padding-right:40px;
}

#coordinate #cont #titbox{
	width:980px;
	height:235px;
	position:relative;
}

#coordinate #cont #titbox .lead{
	position:absolute;
	top:59px;
	left:340px;
}

#coordinate #cont #cbox{
	width:980px;
	height:2047px;
	position:relative;
}

#coordinate #cont #cbox #p_c1_01{
	position:absolute;
	top:38px;
	left:663px;
}

#coordinate #cont #cbox #p_c1_02{
	position:absolute;
	top:397px;
	left:457px;
}

#coordinate #cont #cbox #p_c2_01{
	position:absolute;
	top:506px;
	left:148px;
}

#coordinate #cont #cbox #p_c2_02{
	position:absolute;
	top:828px;
	left:413px;
}

#coordinate #cont #cbox #p_c3_01{
	position:absolute;
	top:1028px;
	left:677px;
}

#coordinate #cont #cbox #p_c3_02{
	position:absolute;
	top:1437px;
	left:385px;
}

#coordinate #cont #cbox #p_c4_01{
	position:absolute;
	top:1504px;
	left:163px;
}

#coordinate #cont #cbox #c1{
	width:980px;
	height:512px;
	background:url('../../img/cood/bg_c1.png') no-repeat 0 0;
	position:relative;
}

#coordinate #cont #cbox #c1 h2{
	position:absolute;
	top:75px;
	left:192px;
}

#coordinate #cont #cbox #c1 .txt{
	position:absolute;
	top:134px;
	left:192px;
}

#coordinate #cont #cbox #c2{
	width:980px;
	height:512px;
	background:url('../../img/cood/bg_c2.png') no-repeat 0 0;
	position:relative;
}

#coordinate #cont #cbox #c2 h2{
	position:absolute;
	top:72px;
	left:472px;
}

#coordinate #cont #cbox #c2 .txt{
	position:absolute;
	top:136px;
	left:472px;
}

#coordinate #cont #cbox #c3{
	width:980px;
	height:512px;
	background:url('../../img/cood/bg_c3.png') no-repeat 0 0;
	position:relative;
}

#coordinate #cont #cbox #c3 h2{
	position:absolute;
	top:74px;
	left:192px;
}

#coordinate #cont #cbox #c3 .txt{
	position:absolute;
	top:135px;
	left:192px;
}

#coordinate #cont #cbox #c4{
	width:980px;
	height:511px;
	background:url('../../img/cood/bg_c4.png') no-repeat 0 0;
	position:relative;
}

#coordinate #cont #cbox #c4 h2{
	position:absolute;
	top:75px;
	left:470px;
}

#coordinate #cont #cbox #c4 .txt{
	position:absolute;
	top:135px;
	left:470px;
}

#coordinate #cont #bottom{
	width:980px;
	height:170px;
	position:relative;
}

#coordinate #cont #bottom .txt{
	position:absolute;
	top:51px;
	left:249px;
}

#coordinate #cont #bottom .txtbox{
	position:absolute;
	top:40px;
	left:411px;
	width:316px;
	height:90px;
	background:#ffffff;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}

#coordinate #cont #bottom .txtbox dl{
	padding:15px;
}

#coordinate #cont #bottom .txtbox dt{
	width:75px;
	height:60px;
}

#coordinate #cont #bottom .txtbox dd{
	width:211px;
	height:60px;
	margin:-60px 0 0 75px;
	line-height:60px;
}

#coordinate #cont #bottom .txtbox dd p{
	padding:0 0 0 15px;
}

#coordinate #cont #bottom .txtbox dd a{
	background:url('../../img/cood/icn_arrow.png') no-repeat right center;
	padding:0 20px 0 0;
	color:#e34416;
}



/* -- recommend
-------------------------------------------------------------------------------- */

#recommend #cont {
	background: #ccedfb;
	border-radius: 7px;
	behavior: url(../js/PIE.htc);
}

#recommend #cont .gotop {
	text-align: right;
	padding-top: 4px;
	padding-bottom:20px;
	padding-right:40px;
}

#recommend #cont #c01-01{
	width:900px;
	height:667px;
	position:relative;
	margin:0 0 0 40px;
}

#recommend #cont #c01-01 #txt-c01-01{
	position:absolute;
	top:151px;
	left:20px;
}

#recommend #cont #c01-01 #c01-01-txts{
	position:absolute;
	top:123px;
	left:213px;
	width:468px;
	font-size:13px;
	line-height:1.8;
}

#recommend #cont #c01-01 #c01-01-txts p{
	margin:23px 0 0 0;
}

#recommend #cont #c01-01 #c01-01-txts p.first{
	margin:0 0 0 0;
}

#recommend #cont #c01-01 #p-c01-01-01{
	position:absolute;
	top:351px;
	left:20px;
}

#recommend #cont #c01-01 #p-c01-01-02{
	position:absolute;
	top:482px;
	left:20px;
}

#recommend #cont #c01-01 #p-c01-01-03{
	position:absolute;
	top:170px;
	left:714px;
}

#recommend #cont #c01-01 #p-c01-01-04{
	position:absolute;
	top:301px;
	left:714px;
}

#recommend #cont #c01-01 #p-c01-01-05{
	position:absolute;
	top:432px;
	left:714px;
}

#recommend #cont #c01-02{
	width:900px;
	height:789px;
	position:relative;
	margin:0 0 0 40px;
}

#recommend #cont #c01-02 #txt-c01-02{
	position:absolute;
	top:166px;
	left:15px;
}

#recommend #cont #c01-02 #c01-02-txts{
	position:absolute;
	top:162px;
	left:213px;
	width:468px;
	font-size:13px;
	line-height:1.8;
}

#recommend #cont #c01-02 #c01-02-txts p{
	margin:23px 0 0 0;
}

#recommend #cont #c01-02 #c01-02-txts p.first{
	margin:0 0 0 0;
}

#recommend #cont #c01-02 #p-c01-02-01{
	position:absolute;
	top:368px;
	left:20px;
}

#recommend #cont #c01-02 #p-c01-02-02{
	position:absolute;
	top:500px;
	left:20px;
}

#recommend #cont #c01-02 #p-c01-02-03{
	position:absolute;
	top:263px;
	left:714px;
}

#recommend #cont #c01-02 #p-c01-02-04{
	position:absolute;
	top:394px;
	left:714px;
}

#recommend #cont #c01-02 #p-c01-02-05{
	position:absolute;
	top:525px;
	left:714px;
}

#recommend #cont #c01-03{
	width:900px;
	height:516px;
	position:relative;
	margin:0 0 0 40px;
}

#recommend #cont #c01-03 #txt-c01-03{
	position:absolute;
	top:155px;
	left:15px;
}

#recommend #cont #c01-03 #c01-03-txts{
	position:absolute;
	top:155px;
	left:213px;
	width:468px;
	font-size:13px;
	line-height:1.8;
}

#recommend #cont #c01-03 #c01-03-txts p{
	margin:23px 0 0 0;
}

#recommend #cont #c01-03 #c01-03-txts p.first{
	margin:6px 0 0 0;
}

#recommend #cont #c01-03 #c01-03-txts p.pic{
	line-height:18px;
	margin:0 0 0 0;
}

#recommend #cont #c01-03 #p-c01-03-01{
	position:absolute;
	top:367px;
	left:20px;
}

#recommend #cont #c01-03 #p-c01-03-02{
	position:absolute;
	top:155px;
	left:714px;
}

#recommend #cont #c01-03 #p-c01-03-03{
	position:absolute;
	top:287px;
	left:714px;
}

#recommend #cont #c01-04{
	width:900px;
	height:459px;
	position:relative;
	margin:0 0 0 40px;
}

#recommend #cont #c01-04 #bg-c01-04{
	position:absolute;
	top:0;
	left:0;
}

#recommend #cont #c01-04 #c01-04-txts{
	position:absolute;
	top:62px;
	left:213px;
	width:468px;
	font-size:13px;
	line-height:1.8;
}

#recommend #cont #c01-04 #c01-04-txts p{
	margin:23px 0 0 0;
}

#recommend #cont #c01-04 #c01-04-txts p.first{
	margin:6px 0 0 0;
}

#recommend #cont #c01-04 #c01-04-txts p.pic{
	line-height:18px;
	margin:0 0 0 0;
}

#recommend #cont #c01-04 #p-c01-04-01{
	position:absolute;
	top:72px;
	left:20px;
}

#recommend #cont #c01-04 #p-c01-04-02{
	position:absolute;
	top:203px;
	left:20px;
}

#recommend #cont #c01-04 #p-c01-04-03{
	position:absolute;
	top:72px;
	left:714px;
}

#recommend #cont #c01-04 #p-c01-04-04{
	position:absolute;
	top:203px;
	left:714px;
}

#recommend #cont #c01-05{
	width:900px;
	height:672px;
	position:relative;
	margin:0 0 0 40px;
}

#recommend #cont #c01-05 #txt-c01-05{
	position:absolute;
	top:144px;
	left:15px;
}

#recommend #cont #c01-05 #c01-05-txts{
	position:absolute;
	top:142px;
	left:213px;
	width:468px;
	font-size:13px;
	line-height:1.8;
}

#recommend #cont #c01-05 #c01-05-txts p{
	margin:23px 0 0 0;
}

#recommend #cont #c01-05 #c01-05-txts p.first{
	margin:0 0 0 0;
}

#recommend #cont #c01-05 #p-c01-05-01{
	position:absolute;
	top:365px;
	left:20px;
}

#recommend #cont #c01-05 #p-c01-05-02{
	position:absolute;
	top:497px;
	left:20px;
}

#recommend #cont #c01-05 #p-c01-05-03{
	position:absolute;
	top:144px;
	left:714px;
}

#recommend #cont #c01-05 #p-c01-05-04{
	position:absolute;
	top:275px;
	left:714px;
}

#recommend #cont #c01-05 #p-c01-05-05{
	position:absolute;
	top:406px;
	left:714px;
}

#recommend #cont .c02-box{
	display:tabke;
	background:url('../../img/recommend/bg_c02.png');
	border-radius:6px;
	width:900px;
	margin:30px 40px 0 40px;
}

#recommend #cont .c02-box#c02-01{
	margin:0 40px;
}

#recommend #cont .c02-box .c02-box-pic{
	display:table-cell;
	width:200px;
	padding:30px 0 0 30px;
	vertical-align:top;
}

#recommend #cont .c02-box .c02-box-txts{
	display:table-cell;
	width:676px;
	padding:30px 24px 20px 0;
	vertical-align:top;
}

#recommend #cont .c02-box .c02-box-txts .copy{
	font-size:13px;
	line-height:1.5;
}

#recommend #cont .c02-box .c02-box-txts .tit{
	font-size:18px;
	line-height:1.5;
	color:#22A5D9;
	font-weight:bold;
	padding:0 0 5px 0;
	background:url('../../img/recommend/line_c02.png') no-repeat 0 bottom;
	margin:1px 0 0 0;
}

#recommend #cont .c02-box .c02-box-txts dl{
	display:table;
	margin:9px 0 0 0;
}

#recommend #cont .c02-box .c02-box-txts dt{
	display:table-cell;
	width:92px;
	height:26px;
	text-align:left;
	vertical-align:middle;
}

#recommend #cont .c02-box .c02-box-txts dd{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	font-size:15px;
	line-height:26px;
}

#recommend #cont .c02-box .c02-box-txts .btn{
	margin:20px 0 0 96px;
}


#recommend #cont #c02-bottom{
	position:relative;
	width:980px;
	height:240px;
}

#recommend #cont #c02-bottom #c02-bottom-01{
	position:absolute;
	top:37px;
	left:247px;
}

#recommend #cont #c02-bottom #c02-bottom-02{
	position:absolute;
	top:129px;
	left:393px;
}

#recommend #cont #c02-bottom #c02-bottom-03{
	position:absolute;
	top:129px;
	left:193px;
}

#recommend #cont #c01-01 #c01-01-txts p a,
#recommend #cont #c01-03 #c01-03-txts p a,
#recommend #cont #c01-04 #c01-04-txts p a,
#recommend #cont #c01-05 #c01-05-txts p a{
	color:#333;
	background:#cdeefd;
}

#recommend #cont #c01-02 #c01-02-txts p a{
	color:#333;
	background:#ccedfc;
}