@charset "utf-8";
/* CSS Document */

body, div, p, address {
	margin:0;
}
body {
	font-size:0.75em;
	line-height:140%;
	color:#666;
	background-color:#f6f5f0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a {
	color:#666;
	outline:none;
}
a:hover {
	color:#f29f00;
}
a:active {
	color:#f29f00;
}
#background01 {
	background-image: url(../images/bg_base_head.gif);
	background-repeat: repeat-x;
	background-position:0 0;
}
#background02 {
	background-image: url(../images/bg_base_foot.gif);
	background-repeat: repeat-x;
	background-position:0 bottom;
}
#container {
	width:848px;
	margin:0 auto;
	background-color:#fff;
	border-left:1px solid #d8d6c8;
	border-right:1px solid #d8d6c8;
	border-top:17px solid #81c1e1;
}
#main {
	width:810px;
	margin:0 auto;
}
h1 {
	margin:4px 0 16px;
	padding:0;
	width:319px;
	float:left;
}


/* ------------Header------------ */
#head-sub {
	width:517px;
	height:18px;
	margin:0 0 0 auto;
	font-size:10px;
	background-image: url(../images/head_bg.gif);
	background-repeat: no-repeat;
	background-position:0 0;
}
#head-sub p {
	float:left;
	line-height:100%;
}
#head-sub p a {
	text-indent:-9999px;
	height:13px;
	font-size:0;
	display:block;
	background-repeat: no-repeat;
	background-position:0 0;
}
#head-sub p a:hover {
	background-color:#555;
}
#head-sub .n01 {
	width:69px;
	padding-left:12px;
}
#head-sub .n01 a {
	background-image: url(../images/head_n01.gif);
}
#head-sub .n02 {
	width:78px;
}
#head-sub .n02 a {
	background-image: url(../images/head_n02.gif);
}
#head-sub .n03 {
	width:90px;
}
#head-sub .n03 a {
	background-image: url(../images/head_n03.gif);
}
#head-sub .n04 {
	width:76px;
}
#head-sub .n04 a {
	background-image: url(../images/head_n04.gif);
}
#head-sub .n05 {
	width:87px;
}
#head-sub .n05 a {
	background-image: url(../images/head_n05.gif);
}
#head-sub .n06 {
	width:97px;
}
#head-sub .n06 a {
	background-image: url(../images/head_n06.gif);
}
#head-main {
	width:491px;
	float:left;
	font-size:10px;
}
#head-main .txt {
	width:78px;
	padding:10px 0 0 63px;
	margin:0 0 6px auto;
	background-image: url(../images/general_txt.gif);
	background-repeat: no-repeat;
	background-position:0 15px;
}
#head-main .txt p {
	float:right;
	margin-left:5px;
	text-indent:-9999px;
	height:21px;
	width:21px;
	display:block;
	background-repeat: no-repeat;
}


