/* CSS Document */

body,h1,h2,h3,h4,h5,div,p,dl,dd,dt,ul,li{

	margin:0px;
	padding:0px;}
	
ul,li{
	list-style: none;
	line-height: 160%;
}


body{
	font-size: 12px;
	color: #212121;
	text-align: center;
	border-top: 12px solid #FF7800;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;

}


img,a img{
	border:0px;}
	
.arrow_mini{
	background-image: url(imgs/arrow_01.png);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 11px;
	padding-top: 1px;
}


.arrow_mini a,
.arrow_mini a:link,
.arrow_mini a:active,
.arrow_mini a:visited{
	color: black;
	text-decoration: none;
}

.arrow_mini a:hover{
	text-decoration: underline;
	color: #FF7800;
}




.arrow_mini_navi{
	
	background-image: url(imgs/arrow_01.png);
	background-repeat: no-repeat;
	font-size: 11px;
	padding-left: 13px;
	padding-top: 1px;
}


.arrow_mini_navi a,
.arrow_mini_navi a:link,
.arrow_mini_navi a:active,
.arrow_mini_navi a:visited{
	color: black;
	text-decoration: none;
}

.arrow_mini_navi a:hover{
	text-decoration: underline;
	color: #FF7800;
}




.arrow{
	font-size: 11px;
	background: url(imgs/arrow_02.png) no-repeat 0 0px;
	padding-left: 13px;
	float: right;
	
}

.intro{
	font-size: 12px;
	padding-left: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height:180%;
}


#body_inner{
	width: 864px;
	text-align: left;
	margin: 0px auto;
}

#header{
	padding-top: 30px;
	padding-bottom: 60px;
}


.contentsbox:after{

	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content: ".";
	font-size: 0.1em;

}

.contentsbox{

	display:inline-block;

}


#contents{
	width:620px;
	float: left;
}

#sidebar{
	width: 221px;
	float: right;
}

#footer{
	background: #FF7800;
	color: white;
	text-align: center;
	margin-top: 40px;
}

.footer_in{
	width: 864px;
	margin: 0px auto;
	text-align: left;
	height:160px;
	padding-top: 50px;
}




#links{
	background: url(imgs/bkgr.jpg) no-repeat;
}

#links div {
	/*width: 292px;*/
	float: left;
}

#links div a {
        display: block;
        text-decoration: none;
        color: black;
        
	height: 100%;
        
}

 * html #links div a {  /* make hover effect work in IE */
	width: 100%;
}
/*
#links div a:hover {
        background: #ffffcc;
}

 */


.logo{
	float: left;
}

#h_otoiawase{
	float: right;
	margin-top: 0px;
}

.info_dl dt{
	font-size: 11px;margin-bottom: 5px;
	padding-top: 10px;
}

.info_dl dd{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}





.about{
	padding-right: 5px;
	
}

.about h2{
	padding-top: 3px;
}

.about a{
	padding-right: 20px;
}





.reseach{
	
}

.reseach h2{
	padding-left: 3px;
	padding-top: 3px;
}

.reseach a{
	padding-right: 20px;
	padding-left: 10px;
}



.uni{
	padding-right: 5px;
	margin-top: 4px;
}


.uni a{
	padding-right: 20px;
}



.uni h2,
.sample h2{
	padding-top: 30px;
}

.sample{
	margin-top: 4px;
}

.sample a{
	padding-right: 20px;
	padding-left: 10px;
}



.contact{
	margin-top: 4px;
	margin-bottom: 30px;
}

.contact a{
	padding-right: 10px;
}

.contact h2{
	padding-top: 25px;
}






.info_dl a,
.info_dl a:link,
.info_dl a:active,
.info_dl a:visited{
	color: #FF7800;
	text-decoration: none;
}

.info_dl a:hover{
	text-decoration: underline;
}


.copy{
	margin-top: 10px;
}





#footer a,
#footer a:link,
#footer a:active,
#footer a:visited{
	color: white;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}





/* @group contentspage */

#left_con{
	
	float: left;
	width: 180px;
	margin-top: 10px;
}


