/*--------------------------------------------------------------------
contents
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}



table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}



p{
	margin:10px 0px;
}

a{
	color:#666666;
}

a:hover{
	color:#996633;
}

img{
	border:none;
}



/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color:#666666;
	background:#F1EDDE;
	line-height:180%;
}

/*containerのスタイル*/
#cmenu{
	text-align:left;
	margin:3px 0px;
}
#cmenu a{
	text-decoration:underline;
}

#cmenu a:hover{
	text-decoration:none;
}


#container {
	font-size: 12px;
	line-height: 180%;
	margin-top: 0px;
	margin-right: auto;
	padding-bottom: 20px;
	margin-left: auto;
	width: 856px;
	text-align: center;
	background:#FFFFFF;
}

#wrapper{
	width: 835px;
	margin:0px auto;
}



#header{
	margin:0px;
	padding:0px;
}


#hleft{
	width:500px;
	float:left;
	margin:0px;
	text-align:left;
	padding:5px 0px 0px;
}

#hright{
	float:right;
	text-align:right;
	width:320px;
	margin:0px 0px 10px;
}

#hright p{
	margin:10px 0px 0px;
}

#navi{
	margin:0px 0px ;
}

#navi li{
	float:left;
	display:inline;
}


#main{
	margin:0px 0px 30px;
	width:835px;
}



/* left(HSRC) */

#left{
	width:630px;
	float:left;
}

#left h2{
	margin: 10px 5px;
	padding: 5px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #333333;
	border-left: 5px solid #A30500;
}

#left .text{
	padding: 10px 15px;
	font-size: 14px;
	text-align:left;
}

#left .img{
	padding: 10px 10px;
	float:left;
}

/* left(研究プロジェクト) */

#left_t{
	width:630px;
	float:left;
}

#left_t h2{
	margin: 10px 5px;
	padding: 5px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #333333;
	border-left: 5px solid #F7B417;
}

#left_t .text{
	padding: 10px 15px;
	font-size: 14px;
	text-align:left;
}

#left_t .texts{
	padding: 10px 15px;
	font-size: 12px;
	text-align:left;
}

#left_t .img{
	padding: 10px 10px;
	float:left;
}

#left_t ol {
	margin: 0px 40px;
list-style-type: square;
}

#left_t li {
}

#left_t1 ul {
	margin: 0px 30px;
}

#left_t1 li {
	list-style: url(../image/btn_t2.gif) ;
	padding: 0px 0px 8px 0px;
}


/* left(FIVE AT THE CORNER) */

#left_f{
	width:630px;
	float:left;
}

#left_f h2{
	margin: 10px 5px;
	padding: 5px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #333333;
	border-left: 5px solid #6699CC;
}

#left_f .text{
	padding: 10px 15px;
	font-size: 14px;
	text-align:left;
}

#left_f .texts{
	padding: 10px 15px;
	font-size: 12px;
	text-align:left;
}

#left_f .img{
	padding: 10px 10px;
	float:left;
}

#left_f ol {
	margin: 0px 10px;
	padding-left: 30px;
}

#left_f li {
list-style-type: decimal;
}

/* left(刊行物) */

#left_r{
	width:630px;
	float:left;
}

#left_r h2{
	margin: 10px 5px;
	padding: 5px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #333333;
	border-left: 5px solid #B1CE64;
}

#left_r .text{
	padding: 10px 15px;
	font-size: 14px;
	text-align:left;
}

#left_r .texts{
	padding: 10px 15px;
	font-size: 12px;
	text-align:left;
}

#left_r .img{
	padding: 10px 10px;
	float:left;
}

/* left(リンク) */

#left_l{
	width:630px;
	float:left;
}

#left_l h2{
	margin: 10px 5px;
	padding: 5px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #333333;
	border-left: 5px solid #9999CC;
}

#left_l .text{
	padding: 10px 15px;
	font-size: 14px;
	text-align:left;
}

#left_l .texts{
	padding: 10px 15px;
	font-size: 12px;
	text-align:left;
}

#left_l .img{
	padding: 10px 10px;
	float:left;
}


/* right */
#right{
	float:right;
	width:180px;
	text-align:left;
}


