/** memo *****************

国立国語研究所
Cascading Style Sheet Setting File
Ogisawa Web Planing 2008.03

***************************/

/** basic Settings　***************/
body {
margin: 0px auto;
padding: 0;
background-color: #ffffcc;
color:#333;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴ", "Hiragino Kaku Gothic", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
}

h1{
padding: 0;
margin:0;
}

h2{
padding:0;
margin: 0;
text-indent: -9999px;
font-size: 0.01em;
}

h3 {
       margin: 36px 25px 24px 24px;
       padding: 0.8em 0 0.6em 28px;
       background: url(http://www.ninjal.ac.jp/okazaki/images/bg_h3_1.jpg) left top repeat-y;
       border: 1px solid #ff9900;
}

h4{
padding:0;
margin: 0;
text-indent: 32px;
background: url(http://www.ninjal.ac.jp/okazaki/images/bg_h4.gif) no-repeat left top;
}

p{
padding: 0;
margin: 0;
}

a:link,
a:visited,
a:active { 
color:#993300;
text-decoration: none;
}

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

/* 記事内リンク */
.FB a:link,
.FB a:visited,
.FB a:active { 
color:#06f;
text-decoration: underline;
}

.FB a:hover {
color:#ff3300;
text-decoration: underline;
}
#Pankuzu a:link,
#Pankuzu a:visited,
#Pankuzu a:active { 
color:#06f;
text-decoration: underline;
}

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


 
ul,
li{
padding: 0;
margin: 0;
 }

ul{
list-style:none;
}

#ColumnMain2 .FB ul{
margin-left: 12px;
padding-left: 8px;
list-style: url(http://www.ninjal.ac.jp/okazaki/upload/bg_list.gif);
}

#ColumnMain1 dl.compact dt {
display:block;
float:left;
clear:left;
width: 120px;
}

#ColumnMain2 dl.compact dt {
display:block;
float:left;
clear:left;
width: 80px;
}

img{
border: 0;
}


/* 文字指定　*/

.bluetext{
color: #3399cc;
}
 
.text_accent{
font-weight: bold;
} 

.blue_accent{
color: #3399cc;
font-weight: bold;
}

.close,
.redtext{
color: #cc0000;
}

/** Base Settings
****/


div#layout{
	width:759px;
	border-left: 1px #c60 solid;
	border-right: 1px #c60 solid;
	margin: 0 auto;
	background-color: #fff;
}

div#wrapper{
	margin:0px;
}

div.colClear{
	width:1px;
	height:1px;
	clear:both;
	text-indent: -9999px;
}

/** Header Area 
**********************************/
div#HeaderArea{
	margin:0px;
}


div#HeaderArea0 {
width:759px;
height:226px;
background: url(http://www.ninjal.ac.jp/okazaki/images/header0.gif) no-repeat center top;
text-align: left;
}

div#HeaderArea0 img{
margin-top: 61px;
margin-left: 20px;
padding: 0px;
}

div#HeaderArea1{
width:759px;
height:124px;
background: url(http://www.ninjal.ac.jp/okazaki/images/header1.gif) no-repeat center top;
text-align: left;
}

div#HeaderArea1 img{
margin-top: 20px;
margin-left: 18px;
padding: 0px;
}

div#font_resize2 {
margin: 0;
padding: 0;
width:759px;
height: 2.2em;
color:#ffffff;
background-color: #000;
}

div#font_resize2 a:link,
div#font_resize2 a:visited,
div#font_resize2 a:active,
div#font_resize2 a:hover { 
color:#cccccc;
} 

ul#font_resize_block2 {
margin-right: 32px;
padding:0;
list-style: none;
}


ul#font_resize_block2 .font-title {
float: right;
text-align: right;
margin: 0;
padding: 0.6em 0 0.6em;
width:200px;
fontsize: 1.0em;
font-weight: bold;
}

ul#font_resize_block2 li.font-xs {
float: right;
padding: 10px 0;
padding-bottom:4px;
text-align:center;
vertical-align:bottom;
width: 1.5em;
}


ul#font_resize_block2 li.font-s {
float: right;
padding: 10px 0;
padding-bottom: 2px;
text-align: center;
vertical-align: bottom;
width: 1.5em;
}

