@charset "utf-8";

/*---------------------------------------------
　common
---------------------------------------------*/

/* reset */

html,body,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,table,address,blockquote,form{
	margin:0;
	padding:0;
}


/* clearfix */

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

.clearfix{
  zoom:1;
}


/* common style */

body{
	line-height:1.6;
	font-size:12px;
	*font-size:75%;/*IE*/
	font-family:Helvetica, Arial,sans-serif;
	text-align:center;
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:50% 71px;
	color:#333;
	}
	
img{
	border:0;
}

a:link,
a:visited{
	color:#008C6E;
}

a:hover{
	color:#F09600;
}

	
#Container{
	background:url(../images/bk_base.png) repeat-x;
	position:relative;
}
	
#Header{
	width:770px;
	margin:0 auto;
	position:relative;
	height:216px;
}
	
#Header ul{
	text-align:left;
	padding-top:19px;
	list-style:none;
}

#Header li{
	display:inline;
}

#Header p{
	position:absolute;
	top:0;
	left:527px;
}

h1{
	display:none;
}
 

/* header title*/

body#gallery {
	background-image:url(../images/title_gallery.png);
}

body#services {
	background-image:url(../images/title_services.png);
}

body#aerial {
	background-image:url(../images/title_aerial.png);
}

body#sightseeing {
	background-image:url(../images/title_sightseeing.png);
}

body#works {
	background-image:url(../images/title_works.png);
}

body#company {
	background-image:url(../images/title_company.png);
}

body#whatsnew {
	background-image:url(../images/title_whatsnew.png);
}

body#privacy {
	background-image:url(../images/title_privacy.png);
}

body#sitemap {
	background-image:url(../images/title_sitemap.png);
}

body#enquiries {
	background-image:url(../images/title_enquiries.png);
}

body#aerodiary {
	background-image:url(../images/title_aerodiary.png);
}

/* // header title*/



/*-- navi --*/

#Header ul a{
	display: block;
	height:70px;
	float: left;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#Header ul li {
  list-style: none;
}

/* navi defo*/
li#nHome a {
  background-image: url(../images/navi_home.png) ;
  width:214px;
}

li#nAerial a {
  background-image: url(../images/navi_photo.png);
  width:107px;
}

li#nWorks a {
  background-image: url(../images/navi_works.png);
  width:75px;
}

li#nDemo a {
  background-image: url(../images/navi_gallery.png);
  width:81px;
}

li#nSightseeing a {
  background-image: url(../images/navi_sightseeing.png);
  width:112px;
} 

li#nService a {
  background-image: url(../images/navi_services.png);
  width:90px;
}

li#nCompany a {
  background-image: url(../images/navi_company.png);
  width:91px;
}

/* navi on*/

#Header li a:hover {
	background-position:0 -150px; 
}

body#home li#nHome a, 
body#aerial li#nAerial a,
body#works li#nWorks a,
body#gallery li#nDemo a,
body#sightseeing li#nSightseeing a,
body#services li#nService a,
body#company li#nCompany a{	
	background-position:0 -300px;
}





#ContentsWrap{
	background:url(../images/contents_bk_head.png) no-repeat;
	width:770px;
	margin:0 auto;
	position:relative;
	padding:20px 0 0 0;
}



#Contents{
	width:720px;
	text-align:left;
	background:url(../images/contents_bk_main.png) repeat-y;
	margin:0 auto;

}




/* Side */

#Side{
	width:202px;
	float:left;
	line-height:0;
} 

#Side ul a{
	zoom:1;

}

#Side ul{
	list-style:none;
	margin-bottom:15px;
	font-size:1px;

}

#Side ul li{
	margin-bottom:15px;

}

#Side ul ul li{
	line-height:0;
	margin-bottom:0;
}


#Side ul.TxtList li{
	margin-bottom:5px;
	line-height:1;

}

#Side ul.TxtList{
	font-size:100%;
}

#Side ul.TxtList li a{
	width:128px;
	display:block;
	padding:6px 0 0 35px;
	height:23px;
	text-decoration:none;
}

#Side ul.TxtList li a:link,
#Side ul.TxtList li a:visited{
	background:url(../images/submenu_none.jpg) no-repeat;
}

#Side ul.TxtList li a:hover{
	background:url(../images/submenu_none_on.jpg) no-repeat;
}

#Side ul.TxtList li a:active{

	background:url(../images/submenu_none_cr.jpg) no-repeat;
}


#Main{
	width:518px;
	float:left;
}

h2{
	margin-bottom:15px;
}

.Box01{
	margin-bottom:20px;
}

h3{
	background:url(../images/icon_02.jpg) no-repeat 0 4px;
	color:#8CBE1E;
	font-size:130%;
	padding:0 0 0 20px;
	margin-bottom:10px;
}

p{
	margin-bottom:20px;
}
	


.Box01 ul{
	margin:0 0 20px 18px;
}

.Box01 table{
}

.Box01 td{
	padding:0 0 7px 0;
}