/* sub-Menu(HSRC) */
.right_title{
	padding: 10px 25px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: url(../image/menu_a.gif) no-repeat left;
}

#menu {
	width: 180px;
	margin: 0px auto;
	border-top: 1px solid #B5B5B5;
	text-transform: uppercase;
	font-size: 13px;
	color: #323B2E;
}

#menu ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menu li {
}

#menu a {
    padding:4px 0px;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333 ;
	padding-left:10px
}

#menu a:hover {
	background-color: #A30500;
	color: #ffffff;
}

/* sub-Menu(研究プロジェクト) */

.right_title_t{
	padding: 10px 25px;
	background: url(../image/menu_t.gif) no-repeat left;
}

#menu_t {
	width: 180px;
	margin: 0px auto;
	border-top: 1px solid #B5B5B5;
	text-transform: uppercase;
	font-size: 13px;
	color: #323B2E;
}

#menu_t ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menu_t li {
}

.li_sub {
	background-color: #F7B417;
	color: #ffffff;
    padding:4px 0px;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff ;
	padding-left:25px;
	background: url(../image/btn_t.gif) no-repeat left;
	background-color: #F7B417;
}

#menu_t a {
    padding:4px 0px;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333 ;
	padding-left:10px
}

#menu_t a:hover {
	background-color: #F7B417;
	color: #ffffff;
}


/* sub-Menu(FIVE AT THE CORNER) */

.right_title_f{
	padding: 10px 25px;
	background: url(../image/menu_f.gif) no-repeat left;
}

#menu_f {
	width: 180px;
	margin: 0px auto;
	border-top: 1px solid #B5B5B5;
	text-transform: uppercase;
	font-size: 13px;
	color: #323B2E;
}

#menu_f ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menu_f li {
}

#menu_f a {
    padding:4px 0px;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333 ;
	padding-left:10px
}

#menu_f a:hover {
	background-color: #6699CC;
	color: #ffffff;
}

/* sub-Menu(刊行物) */

.right_title_r{
	padding: 10px 25px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: url(../image/menu_r.gif) no-repeat left;
}

#menu_r {
	width: 180px;
	margin: 0px auto;
	border-top: 1px solid #B5B5B5;
	text-transform: uppercase;
	font-size: 13px;
	color: #323B2E;
}

#menu_r ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menu_r li {
}

#menu_r a {
    padding:4px 0px;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333 ;
	padding-left:10px
}

#menu_r a:hover {
	background-color: #B1CE64;
	color: #ffffff;
}

/* sub-Menu(リンク) */

.right_title_l{
	padding: 10px 25px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: url(../image/menu_l.gif) no-repeat left;
}
#menu_l {
	width: 180px;
	margin: 0px auto;
	border-top: 1px solid #B5B5B5;
	text-transform: uppercase;
	font-size: 13px;
	color: #323B2E;
}

#menu_l ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menu_l li {
}

#menu_l a {
    padding:4px 0px;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333 ;
	padding-left:10px
}

#menu_l a:hover {
	background-color: #9999CC;
	color: #ffffff;
}


/*tableのスタイル(Five at The Coner)*/
.table{
	width:630px;
	padding:10px 10px;
}
.table td {
	text-align:left;
	vertical-align:top;
	font-size: 14px;
	padding:10px 10px;
}

.td_m{
	vertical-align:middle;
	padding:10px 10px;
}
.table h3{
	margin: 5px 0px;
	padding: 5px 5px;
	font-size: 14px;
	font-weight: bold;
	border-left: 4px solid #bbbbbb;
}

.table img{
	padding: 0px  0px 0px 20px;
}



/*tabeのスタイル*/
.table1{
	width:600px;
	margin:0px 10px 0 20px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#999999;
}
.table1 td {
	border-width:0px 1px 1px 0px;
	padding:5px 5px;
	text-align:left;
	vertical-align:top;
	border-style:solid;
	border-color:#999999;
}

