/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

body,html{height:100%;}

body {background-image:url(navi/bg-top-line.gif);
background-position:right top;
background-repeat:repeat-x;
/*background-image:url(./img/bg1.jpg);*/

color:#666666;
background-position: top;

text-align:center;
margin: 0px;
padding: 0px;
line-height:1.6;
font-size:80%;
/*overflow-y:hidden;*/
/*font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
font-family: "Hiragino Maru Gothic ProN", Meiryo, fantasy;
}

form{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}


#feed li{  width:250px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#feed li a{color:gray;text-decoration:none;}
#feed li a:hover{color:pink;text-decoration:none;}


h1{font-size:small;border:0px solid red;padding:0;margin:0;}



.imgfuti{border:white 5pt solid;}

img{border:0px;
vertical-align:top;}

td{font-size:100%;
line-height:1.6;}

.c-both { clear:both; } 
.c-both hr { display:none;position:center;}





/* ------------------------------
ヘッダー
------------------------------ */
.header-line{width:100%;text-align:left;margin: 0px auto;padding: 0px auto;
height:8px;background-image:url();background-color:#0085CE;}
.header{width:1000px;text-align:center;margin: 0px auto;padding: 0px auto;
height:60px;
}

.header-l{float:left;text-align:left;width:600px;border:0px solid red;}
.header-r{float:right;border:0px solid blue;text-align:right;}

.h-m{width:224px;}
.h-m-l{float:left;text-align:left;border:0px solid red;}
.h-m-r{float:right;border:0px solid blue;text-align:right;}

.logo{width:100%;text-align:left;margin: 0px auto;padding: 0px auto;
height:150px;}

/* ------------------------------
メニュー
------------------------------ */
.menu{/*display:inline-block;*/
position: relative;
overflow: hidden;

text-align:center;
margin: 0px auto;
padding:0px auto;

height:67px;
background-image:url(./navi/menu-bg.jpg);
background-repeat: repeat-x;
background-position: bottom center;
background-color:#FFF;}

div.menu ul{margin: 0px auto;
padding: 0px;
list-style-type: none;width:990px;
float:left;
left:50%;

position:relative;
}

div.menu li {

float:left;

left:-50%;

position:relative;

}


.menu ul li a:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/* ------------------------------
ナビ固定用
------------------------------ */
.fixed {
    position: fixed;
    top: 10px;
    width: 100%;
    z-index: 10000;
}



/* ------------------------------
flash
------------------------------ */
#flash{widht:100%;padding:0px;
background-color:#EBEBEB;
background-image:url();
background-repeat: repeat-x;
background-position: bottom center;
margin:0px auto;
padding:0px auto;
border:solid 0px red;
border-bottom:0px solid #DABD8E;}




#outline {
 width:100%;
 height:100%;
 min-height: 100%;        /* 全部囲ってるdiv#containerは、”最低でも”高さ100%（＝ブラウザ画面めいっぱい）にしてね */ 
                             /* min-heightは最低限の高さを指定するプロパティ。コンテンツ量が増えれば、高さは伸びるよ */ 
 height: auto !important; /* IE6じゃmin-height使えないからIE6専用にこの行と次の行をこう書くよ */ 
 text-align:center;
 margin:0px auto;
border:solid 0px red;
background:#EBEBEB;
background-image:url(img/main-bg.jpg);

/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.00, #fff3f6));
background: -webkit-linear-gradient(top, #fff3f6 0%, #fff 88%);
background: -moz-linear-gradient(top, #fff3f6 0%, #fff 88%);
background: -o-linear-gradient(top, #fff3f6 0%, #fff 88%);
background: -ms-linear-gradient(top, #fff3f6 0%, #fff 88%);
background: linear-gradient(to bottom, #fff3f6 0%, #fff 88%);*/

}

#outline-margin{
width:960px;
margin:0px auto;
padding:0px auto;
border:solid 0px blue;} 



/* ------------------------------
フッター
------------------------------ */
.footer{text-align:center;margin: 0px auto;padding: 0px auto;
width:100%;
color:#FFFFFF;
border-top:2px solid #E2F4FE;
background-color:#0084CE;
font-weight:bold;
height:200px;

}
.footer a{color:#FFFFFF;text-decoration:none;}
.footer a:hover{color:#BDE7FE;text-decoration:none;}

.footer-main{text-align:center;margin: 0px auto;padding: 0px auto;
width:960px;

}

.footer-l{float:left;text-align:left;}
.footer-r{float:right;width:300px;}

/* ------------------------------
トップへ戻る　
------------------------------ */
#page-top {
	position: fixed;
	bottom: 180px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background:#0185CF;
	text-decoration: none;
	color: white;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;

}
#page-top a:hover {
	text-decoration: none;
	background:#959595;color:white;
}



/* ------------------------------
字間、行間
------------------------------ */
p{letter-spacing : 1px;
line-height : 25px;
}


input,textarea{
padding:6px;
}

input:focus{
 background: #FFFCE0;
}

 textarea{
border:#333333 1px solid;
} 

textarea:focus{
background: #FFFCE0;
border:#000099 1px solid;
}


/* ------------------------------
メイン枠（左・右）
------------------------------ */
.main {display:inline-block;
width:980px;
text-align:center;
border:solid 0px blue;}



/* ------------------------------
記事
------------------------------ */

.top-kiji{width:700px;}
.top-kiji-in{padding:20px 5px 5px 5px;}
.top-kiji-l{border:10px solid #F4F4F4;float:left;width:325px;text-align:left;}
.top-kiji-r{border:10px solid #F4F4F4;float:right;width:325px;text-align:left;}
.kiji{margin:20px 0px 0px 0px;position:relative;padding:5px;border:10px solid #DDDDDD;text-align:center;background-color:#ffffff;font-size:medium;}
.caption{padding:10px;text-align:left;line-height:180%;}

.news-border{border-top: 1px dashed #bbb;}


/*　記事のタイトル装飾　*/
.news-title{font-size:26px;
 background: url(./img/icon.png) no-repeat left center;
 text-align:left;
 padding-left:45px;
 height: 40px;width:668px;
 border:0px solid #DDDDDD;
 position:absolute;
 top:-10px;
 left:0px;
 color:#ffffff;
 background-color:#0185CF;
 display:block;
 
 
 	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */}



/*　記事のタイトル装飾　*/
.per-title{font-size:26px;
 background: url(./img/icon.png) no-repeat left center;
 text-align:left;
 padding-left:45px;
 height: 40px;width:655px;
 border:3px solid #DDDDDD;
 position:absolute;
 top:-25px;
 left:2px;
 color:#ffffff;
 background-color:#0185CF;
 display:block;
 
 
 	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */}


/* ------------------------------
日中友好事業　テーブル
------------------------------ */
.jigyou{color:gray;border-collapse:collapse;}

.jigyou th{padding:10px 10px 10px 10px;text-align:left;width:100px;background-color:#FFFFFF;border-bottom:1px solid #DDDDDD;}
.jigyou td{padding:10px 10px 10px 10px;text-align:left;background-color:#FFFFFF;border-bottom:1px solid #DDDDDD;}




/* ------------------------------
協会案内　テーブル
------------------------------ */
.gaiyou{color:gray;border-collapse:collapse;}

.gaiyou th{padding:10px 10px 10px 10px;text-align:left;width:100px;background-color:#F3F3F3;border:1px solid #DDDDDD;}
.gaiyou td{padding:10px 10px 10px 10px;text-align:left;background-color:#FFFFFF;border:1px solid #DDDDDD;}


.caption ul {
    list-style: disc;
    margin: 0 0 2px 2.5em;
}
.caption ol {
    list-style: decimal;
    margin: 0 0 2px 2em;
}
.caption li {
    margin: 0 0 4px 0em;
    line-height: 120%;
}


/* ------------------------------
左メニュー
------------------------------ */
.left{display:block;width:220px;float:left;text-align:left;padding:0px 0px 0px 0px;border:0px solid yellow;}

/* ------------------------------
サイドメニュー
------------------------------ */
.leftmenu{border:0px solid #B3985C;}
 
.nave{border:0px solid #B3985C;
 width: 230px;
 }

.nave ul {background-color:#DDDDDD;
 list-style: none;
 margin: 0;
 padding: 0px 0px;
 border: 10px solid #DDDDDD;
 }

.nave li {
 background:#ffffff;
 margin: 0;
 padding: 0px 0px;/*5px 5px*/
  list-style: none;
 border-bottom: 0px dotted #999999;
 }

.nave a {
 background: url(./navi/menubutton.png) no-repeat 2px; 
 padding:0px 0px;
 display: block;
 width: 152px ; 
 color: #B3985C;
 text-decoration: none;
 }


 
 .nave a:hover{ background-color:#6B6B6B;
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
 
 
 
 
 
 .nave2{border:0px solid #B3985C;
 width: 215px;height:215px;
 }

.nave2 ul {color:#ffffff;
background-color: #DABD8E;
 list-style: none;
 margin: 0;
 padding: 5px 5px;
 border-top: 0px dotted #999999;
 }

.nave2 li {color:#ffffff;
 background:#DABD8E;
 margin: 0;
 padding: 2px 2px;/*5px 5px*/
 border-bottom: 0px dotted #999999;
 }

.nave2 a {
 background: url(./navi/menubutton.png) no-repeat 2px; 
 padding:8px 30px;
 display: block;
 width: 152px ; 
 color: #ffffff;
 text-decoration: none;
 }

.nave2 a:hover {color:#DABD8E;
 background-color:#f5f5f5;
/* background: url(./navi/menubutton.png) no-repeat 2px; 
 color: #ff0000;*/
 width: 142px ; 
 }
 


/* ------------------------------
右メイン
------------------------------ */
.right{width:730px;float:right;border:0px solid pink;text-align:left;}

.lb ul{list-style:none;margin:0;padding:0;text-align:left;}
.lb li{padding:0px;font-size:0;line-height:0;}


.new ul{overflow:hidden;margin-right:-10px;}
.new li{float:left;margin:0 10px 10px 0}
.new img{border:5px #ffcccc solid;}
.new img:hover{border:5px #69c solid}




/* ------------------------------
挿絵画像
------------------------------ */
div.imageboxr {float: right;}
div.imageboxl {float: left;}

/* ------------------------------
 見出し
------------------------------ */
h3 {font-weight:bold;
padding: 5px 10px;
font-size: 25px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align:left;}
h4 {
margin-bottom: 1em;
padding: 5px 10px;
border-top: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 1px solid #000000;
border-left: 10px solid #000000;
font-size: 12px;
color:#000000;
text-align:left;width:590px;}

h5 {
margin-bottom: 1em;
padding: 1px 3px;
border-top: 1px solid #cccccc;
border-right: 10px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 10px solid #cccccc;
background-color: #ffffff;
font-size: 14px;
color: #000000;
width:600px;}

h6 {
margin-bottom: 1em;
padding: 5px 10px;
background-color: #990000;
font-size: 14px;
color:#ffffff;
}



/* ------------------------------
 ↓お問い合わせ用　table　--
------------------------------ */
.table{border-collapse:collapse;}

.hissu{background:#A20002;padding:0px 3px 0px 3px;color:white;font-weight:bold;font-size:11px;}
.hissukome{color:red;}

.td-fh2{width:120px;margin:0px;
color:#000000;
padding:20px;
text-align:left;
background-color:#F4F4F4;
vertical-align:top;
border:solid gray 1px;
background-image:url();
}

.td-fin{width:440px;
color:#626262;

margin:0px;
text-align:left;
padding:20px;
background-color:#FFFFFF;
vertical-align:top;
border:solid gray 1px;}