@charset "shift_jis";
@charset "shift_jis";

/* --common --*/

* {
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	}

html,body,div,ul,
ol,li,dl,dt,dd,h1,
h2,h3,h4,h5,h6,pre,
form,p,blockquote,
fieldset,input { 
	margin:0;
	padding:0;
	}
	
html {
  font-size: 80%;
}
	

body {	
	background:#f6fce6;
	color:#333;
	font-size: 1rem;
	line-height:1.5em;
	text-align:center;
	}	
	

#box_common {
	width:960px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
	}							
	
a {
	text-decoration:none;
	}						
									
a:link {
	color:#a30;
	text-decoration:underline;
	}
										
a:visited {
	color:#a30;
	text-decoration:underline;
	}
												
a:hover {
	color:#a30;
	text-decoration:none;
	}
	
a:active {
	color:#a30;
	}
	
	
a.arrow {
	line-height:2em;
	}
	
.clear_float {
	clear:both;
	}


.invisible{
	height: 0;
	line-height: 0;
	overflow: hidden;
	border-bottom: none;
	}
	
/* --common --*/


/* --evasion css bug --*/

.box_height {
    content: " ";
    display: block;
    clear: both;
    overflow: hidden;
	}

/*\*/
* html .box_height  {
    height: 1px;
    overflow: visible;
	}
/**/

*+html body .clear_float {
	height:1px;
	}

/* --evasion css bug--*/


/* --header --*/




/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#header_box {
	background: url(../imgs/cmn_head_dotline.gif) no-repeat 199px 7px;/* Mdd 090330 */
	border-bottom: 10px solid #95b009;
	width: 960px;
	height: 76px;
	overflow: hidden;
	position: relative;/* Add 090331 */
}
	#header_box h1 {
		display: inline;
		float: left;
		margin: 15px 29px 0 20px;/* Mdd 090330 */
	}
	.headTopics {
		float: left;
		margin-top: 15px;
		width: 360px;/* Mdd 090330 */
	}
	.headSearch {
		float: left;
		margin-top: 25px;
		width: 238px;
	}
		.headSearch p {
			float: left;
		}
		.headEnglish {
			margin-right: 10px;
		}
			.headSearchBox {
				margin-right: 1px;
			}
				.headSearchBox input {
					border: 1px solid #cccccc;
					width: 140px;/* Add 090330 */
				}
			.headSearch input {
				vertical-align: middle;
			}
			.headSearch a {
				color: #000000;
					font-size: 1rem;
			}
	.headBtn {
		position: absolute;
		top: 15px;
		right: 15px;
	}

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

#header_box td.header_logo {
	width:250px;
	background:#fff;
	}

#header_box td.header_closure {
	width:300px;
	padding:0 0 0 10px;
	}
	
#header_box td.header_language {
	width:55px;
	padding:0 5px 0 0;
	font-size: 0.9rem;
	text-align:right;
	}
	
#header_box td.header_textbox {
	width:145px;
	}
	
#header_box td.header_textbox input {
	width:140px;
	border:1px solid #ccc;
	}
	
#header_box td.header_button {
	width:52px;
	}
	
#header_box td.header_banner {
	width:143px;
	}
	
#header_box td.header_language a {
	text-decoration:none;
	}						
									
#header_box td.header_language a:link {
	color:#000;
	text-decoration:underline;
	}
										
#header_box td.header_language a:visited {
	color:#000;
	text-decoration:underline;
	}
												
#header_box td.header_language a:hover {
	color:#000;
	text-decoration:none;
	}
	
#header_box td.header_language a:active {
	color:#000;
	text-decoration:underline;
	}

/* --header --*/



p.col3{
	float: left;
	width: 200px;
}
/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#footer {
	border-top: 1px solid #cccccc;
	width: 960px;
	height: 85px;
	clear:both;
}

#footerin {
	/*margin-left:15px;*/
}


	#footer ul {
		margin-top: 8px;
		height: 11px;
		overflow: hidden;

		line-height: 1px;
	}
		#footer ul li {
			float: left;
			margin-right: 10px;
		}
		.footLogo {
			margin-top: 14px;
			clear:both;
		}
		.footCopyRight {
			margin-top: 7px;
		}




/* --footer --*/

#footer_box {
	border-top:1px solid #ccc;
	padding:10px 15px;/* 130524 *//* Mdd 090331 */
	position:relative;
	background:#FFFFFF;
	clear:both;
	}
	
#footer_box img {
	margin:0;
	padding:0;
	border:0;
	}
	
#footer_box ul {
	width: 458px;
	overflow: hidden;
	}
	
#footer_box li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;/* Mdd 090331 */
	}

