@charset "Shift_JIS";

/***********************************************
  01.common
***********************************************/
* {
 margin          : 0px;
 padding         : 0px;
}

html {
 height          : auto;
}

body {
 font-family     : "ƒƒCƒŠƒI","Meiryo","‚l‚r ‚oƒSƒVƒbƒN","MS PGOTHIC",sans-serif;
 font-size       : 0.8em;
 line-height     : 1.4em;
 height          : auto;
 margin          : 0px;
 padding         : 0px;
 color           : #333333;
/* background-image: url(../images/bg033_09.gif);*/
 background-position: center;
    -webkit-text-size-adjust: 100%;
}

.mspG {
 font-family     : "Lucida Grande","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif
}

.arial {
 font-family     : arial black,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif,"‚l‚r ‚oƒSƒVƒbƒN", HiraKakuPro-W3, Osaka;
}

.antiAreas {
 font-family     : "Lucida Grande","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif
}

.hiragino {
 font-family     : 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif,"‚l‚r ‚oƒSƒVƒbƒN", HiraKakuPro-W3, Osaka;
}

.inherit {
 font-family     : 'inherit','Hiragino Kaku Gothic Pro',sans-serif,"‚l‚r ‚oƒSƒVƒbƒN", HiraKakuPro-W3, Osaka;
}

.hgMarugo {
 font-family     : 'HGŠΫΊήΌ―ΈM-PRO','HGŠΫΊήΌ―ΈM-PRO',sans-serif, Osaka;
}

h1,h2,h3,h4,h5,h6 {
 font-size       : 1.0em;
}

li {
	list-style-type:none;
	overflow: hidden;
}

.alCenter {
 text-align      : center !important;
}

.alRight {
 text-align      : right !important;
}

.alLeft {
 text-align      : left !important;
}

.ofHidden {
 overflow        : hidden;
}

.halfBlock {
 width           : 49.5%;
 float           : left;
}

.floatL {
 float           : left;
}

.floatR {
 float           : right;
}

.c-both {
	clear: both;
}

.floatLeft49 {
 width           : 49%;
 float           : left;
}

.floatRight49 {
 width           : 49%;
 float           : right;
}

.thirdBlock {
 width           : 33.3%;
 float           : left;
}

.block {
 display         : block !important;
}

address {
 font-style      : normal !important;
}

img {
	border: none;
}

.border {
	border: 1px solid #CCC;
}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}

a {
	text-decoration: none;
}

.btn a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/***********************************************
  02.layout
***********************************************/
#wrap {
 width           : 100%;
 min-width       : 950px;
}

#wrapperAll {
 width           : px;
 margin          : 0 auto;
}

#pageTop {
 width           : 950px;
 margin          : 0 auto;
 clear           : both;
 padding         : 50px 20px 15px 0px;
 text-align      : right;
}

#breadcrumbsList {
 width           : 930px;
 padding         : 15px 10px 10px;
 margin          : 0 auto;
 font-size       : 0.9em;
 color           : #295AF7;/*1446AF*/
 font-weight     : bold;
 clear: both;
 position: relative;
}

#breadcrumbsList li {
 display: inline;
}

#breadcrumbsList li a {
	color: #999;
	text-decoration: underline;
	font-weight: normal;
}

.normal {
	font-weight: normal;
}

/***********************************************
  03.header
***********************************************/
#h_wrap {
 width           : 100%;
 height			 : 250px;
 background-image: url(../images/cr_bg_n.jpg);
 background-repeat: no-repeat;
 background-position: center;
 border-bottom: solid 2px #1446AF;}

#header {
 width           : 950px;
 height			 : 250px;
 margin          : 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

#header .title {
	font-size: 23px;
	font-weight: bold;
	color: #575757;
	position: relative;
	top: 20px;
	left: 20px;
}

#logout_btn {
	float: right;
	position: relative;
	top:185px;
	right:25px;
}

/*h1 {
 font-weight     : normal;
 width           : 350px;
 float           : left;
 padding         : 5px 0px 5px 0px;
 color           : #999999;
}
*/