/*tableのスタイル(研究プロジェクト)*/
.table4{
	margin:0px 10px 0 20px;
	width:600px;
}
.table4 td {
	text-align:left;
	vertical-align:middle;
	font-size: 14px;
}
.table4 h3 {
	border-left: 5px solid #bbbbbb;
	border-bottom:1px;
	border-style:solid;
	border-color:#999999;
	font-size: 15px;
	font-weight: bold;
	padding:5px 5px;
	text-align:left;
}

.table4  ul {
	list-style-type: none;
}

.table4  li {
	line-height:180%;
}

.table4  a {
	text-decoration:underline;
	padding-left:20px;
	background: url(../image/btn_t1.gif) no-repeat ;
}

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




/*tabe(刊行物)*/
.table2{
	margin:0px 10px 0 20px;
	width:600px;
}

.table2 td {
	border-bottom:1px;
	border-style:dashed;
	border-color:#999999;
	font-size: 14px;
	padding:5px 5px;
	text-align:left;
	vertical-align:top;
}

/*tabe(研究シリーズ)*/

.table3{
	width:600px;
	margin:0px 10px 0 20px;
	background: url(../image/box_r.jpg) no-repeat ;
}
.table3 td {
	padding:5px 5px;
	font-size: 14px;
	text-align:left;
	font-weight: bold;
}

.td3_r{
	vertical-align:middle;
	background: url(../image/ber_r.gif) repeat-x ;
	font-weight: bold;
}

.table3 img{
	padding: 0px  0px 0px 20px;
}


/*tableのスタイル(サイトマップ)*/
.table5{
	width:500px;
	margin:10px 50px;
}
.table5 td {
	text-align:left;
	vertical-align:top;
	font-size: 14px;
}

.m5{
	vertical-align:middle;
	padding-left: 35px;
	font-weight: bold;
	background: url(../image/btn_s1.gif) no-repeat left;
}

.m5_sub{
	vertical-align:middle;
	padding-left: 40px;
	font-size: 12px;
}

.table5 h3{
	margin: 5px 0px;
	padding: 3px 0px;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
	background:#E6E1DB url(../image/btn_s.gif) no-repeat left;
}

.table5 a{
	text-decoration:underline;
}

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


/*pagetopのスタイル*/

#pagetop{
	float:right;
	padding: 5px 20px;
	background: url(../image/ue.gif) no-repeat left;
}

#pagetop a{
	text-decoration:underline;
}

#pagetop a:hover{
	text-decoration:none;
}

/*footerのスタイル*/

#footer01{
	margin:0px 0px ;
	padding:5px 0px ;
	background-color: #F2EEDF;
}

#footer01 ul {
	list-style-image: none;
	list-style-type: none;
	text-align:center;
	margin:0px;
}

#footer01 li {
	display: inline;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006699;
	padding-right: 5px;
	padding-left: 7px;
	font-size:12px;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	line-height:1.5em;
}


#footer01 .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer01 a{
	text-decoration:underline;
}

#footer01 a:hover{
	text-decoration:none;
}

#footer02{
	margin:0px;
}


	
#footer03{
	padding:0px;
	border-bottom-color:#d6c89a;
	border-bottom-style:solid;
	border-bottom-width:2px;
	margin:0px;
}

.footer03left{
	text-align:right;
	float:left;
	width:592px;
}

#footer03 a{
	text-decoration:none;
}



#submenu ul{
	font-size:11px;
	background:#6699CC;
	color:#FFFFFF;
	height:30px;
	padding:0px 0px 0px 10px;
	margin:20px 0px 0px;

}

#submenu li{
	list-style:none;
	background:url(../commonimg/list.gif) no-repeat 0 0;
	float:left;
	padding:5px 8px;
	margin:0px 7px 0px 0px;
	
}

#submenu a{
	color:#FFFFFF;
}

#submenu a:hover{
	color:#996633;
}



.clear{
	clear:both;
	
}

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

.clearfix {
display: inline-block;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.fright10{
	padding:0px 10px;
	float:right;
}


.tcenter{
	text-align:center;
}

.tcenter30{
	text-align:center;
	margin:30px 0px 30px;
}

.pagetop{
	text-align:right;
	margin:20px 0px 20px;
}

.tleft{
	text-align:left;
}

.tright{
	text-align:right;
}