#footer_box li img {
	display:block;
	}
	
#footer_box img.copy {
	margin:7px 0 0 0;
	vertical-align:bottom;
	}
	
.footer_box_copy {
	float:left;
	width:550px;
	}
	
.footer_box_qr {
	float:left;
	width:380px;
	}
	
#footer_box .footer_box_qr img {
	float:right;
	margin:0 0 0 20px;
	}

/* --footer --*/


/* --menu --*/

#menu_box_static {
	height:55px;
	position:relative;
	z-index:1;
	}

#menu_box {
	position:absolute;
	}
	
#menu_box img {
	margin:0;
	padding:0;
	border:0;
	display:block;
	}
	
#menu_box li {
	list-style:none;
	}
	
#menu_userguide,#menu_introduction,
#menu_education,#menu_research,#menu_diversity,
#menu_about,#menu_recommend {
	float:left;
	}
	
#menu_userguide_sub,#menu_introduction_sub,
#menu_education_sub,#menu_research_sub,#menu_diversity_sub,
#menu_about_sub,#menu_recommend_sub {
	position:relative;
	display:none;
	}

/* --menu --*/


/* --topic path --*/

#topicpath_box {
	width:100%;
	height:24px;
	vertical-align:middle;
	color:#444;
	font-size: 1rem;
	line-height:12px;
	position:relative;
	}
	
#topicpath_box table {
	width:100%;
	height:24px;
	border:none;
	border-collapse:collapse;
	}
	
#topicpath_box td {
	padding:4px 0 0 15px;
	}

#topicpath_box a {
	text-decoration:none;
	}						
									
#topicpath_box a:link {
	color:#444;
	text-decoration:none;
	}
										
#topicpath_box a:visited {
	color:#444;
	text-decoration:none;
	}
												
#topicpath_box a:hover {
	color:#444;
	text-decoration:underline;
	}
	
#topicpath_box a:active {
	color:#444;
	}

/* --topic path --*/


/* --side contents --*/

#sideconte_box {
	width:235px;
	float:left;
	padding:14px 0 0 0;
	}

#sideconte_box img {
	margin:1px 0 0 0;
	padding:0;
	border:0;
	_vertical-align:bottom;
	}
	
#sideconte_box ul {
	margin:0 0 0 30px;
	padding:0 1em 0 0;
	}
	
#sideconte_box li.last {
	margin:0 0 10px 0;
	}
	
#sideconte_box #banner_area {
	margin:10px 0 25px 0;
	text-align:center;
	}	
	
#sideconte_box #banner_area img {
	margin:15px 0 0 0;
	padding:0;
	border:0;
	_vertical-align:bottom;
	}	

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

/* --side contents --*/


/* --body --*/

#body_box_index {
	width:900px;
	padding:30px;
	}

.body_box_index_padding {
	padding:20px 35px 0 35px;
	}	
	
#body_box_index .index_name {
	width:385px;
	height:130px;
	padding:20px 15px 0 15px;
	overflow:hidden;
	float:left;
	background-position:15px 50px;
	background-repeat:no-repeat;
	}
	
#body_box_index .index_name a img{
	border:0;
	}
	
#body_box_index .index_name p {
	padding:10px 15px 0 15px;
	font-size: 0.9rem;
	}
	
#body_box_index .index_name p.index_icon {
	padding:10px 100px 0 15px;
	}


.index_name h3{
	border: none!important;
	margin: 0;
	padding: 0;
}

#body_box {
	width:705px;
	margin:30px 0 0 20px;
	float:left;
	position:relative;
	}
	
#body_box .body_box_padding {
	width:640px;
	padding:0 45px 0 20px;
	}
	
#body_box .body_box_title,
h2 {
	margin:0 0 30px 0;
	}
	
#body_box .name_box {
	padding:1em 10px 3em 10px;
	}
	
#body_box .line_box {
	padding:10px;
	border:1px solid #000;
	}
		
#body_box table.basic {
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#fff;
	border-collapse:collapse;
	font-size: 1rem;
	width:100%;
	margin:0 0 0.5em 0;
	}
	
#body_box table.basic td {
	border-style:solid;
	border-width:0 1px 1px 0;
	border-color:#fff;
	vertical-align:middle;
	background:#f4f2ef;
	padding:10px;
	}
	
#body_box table.basic td.white{
	background:#FFFFFF;
	border-bottom:none;
	border-right:none;
	border-top:none;
	padding:0;
	}	
		
#body_box table.basic td.sep {
	border-width:0 0 1px 0;
	}
	
