@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
　 1-1: Link setting
-----------------------------------------------*/
a{  
    outline: none;
}
a:link { 
    color: #9966CC;
	text-decoration: none;
}
a:visited {
    color: #999;
	text-decoration: none;
}
a:hover {
    color: #FFCC00;
	text-decoration: underline;
}
a:active {
    color: #FFCC00;
	text-decoration: underline;
}


#back {
    clear: both;
    width: 100%;
	height: 100%;
    min-height: 100%;
	text-align: center;
	background: url(../img/gradation_h.gif) repeat-x top center;
	border-top: 1px #FFF solid;
	position: relative; top: 0;
}
body > #back {
    height: auto;
}
/*\*/
* html #back {
    height: 100%;
}
/**/
/*#back_img {
    clear: both;
    width: 1024px;
	height: 100%;
	text-align: center;
	background: url() no-repeat top center;
	margin: 0 auto auto;
}
#back_img:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#back_img {
　　display: inline-table;
　　min-height: 1%;
}*/

/* Hides from IE-mac \*/
* html #back_img {height: 1%;}
#back_img {display: block;}
/* End hide from IE-mac */

#back_img #inner {
    padding: 0 84px 0;
	margin: 0 auto 0;
}
#back_img #inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#back_img #inner {
　　display: inline-table;
　　min-height: 1%;
}

/* Hides from IE-mac \*/
* html #back_img #inner {height: 1%;}
#back_img #inner {display: block;}
/* End hide from IE-mac */

#container {
    clear: both;
    width: 856px;
	height: auto;
	text-align: center;
	margin: 0 auto auto;
}
#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#container {
　　display: inline-table;
　　min-height: 1%;
}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */

#container_txal_c {
    clear: both;
    width: 950px;
	height: auto;
	text-align: center;
	margin: 0 auto auto;
}
#container_txal_c:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#container_txal_c {
　　display: inline-table;
　　min-height: 1%;
}

/* Hides from IE-mac \*/
* html #container_txal_c {height: 1%;}
#container_txal_c {display: block;}
/* End hide from IE-mac */

#stage {
    clear: both;
    width: 100%;
	height: auto;
	background: url(../c_img/stage.gif) repeat-y;
	margin: 0 auto auto;
}
#stage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#stage {
　　display: inline-table;
　　min-height: 1%;
}

/* Hides from IE-mac \*/
* html #stage {height: 1%;}
#stage {display: block;}
/* End hide from IE-mac */

#page {
    clear: both;
    width: 850px;
	height: auto;
	margin: 0 auto auto;
}
#page:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#page {
　　display: inline-table;
　　min-height: 1%;
}

/* Hides from IE-mac \*/
* html #page {height: 1%;}
#page {display: block;}
/* End hide from IE-mac */

#page #c_inner {
     clear: both;
     padding: 0 9px;
}

#logo {
     width: 100%;
	 height: 68px;
	 text-indent: -98765em;
	 background: url(../img/logo_b_292.gif) no-repeat center;
	 margin: 130px auto 0;
}
#info_c {
     width: 950px;
	 height: auto;
	 text-align: center;
	 position: absolute; top: 32px;
	 margin: auto;
}
#info_c h2 {
     font-weight: normal;
	 font-size: 150%;
}
#info_c h2#address {
     margin-bottom: 15px;
}
#info_c h2#address span {
	font-size: 75%;
	padding-left: 12px;
}
#caption {
     width: 100%;
	 height: auto;
	 font-weight: normal;
	 text-align: center;
	 margin: 10px auto 15px;
}
#ad {
     margin: 20px auto 0;
}
#copyright {
      color: #002058;
	  font-size: 10px;
      margin: 70px auto;
}
#open {
      width: 100%;
	  height: 56px;
	  background: url(../img/2010_10_01_open.gif) no-repeat center;
	  text-indent: -98765em;
	  margin: 0 auto;
}
#navi_block {
      margin: 10px auto 12px;
	  text-align: center;
}
#b_blog {
      width: 57px;
	  height: 18px;
	  text-indent: -98765em;
      background: url(../img/b_blog.gif) no-repeat center;
      margin: 0 auto;
}
#b_blog a {
      width: 57px;
	  height: 18px;
	  display: block;
}
div#example {
   position: relative;
   display: block;
   width: 512px;
   height: 384px;
   overflow: hidden;
   margin: 10px auto 0;
}
div#example br { 
   display: none;
}
#shadow_512 {
   width: 100%;
   height: auto;
   background: url(../img/shadow_512.gif) no-repeat center bottom;
   padding-bottom: 10px;
   display: block;
}

h4 {
	margin-bottom: 12px;
}

p.attention {
	margin-bottom: 12px;
}