/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ text-align: center; padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:800px; margin:auto; text-align:left }
#page #headerSpacer{ height:64px }
#page #header{ position:relative; } 
#page #header #logo{ color:#999; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height: auto; 
	margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer;  left:0px ; z-index:10; width:auto; float:left; position: relative }
#page #header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}

#page #header #headerNav{ position: absolute; top: 14px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:13px; margin-top:0px }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#page #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }
#page #header #header-area{margin-top: 10px; margin-bottom: 10px }
#page #header #header-area #header-area-inside{margin-bottom: 12px;}
#page #header #header-area img { display: block}
#page .divider{padding-top: 12px; background: url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }

#page #central{background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 72px !important; padding-right: 0px !important; float:right}
 
#page #central #body{ float:left; width:67%; padding-right:28px; overflow:hidden; padding-left: 0px !important; padding-right: 0px !important }
#page #central #body p {text-align:justify;}
#page .no-sidebar #body{ float: none !important; width: auto !important; overflow:hidden }
#page #central #sidebar{ float:right; width:24%; overflow:hidden }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:16px; }
#page #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central.navLeft{ background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{ padding-top:24px; clear:both; padding-bottom:16px; color:#999; font-size:10px }
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */


/*******
----------------------------------------------------------------
Kogakusha   awex-ofi
*******/

@charset "utf-8";
/*******
layout
*******/

body {
        margin:0;
        padding:0;
        background: #fff; 
        font-family: Arial, Verdana, Sans-Serif;
        color:#555;
}

div#wrapper {
        margin:0;
        padding:0;
        width:100%;
        background: #fff;
}
/*** S追加 ***/
div#central {
        margin:0 auto;
        padding:0;
        width:1086px;
        background: #fff;
}

/***  -----------------------header   */

div#header{
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/header_bg.gif) bottom repeat-x;
		margin:0 auto;
		padding:0;
		width:1086px;
		height: 130px;
		/*overflow:hidden;*/
		position:relative;
		border:1px solid #f3f3f3;     /* これを外すと高さがずれる  */
}


/*  ロゴ  */

div#h_logo{
        position:absolute;top:5px;left:20px;
}

div#h_map{
        position:absolute;top:0;left:920px;
        margin-bottom:0px;
        width:165px;
        height:110x;
        display:inline;
}


div#container {
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/logo_wallonia.gif) bottom no-repeat;
		margin:0 auto;
		padding:0;
		width: 1086px;
}


/*   パン屑   */

#headerNav{
width:1086px;
font-size:12px;
margin:0 0 10px 0;
}

#bread{
font-size:12px;
margin:0 0 10px 0;
}

#bread ul{
float:right;
list-style-type:none;
height:20px;
}

#bread ul li{
float:left;
height:20px;
line-height:20px;
padding:0 0 0 5px;
margin:0 4px 0 0;
}

#bread .start{
padding:0;
background:none;
}



/*** ----------------------- top page layout   */

#top_left{
		float:left;
		width:520px;
		margin:15px 0 10px 0;
		padding:0 0 0 20px;
		height:600px;
}

#top_right{
		float:right;
		width:460px;
		margin:15px 0 0 0;
		padding:0 40px 0 0;
		position:relative;
}

#top_right .bnr{position:absolute;top:510px;left:5px;}

/* ------- news,case*/

.top_column{
		width:527px;
		margin:10px 0 10px 0;
		padding:0;
		border:1px solid #dcdcdc;
		background:#fff;
}

.top_column li{
		margin:10px;
		font-size: 0.75em;
		line-height: 1.75em;
}

.top_column li a{
		margin-left:15px;
		color:#0075a9;
}



/* ------- tech info*/

.cont li{
		float:left;
		margin:15px 0 0 0;
		padding:0;
}



/*** ----------------------- content page layout   
Left Side
*/

#left{
		float:left;
		width:224px;
		margin:15px 0;
		padding:0 0 0 20px;
		text-align:left;
}


