@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
* {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #0F0F0F;
}

body {
	text-align:center;
	margin:0;
	padding:0;
	background:#fff url("../images/bg_body.jpg") 0 0 repeat-x;
	line-height: 1.6;
	font-size:88%;
}

a {
   color:#000;
   text-decoration:none;
}

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


/* ========TEMPLATE LAYOUT======== */

#wrap {
	margin: 0 auto;
	width: 94%;
	min-width:600px;
	text-align: left;
	position:relative;
}

#header_tools{
	height:34px;
	position:relative;
   width:100%;
	padding:0px;
	margin:0;	
}

#header {
   width:100%;
	padding:0px;
	margin:0px;
}

#global_nav {
	float:left;
   width:100%;
	text-align:center;
   background:#fff url("../images/bg_menu.jpg") -30px 0 repeat-x;/*---- 0 -30px background position 変更 ----*/
}

#side {
	width: 200px;
	padding-top:14px;
	float: left;
	clear: left; /* IEカラム落ち防止用 */		
	}

#totop {
   clear:both;
}

#footMenu {
   float:left;
   width:100%;
   margin-top:10px;
	background-image:url("../images/bg_footer.gif");
}

#footer {
   clear:both;
   width:100%;
}


/* ========言語　サイトマップ　検索　スタイル======== */
/* --言語スイッチ-- */
#header_tools #language {
	position:absolute;
	top:0px;
	right:460px;
	width:193px;
	padding:0px;
	margin-top:7px;
	_margin-top:10px;
}

#header_tools #language ul {
	list-style:none;
	padding:0;
	margin:0;
}

#header_tools #language li {
	float:right;
	padding:0 4px 0 0;
	margin:0;
}

#header_tools #language li a {
	text-decoration:none;
	padding:0;
	margin:0;
}

#header_tools #language li img { 
	padding:0;
	margin:0;
}
/* --FAQ　サイトマップ　メニュー-- */
#header_tools #hnavi {
	position:absolute;
	top:9px;
	right:255px;
	width:205px;
	padding:0px;
}

#header_tools #hnavi ul {
	list-style:none;
}

#header_tools #hnavi li {
	float:left;
	margin-left:5px;
	font-size:75%;/* 11px相当 */
}

#header_tools #hnavi li a {
	display:block;
	padding:2px 0 0 12px;
	background: url("../images/bg_ico_arrow.gif") 0 50% no-repeat;
}

#header_tools #serch {
	position:absolute;
	top:2px;
	right:0;
	width:255px;
	padding:0px;
}
/* ------------------Google検索窓 カスタム-------------------- */
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0 !important;
	margin-top: 6px !important;
	background-color: transparent !important;
	border: none !important;
}

.cse input.gsc-search-button,
input.gsc-search-button {
	font-size: 13px !important;
	padding: 0px 0 !important;
	height: 22px !important;
	font-weight:normal !important;
	margin-left:2px !important;
}

/* ------------------Google検索窓 カスタム-------------------- */


/* ========グローバルナビ======== */
#global_nav ul {
	width:100%;
	margin:0 0 1px 0;
	padding:0;
	list-style:none;
	display:table;
}

#global_nav li {
	display:inline-block;
	overflow:hidden;
	float:left;
	margin:0;
	margin-right:-1px;	
	padding:0;	
	border-left:1px solid #656565;	
	border-top:none;
	border-bottom:none;
	background:#fff url("../images/bg_menu.jpg") -30px 0 repeat-x;
	width:14%;
}

#global_nav li a {
	display:block;
	height:15px;
	padding:7px 0 7px 0;
	line-height:15px;
	font-weight:normal;
	text-align:center;
	outline:none;
	width:100%;
	color:#FFF;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.9);
	font-size:94%;
}

#global_nav li a:hover {
	color:#fff;
	text-decoration:none;
	background:#fff url("../images/bg_menu.jpg") 0 -30px repeat-x;
}