#body_box table.basic th {
	border-style:solid;
	border-width:0 1px 1px 0;
	border-color:#fff;
	vertical-align:middle;
	background:#e3e0dc;
	padding:10px;
	}

#body_box table.basic th.white{
	background:#FFFFFF;
	border-bottom:none;
	border-right:none;
	border-top:none;
	}
	
	
	
#body_box .title_box a,
#body_box .sub_title a,
h3 a,
h4 a, {
	text-decoration:none;
	}						
	
#body_box .alert_box {
	width:608px;
	padding:10px 5px;
	border:1px solid #ccc;
	text-align:center;
	font-size: 1.2rem;
	font-weight:bold;
	line-height:1.8em;
	background:#ffd;
	}
			
#body_bg_box .extra_box {
	border-style:solid;
	border-color:#b2aba0;
	border-width:5px 1px 1px 1px;
	padding:10px;
	background:#f4f2ef;
	width:155px;
	margin:0 0 1em 0.5em;
	float: left;
	}
	
#body_bg_box .extra_box_long {
	border-style:solid;
	border-color:#b2aba0;
	border-width:5px 1px 1px 1px;
	padding:10px 0 10px 10px;
	width: 100%;
	background:#f4f2ef;
	margin:0 0 1em 0;

	}
		
	
	



.access-map-image{
	float: left;
	width: 435px;
}

.note-right{
	text-align:right;
	font-size:90%;
}

.access-infolink{	
	margin-top:1em; 
	width:360px; 
	margin-left:2em;
}

.inbox{
	margin-left: 2em; 
	padding-left: 1em;
}

		
/* --body --*/


/* --margin --*/

.margin_1em_05em{
	margin: 1em 0 0.5em 0
}

.margin_1em {
	margin:1em;
	}
	
.margin_2em {
	margin:2em;
	}
		
.margin_3em {
	margin:3em;
	}
	
.margin_4em {
	margin:4em;
	}
	
.margin_5em {
	margin:5em;
	}

.margin_top_1em {
	margin:1em 0 0 0;
	}
	
.margin_top_2em {
	margin:2em 0 0 0;
	}
		
.margin_top_3em {
	margin:3em 0 0 0;
	}
	
.margin_top_4em {
	margin:4em 0 0 0;
	}
	
.margin_top_5em {
	margin:5em 0 0 0;
	}
	
.margin_left_1em {
	margin:0 0 0 1em;
	}
	
.margin_left_2em {
	margin:0 0 0 2em;
	}
		
.margin_left_3em {
	margin:0 0 0 3em;
	}
	
.margin_left_4em {
	margin:0 0 0 4em;
	}
	
.margin_left_5em {
	margin:0 0 0 5em;
	}
			
.margin_right_1em {
	margin:0 1em 0 0;
	}
	
.margin_right_2em {
	margin:0 2em 0 0;
	}
		
.margin_right_3em {
	margin:0 3em 0 0;
	}
	
.margin_right_4em {
	margin:0 4em 0 0;
	}
	
.margin_right_5em {
	margin:0 5em 0 0;
	}
	
.margin_bottom_1em {
	margin:0 0 1em 0;
	}
	
.margin_bottom_2em {
	margin:0 0 2em 0;
	}
		
.margin_bottom_3em {
	margin:0 0 3em 0;
	}
	
.margin_bottom_4em {
	margin:0 0 4em 0;
	}
	
.margin_bottom_5em {
	margin:0 0 5em 0;
	}
		
/* --margin --*/


/* --padding --*/

.padding_1em {
	padding:1em;
	}
	
.padding_2em {
	padding:2em;
	}
		
.padding_3em {
	padding:3em;
	}
	
.padding_4em {
	padding:4em;
	}
	
.padding_5em {
	padding:5em;
	}
	
.padding_top_1em {
	padding:1em 0 0 0;
	}
	
.padding_top_2em {
	padding:2em 0 0 0;
	}
		
.padding_top_3em {
	padding:3em 0 0 0;
	}
	
.padding_top_4em {
	padding:4em 0 0 0;
	}
	
.padding_top_5em {
	padding:5em 0 0 0;
	}
	
.padding_left_1em {
	padding:0 0 0 1em;
	}
	
.padding_left_2em {
	padding:0 0 0 2em;
	}
		
.padding_left_3em {
	padding:0 0 0 3em;
	}
	
.padding_left_4em {
	padding:0 0 0 4em;
	}
	
.padding_left_5em {
	padding:0 0 0 5em;
	}

.padding_right_1em {
	padding:0 1em 0 0;
	}
	
.padding_right_2em {
	padding:0 2em 0 0;
	}
		
.padding_right_3em {
	padding:0 3em 0 0;
	}
	