#right_con{
	float: right;
	width: 600px;
	margin-top: 10px;
}

ul.navi li{
	padding-bottom: 20px;
}


#right_con h1{
	margin-bottom: 30px;
	font-size: 24px;
}


#right_con h2{
	margin-bottom: 20px;
	font-size: 18px;
}

#right_con h3{
	margin-bottom: 7px;
	font-size: 14px;
}



#right_con p{
	line-height: 180%;
}

.advisor{
  width: 600px;
}

.advisor dt{
	float: left;
	width: 300px;
}

.advisor dd{
	margin-left: 300px;
}

.cc_link{
	text-align: right;
	padding-top: 20px;
	padding-bottom:40px;
	font-size: 11px;
	line-height: 190%;
}

.cc_link a{
	background-image: url(imgs/arrow_01.png);
	background-repeat: no-repeat;
	font-size: 11px;
	padding-left: 13px;
	padding-top: 1px;
}

.news_indexLink{
	padding-top: 30px;
	padding-bottom:10px;
	font-size: 11px;
	line-height: 190%;
}

.news_indexLink a{
	background-image: url(imgs/arrow_01.png);
	background-repeat: no-repeat;
	font-size: 11px;
	padding-left: 13px;
	padding-top: 1px;
}

.interview a,
.interview a:active,
.interview a:visited,
.interview a:link{
	color: #FF7800;
	text-decoration: none;
}

.interview a:hover{
	color: #FF7800;
	text-decoration: underline;
}

.interview{
	border: 1px solid #ccc;
	width: 560px;
	padding: 20px;
	margin-bottom: 40px;
}

/*#right_con a,
#right_con a:active,
#right_con a:visited,
#right_con a:link{
	color: #FF7800;
	text-decoration: none;
}

#right_con a:hover{
	text-decoration: underline;
}

*/

#right_con p a,
#right_con p a:active,
#right_con p a:visited,
#right_con p a:link{
	color: #FF7800;
	text-decoration: none;
}

#right_con p a:hover{
	text-decoration: underline;
}



.more_link a,
.more_link a:active,
.more_link a:visited,
.more_link a:link{
	color: #FF7800;
	text-decoration: none;
}

.more_link a:hover{
	text-decoration: underline;
}


.cc_link a,
.cc_link a:active,
.cc_link a:visited,
.cc_link a:link{
	color: #FF7800;
	text-decoration: none;
}

.cc_link a:hover{
	text-decoration: underline;
}

.news_indexLink a,
.news_indexLink a:active,
.news_indexLink a:visited,
.news_indexLink a:link{
	color: #FF7800;
	text-decoration: none;
}

.news_indexLink a:hover{
	text-decoration: underline;
}

.report a,
.report a:active,
.report a:visited,
.report a:link{
	color: #FF7800;
	text-decoration: none;
}

.report a:hover{
	text-decoration: underline;
}


.howtouse a,
.howtouse a:active,
.howtouse a:visited,
.howtouse a:link{
	color: #FF7800;
	text-decoration: none;
}

.howtouse a:hover{
	text-decoration: underline;
}

.advisor dt a, advisor dd a, 
.advisor dt a, advisor dd a:active,
.advisor dt a, advisor dd a:visited,
.advisor dt a, advisor dd a:link{
	color: #FF7800;
	text-decoration: none;
}

.advisor dt a, advisor dd a:hover{
	text-decoration: underline;
}

.now{
	font-weight: bold;
	color: #FF7800;
}


#left_con a,
#left_con a:active,
#left_con a:visited,
#left_con a:link{
	color: #121212;
	text-decoration: none;
}

#left_con a:hover{
	color: #FF7800;
	text-decoration: underline;
}