/* ------- sidemenu  List   */

.nav {
		margin:0;
		margin-bottom:30px;
		padding:0;
		width:224px;
		background: #fff;
}

.nav li {
		width:224px;height:36px;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/side_line.gif) bottom no-repeat;
		list-style-type:none;
		font-size:12px;
}


.nav li a:link, .nav li a:visited{
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/side_arrow.gif) no-repeat 5px 14px;
		color: #555;
		width:194px;height:16px;
		margin: 0; 
		padding:10px 0 10px 30px;
		display:block;
}

.nav li a:hover,.nav li a:active{
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/side_arrow.gif) no-repeat 5px 14px;
		color:#232323;
		width:194px;height:16px;
		margin: 0; 
		padding:10px 0 10px 30px;
		background-color:#e6ecf1;
		display:block;
}



.sideinfo {
		margin:0;
		margin-bottom:30px;
		padding:0;
		width:224px;
		background: #fff;
}

.sideinfo li {
		width:224px;height:41px;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/side_line.gif) bottom no-repeat;
		list-style-type:none;
		font-size:12px;
}

.sideinfo img{width:23px;height:24px;vertical-align:middle;margin-right:10px;}

.sideinfo li a:link,.sideinfo li a:visited{
		width:214px;height:21px;
		margin: 0; 
		padding:10px 0 10px 10px;
		display:block;
		text-decoration:none;
}

.sideinfo li a:hover,.sideinfo li a:active{
		width:214px;height:21px;
		margin: 0; 
		padding:10px 0 10px 10px;
		background-color:#e6ecf1;
		display:block;
		text-decoration:none;
}

/*** ----------------------- content page layout   
Right Side
*/

#right{
		float:right;
		width:763px;
		margin:15px 0 100px 0;
		padding:0 40px 0 0;
		text-align:left;
}


div#right h2{
		float:left;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/title_arrow.gif) left no-repeat;
		margin:10px 0 10px 15px;;
		padding:0 0 0 30px;
}

div#right h3{
		clear:both;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/title_bg.gif) top no-repeat;
		margin:10px 0;
		padding:10px 0 0 15px;
		width:748px;
		height:28px;
}



/*  sitemap   */

div#right div.ccm-page-list h3{
		background-image:none;
		height:20px;
		margin:0px 0px 0px 10px;
		padding:0;
		font-size:14px;
		font-color:#005C9C;
		font-weight:normal;
 }

div#right div.ccm-page-list-description{
		margin-left:40px;
		font-size:12px;color:#005C9C;
}


div#right div.column{
		margin:15px 0;
		padding:0;
}

div.column h4{
		width:749px;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/side_line.gif) bottom repeat-x;
		margin:0 0 10px 0;padding:7px 0;
		font-size:14px;color:#005C9C;
}
 

.Rbox{float:left;width:160px;margin-right:10px;}
div.Rbox img{border:10px solid #E6ECF1;}

.Lbox{float:right;width:580px;margin-bottom:30px;}

div.Lbox h4{
		width:566px;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/side_line.gif) bottom repeat-x;
		margin:0;
		padding:7px 0;
		font-size:14px;color:#005C9C;
}

div.Lbox p{margin:15px 0;}


/* pagetop  */

#p_top {
		clear:both;
		width:748px;
		height:50px;
		margin:30px 0;
		padding: 0; 
		/*background-color:#dedede; ★確かめ用   */
}

#p_top .pagetop{
	float:right;
}


/**  bg   **/

div#below {
		clear:both;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/logo_wallonia.gif) bottom no-repeat;
		margin:0 auto;
		padding:0;
		width: 1086px;
		height:100px;
}

/***  -----------------------footer   */

div#footer {
		clear:both;
		background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/images/footer.jpg) top no-repeat;
		margin:0 auto;
		width:1056px;
		height: 100px;
		padding:20px 15px;
}