.padding_right_4em {
	padding:0 4em 0 0;
	}
	
.padding_right_5em {
	padding:0 5em 0 0;
	}
	
.padding_bottom_1em {
	padding:0 0 1em 0;
	}
	
.padding_bottom_2em {
	padding:0 0 2em 0;
	}
		
.padding_bottom_3em {
	padding:0 0 3em 0;
	}
	
.padding_bottom_4em {
	padding:0 0 4em 0;
	}
	
.padding_bottom_5em {
	padding:0 0 5em 0;
	}

.paddingLB_5{
	padding: 0 0 5px 5px;
}
		
/* --padding --*/


/* --font style --*/

.bold {
	font-weight:bold;
	}
	
.red {
	color:#f00;
	}
	
.back_botton {
	margin-top:3em;
	border-style:dotted;
	border-color:#000;
	border-width:1px 0px;
	padding:5px;
	text-align:right;
	}

			
/* --font style --*/


/* --font size --*/

.small {
	font-size: 0.9rem;
	}
	
	
.big {
	font-size: 1.2rem;
	}
	
.necessary {
	color:#f00;
	}
	
.attention {
	padding:0 0 0 1em;
	text-indent:-1em;
	}
	
.page_top {
	text-align:right;
	font-size: 1rem;
	margin-top:0.5em;
	}
	

.att_to{
	color:#ef5531;
	font-weight:normal;
}



			
/* --font size --*/


/* --float --*/

.float_right {
	float:right;
	}
	
.float_left {
	float:left;
	}
		
/* --float --*/


/* --form --*/

.form_w50 {
	width:50px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
	
.form_w100 {
	width:100px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}

.form_w150 {
	width:150px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
	
.form_w200 {
	width:200px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
	
.form_w250 {
	width:250px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
	
.form_w300 {
	width:300px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
	
.form_w350 {
	width:350px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
		
.form_w400 {
	width:400px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
		
.form_w450 {
	width:450px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
		
.form_w500 {
	width:500px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
		
.form_w550 {
	width:550px;
	border:1px solid #ccc;
	padding:0.2em 0.2em 0 0.2em;
	}
	
.form_error {
	background:#fcc;
	border:1px solid #f66;
	}

.form_ime_dis {
	ime-mode:disabled;
}

.form_error_box {
	width:618px;
	background:#fee;
	border:1px solid #f66;
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	margin:0 0 1em 0;
	color:#f00;
	font-size: 1rem;
}
		
/* --form --*/

/* --Add 090226 --*/
.inlineR {
	text-align: right;
}
.inlineC {
	text-align: center;
}
.text_indent_1em {
	text-indent: 1em;
}
.fontItalic {
	padding-right:4px;
	font-style: italic;
}
p.notes {
	margin-top: 1em;
	font-size: 0.9rem;
	text-align: right;
}
ul.notes {
	list-style: none;
	margin-top: 1em;
	font-size: 0.9rem;
	text-align: right;
}


.cmnPageNavi {
	margin-bottom: 1em;
}
.cmnPageNavi p {
	font-weight: bold;
}
.cmnPageNavi ul { list-style: none;}
	.cmnPageNavi ul li { float: left;}
	.cmnPageNavi ul li.cmnPageNavi8em { width: 8em;}
	.cmnPageNavi ul li.cmnPageNavi9em { width: 9em;}
	.cmnPageNavi ul li.cmnPageNavi10em { width: 10em;}
	.cmnPageNavi ul li.cmnPageNavi11em { width: 11em;}
	.cmnPageNavi ul li.cmnPageNavi12em { width: 12em;}
	.cmnPageNavi ul li.cmnPageNavi13em { width: 13em;}
	.cmnPageNavi ul li.cmnPageNavi14em { width: 14em;}
	.cmnPageNavi ul li.cmnPageNavi15em { width: 15em;}
	.cmnPageNavi ul li.cmnPageNavi16em { width: 16em;}
	.cmnPageNavi ul li.cmnPageNavi17em { width: 17em;}
	.cmnPageNavi ul li.cmnPageNavi18em { width: 18em;}
	.cmnPageNavi ul li.cmnPageNavi19em { width: 19em;}
	.cmnPageNavi ul li.cmnPageNavi20em { width: 20em;}

/* --Add 090226 --*/


/* --Add 090303 --*/
.pageTop {
	display: block;
	padding: 1em 0;
	text-align: right;
}
	.pageTop a {
		background: url(../imgs/bg_pagetoparrow.gif) no-repeat left center;
		padding-left: 15px;
	}
/* --Add 090303 --*/




.no-listStyle{
	list-style: none;
}