@charset "utf-8";
/* CSS Document */

@import url("base.css");
@import url("navTest.css");

/* common */
body { font-family: Meiryo, "メイリオ", Arial, Helvetica, sans-serif; color: #FFF; font-size: 15px; background: url(../img/bg-main.png) center 80px no-repeat #7a5c3c;}

a { color: #333; text-decoration: underline;}
a:hover { color: #C00; text-decoration: underline;}

.fltr { float: right;}
.fltl { float: left;}

.Wcon { margin:0 auto;width:960px;background: rgba(255,255,255,0.6); position: relative;}
.Wcon #OD { width: 980px; height: 280px; background: url(../img/ja/201406Top.png) 0 0 no-repeat; z-index:9999; position: absolute; top: 0; left: -10px;}

.Wbtn { margin: 0 0 5px; padding:16px 0; width: 260px; text-align: center; background: rgba(0,0,0,0.6);}
.Wbtn a { color: #FFF; text-decoration: none;}
.Wbtn a:hover { color: #FFFD00; text-decoration: underline;}

/* header */
header { width: 100%; background: url(../img/bg-HDb.png) 0 0 repeat-x;}
header #w10 { margin: 0 auto; width: 960px; height: 80px; background: url(../img/bg-header.png) right top no-repeat; position: relative;}
header #w10 #GM { width: 110px; height: 110px; background: url(../img/icon-GM.png) 0 0 no-repeat; position: absolute; top: -12px; left: 70px; z-index: 77;}

header #w10 #WHCja { width: 150px; height: 72px; background: url(../img/ja/img-WHCja.png) 0 0 no-repeat; position: absolute; top: 3px; left: -10px; z-index: 78;}
header #w10 #WHC { width: 150px; height: 72px; background: url(../img/img-WHCen.png) 0 0 no-repeat; position: absolute; top: 3px; left: -10px; z-index: 78;}

header #w10 h1 { width: 480px; height: 60px; position: absolute; top: 10px; left: 145px; text-indent: -9999px; z-index: 88;}
header #w10 #NV { margin: 15px 10px 0 0; width: auto; float: right; text-align: right; font-size: 12px;}
header #w10 #NV h2 { margin: 0 0 8px; color: #cfa972; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
header #w10 #NV p a { color: #EEE; text-decoration: none;}
header #w10 #NV p a:hover { color: #AEAA6F; text-decoration: underline;}
header #w10 h3 { position: absolute; top: 10px; left: 140px; z-index: 78; color: #cfa972; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 16px;}

#TopImg { margin:0 auto;width:900px;height:280px;}

/* main */
aside { margin: 20px 0 40px; width: 270px; float: left;}
aside img { margin: 0 0 2px 0; display: block;}

section { margin: 20px 0 40px; width: 670px; float: right; color: #333; line-height: 160%;}
section #plt { margin: 12px 8px; font-size: 12px; color: #555;}
section #plt .NW { color: #C00;}

section h2 { margin:0; padding: 24px 16px 16px 46px; width: 608px; height: auto; background:url(../img/bg-Ht.png) 0 0 no-repeat; font-size: 22px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #FFF;}
section .Wcon { padding: 20px 20px 60px; margin-bottom: 40px; width: 630px; background: rgba(255,255,255,0.7);}
section .Wcon-k { padding: 30px 20px 30px; margin-bottom: 40px; width: 630px; background: rgba(255,255,255,0.7);}
section .Wcon-k ul { margin: 0; padding: 0 16px; width:; height: auto;}
section .Wcon-k ul li { margin: 0 0 16px; padding: 0 0 0 34px; background:url(../img/ic-CL.png) 0 0 no-repeat;}
section .Wcon-k .Pcon { margin: 10px 20px; width: 260px; float: left;}
section .Wcon-k .Pcon h3 { font-size: 18px;}
section .Wcon-k .Pcon p { font-size: 11px;}

/* footer */
footer { width: 100%; padding: 39px 0; background: url(../img/bg-footer.png) 0 0 repeat-x #000;}
footer #w10 { margin: 0 auto; width: 940px; position: relative;}
footer #w10 .Tcon { width: 18%; margin: 0 2% 15px 0; float: left; color: #AAA; font-size:12px;}
footer #w10 .Tcon li.no{ margin: 10px 0 3px 0; padding: 0; color: #FFF; text-decoration: none; font-size:14px;}
footer #w10 .Tcon a { color: #CCC; text-decoration: none;}
footer #w10 .Tcon a:hover { color: #AEAA6F; text-decoration: underline;}
footer #w10 p { font-size: 11px; color: #DDD;}
footer #w10 .Tcon2 { margin: 30px 0 0; width: 660px; float: right;}
footer #w10 .Tcon2 p { margin: 0 20px 7px 0; float: left;}

footer #w10 #WHC { margin: 0 ; width: 240px; height:120px; float: left;}

/*追加*/
/*サブタイトル*/
section .Wcon h3 { margin: 15px 0 6px 0; padding: 6px 0 10px 18px; font-size: 18px; height: auto; font-weight: 600; background: url(../img/h3-t.png) 0 0 no-repeat; line-height:160%;}
section .Wcon h3 a { font-weight: bold;}

/*緑タイトル*/
h4 { margin: 20px 0 10px 0; padding: 0; color: #099; font-size:18px;}
h5 { margin: 20px 0 10px 0; padding: 0; font-size:16px;}
h6 { margin: 0; padding: 0; color: #099; font-size:15px;}
/*赤字*/
.fF00 { margin: 0; padding:0 0 10px 0; color: #F00; font-size:13px;}

section .Wcon p { margin: 0; line-height:180%;}

/*リスト（トップページ以外）*/
section .Wcon ul{ margin: 0; padding: 10px 0; }
section .Wcon ul li { margin: 0 0 8px; padding: 0 0 0 24px; background: url(../img/li-o.png) 6px 8px no-repeat;}
section .Wcon ul li.ST { margin: 0; padding: 0 0 0 24px; background: url(../img/star_yellow.png) 0 0 no-repeat;}
section .Wcon ul li.no { margin: 24px 0 16px -4px; padding: 0; background: none;}

/*産業遺産img
dl.no-float{ margin:20px 17px 0 0; padding:0; width:173px; height:210px; float:left;}
dl.no-float dt{ margin: 0 0 3px 0; padding:0; width:173px;height:128px;}
dl.no-float dt img{ border:solid 1px #DDD;}
dl.no-float dd{ margin:0; padding:0; font-size:12px; line-height:150%;}*/

.PIcon { margin: 15px 0; padding: 0 3px; width: 31%; float: left;}
.PIcon img { margin: 0 0 3px; padding: 0; display: block;}
.PIcon p { margin: 0; padding: 0 3px; font-size: 12px;}

/*プロセス*/
.ad5-1 {
    margin: 0 auto;
    padding: 30px 0px 0px;
    background: url('../img/ad5bk1.png') no-repeat scroll 0px 10px transparent;
    width: 500px;
    height: 90px;
    text-align: center;
    color: #333;
    line-height: 150%;
    overflow: hidden;
    position: relative;
}

.ad5-2 {
    margin: 0 auto;
    padding: 40px 0px 0px;
    background: url('../img/ad5bk2.png') no-repeat scroll 0px 10px transparent;
    width: 600px;
    height: 110px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 150%;
	font-size:15px;
    overflow: hidden;
    position: relative;
}

.ad5-2t {
    margin: 0 auto;
    padding: 0px;
    background: url('../img/ad5bk2t.png') no-repeat scroll 0px 10px transparent;
    width: 600px;
    height: 40px;
    position: relative;
}
/*プロセスリスト*/
ul .f333{ margin: 0 0 0 30px; padding: 0;}
ul .f333 li{ margin: 10px 0 0 0; padding: 0; background:none; list-style-type:circle;}
ul li.f099 { margin: 10px 30px 10px 20px; padding: 0; background:none; list-style-type: disc;}

.ad5-2m {
    margin: 0 auto;
    padding: 0px 0px 10px;
    background: url('../img/ad5bk2m.png') repeat-y scroll 0px 0px transparent;
    width: 600px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 150%;
    overflow: hidden;
}

.ad5-2m #con {
    margin: 10px auto 0px;
    padding: 16px;
    text-align: left;
    background: none repeat scroll 0% 0% #FFE;
    width: 500px;
    color: #666;
    font-weight: normal;
    border: 2px solid #999;
}

.ad5-2m #con ul { padding: 0 0 0 32px; height: auto; overflow: none;}
.ad5-2m #con ul li { margin: 0 0 8px; padding: 0; background: none;}

.ad5-2b {
    margin: 0 auto;
    padding: 0px;
    background: url('../img/ad5bk2b.png') no-repeat scroll 0px 0px transparent;
    width: 600px;
    height: 60px;
}

.ad5-2e {
    margin: 0 auto;
    padding: 40px 0px 0px;
    background: url('../img/ad5bk2e.png') no-repeat scroll 0px 10px transparent;
    width: 600px;
    height: 110px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 150%;
	font-size:15px;
    overflow: hidden;
    position: relative;
}

.zm {
    width: 36px;
    height: 36px;
    position: absolute;
    background: url('../img/ad5zm.png') no-repeat scroll 0px 0px transparent;
    top: 0px;
    left: 2px;
    text-indent: -9999px;
}

/*プロセス文字（小）*/
.fs8 {
    font-size: 12px;
}
/*プロセスpdfリンク*/
.afFF0 a {
    color: #FF0;
}

/*表*/
/*bgグレー*/
.bgEEE {
    background: none repeat scroll 0% 0% #DDD;
}

table.hyo{ margin: 0; background: rgba(255,255,255,0.7);}
table.hyo th{ 
    margin: 0;
    padding: 20px 0 10px 0;
	border-bottom:1px solid #DDD;
    color: #099;
	font-size:18px;	
	text-aline: center;}

table.hyo td.age{ 	
    width:90px;
    border-right:1px solid #EEEBE7;
    border-spacing:0; }
	
table.hyo td{ 
    margin:0;
    padding:5px;
	text-aline: center;
	color: #333;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD; 
	vertical-align: middle;
	}
table.hyo td img{
	display: inline;}
/*伝道師協会*/	
.f-left {
	margin: 0 20px 40px 0;
    float: left;
}

/* KSG */
#ct1,
#ct2,
#ct3 { margin: 15px 0 0 -15px; padding: 0 0 60px; width: 600px; clear: both;}
#ct1 { background: url('/img/ks1h3bk01b.png') no-repeat 0 bottom;}
#ct2 { background: url('/img/ks1h3bk02b.png') no-repeat 0 bottom;}
#ct3 { background: url('/img/ks1h3bk03b.png') no-repeat 0 bottom;}

#ct1 h3,
#ct2 h3,
#ct3 h3 { margin: 0;padding: 0 0 0 60px; width: 540px; height:70px;font-size:25px; font-weight:bold;color:#FFF; line-height:300%;}
#ct1 h3 { background: url('/img/ks1h3bk01.jpg') no-repeat 0 0;}
#ct2 h3 { background: url('/img/ks1h3bk02.jpg') no-repeat 0 0;}
#ct3 h3 { background: url('/img/ks1h3bk03.jpg') no-repeat 0 0;}

#ct1 #main,
#ct2 #main,
#ct3 #main { margin: 0; padding: 10px 0 30px; width: 600px;}

#ct1 #main .mag,
#ct2 #main .mag,
#ct3 #main .mag { margin: 20px auto 10px; width: 520px;}

#ct1 #main { background: url('/img/ks1h3bk01m.jpg') repeat-y 0 0;}
#ct2 #main { background: url('/img/ks1h3bk02m.jpg') repeat-y 0 0;}
#ct3 #main { background: url('/img/ks1h3bk03m.jpg') repeat-y 0 0;}

#ct3 #main .mag table{ margin: 0 0 10px; padding: 0; text-align:center; width:240px; border:0;}
#ct3 #main .mag table td.bd01-2 { margin: 0; padding: 6px; border: 1px solid #CCC; background: #FFE;}
#ct3 #main .mag table td.arw { margin: 0; padding: 0; width: 20px; height:20px; background: url('/img/arrow-r3.gif') no-repeat center cen;}

#main .mag ol { margin: 10px 0 0 0; padding: 0;}
#main .mag ol li { margin: 10px 0 0 25px; padding: 0; list-style-type: decimal; background:none; line-height:180%;}
#main .mag dl { margin: 0; padding: 20px 0 0 0;}
#main .mag dt { margin:0 10px 0 0; padding:0 ; width:auto; height:auto; color:#36C; float:left;}
#main .mag dd { margin:0 10px 0 0; padding:0; height:auto;}

/* WH-DDK.php 
.Wcon dl { margin: 8px 0 16px; clear:both;}
.Wcon dl img { margin: 0 16px 16px 0; float: left;}
.Wcon dt { color: #099;}*/
.Wcon dd { font-size: 12px;
    padding: 0px;}


/* TD-Rp.php */
.sub_title {padding: 0px; margin-left: 5px;}
.photo {float: left; width: 142px;height:170px; margin: 0; text-align: center;}
.photo p { margin: 0px 0px 10px; font-size: 12px; line-height: 1.3; padding: 0px;}

/* wh001.php */
#news ul { height: auto; overflow: visible;}
#news li { margin-bottom:32px; padding-bottom:32px; border-bottom: 1px solid #BBB;}

/* pager */
.pager{ margin: 30px auto 0; text-align:center;}
a.page-numbers,
.pager .current{ padding:5px 8px; margin:0 2px; background-color: #F4F2EF; border: solid 1px #CABEB1; border-radius:3px;}
.pager .current{ background-color: #7A5C3C; border: solid 1px #CABEB1; color: #FFF;}
.pager a:hover{ color: #FFF; border: solid 1px #CABEB1; background-color: #CABEB1;}

/* gallery customize 
#gallery-1 .gallery-item {
    width: auto!important;
}*/