/***********************************************
  04.gnav
***********************************************/

#gNav {
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	clear: both;
	border-bottom: solid 1px #1446AF;
}

.gNavList {
	width: 950px;
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
}

#gNav ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:1.2em;
  float: left;
  width: 189px;/*189pxeƒƒjƒ…[‚Μ•*/
  height: 45px;/*eƒƒjƒ…[‚̍‚‚³*/
  line-height: 45px;
  background-color: #FFF;/*eƒƒjƒ…[‚Μ”wŒiF*/
  color: #666;/*eƒƒjƒ…[‚Μ•ΆŽšF*/
  text-align:center;
  padding-top: 1px;
  border-right: dotted 1px #CCC;
}

#gNav ul li a {
	color: #666;
	display: block;
	text-decoration: none;
}

#gNav ul li:hover, #gNav ul li a:hover {
  background: #CADAF5;/*ƒzƒo[Žž‚̐eƒƒjƒ…[‚Μ”wŒiF*/
  color:#666;/*ƒzƒo[Žž‚̐eƒƒjƒ…[‚Μ•ΆŽšF*/
}

#gNav ul li ul {
  position: absolute;
  width: 190px;/*190px*/
  z-index: 100;
}

/*#gNav ul li ul.culture li {
	width: 235px;
}

#gNav ul li ul.classroom li {
	width: 235px;
}

#gNav ul li ul.content li {
	width: 160px;
}
*/
#gNav ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 178px;/*178pxƒTƒuƒƒjƒ…[‚Μ•*/
  height: 0;
  background:#FFF;/*ƒTƒuƒƒjƒ…[‚Μ”wŒiF*/
  font-size: 1.0em;
  padding-left: 10px;
  text-align: left;
  border-bottom: 1px solid #1446AF;
  border-left: 1px solid #1446AF;
  border-right: 1px solid #1446AF;
}

#gNav ul li ul li a {
	color: #666;
}

#gNav ul li ul li:hover, #gNav ul li ul li a:hover {
  background:#CADAF5;/*ƒzƒo[Žž‚ΜƒTƒuƒƒjƒ…[‚Μ”wŒiF*/
  color:#666;/*ƒzƒo[Žž‚ΜƒTƒuƒƒjƒ…[‚Μ•ΆŽšF*/
}

#gNav ul li:hover ul li, #gNav ul li a:hover ul li {
  visibility: visible;
  overflow: visible;
  height:45px;/*ƒTƒuƒƒjƒ…[‚̍‚‚³*/
  z-index: 10;
}

#gNav * {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	border-bottom: 1px solid #1446AF;
}

.fixed .gNavList {
	border-top: none;
	border-bottom: none;
}



/***********************************************
  05.sNav
***********************************************/

#sNav {
	width: 184px;
	margin: 10px;
	float: right;
}

#sNav_list {
	width:182px;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius: 3px;
}

#sNav_list .list_top {
	background-color: #295AF7;
	border-bottom: none;
	border-radius: 3px 3px 0 0;
}

#sNav_list .list_top:hover {
	background-color: #4D76F9;
}

#sNav_list .list_top a {
	color: #FFF;
}

#sNav_list .list_top a:hover {
	text-decoration: underline;
}

#sNav_list li {
	line-height: 3em;
	padding-left: 10px;
	border-bottom: 1px dotted #CCC;
}

#sNav_list li:hover {
	background-color: #CADAF5;
}

#sNav_list li a {
	color: #333;
	text-decoration: none;
	display: block;
}

#sNav_list .inner_list {
	border-bottom: none;
	padding-left: 15px;
}

#sNav_list .inner_list a {
	border-top: 1px dotted #CCC;
}

#sNav_list .inner_list:hover {
	background-color: #CADAF5;
}

#sNav_list .inner_list img {
	vertical-align: -4px;
}

/***********************************************
  06.main
***********************************************/

#main {
 width: 950px;
 margin: 0 auto;
 background: #FFF;
 overflow: hidden;
 clear: both;
 padding-top: 10px;
}

