@charset "utf-8";

/*********************

common.css
全ページ共通スタイル

[00] Sudo Slider

[0] header

[1] contentsArea

[2] aside

[3] footer

*********************/

/* FONT 対応サイズ表
---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217 %
---------------------------------------------------------------------*/

html {
}

body {
_text-align:center;
}

#wrapper {
width:920px;
margin:0 auto;
text-align:left;
background: #fff;
}
.flash{
float:left;
border-top:1px solid #d3d3d3;
}
.flash a:hover img {
-moz-opacity:1;
opacity:1;
filter: alpha(opacity=100);
}
.crossfade-fix{
width:732px;
height:269px;
}

img { 
padding:0px;
margin:0px;
}

address {
float:right;
text-align:right;
font-size:83%;
}

/*********************

[00] Sudo Slider

*********************/
/* Sudo Slider */
/* Sudo Slider */
#slider ul {padding:0;margin:0;position:relative;}
#slider li {width:165px; overflow:hidden;display:block; margin:0;padding:0;list-style:none;position:relative;}	
#slider {width:330px !important;margin:0 25px; height: 176px !important;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:20px;position:absolute;left:10px;top:100px;z-index:1000;background:url(../imgdir/common/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:360px;}														
.nextBtn {background:url(../imgdir/common/btn_next.gif) no-repeat 0 0;}	




/*********************

[00] ColorBox

*********************/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../imgdir/common/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../imgdir/common/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}



/*********************

[00] jquery.droppy

*********************/

.allBox ul.btnP {
	float:left;
	height:24px;
	border-right:1px solid #d3d3d3;
	background:#fff;
	margin:0 0 30px 20px;
	}
	.allBox ul.btnP li{
	height:24px;
	width:55px;
	position:relative;
	border-left:1px solid #d3d3d3;
	padding:0 23px 0 8px;
	margin:0;
	float:left;
	cursor: pointer;
	background:url(../imgdir/common/yajirusi_mu_sita.gif) no-repeat 95% 6px #ffffff;
	}
	.allBox ul.btnP li:hover{
	background:url(../imgdir/common/yajirusi_mu_sita.gif) no-repeat 95% 6px #efefef;
	}
	
	
		#nav {
		position: relative;
		}
			#nav ul {
			display:none;
			position:absolute;
			}
			/*
			* html #nav ul {
			line-height:0;
			}
			*/
			#nav ul.puru {
			top:24px;
			left:-1px;
			}
			#nav ul.puru li {
			width:78px;
			border-right:1px solid #d3d3d3;
			border-bottom:1px solid #d3d3d3;
			padding:0 8px 0 0;
			background:#efefef;
			opacity: 0.8;
			filter: alpha(opacity=80);
			}
	
					#nav ul a { 
					display: block;
					padding: 4px 0 0 8px;
					color: #777777;
					zoom: 1;
					display:block;
					}
					
					#nav ul a.hover {
					opacity: 0.8;
					filter: alpha(opacity=80);
					}

/*********************

[0] header

*********************/
#header {
height:138px;
margin:0;
}
#header h1 {
margin:24px 0 0 0;
float:left;
}

	#header-rightCon {
	width:614px;
	float:right;
	height:88px;
	}
	#header-rightCon .headNav ul {
	width:610px;
	border-left:1px solid #888888;
	height:16px;
	padding:0;
	margin:0 0 10px 0;
	}
	#header-rightCon .headNav ul li {
	font-size:92%;
	float:left;
	border-right:1px solid #888888;
	height:16px;
	padding:0px 5px;
	}
	#header-rightCon .middleCon {
	position:relative;
	clear:both;
	width:614px;
	}
	#header-rightCon .middleCon h2 {
	margin:12px 0 0 0;
	float:left;
	}
	
	#header-rightCon .middleCon .homeTitle {
	position:absolute;
	top:28px;
	right:20px;
	}
	
	#header-rightCon .middleCon .language {
	position:absolute;
	top:0;
	right:20px;
	width:166px;
	}
	#header-rightCon .middleCon .language p {
	float:right;
	}
.pankuzu ul{
clear:both;
height:20px;
padding:30px 0 0 0;
}
.pankuzu ul li{
float:left;
}

/*********************

[1] contentsArea

*********************/

	
	