.report{
	border: 1px solid #ccc;
	width: 560px;
	padding: 20px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.ot_slider{
	margin-top: 20px;
}

.report_ot{
	width: 290px;
	padding-bottom: 40px;
	float: left;
}

.report_ot.right{
	padding-right: 10px;
}

/* @end */

/* @group sidebar_navi */

ul.navi a{
	display: block;
}


ul.navi a:hover{
	background: url(imgs/nav/nav_bkgr.png) no-repeat left;
}

.now_box{
	background: url(imgs/nav/nav_bkgr.png) no-repeat left;
}

/* @end */

.advisor{
	margin-top: 40px;
}

.advisor dt,.advisor dd{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
	padding-bottom: 5px;
}




.about_ov{
	width:302px;
	height:234px;
	position:relative;
	overflow:none;}

.about_bk{
	width:302px;
	height:234px;
	background: url(imgs/bkgr01.jpg) no-repeat;
	display:none;}

.about{
	width:302px;
	height:234px;
	position:absolute;
	top:0px;
	left:0px;}
	


.reseach_ov{
	width:298px;
	height:234px;
	position:relative;
	overflow:none;}

.reseach_bk{
	width:298px;
	height:234px;
	background: url(imgs/bkgr02.jpg) no-repeat;
	display:none;}

.reseach{
	width:298px;
	height:234px;
	position:absolute;
	top:0px;
	left:0px;}
	


.uni_ov{
	width:302px;
	height:345px;
	position:relative;
	overflow:none;
	margin-top:5px;}

.uni_bk{
	width:302px;
	height:345px;
	background: url(imgs/bkgr03.jpg) no-repeat;
	display:none;}

.uni{
	width:302px;
	height:345px;
	position:absolute;
	top:0px;
	left:0px;}
	
	
	
	
.sample_ov{
	width:298px;
	height:345px;
	position:relative;
	overflow:none;
	margin-top:5px;}

.sample_bk{
	width:298px;
	height:345px;
	background: url(imgs/bkgr04.jpg) no-repeat;
	display:none;}

.sample{
	width:298px;
	height:345px;
	position:absolute;
	top:0px;
	left:0px;}
	
	
.contact_ov{
	width:596px;
	height:212px;
	position:relative;
	overflow:none;
	margin-top:3px;
	padding-bottom:10px;
	margin-bottom:30px;}

.contact_bk{
	width:596px;
	height:212px;
	background: url(imgs/bkgr05.jpg) no-repeat;
	display:none;}

.contact{
	width:596px;
	height:212px;
	position:absolute;
	top:0px;
	left:0px;}
	
	
.related_link{
	margin-top: 20px;
}

.related_link dt{
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
}

.related_link dd{
	font-size: 11px;
	padding-bottom: 20px;
	padding-left: 13px;
}



.pagebox{
	margin-bottom: 50px;
	padding-left: 15px;
}

.year_list li a,
.year_list li a:active,
.year_list li a:visited,
.year_list li a:link{
	color: #FF7800;
	text-decoration: none;
}

.year_list li a:hover{
	text-decoration: underline;
}

.year_list li{
	
	font-size:16px;
	float:left;
	padding-right:30px;
	
	}
	
.info_now{
	font-weight:bold;
}

.news_list a,
.news_list a:active,
.news_list a:visited,
.news_list a:link{
	color: #FF7800;
	text-decoration: none;
}

.news_list a:hover{
	text-decoration: underline;
}

.news_list{
	margin-top:30px;}

.news_list dt{
	font-weight:bold;
	padding-bottom:5px;
}

.news_list dd{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

.news_date p{
	text-align:right;
	margin-bottom: 20px;
}

/* サンプルサイト */

.sample_intro{

	border:1px solid #ccc;
	padding:20px;
	line-height:180%;

}

.uni_menu_ul{
	width:380px;
	margin-top:30px;
	min-height:300px;/*高さ調整用・変更可*/
	
}

.uni_menu_ul li{
	
	font-size:14px;
	padding:5px 0px;
	
	}


.uni_menu_ul a,
.uni_menu_ul a:link,
.uni_menu_ul a:active,
.uni_menu_ul a:visited{
	color:#FF7800;}

.uni_menu_ul a:hover{
	text-decoration:none;}
	
	

#left_uni_menu{
	float:left;
	padding-left:20px;
}

#right_uni_menu{
	float:right;
	padding-right:20px;
}

.sample_h2{
	margin-top:40px;}
	
	
	
.sample_page_box_left{
	float:left;
	width:520px;
}


.sample_page_box_right{
	float:right;
	width:250px;
	padding:20px;
	border:1px solid #ccc;
}


.sample_page_box_right h2{
	margin-bottom:15px;
	}
	
.sample_page_box_right ul li{
	padding-bottom:8px;}
	
	
.pan{
	margin-bottom:25px;}
	

.sample_page_box_left h1{
	font-size:24px;
	}
	
.sample_page_box_left h2{
	margin:10px 0px 5px 0px;
	font-size:18px;}
	
.sample_page_box_left h3{
	margin-bottom:5px;
	}
	
.sample_page_box_left p{
	margin-bottom:10px;}
	
.section1{
	padding-left:15px;
	padding-top:10px;}
	
.section2{
	padding-left:15px;
	padding-top:20px;
	padding-bottom:20px;}
	
.section2 p{
	padding-left:10px;}
	
.procedure li{
	background:url(imgs/arrow.jpg) no-repeat 3px 3px;
	padding-left:15px;}
	



.sample_page_box_right a,
.sample_page_box_right a:link,
.sample_page_box_right a:active,
.sample_page_box_right a:visited{
	color:#FF7800;}

.sample_page_box_right a:hover{
	text-decoration:none;}




.sample_page_box_left a,
.sample_page_box_left a:link,
.sample_page_box_left a:active,
.sample_page_box_left a:visited{
	color:#FF7800;}

.sample_page_box_left a:hover{
	text-decoration:none;}



.pan a,
.pan a:link,
.pan a:active,
.pan a:visited{
	color:#FF7800;}

.pan a:hover{
	text-decoration:none;}


.procedure_in{
	padding-left:10px;}
	
	
.selected{
	font-weight:bold;
	color:#FF7800;}
	
	
.otoiawase_box{
	border:1px solid #ccc;
	padding:20px 20px;
	margin:20px 0px 40px 0px;
	
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.sample_text{
	padding:15px 0px 15px 20px;}
	
.sample_ul{
	padding:15px 0px 15px 20px;}
	
.sample_ul li,.sample_link li{
	padding-bottom:10px;}
	
	
.sample_h1{
	padding-bottom:30px;}
	
	
/*image_align*/


.img_left{
	text-align:left;}
	
.img_center{
	text-align:center;}
	
.img_right{
	text-align:right;}
	
	
	
/*um_pages*/

	

.more_link{
	text-align:right;
	margin-top:10px;
	}

.um_h2{
	margin-top: 40px;
}


.howtouse{
	float: right;
	margin-top: 43px;
}

#inline1, #inline2{
  width:400px;
  text-align:left;
}

#inline1 h3, #inline2 h3{
  margin:10px 0px;
}

#inline1 p, #inline2 p{
  line-height:160%;
}

.howtouse_a{
  background:url(imgs/um_intro.png) no-repeat 0px 1px;
  padding-left:15px;
}

.um_intro{
  margin:30px 0px;
}

.um_list li{
  background:url(imgs/um_arrow.png) no-repeat 0px 2px;
  padding-left:14px;
  margin-bottom:4px;
  
}

.um_list a{
 color:#FF7800;
}

.um_notice{
  width:400px;
  margin-left:80px;
  margin-top:10px;
  text-align:center;
  font-size:90%;
}

.um_btn{
  
  width:200px;
  margin-left:180px;
  margin-top:20px;
  text-align:center;
  padding:10px 0px;
  background:#FF7800;
  color:white;
  font-weight:bold;
  border-radius: 6px;		/* CSS3草案 */
  -webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 6px;	/* Firefox用 */
  
}

.um_btn:hover{
  background:#ccc;
  
}

#um_btn1 a{
	color:white;
	text-decoration:none;
	}
	
#um_btn2 a{
	color:white;
	text-decoration:none;
	}

#um_btn3 a{
	color:white;
	text-decoration:none;
	}