#global_nav li.home {
	margin-right:-1px;
	border:none;
	width:15%;
}

#global_nav li.active a {
   color:#fff;
   background:#fff url("../images/bg_menu.jpg") 0 -30px repeat-x;
   text-decoration:none;
}


/* ========ロゴ　ヘッダー部分　======== */


#icatch {
	width:100%;
	height:94px;
	background-image:url(../images/bg_header.jpg);
	background-position:right ;
	background-repeat:no-repeat;
	background-color:#FFF;
	clear:both;
}

#icatch #logo{
	width:500px;
	margin:0;
	padding:22px 0 0 20px;
}

/* ========メイン（右カラム）======== */
.content_wrap{
	padding:0 0 20px 0;
}

#main {
	width: 100%;
	margin-left: -200px; /* 左カラム幅固定、右カラム可変の為のスタイル */
	float: right;
	clear: right; /* IEカラム落ち防止用 */
}

#main #top_inner {
	margin-left: 200px;
	padding:10px 0 10px 10px ;
}

#main h1{
	border-left:#d25f62 7px solid;/*----キャンパス別ボーダーカラー変更----*/	
	padding:2px 8px 3px 8px;
	font-weight:bold;
	color:#000;
	margin:5px 0;
	clear:both;
	line-height:150%;
	font-size:150%;
}

#main h2{
	border-top:#d24145 4px solid;/*----キャンパス別ボーダーカラー変更----*/	
	border-bottom:#999 1px solid;
	background-image: url("../images/bg_ttl.gif") ;
	background-color: #E3E3E3;
	background-repeat:repeat;
	font-weight:bold;
	color:#000;
	padding:2px 10px;
	margin:10px 0 5px 0;
	clear:both;
	font-size:119%;
}

#main h3{
	border-bottom:#e2898b 3px solid;/*----キャンパス別ボーダーカラー変更----*/	
	padding:5px 8px 1px 8px;
	background:none;
	font-weight:bold;
	color:#000;
	margin:10px 0 5px 0;
	clear:both;	
	font-size:119%;
}

#main h4{
	border-left:#e2898b 5px solid;/*----キャンパス別ボーダーカラー変更----*/	
	padding:2px 8px;
	background:none;
	font-weight:bold;
	color:#000;
	margin:5px 0;
	line-height:113%;
	clear:both;
	font-size:107%;
}

#main h5{
	border:none;
	padding:2px 8px;
	background:none;
	font-weight:bold;
	color:#000;
	margin:5px 0 0 0;
	clear:both;
}

#main h6{
	border:none;
	padding:2px 8px;
	background:none;
	font-weight:bold;
	color:#666;
	margin:5px 0 0 0;
	clear:both;
}

#main a {
	color:#1640b8;
	text-decoration:underline;
}
	
#main a:hover {
	color:#0e4af6;
	text-decoration:underline;
}

#main p {
   padding:5px;
}

#main ul,#main ol{
	padding:5px;
}

#main ul li,#main ol li{
	margin-left:1.5em;
	line-height:180%;
}

#main li p{
	font-size:100%;
}

#main li pre{
	font-size:100%;
}

#main table {
	margin:5px;
}
#main table th, #main table td {
	border: solid 1px black;
	padding: 3px 5px;
	_font-size:82%;/* --IE6-- */
	_padding: 6px 10px;/* --IE6-- */
}


/* =============↓パンくず、TOPページ等のスタイル（不要?）↓============= */
/* ---パンくず--- */
#topic_path {
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #999;
	padding:0;
}

#topic_path ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:94%;
}

#topic_path ul li {
	float:left;
	margin:0;
	padding:4px 2px 4px 0px;  
}

#topic_path li a {
	color: #666;
	padding:0 5px 0 0;
	text-decoration:none;	
}

#topic_path li a:hover {
	color: #03F;
	border:none;
}

#topic_path .current {
	color:#666;
	font-weight:bold;
}
/* --TOPページ-- */
#main .info_section {
	padding:10px;
}

