@charset "UTF-8";
/**********************************************************************
* /css/component/base.css
* Copyright (C) 2007-2008 Kyoto University
*
* This library is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
* 
* This library is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
* Lesser General Public License for more details.
* 
* You should have received a copy of the GNU Lesser General Public
* License along with this library; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-
* 1301  USA
***********************************************************************/

/*　A Link
------------------------------------------------------------ */
a:link{
	color:#336699;
	text-decoration:none;}
	
a:visited{
	color:#666699;
	text-decoration:none;
}

a:hover,a:active{
	color:#660099;
	text-decoration:underline;
}

/* Layout
------------------------------------------------------------ */
body{
	margin: 0;
	padding: 0;
	color:#000000;
	line-height:1.3;
	text-align:center;
	margin:1px auto;width: 952px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../../img/common/body_bg.jpg) repeat-x;
	position:relative;
	font-size: 13px;
}

table {
	font-size: 100%;
	border-collapse:collapse;
	border-spacing:0;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,legend,textarea,p,blockquote,th,td{ 
	margin:0;padding:0;
}

fieldset,img{ 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}

select, input, textarea {
    font-size: 99%;
}
body * {line-height:1.22;}

#container {
	width: 952px;
	text-align:left;
	padding: 0;
	position:relative;
	margin:0px auto;
}

#header {
	width:952px;
	height:62px;
	background:url(../../img/common/header.jpg) no-repeat;
}

#header a{
	width:952px;
	height:62px;
	display:block;
	text-indent:-10000px;
}

#navigation {
	width:952px;
	height:24px;
	background:url(../../img/common/navi_bg.jpg) no-repeat;
	position:absolute;
	top:62px;
	left:0px;
}

#navigation-plain {
	width:952px;
	height:24px;
	background:url(../../img/common/navi_bg_plain.jpg) no-repeat;
	position:absolute;
	top:62px;
	left:0px;
}

#contents-wrapper{
	margin:0;
	padding:0;
	background:url(../../img/common/contents_bg_top.jpg) no-repeat top #FFFFFF;
	margin-top:28px;padding-top:10px;}
	
#contents{
	border-right:1px solid #A4A2A3;
	border-left:1px solid #C8C8C8;
	padding:0px 7px 10px 7px;width:936px;}
	
#footer {
	background:url(../../img/common/footer_bg.png) no-repeat;
	height:25px;
	width:952px;
	padding:0px 6px;
	text-align:center;
	padding:5px 0px;
	color:#999999;
}

/* module
------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

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

/* navigation
------------------------------------*/
ul#global-navigation{
	margin-left:30px;
	padding:0px;
}


ul#global-navigation li{
	float:left;
}



/* main-menu */

ul#global-navigation li.main-menu{
	color:#CC0000;
	width:125px;
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;}

ul#global-navigation li.main-menu a{
	width:122px;display:block;
	height:19px;
	color:#003366;
	padding-top:5px;
	
	/*border-left:1px solid #0000ff;*/
}

ul#global-navigation li.main-menu a:hover{
	background:url(../../img/common/navi_bg_on.jpg);
	width:125px;
	text-decoration: none;
	color:#FFFFFF;
	
}
	
ul#global-navigation li.main-menu div{
	width:122px;
	background:url(../../img/common/navi_bg_on.jpg);
	height:19px;
	padding-top:5px;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	
}

/* main-menu-short */

ul#global-navigation li.main-menu-short{
	color:#CC0000;
	width:110px;
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;}


ul#global-navigation li.main-menu-short a{
	width:107px;display:block;
	height:19px;
	color:#003366;
	padding-top:5px;
	/*float:left;*/
	/*border-left:1px solid #0000ff;*/
	
}
ul#global-navigation li.main-menu-short a:hover{
	background:url(../../img/common/navi_bg_on_short.jpg);
	width:110px;
	text-decoration: none;
	color:#FFFFFF;
	/*float:left;*/
}

ul#global-navigation li.main-menu-short div{
	background:url(../../img/common/navi_bg_on_short.jpg);
	width:107px;
	height:19px;
	padding-top:5px;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}


/* sub-menu */

