@charset "utf-8";

/*  main [ Flashが入る 
----------------------------------------------------------- */  
@charset "utf-8";
/* CSS Document */

/* 全体に共通の指定をする*/
body {
	background-repeat: no-repeat;
	font-family: Veranda, Helvetica, sans-serif;
	margin:0 auto;
	padding: 0;
	color:#333;
	line-height: 1.6;
	background-position: center center;
}   

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
				margin:0;
				padding:0;
}


h1{
		font-size:18px;
		font-weight: bold;
}


h2,h3,h4,h5,h6 {
		font-weight:normal;
}   

p {margin:0 0 1em 0; } 
  
li {
	list-style-type:none;
}

li p{padding:0 0 0 60px}
ul {
	list-style:none;
}
     
img {
				border:0;
}
   
/*   Link Color [  
----------------------------------------------------------- */  
a {   
    text-decoration:none;   
}  
 
a:link {   
    color:blue;   
}
   
a:visited {   
    color:#0C8EF2;   
}
   
a:hover {
				text-decoration:underline;
}
   
a:active {   
    color:blue;   
}  

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

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


/*  header 
----------------------------------------------------------- */  
#header {
				height:85px;
				width: 800px;
				margin: 10px auto 0;
}  

#logo {
				height:66px;
				width: 176px;
				margin: 8px auto auto 15px;
				float: left;
}  

#header .bottun {
				float: right;
				margin: 0 10px 0 10px;
				display: inline;
}

#header  #h_navi {
	width:545px;
	height:31px;
	float: right;
	margin-top: 15px;
}




/*  footer
----------------------------------------------------------- */  

#footer{
				width:800px;
				height: 43px;
				clear: both;
				padding: 15px 0;
				margin: 0 auto;
}

#footer li{	float:left}
.address{
				width:285px;
				height:36px;
				background-image: url(../../images/share/s_logo_b.gif);
				background-repeat: no-repeat;
				float: left;
				font-size: 11px;
				background-position: 0 6px;
				margin-top: 0;
				margin-right: 0;
				margin-bottom: 0;
				margin-left: 5px;
				padding-top: 7px;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 85px;
				line-height: normal;
}

.f_navi{
				width:425px;
				height:30px;
				float:right;
				font-size: 12px;
				text-align: center;
				padding: 12px 0 0 0;
}


.shadow_left {
				background: url(../images/share/shadow_01.gif) right bottom;
				margin: 10px 0 0 5px;
				float: left; /* 回り込み制御 */
				display: inline;
}
 
.shadow_left img {
				position: relative;
				left: -5px; /* 画像を左へ移動 */
				top: -5px; /* 画像を上へ移動 */
				padding: 5px; /* 画像枠 */
				background: #FFFFFF; /* paddingを設定した場合の背景色 */
				border: 1px solid #999999;
}

.shadow_right {
				background: url(../images/share/shadow_01.gif) right bottom;
				margin: 10px 0 0 5px;
				float:right; /* 回り込み制御 */
				display: inline;
}
 
.shadow_right img {
				position: relative;
				left: -5px; /* 画像を左へ移動 */
				top: -5px; /* 画像を上へ移動 */
				padding: 5px; /* 画像枠 */
				background: #FFFFFF; /* paddingを設定した場合の背景色 */
				border: 1px solid #999999;
}

.shadow {
				background: url(../images/share/shadow_01.gif) right bottom;
				margin: 10px 0 0 7px;
}

.shadow img {
				position: relative;
				left: -5px; /* 画像を左へ移動 */
				top: -5px; /* 画像を上へ移動 */
				padding: 5px; /* 画像枠 */
				background: #FFFFFF; /* paddingを設定した場合の背景色 */
				border: 1px solid #999999; /* 画像の枠線 */
}

#main #right_column .top{
				height:15px;
				clear:both;
				font-size: 12px;
				line-height: 15px;
				text-align: right;
				padding: 0 35px 0 0;
				margin: 0 0 15px 0;
}

#main #left_column .top{
				height:70px;
				clear:both;
				font-size: 12px;
				line-height: 60px;
				text-align: right;
				padding: 0 35px 0 0;
}

#main .top{
				height:20px;
				clear:both;
				font-size: 12px;
				line-height: 20px;
				text-align: right;
				padding: 0 35px 0 0;
				margin: 20px 0 0 0;
				position: relative;
}

.top a:link,
.top a:visited{
				color:#666666;
				text-decoration:underline;
				}
				
.explain p{text-indent:15px}


#main{
		width:800px;
		margin: 0 auto;
}

#topimage/*Flashが入る*/
{
	width:795px;
	height: 300px;
	_padding-left: 8px;
	background-image: url(../images/topimage2010.gif);
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}


.title{
				margin: 55px 50px 20px 50px;
				clear: both;
				height: 50px;
				width: 700px;
}

.column{
				margin: 0 40px 30px 40px;
				width: 720px;
				height: auto;
}

.explain{
				float:left
				width:300px;
				float: left;
				width: 380px;
				margin: 0 0 0 10px;
}

.contact{
				width:598px;
				margin: 0 50px 20px 50px;
				background-image: url(../images/contact.gif);
				height: 93px;
				padding: 82px 0 0 72px;
}

	
	.spacer{
				clear:both;
				height:35px;
}

/*  header 
----------------------------------------------------------- */  
#header {
	height:85px;
	width: 800px;
	margin: 0 auto;
}  


#logo {
				height:66px;
				width: 184px;
				background-image: url(../images/logo.gif);
				margin: 8px auto auto 12px;
				background-position: center center;
				float: left;
				display: inline;
}  

#header #english {
				height: 22px;
				float: right;
				margin: 15px 10px 0 0;
}

#header  #h_navi {
				width:548px;
				height:31px;
				float: right;
				margin-top: 15px;
}


h1{
		font-size:18px;
		font-weight: bold;
}


h2,h3,h4,h5,h6 {
		font-weight:normal;
}   

p {margin:0 0 1em 0; } 
  
li {
	float:left;
	list-style-type:none;
}

ul {
	list-style:none;
}
.explain li{float:none}

.topimage{
				width:800px;
				margin: 0 0  30px 0;
}

iframe{
				border-top: thin #666;
				border-right: thin #666;
				border-bottom: thin #666;
				border-left: thin #666;
}