@charset "UTF-8";

body {
	font-family:Arial, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:0.9em;
	min-width:1024px;
	color:#000;}

img,input {
	vertical-align:top;
	border:none;}

/*見出し設定*/
h1{	font-size:1em;
	font-weight: bold;
	background-color: transparent;}
h2{
	font-size:1.2em;
	margin: 0px 0px 5px 0px;
}
h3{	font-size:1em;
	margin:0px 0px 0px 0px;}
h4{	font-size:0.9em;
	margin: 0px 0px 0px 0px;}
h5{	font-size:0.8em;
	color: #666666;
	margin: 0px 0px 3px 0px;}
h6{	font-size:0.7em;
	color: #000000;
	margin: 8px 0px 0px 0px;}


/*文字*/
p{margin:0;
line-height:1.3em;}

ul{list-style-type:none;
padding:0;
margin:0;}
ul.center{text-align:center;}
ul.dc{list-style-type:disc;}
ul.cc{list-style-type:circle;}
ul.bs{list-style-image:url(img/objet/list_bs.gif);}
ul.gs{list-style-image:url(img/objet/list_gs.gif);}

ol{
text-align:justify;
margin:0 0 0 0.2em;
padding:0;}
ol.lr{list-style-type:lower-roman;}

li{
line-height:1.2em;
font-size: 1em;
font-weight:normal;
margin:0.3em 0em 0.3em 1.2em;
padding:0;}
li.left{float:left;
display:inline;}

table.ryoji-tesuryo{border-collapse:collapse;
border-style:none;}
table.ryoji-tesuryo tr{width:300px;
border:none;}
table.ryoji-tesuryo th{width:200px;
text-align:left;
font-weight:normal;
border:none;
padding:3px 0px;}
table.ryoji-tesuryo td{width:100px;
text-align:right;
border:none;
padding:3px 0px;}


/*リンクスタイル*/
a:link{color:#000080;
text-decoration:none;}
a:visited{color:#002980;
text-decoration:none;}
a:hover,a:active{color:#ffffff; background:#000080;}
a.image:hover,a.image:active{background:none;}

.tt{font-family:monospace;}
.clear{clear:both;}
.hidden{display:none;}
.first {margin-top:0.2em;}

/*画像スタイル*/
img{border-style:none;}
img.baseline { vertical-align: baseline; }
img.top { vertical-align: top; }
img.middle { vertical-align: middle; }
img.bottom {vertical-align: bottom;}
img.mgbtm20{margin-bottom:20px;}
a img{border:0px;}

/* リスト（ポインタ）*/
.headbbl li{list-style:url("common_img/li_ball_bl.gif") disc;}
.headbrd li{list-style:url("common_img/li_ball_red.gif") disc;}
.headbor li{list-style:url("common_img/li_ball_or.gif") disc;}

.headbl li{list-style:url("common_img/li_head_bl.gif") disc;}
.headsl li{list-style:url("common_img/li_head_sl.gif") disc;}
.headdk li{list-style-image:none;list-style:disc;}

/* リスト（数字）*/



/* レイアウト用*/
/*ヘッダ設定*/


/*tools（画面右上）レイアウト*/
#tools{
	display:block;
	text-align:center;
	font-size:0.8em;
	padding:3px 0px 3px 0px;
	color:#A3BCD3;
	background-color:#1580D8;
	border-bottom:1px solid #ffffff;}
#tools a:link,#tools a:visited{
	text-decoration:none;
	color:#ffffff;}
#tools a:hover,#tools a:active{
	text-decoration:none;
	background:#fdfdfd;
	color:#003366;}
#tools a.skip:link,#tools a.skip:visited{
	text-decoration:none;
	color:#1580D8;}
#tools a.skip:hover,#tools a.skip:active{
	text-decoration:none;
	color:#003366;
	background:#BBBBBB;} 

/*タイトルレイアウト設定*/
#head{
text-align:center;
	background-color:#012E8B;
	background-image:url("img/objet/title_bg.jpg");
	background-repeat:repeat-x;
	padding:5px 0px 5px 0px;
	margin:0em;}

/*タイトル国旗設定*/
#flag{
	float:left;
	position:relative;
	text-align:left;
	padding-top:0px;
	margin-top:12px;}

#title{
	float:left;
	position:relative;
	text-align:left;
	padding:8px 0px 0px 10px;
	color:#ffffff;
	line-height:80%;
	font-size:1.5em;
	font-family: Arial, sans-serif;}
#title .en{
	font-size:1em;
	font-weight:bold;}
