@charset "utf-8";
*{ 
    margin: 0; 
    padding: 0; 
}

html, body, #wrapper {
    height:100%;
    width:100%;
    overflow:hidden;
}

h1    {
color: #000;
font-size:12px;
font-weight: normal;
text-align: right;
padding:16px 0 0 0;
}

h2{
font:bold 1.6em arial;
}

h3{
font:bold 1.2em arial;
padding:5px 0;
}

h4{
font:bold 1em arial;
}

h5{
font:bold 1em arial;
line-height:2em;
}

/*ウィンドウサイズに合わせてサイズ変更する背景について*/
.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}
 
@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}


#wrapper{
	position: absolute;
	top:0; left:0;
	bottom:0;
	min-height:100%;
	z-index:70;
	overflow:auto;
	display: inline;
}

/*headerについて*/

div#header {
height:90px;
width:100%;
background-color:#ffffff;
filter:alpha(opacity=80);
/*-ms-filter: alpha(opacity=80);*/
-moz-opacity:0.80;
opacity:0.80;
}


div#header #headerlogo {
padding:15px 0 0px 50px;
float:left;
}

div#header #headerlogo img{
border-style:none;
}

#headerbox {
margin:0;
float:right;
margin:10px 30px 0px 0;
padding:0;
text-align:right;
}

/*class=textnaviについて*/
.textnavi {
margin:0;
padding:0;
font-size:0.9em;
color:#000;
}

.textnavi a{
font:0.9em arial;
color:#000;
margin:0;
padding:0;
}

.textnavi a:hover{
color:#0066ff;
}

.textnavi li{
display:inline;
margin-left:11px;
}

#contents{
	width:900px;
	margin:0 auto;
}

/*ドロップダウンメニューとcontents2間の空間*/
#contents1{
height:60px;
padding:20px 0;
}

/*内容部分の外枠について*/
#contents2{
width:860px;
height:auto;
margin: 0;
padding:10px 20px;
background-color:#ffffff;
/*filter:alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
*/
min-height:1em;
display:inline-table;
}

#contents2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
	overflow:hidden;
}


* html #contents2 {
    height: 1em;
}
/*モダンブラウザで背景が切れるバグのフィックス*/
#contents2 {
    display: block;
}


/*パン屑リストについて*/
#breadcrumbs{
color:#000;
font:0.7em arial;
padding:0 0 5px 5px;
}

#breadcrumbs a{
color:#000;
}

/*#contents2 #breadcrumbs a:hover{
color:#06f;
}*/

#contents2 img{
border-style:none;
}

.m_img{
padding:0 0 5px 0;
border-style:none;
}

#contents2 #main p{
line-height:1.4em;
text-indent:1em;
padding:5px 0;
}

/*内容部分左側*/
#contents2 #main{
float:left;
width:600px;
}

#contents2 #main p{
line-height:1.6em;
text-indent:1em;
padding:5px 0;
}

/*段落分けタグ*/
.parts{
padding: 10px 0;
height:auto;
display:block;
clear:both;
}

/*質問&答え*/
.que {
color: #333;
font-weight: bold;
background-color: #ccc;
margin: 5px;
padding: 5px
}

.ans {
line-height: 1.5;
padding-right:1em;
padding-left: 2em
}

/*解説付き右寄せ画像*/
.img_rc{
font-size: 0.8em;
line-height: 1.5em;
background-color: white;
text-align: center;
margin: 0 0 5px 5px;
padding: 5px;
float: right;
border: solid 1px #ccc
}

/*カリキュラムなどの表組*/
.parts .m_table {
width:600px;
background:#ccc;
margin:0 0 10px 0;
font-size:0.9em;
}
.parts .m_table td{
background-color:#fff;
padding:3px 5px;
color:#000;
}
.parts .m_table td a{
color:#000;
}

.parts .m_table td.caption{
background-color:#fff;
padding:3px 5px;
font-size:0.8em;
}