#footer .f_nav a {
       float: left;
       display: block;
       text-align:left;
       margin:0 30px 0 0;
       padding:0;
}


		
#footer p.copyr {
       float: right;
       display: block;
       text-align:left;
       margin:0;
       padding:0;
}



/*
----------------------------------------------------------------
selector
*/

div{margin:0;padding:0;}

h1,h2,h3,h4,h5 {
	margin:0;
}
		 
hr {
	margin:0;
	padding:0;
	display:none;
}

p { 
	margin:0;
	padding:0;
}


/*  縦マージンを取りたい段落  */

p.top{margin:20px 0;}

ul,ol,td {
	margin:0;
	padding:0;
}

dl,dt,dd,{margin:10px 0;}

dt{font-weight:bold;}

table {
	border-spacing:0px;
	margin:0;
	padding:0;
}

tr {
	margin:0;
	padding:0;
}

td {
	margin:0;
	padding:0;
	text-align:left;
}
		
th {
	margin:0;
	padding:0;
	text-align:left;
}



li {
	margin:0;
	padding:0;
	list-style:none;
}
		 
img {
	border:0;
}

form {
	margin:0;
	padding:0;
	display:block;
}
			 
input,select,option {
	margin:0;
	padding:0;
	vertical-align: middle;
}
	
		
.clear { 
	clear: both; 
} 


/* clearfix ---------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}
/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/



/* iepngfix ---------- */

.iepngfix {  
	behavior: expression(IEPNGFIX.fix(this));  
}


/* text ---------- */

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 0.625em; line-height: 1.3em; } * html .txt10 { font-size: 0.63em; } /* Hack for IE */
.txt10w { font-size: 0.625em; line-height: 1.6em; } * html .txt10w { font-size: 0.63em; } /* Hack for IE */
.txt12 { font-size: 0.75em; line-height: 1.5em; } * html .txt12 { font-size: 0.75em; line-height: 1.5em; }  /* Hack for IE */
.txt12w { font-size: 0.75em; line-height: 1.75em; } * html .txt12w { font-size: 0.75em; line-height: 1.75em; }  /* Hack for IE */
.txt14 { font-size: 0.875em; line-height: 1.286em; } * html .txt14 { font-size: 0.88em; } /* Hack for IE */
.txt14w { font-size: 0.875em; line-height: 1.875em; } * html .txt14w { font-size: 0.88em; line-height: 1.88em; } /* Hack for IE */
.txt16 { font-size: 1em; line-height: 1.25em; } * html .txt16 { font-size: 1em; line-height: 1.25em; }  /* Hack for IE */
.txt18 { font-size: 1.125em; line-height: 1.167em; } * html .txt18 { font-size: 1.13em; } /* Hack for IE */
.txt24 { font-size: 1.45em; line-height: 1.167em; } * html .txt24 { font-size: 1.45em; } /* Hack for IE */

a:link {
	color:#333;
	text-decoration:none;
}
				 
a:visited {
	color:#333;
	text-decoration:none;
}
						
a:hover {
	color:#000;
	text-decoration:underline;
}

a:active {
	color:#333;
	text-decoration:none;
}




/*  #right ページ内リストスタイル    */

div.column li{list-style-type:square;margin:10px 40px;}


/*  ダウンロードページ・画像リストスタイル  */
 
div.column_d{width:768px;height:350px;background:url(http://www.belgium-wallonia.jp/themes/awex-ofi/"../shared/images/side_line.gif") bottom repeat-x;}
div.column_d div.dwnld01{float:left;width:160px;height:320px;margin:10px;padding:0;text-align:center;line-height:130%;display:inline;}
.dwnld01 img{padding:15px 10px;border:10px solid #e6ecf1;}
.dwnld01 img a{width:120px;}

.question,.formBlockSurveyTable td{ font-size: 0.75em; line-height: 1.75em; } * html .txt12w { font-size: 0.75em; line-height: 1.75em; }  /* Hack for IE */



@media print{body{zoom:70%;}}

@media print{*:first-child+html body{zoom:100%;}