ul.sub-menu{
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	visibility: hidden;
	position:absolute;
	z-index: 3;
	width: 122px;
	top:0px;
	font-size:12px;	
}

ul.sub-menu li.menu a{
  width:122px;
  display: block;
  font-size:12px;	
  text-decoration: none;
  color:#333399;
  line-height:1;
  padding:7px 0px;
  background:#FFFFFF;
  border-bottom: 1px solid #999999;
}

ul#global-navigation ul.sub-menu li.menu a:hover{
	width:122px;
  text-decoration: none;
  font-size:12px;	
  background:#999999;
  color:#FFFFFF;
}

/* sub-menu-short */

ul.sub-menu-short{
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	/*border-bottom: 1px solid #999999;*/
	visibility: hidden;
	position:absolute;
	z-index: 3;
	width: 107px;
	top:0px;
	font-size:12px;	
}

ul.sub-menu-short li.menu a{
  width:107px;
  display: block;
  font-size:12px;	
  text-decoration: none;
  color:#333399;
  line-height:1;
  padding:7px 0px;
  background:#FFFFFF;
  border-bottom: 1px solid #999999;
  /*border-top: 1px solid #999999;*/
}

ul#global-navigation li.main-menu-short span{
    width:107px;display:block;
    height:19px;
    color:#003366;
    padding-top:5px;
    /*float:left;*/
    /*border-left:1px solid #0000ff;*/
    
}

ul.sub-menu-short li.disable span{
  width:107px;
  display: block;
  font-size:12px;   
  text-decoration: none;
  color:#333;
  line-height:1;
  padding:7px 0px;
  background:#bbb;
  border-bottom: 1px solid #999999;
}

ul#global-navigation ul.sub-menu-short li.menu a:hover{
	width:107px;
  text-decoration: none;
  font-size:12px;	
  background:#999999;
  color:#FFFFFF;
}

ul#global-navigation li.main-menu-short #auth-link:link
, ul#global-navigation li.main-menu-short #auth-link:visited
{
  color: #883300;
}
ul#global-navigation li.main-menu-short #auth-link:hover
, ul#global-navigation li.main-menu-short #auth-link:active
{
  color: #ffffff;
}
/*ul#global-navigation li.main-menu #auth-link:link
, ul#global-navigation li.main-menu #auth-link:visited
{
  color: #883300;
}
ul#global-navigation li.main-menu #auth-link:hover
, ul#global-navigation li.main-menu #auth-link:active
{
  color: #ffffff;
}*/

ul.sub-menu-short#menu1{left:140px;}
ul.sub-menu-short#menu2{left:250px;}
ul.sub-menu-short#menu3{left:360px;}
/*
	kitajima mod start 20090724
	ul.sub-menu-short#menu4{left:470px;}
	ul.sub-menu#menu5{left:580px;}
*/
ul.sub-menu#menu4{left:580px;}
ul.sub-menu-short#menu5{left:705px;}
/*
	kitajima mod end 20090724
*/

/*
ul.sub-menu#menu1{left:163px;}
ul.sub-menu#menu2{left:288px;}
ul.sub-menu#menu3{left:413px;}
ul.sub-menu#menu4{left:538px;}
*/
/*ul.sub-menu#menu1{left:138px;}
ul.sub-menu#menu2{left:263px;}
ul.sub-menu#menu3{left:388px;}
ul.sub-menu#menu4{left:513px;}*/

/* font
------------------------------------*/
h2{
	background:url(../../img/common/h2_bg.jpg) no-repeat;
	padding:3px 40px;
	color:#003366;
	font-weight:bold;
	font-size:144%;
	letter-spacing:0.3em;
	margin:0px;}

/* Authentication
------------------------------------*/
#auth {
  text-align: right;
  font-weight: bold;
  margin: -3px 7px 3px 0;
  float: right;
}

#auth #auth-user-name {
  color: #ff0000;
}

#auth a {
	color: #ff0000;
	text-decoration: underline;
}

/* Source Viewer
------------------------------------*/
#viewsource {
  text-align: right;
  font-weight: bold;
  margin: -3px 7px 3px 0;
  float: right;
}