#mainContents{
	width:920px;
	position:relative;
	clear:both;
	background:url(../imgdir/common/main_con_bg.gif) repeat-y right;
	padding:0 0 50px 0;
	border-left:1px solid #d3d3d3;

	}

	.topicContents{
	float:left;
	width:740px;
	margin:0;
	}	

	.leftBox{
	float:left;
	width:380px;
	margin:-20px 0 0 20px;
	position:relative;
	}
	.rightBox{
	float:right;
	width:300px;
	margin:-20px 20px 0 0;
	position:relative;
	}
	
		.contentsBox{
		border:1px solid #d3d3d3;
		}
		
		.contentsBox h4{
		background:#FFFFFF;
		padding:5px 0 5px 10px;
		display:block;
		}
		.contentsBox p{
		font-size:92%;
		margin:0 10px 10px 10px;
		}
		
		
		.exhibitionBox{
		float:left;
		width:380px;
		}
		.exhibitionBox h5{
		color:#aec2c2;
		padding:5px 0 5px 10px;
		border-top:1px dotted #666666;
		border-bottom:1px dotted #666666;
		}
			.exhibitionBox ul{
			padding:5px 0 5px 7px;
			}
			.exhibitionBox li{
			margin:5px 0;
			}
			.exhibitionBox li img{
			padding:1px;
			border:1px solid #d3d3d3;
			}
			
			
		.newsBox{
		width:300px;
		}
		
		.newsBox h5{
		border-top:1px dotted #666666;
		padding:8px 8px 8px 35px;
		color:#111;
		}
			.newsBox h5.lib{
			background:url(../imgdir/common/h5_lib.gif) no-repeat 10px 50% ;
			}
			.newsBox h5.mu{
			background:url(../imgdir/common/h5_mu.gif) no-repeat 10px 50% ;
			}
			
/*********************

[2] page_contentsArea

*********************/		
	.allBox{
	/min-height:60px;/*ie6.7*/
	clear:both;
	padding:0;
	background:url(../imgdir/common/all_con_bg.gif) repeat-x;
	border-top:1px solid #d3d3d3;
	}
	
	.allBox h4{
	clear:both;
	/*height:20px;*/
	line-height: 1.5;
	float:left;
	color:#777777;
	padding:4px 8px 0 8px;
	margin:0 0 0 20px;
	background:#fff;
	border-right:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	}
	.allBox.normal{
	clear:both;
	padding:0;
	background:none;
	border-top:1px solid #d3d3d3;
	}		
	.allBox.normal h4{
	clear:both;
/* 	height:20px; */
	float: none;
	font-size:150%;
	color:#666666;
	padding:20px 8px 0 0;
	margin:0 0 0 20px;
	border-right:none;
	border-left:none;
	}

	
	.allBox ul.btn {
	float:left;
	height:24px;
	border-right:1px solid #d3d3d3;
	background:#fff;
	margin:0 0 30px 20px;
	}
	.allBox ul.btn li{
	height:24px;
	border-left:1px solid #d3d3d3;
	padding:0 15px 0 8px;
	margin:0 8px 0 0;
	float:left;
	}
	.allBox ul.btn li img{
	padding:5px 0 0 0;
	}
	
	.conDetails{
	width:700px;
	clear:both;
	float:left;
	margin:20px 20px 0 20px;
	padding:0 0 12px 0;
	}
	.conDetails.noMargin{
	margin:0px 20px 0 20px;
	}	
		.conDetails h5{
		float:left;
		border-right:1px solid #333333;
		padding:0 10px 0 0;
		margin:0 0 20px 0;
		font-weight:bold;
		}
		.conDetails h5.enterprise{
		float:none;
		border-right:none;
		font-size:180%;
		font-weight: normal;
		}
		.conDetails .sub{
		font-size:117%;
		}
		.conDetails .sub2{
		font-size:150%;
		margin:0 0 20px 0;
		}
		
		.conDetails p.img{
		float:left;
		}
		.conDetails .rightDl dl{
		float:left;
		width:456px;
		margin:0 0 12px 0;
		}
			.conDetails .rightDl ul{
			clear:both;
			}
			.conDetails .rightDl ul li{
			float:left;
			margin:0 6px 0 0;
			}
			.conDetails .rightDl p{
			width:456px;
			padding:10px 0;
			}
	
	.conDetails .rightSpase{
	width:600px;
	float:right;
	font-size:100%;
	margin:0 0 12px 0;
	padding:0 0 12px 0;
	}
		.conDetails .rightSpase.px560{
		width:560px;
		}
		.conDetails .rightSpase.px530{
		width:530px;
		}
		.conDetails .rightSpase.px430{
		width:430px;
		}
		.conDetails .rightSpase.px400{
		width:400px;
		}
		.conDetails .rightSpase.px325{
		font-size:100%;
		width:325px;
		}
		.conDetails .rightSpase.px280{
		font-size:100%;
		width:280px;
		}
		.conDetails .rightSpase.px240{
		font-size:100%;
		width:240px;
		}
	
	
	.conDetails .rightSpase .art{
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	border-bottom:1px dotted #666666;
	}
	
	.conDetails .rightSpase h6{
	clear:both;
	border-bottom:1px solid #eeeeee;
	padding:0 0 6px 0;
	font-weight:bold;
	}
	.conDetails .rightSpase h6.enterprise{
	clear:both;
	border-bottom:none;
	padding:12px 0 6px 0;
	font-weight: normal;
	}
	.conDetails .rightSpase ul{
	margin:12px 0 12px 0;
	}
		.conDetails .rightSpase ul li{
		float:left;
		margin:0 6px 0 0;
		}
	
	.conDetails .rightSpase .pdfBox{
	clear:both;
	padding:12px 0 12px 0;
	}
	.conDetails .rightSpase .pdfCon{
	float:left;
	margin:0 20px 20px 0;
	}
	.conDetails .rightSpase .pdfCon h6{
	border-right:1px solid #333333;
	padding:0 10px 0 0;
	margin:0 0 12px 0;
	font-weight:bold;
	border-bottom:none;
	float:left;
	}
	.conDetails .rightSpase .pdfCon p{
	clear:both;
	float:left;
	}
	
	
	
		
	.allBox p img{
	padding:1px;
	}	
	
	.allBox .nowBox{
		clear:both;
		margin:0 0 0 0;
		padding:0 0 12px 0;
		}
	.allBox .nowBox p.img{
		border:1px solid #d3d3d3;
		float:left;
		}
		
		.allBox .nowBoxCon{
		width:700px;
		clear:both;
		float:left;
		margin:20px 20px 0 20px;
		padding:0 0 12px 0;
		}
		
		.allBox .nowBoxCon .nextBox{
		clear:both;
		margin:0 0 12px 0;
		}
		
		.allBox .nowBoxCon h5{
		font-size:140%;
		margin:0 0 12px 0;
		}
		
		.allBox .nowBoxCon h5.next{
		clear:both;
		font-size:140%;
		margin:0 0 12px 0;
		padding:0 0 6px 0;
		color:#aec2c2;
		border-bottom:1px dotted #666666;
		}	
		
		
		.allBox .rightDl{
		float:right;
		padding:0 0 0 12px;
		}	
		
		.allBox  dl{
		width:320px;
		float:left;
		
		}
		.allBox dl.long{
		width:600px;
		padding:20px 0 0 0;
		float:left;
		
		}
		
		.allBox dl.rare{
		width:600px;
		padding:20px 0 0 0;
		float:left;
		
		}
		.allBox dl dt{
		clear:both;
		float:left;
		width:70px;
		}
		.allBox dl dd{
		float:left;
		}
		.allBox .rightDl dl dd{
		display:inline-block;
		/float:none;/*ie6.7*/
		}
		
	.pnBox{
	clear:both;
	width:100%;
	margin:20px 0 0 0;
	background:url(../imgdir/common/line_tate.gif) repeat-y 50% 0;
	height:20px;
	}
	.pnBox .prev{
	float:left;
	width:50%;
	text-align:right;
	}
	.pnBox .next{
	float:right;
	width:50%;
	text-align:left;
	}
	