#head-main .s {
	background-image: url(../images/general_txt_s.gif);
}
#head-main .m {
	background-image: url(../images/general_txt_m.gif);
}
#head-main .l {
	background-image: url(../images/general_txt_l.gif);
}
#head-main .txt p:hover {
	background-position:0 -21px;
}
#head-main .general {
}
#head-main .general p {
	float:right;
	margin-right:7px;
}
#head-main .general p a {
	text-indent:-9999px;
	line-height:100%;
	height:15px;
	display:block;
	background-repeat: no-repeat;
	background-position:0 0;
}
#head-main .general p a:hover {
	background-color:#555;
}
#head-main .search01 {
	width:119px;
}
#head-main .search01 input {
	width:119px;
	height:12px;
}
#head-main .search02 {
	width:#56px;
}
#head-main .n01 {
	width:37px;
	padding-top:3px;
}
#head-main .n01 a {
	background-image: url(../images/general_n01.gif);
}
#head-main .n02 {
	width:45px;
	padding-top:3px;
}
#head-main .n02 a {
	background-image: url(../images/general_n02.gif);
}
#head-main .n03 {
	width:61px;
	padding-top:3px;
}
#head-main .n03 a {
	background-image: url(../images/general_n03.gif);
}
#head-main .n04 {
	width:61px;
	padding-top:3px;
}
#head-main .n04 a {
	background-image: url(../images/general_n04.gif);
}
/* ------------Navi------------ */
#navi {
	height:100%;
	font-size:0.8em;
}
#navi p {
	float:left;
}
#navi p a {
	text-indent:-9999px;
	height:37px;
	display:block;
	background-repeat: no-repeat;
	background-position:0 0;
}
#navi .n01 {
	width:99px;
}
#navi .n01 a {
	background-image: url(../images/n01.gif);
}
#navi .n02 {
	position:relative;
	width:95px;
	float:left;
}
#navi .n03 {
	position:relative;
	width:104px;
	float:left;
}
#navi .n04 {
	width:79px;
}
#navi .n04 a {
	background-image: url(../images/n04.gif);
}
#navi .n05 {
	width:104px;
}
#navi .n05 a {
	background-image: url(../images/n05.gif);
}
#navi .n06 {
	width:106px;
}
#navi .n06 a {
	background-image: url(../images/n06.gif);
}
#navi .n07 {
	width:96px;
}
#navi .n07 a {
	background-image: url(../images/n07.gif);
}
#navi .n08 {
	position:relative;
	width:127px;
	float:left;
}
/* ------------MainImage------------ */
#main-img-top {
	border-bottom:9px solid #d8d6c8;
	margin:10px 0 20px;
}
#main-img {
	border-bottom:9px solid #d8d6c8;
	margin:10px 0;
}
/* ------------Body------------ */
.topic-path {
	font-size:0.9em;
	text-align:right;
	color:#bbb;
	padding-bottom:15px;
	letter-spacing:1px;
}
.topic-path2 {
	font-size:0.9em;
	text-align:right;
	color:#bbb;
	padding:15px 0 5px;
	letter-spacing:1px;
}
#body {
	height:100%;
}
#body .left00 {
	width:615px;
	float:left;
	margin-right:15px;
}
#body .right00 {
	width:180px;
	float:left;
}
#body .banner {
	margin-bottom:7px;
}
#body .jkn {
	background-image: url(../images/right_bg.gif);
	background-repeat: repeat-y;
}
#body .jkn p {
	height:22px;
	background-image: url(../images/right_icon01.gif);
	background-repeat: no-repeat;
	background-position:17px 13px;
	padding:8px 0 0 26px;
	margin:0 1px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e7e6e1;
}
/* RightNavi */
.right_icon {
	background-image: url(../images/right_bg.gif);
	background-repeat: repeat-y;
}
.right_icon p {
	height:22px;
	background-image: url(../images/right_icon02.gif);
	background-repeat: no-repeat;
	background-position:12px 9px;
	padding:8px 0 0 28px;
	margin:0 1px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e7e6e1;
}
.right_icon .rt01{
	background-image: url(../images/right_icon03.gif);
	background-position:14px 8px;
	padding:6px 0 0 28px;
	border-bottom:1px dotted #e0dfdb;
}
.right_icon .rt02{
	border-bottom:1px dotted #e0dfdb;
}
.right_icon .rt03{
	background-image: url(../images/right_icon03.gif);
	background-position:14px 8px;
	padding:6px 0 0 28px;
}