#other_contents {
	text-align: center;
	margin:0;
	padding:0;
	width:950px;
	height:380px;
}

#gnav {
	clear: both;
	width: 950px;
	margin: 0 auto 20px;
	overflow: hidden;
}

.nav_btn {
	float: left;
} 

#contents {
	margin: 0 10px 40px;
	overflow: hidden;
}

.contents_label {
	margin-bottom: 15px;
	overflow: hidden;
}

.def {
	font-size: 1.2em;
	line-height: 140%;
	margin-bottom: 10px;
}

.def a {
	color: #00F;
}

.def a:hover {
	color: #00ABFF;
}


/*------------@contents_left@------------*/

#contents_left {
	width: 746px;
	float: left;
}


/*------------@h1,h2‚ΜŽw’θ@------------*/

#other_contents h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #575757;
	margin: 20px 0 0;
	padding-top: 10px;
	width:950px;
}

#other_contents h2 {
	margin:0;
	padding: 10px 2px 5px;
	font-size:12pt;
	color:#666666;
}


/*------------@box‚ΜŽw’θ@------------*/

.box1 {
	float: left;
	margin:35px 212px;
	padding:10px;
	width:500px;
	height:240px;
	border:3px double #CCC;
}

.box1 p {
	padding: 10px 30px 0;
	font-size:11pt;
	line-height:140%;
	text-align:left;
	clear: both;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 35px;
	right: 50px;
}


/***********************************************
  07.footer
***********************************************/

#footer {
	background: #FFF;
	border-top: 2px solid #1446AF;
	clear: both;
}

#sitemap {
	width: 950px;
	margin: 5px auto;
	overflow: hidden;
}

.fLink {
	width: 169px;
	height: 80px;
	float: left;
	padding: 5px 10px 10px;
	border-right: 1px dotted #1446AF;
	line-height: 170%;
}

.fLink a {
	color: #333;
	text-decoration: none;
}

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

.fLink img {
	vertical-align: middle;
}

#copyArea {
	background: #F0F0F0;
}

#fLogo {
	width: 950px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#copy {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 0.9em;
	float: left;
}

.cj_logo {
	float: right;
	padding: 15px 20px 10px 0;
}




/* ---- ’θ‹`Œ^ƒŠƒXƒg‚̐ݒθ ---- */

dl,p {
	margin:0;
	padding:0;
}

form {
	margin:15px 30px 5px;
	padding:0;
	overflow: hidden;
}

.box1 dt {
	width: 80px;
	margin-top:5px;
    float:left;
    clear:both;
    padding: 6px 0 6px 40px;
    white-space:nowrap;
	text-align:left;
	font-size:12pt;
}

.box1 dd {
	width: 270px;
    padding:0.3em;
	float: left;
}

#other_contents input {
	padding:2px;
	width:220px;
	vertical-align:bottom;
	font-size:13pt;
}

#other_contents .login_btn {
	width:120px;
	height: 32px;
	background-image:url(../images/btn_dl_login_off.jpg) ;
	background-repeat: no-repeat;
	border: 0px solid;
	margin-top: 10px;
}





/*----------------------------------------------
 @@@@@@background_color
----------------------------------------------*/
.gray      { background-color:#666666 !important; }
.red       { background-color:#CC0000 !important; }
.blue      { background-color:#1446AF !important; }
.vblue     { background-color:#052DA0 !important; }
.sky       { background-color:#4DBDCB !important; }
.pink      { background-color:#e86ab3 !important; }
.black     { background-color:#333333 !important; }
.yellow    { background-color:#FFB900 !important; }
.orange    { background-color:#ff9900 !important; }
.green     { background-color:#39AC21 !important; }
.vgreen    { background-color:#2F8D1B !important; }
.b_red     { background-color:#af220b !important; }

.cblue		{ color:#0000FF !important; }
.sblue		{ color:#295AF7 !important; }
.fred       { color:#CC0000 !important; }
.fgray		{ color:#666666 !important; }
.bold		{ font-weight: bold !important; }