.pageTop{
/width:10%;/*ie6.7*/
text-align:right;
padding:0 15px 0 0;
margin:10px 0 15px 15px;
font-weight:bold;
float:right;
clear:both;
}
/*********************

[3] aside

*********************/

#aside{
	height:100%;
	width:179px;
	float:right;
	}
	
	.etcBox{
	width:158px;
	margin:10px 0 30px 15px;
	height:50px;
	}
	.etcBox p{
	float:left;
	padding:0 0 0 5px;
	}
	
	
	.aside_banner li{
	margin:0 0 15px 15px;
	}
	.aside_banner a img{
	padding:1px;
	border:1px solid #d3d3d3;
	}
	
	.newTopic{
	border-right:1px solid #d3d3d3;
	}
	.newTopic h4{
	background:url(../imgdir/common/aside_h4_bg.gif);
	padding:4px 0;
	text-indent:15px;
	font-weight:bold;
	}
	
	.newTopic dl dt{
	margin:10px 15px 0 15px;
	}
	.newTopic dl dd{
	padding:0 15px 10px 15px;
	border-bottom:1px dotted #666666;
	}
		


/*********************

[4] footer

*********************/
#footer {
width:920px;
clear:both;
height:60px;
margin:0;
padding:20px 0 0 0;
background:url(../imgdir/common/footer_bg.gif) no-repeat top left;
}

	#footer ul {
	float:left;
	border-left:1px solid #888888;
	margin:20px 0 0 0;
	}
	#footer ul li {
	font-size:92%;
	float:left;
	border-right:1px solid #888888;
	padding:0px 5px;
	}