/* --Title-- */ 
#title01 {
	height:100%;
	border-bottom:3px solid #c9c7be;
	margin:0 0 14px;
	padding:0 0 5px;
}
#title02 {
	height:100%;
}
#title02 h2 {
	margin:0 0 15px;
	padding:0;
	width:157px;
	float:left;
}
#title02 .tpcs_list {
	width:150px;
	float:right;
}
#title03 {
	height:100%;
}
#title03 p {
	margin-top:9px;
}
#title03 h2 {
	margin:0 0 5px;
	padding:0;
	width:auto;
	float:left;
}
#title04 {
	height:100%;
	border-bottom:3px solid #c9c7be;
	margin-bottom:14px;
}
#title04 p {
	margin-top:9px;
}
#title04 h2 {
	margin:0 0 5px;
	padding:0;
	width:auto;
	float:left;
}
#title05 {
	height:100%;
	border-bottom:3px solid #c9c7be;
	padding:0 0 5px 5px;
	margin-bottom:14px;
}
#title05 h2 {
	font-size:1.2em;
	width:auto;
	margin:0;
	padding:0;
	float:left;
}
#title05 h2 span {
	font-size:0.9em;
	font-weight:normal;
}
#title05 .tpcs_rss {
	margin-top:18px;
}
#title06 {
	height:100%;
	border-bottom:3px solid #c9c7be;
	padding:0 0 5px 5px;
	margin-bottom:14px;
}
#title06 h2 {
	font-size:1.2em;
	width:auto;
	margin:0;
	height:17px;
	float:left;
	background-repeat: no-repeat;
	background-position:0 0;
}
#title06 .icon00,.icon01,.icon02,.icon03,.icon04,.icon05,.icon06{
	padding:0 0 0 52px;
}
#title06 .icon07,.icon08{
	padding:0 0 0 98px;
}
#title06 .icon09{
	padding:0 0 0 145px;
}
#title06 .icon10{
	padding:0 0 0 92px;
}
#title06 .icon11,.icon12{
	padding:0 0 0 60px;
}
#title06 .icon00{
	background-image: url(../../dept/images/icon_ki00.gif);	
}
#title06 .icon01{
	background-image: url(../../dept/images/icon_ki01.gif);	
}
#title06 .icon02{
	background-image: url(../../dept/images/icon_ki02.gif);	
}
#title06 .icon03{
	background-image: url(../../dept/images/icon_ki03.gif);	
}
#title06 .icon04{
	background-image: url(../../dept/images/icon_ki04.gif);	
}
#title06 .icon05{
	background-image: url(../../dept/images/icon_ki05.gif);	
}
#title06 .icon06{
	background-image: url(../../dept/images/icon_ki06.gif);	
}
#title06 .icon07{
	background-image: url(../../dept/images/icon_ki07.gif);	
}
#title06 .icon08{
	background-image: url(../../dept/images/icon_ki08.gif);	
}
#title06 .icon09{
	background-image: url(../../dept/images/icon_ki09.gif);	
}
#title06 .icon10{
	background-image: url(../../dept/images/icon_ki10.gif);	
}
#title06 .icon11{
	background-image: url(../../dept/images/icon_ki11.gif);	
}
#title06 .icon12{
	background-image: url(../../dept/images/icon_ki12.gif);	
}
#title07 {
	height:100%;
	border-bottom:3px solid #c9c7be;
	padding:0 0 5px 5px;
	margin-bottom:5px;
}
#title07 h2 {
	font-size:1.1em;
	width:auto;
	margin:0;
	padding:0;
	float:left;
}
#title07 h2 span {
	font-size:0.9em;
	font-weight:normal;
}
.tpcs_list {
	width:150px;
	float:right;
}
.tpcs_list a {
	display:block;
	height:15px;
	background-image: url(../images/tpcs_list.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}
.tpcs_list_osrs {
	width:100px;
	float:right;
}
.tpcs_list_osrs a {
	display:block;
	height:15px;
	background-image: url(../images/btn_list_osrs.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}
.tpcs_list_volu {
	width:126px;
	float:right;
}
.tpcs_list_volu a {
	display:block;
	height:15px;
	background-image: url(../images/btn_list_volu.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}
.tpcs_list_rep {
	width:95px;
	float:right;
}
.tpcs_list_rep a {
	display:block;
	height:15px;
	background-image: url(../images/btn_list_rep.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}
.tpcs_rss {
	float:right;
	width:46px;
	margin-left:10px;
	text-indent:-9999px;
	background-image: url(../images/tpcs_rss.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
}
.tpcs_rss a{
	display:block;
	height:15px;
	text-indent:-9999px;
	background-image: url(../images/tpcs_rss.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
}
.tpcs_tea {
	width:79px;
	float:right;
}
.tpcs_tea a {
	display:block;
	height:15px;
	background-image: url(../images/btn_list.jpg);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}
.tpcs_labo01 {
	width:90px;
	float:right;
}
.tpcs_labo01 a {
	display:block;
	height:15px;
	background-image: url(../images/btn_list_labo01.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}
.tpcs_labo02 {
	width:79px;
	float:right;
}
.tpcs_labo02 a {
	display:block;
	height:15px;
	background-image: url(../images/btn_list_labo02.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	text-indent:-9999px;
}

/* --NEWS AND TOPICS-- */ 

.page{
	height:100%;
	margin:0 0 3px;
}
.page p{
	width:69px;
	float:left;
	height:16px;
	line-height:100%;
	margin:0 5px 0 0;
	text-indent:-9999px;
}
.page p a{
	display:block;
	width:69px;
	height:16px;
}
.next{
	background:url(../images/news_next.gif) no-repeat 0 0;
}
.next a{
	background:url(../images/news_next.gif) no-repeat 0 -16px;
}
.back{
	background:url(../images/news_back.gif) no-repeat 0 0;
}
.back a{
	background:url(../images/news_back.gif) no-repeat 0 -16px;
}


.nt a {
	text-decoration:none;
}
.nt p {
	border-bottom:1px solid #b9b8ae;
	background-repeat: no-repeat;
	background-position:452px 10px;
	padding:10px 170px 8px 0;
	width:445px;
}
.nt01 {
	background-image: url(../images/icon_nt01.gif);
}
.nt02 {
	background-image: url(../images/icon_nt02.gif);
}
.nt03 {
	background-image: url(../images/icon_nt03.gif);
}



/* ------------FooterNavi------------ */
#foot-n {
	width:810px;
	margin:40px auto 4px;
}
#foot-n p {
	float:left;
	font-size:0;
	line-height:100%;
}
#foot-n p a {
	height:13px;
	display:block;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:0 0;
}
#foot-n p a:hover {
	background-color:#555;
}
#foot-n .n01 {
	width:83px;
}
#foot-n .n01 a {
	background-image: url(../images/foot_n01.gif);
}
#foot-n .n02 {
	width:137px;
}
#foot-n .n02 a {
	background-image: url(../images/foot_n02.gif);
}
#foot-n .n03 {
	width:86px;
}
#foot-n .n03 a {
	background-image: url(../images/foot_n03.gif);
}
#foot-n .n04 {
	width:64px;
}
#foot-n .n04 a {
	background-image: url(../images/foot_n04.gif);
}