.parts .m_table th{
font-weight:bold;
font-family:arial;
padding:3px 5px;
}


/*m_tableの中に入る小さなtableについて*/
.parts .s_table {
width:290px;
background:#ccc;
margin:0 0 10px 0;
font-size:0.9em;
}
.parts .s_table td{
background-color:#fff;
padding:3px 5px;
}
.parts .s_table td.caption{
background-color:#fff;
padding:3px 5px;
font-size:0.8em;
}

.parts .s_table th{
font-weight:bold;
font-family:arial;
padding:3px 5px;
}

/*作品紹介用表組*/
.parts .w_table {
width:580px;
background:#fff;
margin:0 0 10px 0;
font-size:0.9em;
line-height:2em;
}

.parts .w_table td{
background-color:#fff;
padding:10px 5px;
text-align:center;
}
.parts .w_table td img{
border-style:none;
}


/*シンプルなリスト表示*/
ul.s_list{
list-style:none;
margin:5px 15px;
}

ul.s_list li{
margin:5px 10px;
}

/*ul.s_list a{
color:#000;
}*/

ul.s_list a:hover{
color:#390;
}

/*行頭●のリスト表示*/
ul.d_list{
list-style:disc;
margin:5px 15px;
}

ul.d_list li{
margin:5px 10px;
}

ul.d_list a{
color:#000;
}

ul.d_list a:hover{
color:#390;
}

/*ナンバーリスト*/
ol.n_list{
list-style:decimal;
margin:5px 15px;
}

ol.n_list li{
margin:5px 10px;
}

ol.n_list a{
color:#000;
}

ol.n_list a:hover{
color:#390;
}

/*ブロックリスト表示*/
.parts .b_list li{
display:block;
color:#fff;
background-color:#333;
float:left;
list-style:none;
padding:5px 10px;
margin:5px 10px;
}

.index{
line-height: 1.5;
background-color: #e5e5e5;
padding: 10px;
}

.index a{
color: #000;
}

/*内容部分右側のナビゲーション*/
#contents2 #subbox{
width:220px;
float:right;
}

#subbox {
color:#000;
padding:0 0 0 0;
}

#subbox p{
padding:5px 10px;
line-height:1.6em;
text-indent:1em;
}

#subbox p a{
color:#000;
}

#subbox li{
list-style:disc inside;
padding:5px 10px;
}

#subbox li a{
color:#000;
}

/*#subbox li a:hover{
color:#06f;
}*/

.parts .l_top{
list-style:none;
}

.parts .l_top a{
display:block;
text-align:left;
padding:5px 15px;
margin:0;
width:185px;
text-decoration:none;
background-color:#333;
color:#fff;
}

.parts .l_top a:hover{
background-color:#333;
color:#06f;
}

#subbox img{
border-style:none;
}

/*#subbox */.sub_address{
display:block;
background-color:#dcdcdc;
margin:5px;
padding:10px;
font-size:0.8em;
}
#subbox .sub_address a{
color:#000;
}
/*footer直上のナビボタン*/
.navibutton{
  padding: 10px 0 0 0;
  clear:both;
}

.navibutton li {
  list-style: none;
  float: left;
  font-size: 0.8em;
}

.navibutton li a{
  display: block;
  text-align: center;
  padding: 5px 15px;
  margin: 5px 7px 0 0;
  text-decoration: none;
  background: #333;
  color:#fff;
}

/*.navibutton li a:hover {
  background: #333;
  color:#06f;
}*/

/*画像の透過*/
.alpha{
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

/*footerについて*/
div#footer{
clear:both;
color:#000;
position:relative;
bottom: 0;
width:880px;
height:20px;
padding:10px;
background-color:#cccccc;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
div#footer a{
color:#000;
}

div#footer a:hover{
color:#06f;
}

.right{
float:right;
}

.left{
float:left;
}

.img_right{
background-color: white;
/*margin:5px;*/
padding: 5px;
float: right;
border:none;
}