ul#font_resize_block2 li.font-m {
float: right;
padding: 10px 0;
padding-bottom:1px;
text-align:center;
vertical-align: bottom;
width: 1.5em;
}

ul#font_resize_block2 li.font-l {
float: right;
padding: 0.6em 0 0.6em;
text-align:center;
vertical-align:bottom;
width: 1.5em;
}

ul#font_resize_block2 li.font-xs a {
display:block;
font-size: 0.8em;
font-weight:bold;
}

ul#font_resize_block2 li.font-s a {
display:block;
color:#ffccff;
font-size: 0.9em;
font-weight:bold;
}

ul#font_resize_block2 li.font-m a {
display:block;
font-size: 1.0em;
font-weight:bold;
}

ul#font_resize_block2 li.font-l a {
display:block;
font-size: 1.1em;
font-weight:bold;
}

div#Pankuzu {
margin: 0;
padding:4px 0 4px 0;
width:100%;
font-size: 0.9em;
line-height: 120%;
text-align: left;
text-indent: 24px;
}

#MainMenu {
margin: 18px 0 24px 4px;
padding:0;
width:100%;
height:60px;
}

#MainMenu .menu {
margin: 0 22px;
display: inline;
padding: 1.2em 0 1.0em 0;
float: left;
width:307px;
text-align:center;
virtical-align: middle;
font-size: 1.0em;
background: url(http://www.ninjal.ac.jp/okazaki/images/mainmenu.gif) repeat-y center top;
border: #fc0 solid 1px;
font-weight: bold;
}

#MainMenu .menu a{
display:block;
}

#MainMenu a:hover{
color: #ff3300;
background-color:transparent;
text-decoration: none;
}

/** Contents Area 
**********************************/

div#gmap {
margin-right: 56px;
margin-left: 56px;
width: 600px;
height: 600px;
text-align: center;
padding: 0;
}

div.FB{
margin: 0 0 0 30px;
text-align:left;
padding: 0;
font-size: 1.0em;
line-height: 2em;
}

div.FB img{
border: 0;
margin: 0 0 15px 0;
}

div#ColumnMain{
	padding:0;
}





div#ColumnArea1{
margin:0
}

div#ColumnArea2{
margin:0px;
padding: 0;
}

div#ColumnMain1{
	width:711px;
	margin:12px 0px 24px 24px;
	padding:0px;
	float:left;
	text-align: left;
        display: inline;
}


div#ColumnMain2{
	width:540px;
	margin:12px 0px 0px 0px;
	padding:0 0 48px 0;
	float:left;
	text-align: left;	
        display: inline;
}


/** Sider Column
**********************************/

div#ColumnSub {
        width:210px;
        height: 100%;
        padding:12px 0 29px 0;
        text-align:left;
        margin: 0;
        float: right;
        display: inline;
}

#SideNavi ul{
        margin-top: 36px;
        margin-bottom: 36px;
        text-align: center;
        list-style:none;
        font-weight:bold;
}

#SideNavi ul li{
        margin: 12px 0 6px 0;
        padding: 1.0em 0px;
        margin-left: auto;
        margin-right: auto;
        width: 168px;
        vertical-align: middle;
        background: #fff url(http://www.ninjal.ac.jp/okazaki/images/sidemenu.gif) repeat-y center top;
        font-size: 1.0em;
}

#SideNavi ul li a,
#SideNavi2 ul li a{
display:block;
}

div#banner_side{
height: auto;
text-align: left;
padding: 0 0 0 2px;
margin: 0 0 25px 20px;
line-height: 1.5em;
}

/** Footer Area Settings **********************************/

div#AreaFooter{
width:759px;
clear:both;
padding:10px 0px 10px 0;
text-align:center;
}

div#Copyright{
padding:3px 0px 5px 0px;
font-size: 0.9em;
text-align:center;
margin:0px auto;
}

div#banner_top{
margin: 24px 0 12px 0;
text-align:center;
padding: 0;
}

/** |01.Side Navigation Setting| ******************************************************* START **/


table.pattern0 {
margin: 24px 0 24px 24px;
padding: 24px 0 24px 0;
text-align: center;
}

td.pattern0 {
margin: 0;
padding: 4px 0;
text-align:center;
font-size: 1.0em;
}

/* 20100914 */
#ColumnMain2 p{margin:0.8em 0;}