#title .jp{
	font-size: 0.5em;}

/*タイトル写真設定*/
#hp{background-color:transparent;
	text-align:right;
	font-size:0.8em;
	color:#A3BCD3;}

/*メニュー設定*/
#menu{
	text-align:center;
	margin:1px 0px 1px 0px;
	padding:1px;
	background-color:#062673;
	color:#fff;
	line-height:140%;}
#menu a{
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	padding:3px;
	margin: 0px 8px 0px 8px;}
#menu a:link, #menu a:visited{color:#FFFFFF;}
#menu a:hover, #menu a:active{
	text-decoration:none;
	background:#A1CAF2;
	color:#062673;}
#menu .select{
	font-size:0.8em;
	font-weight:bold;
	margin:0px 0.3em 0.4em 0.3em;
	text-decoration:none;
	padding:3px;
	color:#ffff00;}

/*文字スタイル*/
.tpc-r{
margin:0 0 0 0;
padding:0 0 0 1em;
text-align:left;
background-color:#D71345;
background:linear-gradient(left top, #9C0E32, #D71345 50%, #9C0E32);
background:-moz-linear-gradient(left top, #9C0E32, #D71345 50%, #9C0E32);
background:-webkit-gradient(linear, left top, right bottom, from(#9C0E32), color-stop(0.5, #D71345), to(#9c0e32));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#9C0E32, endcolorstr=#D71345));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#9C0E32, endcolorstr=#D71345))";
zoom: 1;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
}

.tpc-r a{display:block;
}
.tpc-r a:link{color:#FFFFFF;
text-decoration:none;}
.tpc-r a:visited{color:#FFFFFF;
text-decoration:none;}
.tpc-r a:hover, a:active{color:#FFFFFF; background:#D71345;}

.tpc-r1{
margin:0 0 0 0;
padding:0 0 0 0em;
text-align:left;
background-color:#B31039;
background:linear-gradient(left top, #9C0E32, #D71345 50%, #9C0E32);
background:-moz-linear-gradient(left top, #9C0E32, #D71345 50%, #9C0E32);
background:-webkit-gradient(linear, left top, right bottom, from(#9C0E32), color-stop(0.5, #D71345), to(#9c0e32));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#9C0E32, endcolorstr=#D71345));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#9C0E32, endcolorstr=#D71345))";
zoom: 1;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
}

.tpc-r1 a{display:block;
padding:0 0 0 1em;
}
.tpc-r1 a:link{color:#FFFFFF;
text-decoration:none;}
.tpc-r1 a:visited{color:#FFFFFF;
text-decoration:none;}
.tpc-r1 a:hover, a:active{color:#FFFFFF; background:#D71345;}


.tpc-o{
margin:0 0 5px 0;
padding:0 0 0 1em;
background-color:#ec7600;
color:#ffffff;
font-size:1.1em;
font-weight:bold;
}

.tpc-o1{
margin:0 0 5px 0;
padding:0 0 0 1em;
background-color:#ec7600;
color:#ffffff;
font-size:1.1em;
font-weight:bold;
border-width:thin;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.tpc-b{
margin:0 0 10px 0;
padding:0 0 0 1em;
background-color:#000095;
background:linear-gradient(left top, #062673, #000095 50%, #062673);
background:-moz-linear-gradient(left top, #062673, #000095 50%, #062673);
background:-webkit-gradient(linear, left top, right bottom, from(#062673), color-stop(0.5, #000095), to(#062673));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#062673, endcolorstr=#000095));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#062673, endcolorstr=#000095))";
	zoom: 1;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
border-style:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}



.tpc-g1{
margin:0 0 10px 0;
padding:0 0 0 1em;
background-color:#CCCCCC;
background:linear-gradient(left top, #CCCCCC, #DFDFDF 50%, #CCCCCC);
background:-moz-linear-gradient(left top, #CCCCCC, #DFDFDF, #CCCCCC);
background:-webkit-gradient(linear, left top, right bottom, from(#CCCCCC), color-stop(0.5, #DFDFDF), to(#CCCCCC));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#CCCCCC, endcolorstr=#DFDFDF));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#CCCCCC, endcolorstr=#DFDFDF))";
zoom: 1;
color:#454545;
font-size:1.2em;
font-weight:bold;
border-style:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.tpc-g2{
padding:0;
margin:0 0 5px 0;
text-align:center;
font-size:1.2em;
font-weight:bold;
background-color:#666666;
background:linear-gradient(left top, #999999, #666666 50%, #999999);
background:-moz-linear-gradient(left top, #999999, #666666 50%, #999999);
background:-webkit-gradient(linear, left top, right bottom, from(#999999), color-stop(0.5, #666666), to(#999999));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#666666, endcolorstr=#999999));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#666666, endcolorstr=#999999))";
zoom: 1;
color:#FFFFFF;
}

.tpc-g3{
padding:0;
margin:0px 0 15px 0;
text-align:center;
font-size:1.2em;
font-weight:normal;
color:#000;
background-color:#ffffff;
background:linear-gradient(top, #CCCCCC, #FFFFFF 50%, #CCCCCC);
background:-moz-linear-gradient(top, #CCCCCC, #FFFFFF 50%, #CCCCCC);
background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), color-stop(0.5, #FFFFFF), to(#CCCCCC));
border-top:solid #999999;
border-bottom:solid #999999;
border-width:thin;
}

.tpc-g4{
margin:0px;
padding:0;
text-align:left;
background-color:#E4E4E4;
background:linear-gradient(left top, #DFDFDF, #FFFFFF 50%, #CCCCCC);
background:-moz-linear-gradient(left top, #DFDFDF, #FFFFFF 50%, #CCCCCC);
background:-webkit-gradient(linear, left top, right bottom, from(#DFDFDF), color-stop(0.5, #FFFFFF), to(#CCCCCC));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#FFFFFF, endcolorstr=#CCCCCC));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#FFFFFF, endcolorstr=#CCCCCC))";
zoom: 1;
color:#FFFFFF;
font-size:1.5em;
font-weight:bold;
}

.tpc-g4 a{
display:block;
padding:1em 0 0.8em 1em;
margin:0px;}
.tpc-g4 a:link{color:#666666;
text-decoration:none;}
.tpc-g4 a:visited{color:#666666;
text-decoration:none;}
.tpc-g4 a:hover,a:active{color:#333333; background:none;}

.tpc-g5{
margin:0px;
padding:0;
text-align:left;
background-color:#F2F2F2;
background:linear-gradient(left top, #DFDFDF, #FFFFFF 20%, #CCCCCC);
background:-moz-linear-gradient(left top, #DFDFDF, #FFFFFF 20%, #CCCCCC);
background:-webkit-gradient(linear, left top, right bottom, from(#DFDFDF), color-stop(0.2, #FFFFFF), to(#CCCCCC));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#FFFFFF, endcolorstr=#CCCCCC));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#FFFFFF, endcolorstr=#CCCCCC))";
zoom: 1;
color:#FFFFFF;
font-size:1.1em;
}

.tpc-g5 a{
display:block;
padding:0.2em 0 0.2em 2em;
margin:0px;}
.tpc-g5 a:link{color:#4D4D4D;
text-decoration:none;}
.tpc-g5 a:visited{color:#4D4D4D;
text-decoration:none;}
.tpc-g5 a:hover,a:active{color:#1a1a1a; background:#FFFFFF;}

.face{color:#003366;
font-size:1.1em;
font-weight:bold;}

.titre{font-size:1.2em;
font-weight:bold;
text-align:justify;}

.date{font-size:0.8em;
margin:0 0 5px 0;
}

.photo{font-size:0.6em;
color:#999999;}
.i{font-style: italic;}
.ir{font-style: italic;
color:#ff0000;}
.b{font-weight:bold;}
.u{text-decoration: underline;}
.bgyellow{
	background-color: #FFFF00;}

.indent2{text-indent:2em;}
.indent3{text-indent:3em;}
.just{
text-align:justify;}

.just1{
text-indent:1em;
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:3px;}
.just2{
text-indent:2em;
text-align:justify;
margin-bottom:3px;}
.ambmes{
text-indent:4em;
text-align:justify;
margin-bottom:5px;}

.center{text-align:center}
.right{text-align:right;}
.right3{text-align:right;
margin-right:3em;}
.right9{text-align:right;
margin-right:9em;}

/*仕切り線*/
hr{	clear:both;
   	margin:10px 10px 10px 0px;
   	border-top:solid 2px #999999;}

	
/*メイン設定*/
#main{
text-align:center;
position:relative;}

#cadre{width:925px;
margin:0 auto;}
#cadre1{width:925px;
margin:0 auto;
text-align:right}
#cadre2{width:925px;
margin:0 auto;
text-align:left}

#index01{f
position:relative;
width:210px;
float:left;
margin:20px 6px 30px 0;
text-align:left;}

#index01 img{
margin:2px;
}

#index1{
position:relative;
width:190px;
float:left;
margin:10px 6px 30px 0;
text-align:left;}


#index2{
position:relative;
float:left;
width:502px;
margin:10px 4px 30px 8px;
text-align:left;}

#index3{
margin:10px 0 30px 6px;
position:relative;
float:right;
width:200px;
text-align:center;}



#index02{
position:relative;
float:left;
width:670px;
margin:20px 0px 30px 20px;
text-align:left;
}


#photocenter { 
   position: relative;
   float:none;
   width:  667px; /* ボックスの横幅 */
   height: 250px; /* ボックスの高さ */
}

#photocenter p {
   position: absolute;
   float:none;
   top: 0;
   right: 0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: black; /* ボックスの背景色(必須) */
   height: 250px; /* ボックスの高さ */
}

span.photo-topics{
   color: white;
}

#photocenter p.active {
   z-index: 10;
   opacity: 1.0;
}

#photocenter p.last-active {
   z-index: 9;
}

#photocenter p img {
   float:none;
   width:  300px; /* 画像の横幅 */
   height: 200px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}



#index4{
position:relative;
float:left;
width:702px;
margin:20px 0px 30px 20px;
text-align:left;}

#box1-1{
margin:0px 0px 15px 0px;
color:#2A2A2A;
text-align:left;
border-style:solid;
border-width:thin;
border-color:#9C0E32;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


#box1-2{
margin:0 0 15px 0;
border-style:solid;
border-width:thin;
border-color:#ec7600;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#box-button{
margin:20px 0 0 0;
border-style:solid;
border-width:thin;
border-color:#666666;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#box-button2{
margin:6px 0 0 0;
border-style:solid;
border-width:thin;
border-color:#666666;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#box2-0{
padding:1em;
}




#box2-1{
margin:5px 0 15px 0;
padding:0px 0 15px 0;
border-bottom:dotted thin #999999;
}


#photocenter{
text-align:center;
margin:1px 2px 5px 2px;}


#photocenter img{

margin:0 1px 1px 0;}

#photoleft{
text-align:left;
margin:10px 2px 15px 2px;}

#photoleft img{
margin:0 1px 1px 0;}

#box3-1{
margin:0px 5px 5px 5px;
padding:0 0 5px 0;
color:#2A2A2A;
text-align:left;
border-style:solid;
border-width:thin;
border-color:#CCCCCC;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#box3-2{
margin:0 0 5px 5px;
text-align:left;}

#box3-2 a:link{color:#0C457E;
text-decoration:none;}
a:visited{color:#002980;
text-decoration:none;}
a:hover,a:active{color:#ffffff; background:#003366;}

#box3-3{
text-align:center;
margin:0 0 0 0;
color:#2A2A2A;
border-style:solid;
border-width:thin;
border-color:#CCCCCC;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;}

#ambindex1{
margin:10px 50px 0 0;
float:left;
width:420px;
}

#ambbox1-1{
margin:0 0 10px 0;
padding:0 0 10px 0;
float:left;
width:420px;
border:solid #062673 thin ;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#ambbox1-1 a:link{text-decoration:underline}
#ambbox1-1 a:visited{text-decoration:underline;}

#ambindex2{
margin:10px 0 0 0;
float:left;
text-align:center;
width:420px;
}

#ambmes{
	position:relative;
	width:50%;
	margin:30px auto;
	text-align:left;}

#indexupper{
text-align:center;
width:720px;
padding:20px 0 0 0;
margin:10px auto;}

#indexlower{
padding:20px 100px 0 100px;
float:left;
margin:10px 6px 0 0;
text-align:left;}

#ryojiindex2 a{color:#000080;
text-decoration:underline;}
#ryojiindex2 a:visited{color:#002980;
text-decoration:underline;}
#ryojiindex2 a:hover,a:active{color:#ffffff; background:#000080;}

/*フッター設定*/


#foot{font-size:0.7em;
	border-top:dotted thin #999999;
	text-align:right;
	color:#999999;
	margin:50px 0 100px 0;}	

#foot a{color:#999999;
text-decoration:underline}
#foot a:visited{color:#999999;
text-decoration:underline}
#foot a:hover,a:active{color:#ffffff; background:#999999;}

/*検索ボックス設定*/
#search_box {margin:1.6em 0 1.6em 4px;}
#search_box input {margin-left:4px;}
#search_box p {
	margin:0;
	padding-left:19px;
	background:url("common_img/sch_ic.gif") no-repeat;
}


/* プリント用 /// Print */
@media print{
body{font-size:10px;}
}