.Box01 th.icon01{
	background:url(../images/icon_01.gif) no-repeat 0 5px;
	padding:0 15px 7px 18px;
	vertical-align:top;
}


.Box01 td a{
	color:#008C6E
}

.Box01 td a:hover{
	color:#F09600
}


.Box02{
	width:518px;
	background:url(../images/line.gif) repeat-x 0 100%;
	padding:0 0 10px 0;
}

.Box02 .PhotoL{
	float:left;
	width:180px;
	margin-right:15px;
	padding-top:4px;
}

.Box02 .Txt01{
	width:323px;
	float:left;
}


p.LinkIcon a{
	background:url(../images/icon_01.gif) no-repeat 5px 50%;
	padding:0 0 0 18px;
}

p.LinkIcon a:link{
	text-decoration:none;
	color:#008C6E;
}

p.LinkIcon a:visited{
	text-decoration:none;
	color:#226A53;
}

p.LinkIcon a:hover{
	text-decoration:underline;
	color:#008C6E;
}



#Footer{
	background:url(../images/footer_bk.gif) no-repeat 0 100%;
	width:770px;
	padding:30px 0 15px 0;
	margin:0 auto;
	text-align:left;
	position:relative;
}


#Footer p{
	text-align:right;
	padding:0 20px 30px 0;
}


#Footer ul{
	list-style:none;
	position:absolute;
	top:65px;
	left:22px;

}

#Footer li{
	display:inline;
	padding:0 10px 0 0;
}

#Footer address{
	position:absolute;
	top:70px;
	left:560px;
}









/*-----------
　index.html
-----------*/

body#index #Container{
	background:url(../images/top_bk.png) repeat-x;
	position:relative;

}

body#index #ContentsWrap{
	background:url(../images/top_bk_02.jpg) no-repeat;
	width:770px;
	margin:0 auto;
	padding:0;
}

@-moz-document url-prefix() {body#index #ContentsWrap{margin-top:-5px;}}


body#index h2{
	padding:0 0 10px 0;
}

body#index h3{
	margin-bottom:10px;
}

body#index #Side ul{
	list-style:none;
}

body#index #Side li{
	margin-bottom:7px;
}
div.Posi{
	position:relative;
}

.Box01 .MoreBtm{
	position:absolute;
	top:20px;
	left:442px;
	margin:0;
}
div.What{
	background:url(../images/line.gif) repeat-x;
	padding-top:20px;
}


/*-----------
　What'sNew
-----------*/

.TabelStyle th{
	vertical-align:top;
	padding:20px 30px 20px 0;
	border-bottom:1px dotted #ccc;;
}

.TabelStyle td{
	padding:20px 0 20px;
	border-bottom:1px dotted #ccc;
}


.TabelStyle td td{
	padding:5px;
}


/*-----------
　Gallry
-----------*/

div.GalP p{
	width:118px;
	margin-right:15px;
	float:left;
}

div.GalP p.GR{
	margin:0;
}

div.MovieBox{
	width:518px;
}

div.MovieBox div{
	width:254px;
	float:left;
}

div.Movie01{
	margin-right:10px;
}

div.MovieBox div p{
	margin-bottom:5px;
}


/*-----------
　Company
-----------*/

table.Company,
table.History{
	width:95%;
	border-top:1px solid #ccc;
margin:0 0 20px;
}

.Company th,
.History th{
	vertical-align:top;
	padding:10px 30px 10px 10px;
	border-bottom:1px solid #ccc;
white-space:nowrap;
}

.Company td,
.History td{
	padding:10px;
	border-bottom:1px solid #ccc;
}


.Company td ul,
.History td ul{
	margin-left:10px;
}

.History th{
width:20px;
}


.ContentTxt ul,
.ContentTxt ol{
	margin:0 0 15px 20px;
}

.ContentTxt ul ul{
	margin-bottom:10px;
}

/*-----------
　Works
-----------*/

body#works table {
	width:518px;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:15px;
}
body#works table th,
body#works table td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	vertical-align:center;
}
body#works table tr.odd {
	background:#E0E0E0;
}
body#works table th {
	padding:8px;
	background:#787878;
	font-weight:bold;
	color:#FFF;
	white-space:nowrap;
	text-align:center;
}
body#works table td {
	padding:5px;
}
body#works table td.Period {
	text-align:right;
}
body#works table td.Format,
body#works table td.Mashine {
	text-align:center;
}
body#works table.TabelStyle {
	width:auto;
	border-collapse:collapse;
	border:none;
	margin-bottom:0;
}
body#works table.TabelStyle th,
body#works table.TabelStyle td {
	background:none;
	border:none;
	vertical-align:top;
}
body#works table.TabelStyle th{
	font-weight:normal;
	color:#000;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
	padding:20px 30px 20px 0;
	border-bottom:1px dotted #ccc;;
}

body#works table.TabelStyle td{
	padding:20px 0 20px;
	border-bottom:1px dotted #ccc;
}


body#works table.TabelStyle td td{
	padding:5px;
}