#main .section {
	padding:10px 0;	
}

#main .section h2{
	margin-bottom:0px;
}

#main .info_area{
	border-bottom:#f2f2ea 1px solid;
	padding:8px 12px;
	background-color: #fefef7;
	color:#000;
}

#main .info_area p{
}

#main .info_area dl {   
	width:100%;   
} 

#main .info_area dt {   
	float:left;   
	width:120px;   
	padding:3px 0 3px 20px;   
	clear:both;   
	background-image: url("../images/bg_arrow.gif");
	background-position:5px center;
	background-repeat:no-repeat;
}  

#main .info_area dd {      
	margin-left:120px;   
	padding:3px 5px 3px 10px;    
}  
			
#main .text_area {
	padding:8px 12px;
	background-color:none;
}

#main p.notice  {
	padding-left:15px;
	color: #666;
}


dl.update_history {   
	width:100%;  
	list-style-type:disc;
}  

dl.update_history dt {   
	float:left;   
	width:90px;   
	padding:2px 0 2px 10px;   
	clear:both;   
}  

dl.update_history dd {      
	margin-left:90px;   
	padding:2px 5px 2px 10px;    
} 

.clear {
	clear: both; 
	visibility: hidden; 
	height: 0;
}

.hidden {
	visibility: hidden;
}

/* =============↑パンくず、TOPページ等のスタイル（不要?）↑============ */	



/* ========サイド（左カラム）======== */
#side .section {
	margin-bottom:5px;
}

#side .bnr_area {
	border:#CCC 1px solid;
	margin-top:15px;
	margin-bottom:5px;
	text-align:center;
	padding:10px 10px 0 10px;
	width:165px;
	position:relative;
	z-index:9;
}

#side .bnr_area img{
	margin-bottom:10px;
}

#side  h2 {
	padding:5px;
	font-size:88%;/* 14px相当 */
	font-weight:bold;
	color:#fff;
	background:#6E6E6E;
}

#side h3 {
	padding:5px;
	font-size:75%;/* 12px相当 */
	font-weight:bold;
	background:#EFEBEF;
}

#side_nav {
	width:186px;
	padding:11px 0px 0 0px;
	background-image:url("../images/bg_side_menu.png");
	background-position:0 0;
	background-repeat:no-repeat;
	vertical-align:bottom;
	margin:0;
}

#side .side_menu_bottom{
	height:9px; 
	background-image: url("../images/bg_side_menu_b.gif"); 
	background-repeat:no-repeat; 
	background-position:left bottom; 
	clear:both; 
	margin:0;
}

/* ========ページトップへ戻る ========= */
#totop {
   text-align:right;
   font-size:70%;/* 11px相当 */
}

#totop a {
   padding:0 0 0 12px;
   background:url("../images/bg_totop.gif") 0 50% no-repeat;
}


/* ========フッタ======== */
#footMenu ul {
   margin:2px 0;
   padding:5px 0;
   text-align:left;
}

#footMenu li {
   display:inline;
   margin:0 0 0 20px;
	padding-left:15px;
   font-size:88%;/* 11px相当 */
   list-style:none;
	background-image: url("../images/bg_ico_arrow.gif");
	background-position:left center;
	background-repeat:no-repeat;
}

#footMenu li a {
	color:#1640b8;
	text-decoration:underline;
}

#footMenu li a:hover {
   color:#0e4af6;
	text-decoration:underline;
}

address {
   font-style:normal;
   font-size:75%;/* 11px相当 */
   color:#999;
   line-height:3.0;
   text-align:center;
}

/* ======== SmartPhone対応により追加したスタイル ======== */
.copyright{
	text-align:right;
	font-size:75%;
	color:#999;
}
.screen-reader-text { position: absolute; left: -9000px; }
.assistive-text{ display:none;}
#global_nav{
	position:absolute;
	top:34px;
	width:100%;
	left:0;
}
#header {
	padding-top:30px;
}
.pc_hide{
	display:none;
}