/* ------------Footer------------ */
#foot {
	height:70px;
	background-color:#d7eaf4;
	border-top:2px solid #cedae1;
	padding:10px 20px 0;
}
#foot address {
	font-style:normal;
	color:#7ea7bc;
}
#foot div{
	width:auto;
	float:left;
}
#foot .count{
	width:150px;
	float:right;
	text-align:right;
}
/* ------------Popup------------ */
#ro_sub {
	position:absolute;
	left:0;
	bottom:0;
	visibility:hidden;
	z-index:300;
	font-size:10px;
}
#ro02 {
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#d3d1c8;
	border:1px solid #9b9a8b;
	width:93px;
	height:182px;
}
.ro_navibg {
	border:1px solid #d3d1c8;
	width:87px;
	height:15px;
}
.MMMIVStylero02 {
	border-top:0px;
	width:95px;
	height:15px;
}
#ro_item00 {
	left:0px;
	top:0px;
}
#ro_item01 {
	left:0px;
	top:21px;
}
#ro_item02 {
	left:0px;
	top:41px;
}
#ro_item03 {
	left:0px;
	top:61px;
}
#ro_item04 {
	left:0px;
	top:81px;
}
#ro_item05 {
	left:0px;
	top:101px;
}
#ro_item06 {
	left:0px;
	top:121px;
}
#ro_item07{
	left:0px;
	top:141px;
}
#ro_item08{
	left:0px;
	top:161px;
}
#ro_item02c {
	left:0px;
	top:32px;
}
#ro_item03c {
	left:0px;
	top:52px;
}
#ro_item04c{
	left:0px;
	top:72px;
}
#ro_sub img {
	border:0px;
}
#ro_sub a {
	text-decoration:none;
	color:#525252;
	text-indent:10px;
	padding:3px 2px 1px 2px;
	font-weight:normal;
	line-height:130%;
	display:block;
	position:absolute;
	background-image: url(../images/navi_01_s01.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
#ro_sub a:hover {
	background-color:#89867a;
	color:#cc667f;
}
/* 02 */
#ro_subg {
	position:absolute;
	left:0;
	bottom:0;
	visibility:hidden;
	z-index:300;
	font-size:10px;
}
#ro02g {
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#d3d1c8;
	border:1px solid #9b9a8b;
	width:115px;
	height:62px;
}
.ro_navibgg {
	border:1px solid #d3d1c8;
	width:109px;
	height:15px;
}
#ro_subg img {
	border:0px;
}
#ro_subg a {
	text-decoration:none;
	color:#525252;
	text-indent:10px;
	padding:3px 2px 1px 2px;
	font-weight:normal;
	line-height:130%;
	display:block;
	position:absolute;
	background-image: url(../images/navi_01_s02.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
#ro_subg a:hover {
	background-color:#89867a;
	color:#cc667f;
}
/* 03 */
#ro_subc {
	position:absolute;
	left:0;
	bottom:0;
	visibility:hidden;
	z-index:300;
	font-size:10px;
}
#ro02c {
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#d3d1c8;
	border:1px solid #9b9a8b;
	width:125px;
	height:92px;
}
.ro_navibgc {
	border:1px solid #d3d1c8;
	width:119px;
	height:15px;
}
#ro_subc img {
	border:0px;
}
#ro_subc a {
	text-decoration:none;
	color:#525252;
	text-indent:10px;
	padding:3px 2px 1px 2px;
	font-weight:normal;
	line-height:130%;
	display:block;
	position:absolute;
	background-image: url(../images/navi_01_s03.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
#ro_subc a:hover {
	background-color:#89867a;
	color:#cc667f;
}
/* vsc */
.ro_navibgc2 {
	height:27px;
	width:120px;
	margin-top:1px;
	padding:0 2px 1px 2px;
}



