charset "UTF-8";"
@import url("album.css");
@import url("service.css");

/* ========BASIC======== */
 *{
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
   line-height: 1.6;
}
/* IE7dot　*/

*+html body {
	padding:				0px;
	margin:					0px;
    background-repeat:		repeat-y;
	background-position:	center;
	background-color:		#FFFFFF;
	color:					#000000;
	font-size:				0.9em;
    line-height:            1.6em;
	letter-spacing:			0px;
}

/*　全体背景指定　*/

*html body {
	padding:				0px;
	margin:					0px;
	background-position:	center;
	background-color:		#FFFFFF;
	color:					#000000;
	font-size:				0.9em;
    line-height:            1.6em;
	letter-spacing:			0px;
}

html {
 overflow-y: scroll;
}


/*初期値クリア*/

html,body,div,hr,h1,h2,h3,h4,h5,h6,p,img,br,ol,ul,li,dl,dd,dt
{
	margin:		0;
	padding:	0;
}

a {
   color:#333;
   text-decration:underline;
   
}

a:hover {
   color:#0000FF;
   text-decration:underline;

}
 
img {
   border:0;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*---共通部---*/

/*レイアウト関係*/
div#wrap{
	width:820px;
	margin:0 auto;
	background: url(images/shadow.png) repeat-y;
	  }   	  
div#top {
   width:800px;
   margin:0 auto;
   background:#fff;
}

div#header {
   margin:0 ;
   padding:0;  
   width:800px;
   height:72px;
   background:#fff;
    background: url(images/h3.png) ;
}
div#contents {
   clear:both;
   width:800px;
   min-height:350px;
   height:auto !important;
   height:350px
   
  }

div#eyecath {
	margin:0;
	padding:0;
    width:800px;

}	  
div#main {
   float:left;
   width:600px;
   margin-top:10px;
   margin-left:10px;
}

div#sub {
   float:right;
   width:160px;
   margin-top:0px;
}
div#footer {
	padding:	1px 0;
	position:relative;
	clear:both;
   	width:800px;
   	background:url(images/ft.png) no-repeat ;
   	height:70px;
}

/*ヘッダ部ロゴ位置*/
h1 img{
margin:20px 20px;
} 

/*============ヘッダ内メニュー===============*/ 
div#header ul#headermenu {
	margin:15px;
	float:	right;
	font-weight:bold;
	font-size: 0.6em;
	list-style-type:disc;
}


div#header ul#headermenu a{
	text-decoration:	underline;
}
div#header ul#headermenu li{

	margin-left:0.2em;
	padding-left:	1.7em;
	display:	inline;
	background: url(images/pointer.png) no-repeat;
}	

/* ========MENU======== */
ul#menu {
	margin:	0 ;
	padding	:0;  
	width:	800px;
	background:	#fff;
	
}

	ul#menu li {
	   float:left;
	   font-size:0.75em;
	   color:#333;
	   text-align:center;
	   list-style-type:none;
	   
	}
	
	ul#menu li a{
	text-decoration:	none;
	}
	
	ul#menu li a:hover {
	text-decoration:	none;
	}
	
	ul#menu li a:hover img{
	filter: alpha(opacity=0);
	opacity: 0.0;
	}
	
	ul#menu li.menu1 {
	   float:left;
	   font-size:0.75em;
	   color:#333;
	   width:160px;
	   text-align:center;
	   list-style-type:none;
	   background:url(images/menu01.png) no-repeat 0px 0px;
	}

	ul#menu li.menu2 {
	   float:left;
	   font-size:0.75em;
	   color:#333;
	   width:160px;
	   text-align:center;
	   list-style-type:none;
	   background:url(images/menu02.png) no-repeat 0px 0px;
	}

	ul#menu li.menu3 {
	   float:left;
	   font-size:0.75em;
	   color:#333;
	   width:160px;
	   text-align:center;
	   list-style-type:none;
	   background:url(images/menu03.png) no-repeat 0px 0px;
	}

	ul#menu li.menu4 {
	   float:left;
	   font-size:0.75em;
	   color:#333;
	   width:160px;
	   text-align:center;
	   list-style-type:none;
	   background:url(images/menu04.png) no-repeat 0px 0px;
	} 

	ul#menu li.menu5 {
	   float:left;
	   font-size:0.75em;
	   color:#333;
	   width:160px;
	   text-align:center;
	   list-style-type:none;
	   background:url(images/menu05.png) no-repeat 0px 0px;
	}
	



/* 回り込み解除 */
ul#menu ul:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*パンクズリスト用*/
#topicPath {   
    margin:5px 0 0 5px;   
}  
	#topicPath a {   
	    text-decoration: underline;

	}  
	#topicPath li {   
	    display:inline;   
	    line-height:110%;   
	    list-style-type:none;   
}  
address {
    margin-right:	5px;
	text-align:		right;
	font-style:		normal; 
	font-size:	0.6em;  
}

/* ========サイドメニュー======== */
div#sub .section {

}

div#sub h2 {
   margin:0;
   padding:0;
   font-size:0.88em;
   font-weight:bold;
 }

div#sub ul {
   margin:0;
   padding:0;
}

div#sub li {
   padding-left:18px;
   font-size:1em;

   line-height:2;
 /*  background:#E5E5E5 url(images/c_arow.png) 0 4px no-repeat; */
   list-style:none;
   border:	1px solid;
  
  
}

div#sub li a{
 text-decoration:none;
 }
/*===========フッターメニュー===========*/

div#footer ul#footermenu {
	text-align:	center;
	padding-top:	1em;
	font-size: 0.6em;
	
}

div#footer ul#footermenu a{
	text-decoration:	underline;
}
div#footer ul#footermenu li{
	margin-left:0.2em;
	display:	inline;
	
}	



/*==============基本設定==============*/

a {
   color:#31001D;
   text-decoration:	none;
}



a:link{text-decoration:underline;
}   


div#main a:hover {
   color:#31001D;
   border:0;
  text-decoration:underline;
}

h2 {
   margin:	0.5em 0 1em 0.3em;
   color:#31001D;
   font-size:0.94em;
   font-weight:bold;
   line-height:1.4;
  
}

h2.ptitle{
	margin:0;
}
h3 {
   margin:1em;
   font-size:1em;
}
	

	h3 ul{
	 margin:5px;
	 }

h4 {
	
   margin:3px;
   margin-left:3em;
   font-size:0.8em;
   line-height:1.4;
}
h4 p{
	margin-left:5em;
}

h5 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}
h6 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}

p{
   margin:1em 10px 1em 1em;
   padding-left:1em;
   font-size:0.75em;
   line-height:1.4;
}

em{
font-style:normal;
font-size:1.2em;
font-weight:bold;
}

	
ul,
ol	{
   margin-left:5em;
   margin-bottom:1em;
   font-size:0.8em;
   line-height:	1.3;
   line-style-position:	inside;
}

ol li{
	padding-bottom:1em;
	}



dl{
   margin-left:2em;
   font-size:0.8em;
   line-height:	1.3;
   line-style-position:	inside;
}
dt{
	font-weight:bold;
	}

li li,
li p,
li dt,
li dd
dd li,
td li{
	font-size: 100%;
	}

h3 ul a{
	 text-decoration:	underline;
}

ul ul {
	 margin-left:	2em;
	 font-size:	1em;
 }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

.right{
	float:right
	}

/*==========index==========*/


div#mainindex {
   
   width:785px;
   margin:5px 0  ;
   padding-left:10px;
}

div#mainindex h2 {
   margin:	0;
   padding:0;
   color:#31001D;
   }
   
div#mainindex h2.service {
   margin:	0 0 2px 0;
   padding-left:0.5em;
   color:#31001D;
   font-size:0.94em;
   font-weight:bold;
   border-left:4px solid;
   }

div#mainindex li.date{
	margin:	0.5em;
	list-style-type:	none;
	font-weight:		bold;
	
}

div#mainindex li.t_summary{
	list-style-type:	none;
	padding:0.7em 0 0.5em;
	border-bottom: 1px dashed;
}

div#mainindex li.t_summary a{
	text-decoration:underline;
}

	
ul#topics｛
}

div#hoge{

width:760px;

}
div.index_service{
	float:left;
	width:500px;
}


	dl.m_index{
		margin:0;
		padding:0;
		float:	left;
		width:	250px;
		font-size:0.75em;
	}

	dl.s_index{
		margin:0;
		padding:0;
		float:	right;
		width:	250px;
		font-size:0.75em;
	}

div.index_service ul{
	list-style-type:none;
	
	}

div.index_service ul li{
	float:left;
	width:250px;

	}

div.index_eco{
	float:right;
	width:250px;
   padding-right:10px;
}

div.index_eco ul{
	margin:0;
	padding:1em 1em 0em 1.8em;
	font-size:0.6em;
	text-decoration:underline;
	list-style-type:none;
	list-style-image: url(images/eco_arow.png);
	}

div.tc{
width:790px;

}

div#topics{
	float:left;
	width:480px;
	hight:200px;
	font-size:0.6em;
	margin-top:30px;
/*	margin-right:40px;*/
    overflow:auto;
}
div#topics ul{
	margin-top:10px;
	margin-left:10px;
	padding: 0 0 0  2em ;
	background: #F4F5FD;
	font-size:0.5em;
	}




li.t_summary{
	margin:0;
	font-size:0.6em;
	papadding:0 0 0 3em;
	
	}
	
li.t_summary a,
li.t_summary p{
	margin:0;
	padding:0 0 0 1.6em;
	background: url(images/topics_arow.png) no-repeat 0px 5px ;
	}	
	
	
div#contacuts{
	float:right;
	width250;
	margin-left:10px;
	margin-top:30px;
	margin-right:20px;
	display:inline;

	 
	
	}
	
	.clear{
	clear:both;
	}


	

dl.contact {
	margin-top:10px;
	margin-left:10px;
	padding-top:25px;
	padding-left:5px;
	padding-bottom:5px;
	font-size:0.7em;
	border-bottom :solid 1px;
	border-left :solid 1px;
	background: #FFF4F5;
	line-height:1.8;
	
	
}
dl.contact dt {

    float: left;
	margin: 0;
	width:4em;
	
	
}
	
dl.contact dd {
   
    margin-left:5em;
    border-bottom:solid 1px  #eee
	color: #999;
	
	
}	
	/*==========index　end==========*/
	
	
	/*=========privacy============*/
	h3.privacy{
	margin-top:	20px;
	margin-bottom:	20px;
	line-height:	1;
	border-bottom:	1px solid;
	}
	
	h3.privacy p{
	line-height:	1.6;
	}

/*=========index_END=========*/

/*==========company=========*/

div.main_com {
      
}	

 /*----------会社概要---------*/
 h3.companytitle{
  width:250px;
  margin-left:	5px;
  border-left: 5px solid #318FFC;
  border-bottom: 1px solid #318FFC;
  padding-left:	5px;  
  margin-top:	10px;

 
 }
 
 h3.companytitle p{
 	margin:0;
 	padding:0;	
  }
 
.c_name{
	font-size:1.3em;
}
 
 div.session1{
 width:600px;
  background-image:url(images/c_honsya.png) ;
  background-position:right center ;
  background-repeat:no-repeat;
 }
 
  div.session2{
  width:600px;
  background-image:url(images/c_nihonnmatu.png) ;
  background-position:right center ;
  background-repeat:no-repeat;
 }
 
  div.session3{
  width:600px;
  background-image:url(images/iwasiro_obama.png) ;
  background-position:right center ;
  background-repeat:no-repeat;
 }
ul#group ,
ul#torihiki{ 
	 margin-left:2em;
	 padding-bottom:2px;	
	 list-style-image: url(images/c_arrow1.png);
	 list-style-type:none;
}

ul#group li ,
ul#torihiki li{
	border-bottom:dashed 1px #eee;
	}

li.groups { 
	 margin:0px;
	 padding-bottom:2px;	
	 list-style-image: url(images/c_arrow2.png);
	 list-style-type:none;
}

/*ie向け なぜかこれ入れないと入れ子のリストがすべてオレンジに*/
.group2  { 
	 margin:0px;
	 padding-bottom:2px;	
	 list-style-image: url(images/c_arrow1.png);
	 list-style-type:none;
}


ul#group a{
	padding-left:4em;
	text-decoration:underline;
	
}

 
/* Table
---------------*/
div.main_com table {
	margin: 1em 0;
	background-color: #fff;
	font-size:0.7em;
	text-aligin:center;
	width:300px;
}


div.main_comc aption {
	padding-bottom: 0.3em;
}

div.main_com th,
			td {
	padding: 0.3em 10px;
	border-collapse: collapse;
	
}

div.main_com th {
	border-bottom: 1px dashed #80B3FF;
	color: #333;
	text-align:left;
	/*background-color: #80B3FF;*/
	  
}

div.main_com td {
	border-bottom: 1px solid #eee;
	padding-left:	2em;
	text-align:left;
	white-space: nowrap;

}		

div.main_com td.tdtitle{
	text-align:	left;
		}

/*=========沿革=========*/
div.com_h{
}

/* Table
---------------*/
div.com_h table{
	margin: 1em 0;
	
	background-color: #fff;
	font-size:0.75em;
	text-aligin:center;
	width:600px;
}


div.com_h th,
div.com_h td{
	padding: 0.3em 10px;
	border-collapse: separate;
	border-spacing: 1px;
}

div.com_h th {
	border-right: 1px solid #ddd;
	color: #333;
	background-color: #f5f5f5;
}

div.com_h td {

	border-top: 1px solid #eee;
	vertical-align:top;
}

div.com_h td.tdtitle{
	font-weight:bold;
	background-color:#eef;
} 

div.com_h td.tdtitlem{
	font-weight:bold;
	background-color:#eef;
}	


/*アクセス*/

dl.acess {
	margin-bottom:2em;
	border-bottom:solid 1px;
	}

dl.acess dt{
	margin-bottom:1em;
	}	

/*==============事業内容================*/  

div#soft{
padding:5px;
margin-left:25px;
width:500px;
border-bottom:solid 1px ;
}

div#mau{
padding:5px;
margin-left:25px;
width:500px;

}

.float{
float:left;
}


p.float {
float:left;
padding-right :20px;
}
 
.b_summry{

	margin-left:200px;
	border-style: solid 1px;
	
	}
	
p.b_summry ul{
	padding:0px;
	margin-left:200px;
	border-style: solid 1px;
	
	}
	
	
.imgcenter{
text-align:center;
padding:5px;
}

div#mau a.man1{
	margin-top:5px;
	margin-left:180px;
    display: block;
    width:232px;
    height :41px;
	background: url(images/bus_man_1.png) no-repeat;
	text-indent: -400000px;
	}

div#mau a.man1:hover {
    margin-top:5px;
	background-position: 0 -44.5px;


	}
	
div#mau a.man2{
	margin-top:5px;
	margin-left:180px;
    display: block;
    width:232px;
    height : 41px;
	background: url(images/bus_man_2.png) no-repeat;
	text-indent: -400000px;
	}

div#mau a.man2:hover {
    margin-top:5px;
	background-position: 0 -44.5px;	
	}
	
	div#mau a.man3{
	margin-top:5px;
	margin-left:180px;
    display: block;
    width:232px;
    height : 41px;
	background: url(images/bus_man_3.png) no-repeat;
	text-indent: -400000px;
	}

div#mau a.man3:hover {
    margin-top:5px;
	background-position: 0 -44.5px;
	}
	
	div#soft a.soft{
	margin-top:0px;
	margin-left:180px;
    display: block;
    width:232px;
    height : 41px;
	background: url(images/bus_soft_on1.png) no-repeat;
	text-indent: -400000px;
	}
	
div#soft a.soft:hover {
	background-position: 0 -44.5px;
	}

	div#soft a.roid{
	margin-top:0px;
	margin-left:180px;
    display: block;
    width:232px;
    height : 41px;
	background: url(images/bus_android_onoff.png) no-repeat;
	text-indent: -400000px;
	}
	
div#soft a.roid:hover {
	background-position: 0 -44px;
	}




ul.bus li{
 
 list-style-type:none;
 list-style-image: url(images/c_arrow2.png);
}


ul.m_list li { 
	 margin:0px;
	 padding-bottom:px;	
	 list-style-image: url(images/c_arrow2.png);
	 list-style-type:none;
}

div.table{
	padding:0 0 50px 0;
	text-align:center	
	}

table.soft{
    border-top:1px solid #0000FF;
    border-left:1px solid #0000FF;
    border-right:1px solid #0000FF;
    border-bottom:1px solid #0000FF;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size:0.8em;
    margin:0 0 0 20px;
    width:560px;    
}
.soft th{
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
    color:#fff;
    background-color:#0000FF;
    
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.soft td{
    border-right:1px solid #0000FF;
    border-bottom:1px solid #0000FF;
    padding:0.3em 0.5em;
    text-align:left;
}

.soft .odd	{
	background: #E5F2F8;
}

table.role {
	margin-left:3em;
	margin-right:3em;
	font-size:0.8em;
}

table.role td {
   
    margin-left:8.4em;
    padding-left:1em;
    border-bottom:dashed 2px  #eee;
   
}


/*====
table.role td.role {

    
	margin-right: 5px;
	width:5em;
	padding-left:1em;
	border-bottom:solid 2px;
	border-right:solid 2px;
	font-size:1em;
    background: url(images/th_10.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
}






==*/


/*===SMT===*/
dl.smt {
	margin-left:3em;
	margin-right:10em;
	font-size:0.7em;

}

dl.smt dt {

    float: left;
	margin-right: 5px;
	width:12em;
	padding-left:1em;
	border-right :solid 1px ;
	border-bottom:solid 1px;
	
	
}
	
dl.smt dd {
   
    margin-left:8.4em;
    padding-left:1em;
    border-bottom:dashed 2px  #eee;
}


/*===CCFL===*/
div#kaze{
   
    text-align: left;
    margin: 0  0  0 25px;
    padding:0px;
	width: 530px;
	border:solid 1px;
	font-size:1em;
		}
ul.ccfl li{
	font-weight: bold;
	 list-style-image: url(images/c_arrow1.png);
	 list-style-type:none;
}

.lighter{
font-weight: lighter;
}

.floatright{
	width :176px;
	height:250px;
	float:	left;
}

.floatright p{
margin:0;
padding:0;
}

.cleat{
clear:both;
}

.floatright p.merit{
  background: url(images/merit/ccflMerit_rect.png) no-repeat;
  height:90px;
  width:176px;
  padding :15px;
  padding-right:20px;
 
}

div.merit{
	margin-left:50px;
}


div.seihin p{
margin:0;
padding:0;
float:left;
}



.cleat{
clear:both;
}

div.seihin{
	margin-left:40px;
	width :500px;
	padding-bottom:50px;


}
div.seihin img{
	margin-left:40px;
	float:left;
}

ul.com_list li { 
	 margin:0px;
	 padding-bottom:px;	
	 list-style-image: url(images/c_arrow3.png);
	 list-style-type:none;
	 text-decoration:underline;
}

ul.seihin,ul.seihin2 { 
	 margin-top:10px;
	 margin-left:270px;;
	 padding-top:70px;
	 
	 }

ul.seihin li { 
	 margin:0px;
	 padding-bottom:px;	
	 list-style-image: url(images/c_arrow4.png);
	 list-style-type:none;
}

ul.seihin2 li { 
	 margin-left:5px;
	 
	 list-style-image: url(images/c_arrow4.png);
	 list-style-type:none;
}

 p.contact{
 margin:0;
 padding:0;
 }
 
 p.contact2{
 margin-bottom:10px;
 
 }
 
 div.sitiran{
 width:530px;
 margin-top:0px;
 margin-left:50px;
 margin-bottom:15px;
 font-size:0.9em; 
  }
 
 

   p.contact a{
    display: block;
    height : 200px;
    width:158px;
	background: url(images/contact.png) no-repeat top;
	text-indent: -400000px;
	}

  p.contact a:hover {
	background-position: 0 -200px;
	}
   a.contact2 {
    display: block;
    height : 200px;
    width:550px;
	background: url(images/contact2.png) no-repeat top;
	text-indent: -400000px;
	}

  a.contact2:hover {
	background-position: 0 -200px;
	}
	
	p.compare{
	margin-left:40px;
	}
	
	h5{
	font-size:1em;
	padding-left :0.5em;
	border-left:solid 5px #000080 ;
	border-bottom:solid 2px #000080 ;
	margin-left:40px;
	}
	
	
	/*==table==*/
	
	table#media {
    width: 500px;
    margin :15px 20px 20px 30px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.7em;
}



table#media th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 1px 1px 0;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table#media td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 1px 1px 0;
    text-align: left;
    font-weight: normal;
}

/*==CCFLメディア掲載==*/

div.ccfl_media h3{
	border-bottom: 5px #999999 solid;
}

/*===環境・品質===*/
.eco{
}

.ecomain{
	margin-left:10px;
	width:790px;
}	

h3.e_h3{
	border-left:solid 5px #15AA1C ;
	color: #15AA1C;
	padding-left:1.5em;
}

div.ecokatudou{
	width:500px;
	}

h3#eco h4{
border-left:solid 5px #15AA1C ;
	color: #15AA1C;
	padding-left:1.5em;
}

div.eco li{
pading-bottom:1em;
line-height:1em;
}


dl.ecodl {
	margin-left:3em;
	margin-right:10em;
	font-size:0.7em;

}

dl.ecodl dt {

    float: left;
	margin-right: 5px;
	width:12em;
	padding-left:1em;
	border-right :solid 1px ;
	border-bottom:solid 1px;
	
	
}
	
dl.ecodl dd {
   
    margin-left:8.4em;
    padding-left:1em;
    border-bottom:dashed 2px  #eee;
}

dl.ecodl li {
    list-style-type:none;
	margin-left: 10em;
	
	
	}
dl.ecodl li.r {
    list-style-type:none;
	margin: 0 0 0 2em;
	padding: 0.3em 1em;
	color: #999;
	text-align:center; 
}

/*==========採用情報===========*/

h3.r_h3{
	border-left:solid 5px #ffff19 ;
	padding-left:1em;
	margin-top:1em;
}

h4.recruit{
	border-left:solid 5px #ffff19 ;
	padding-left:0.5em;
}

* Table
---------------*/


div.recruit table {
	margin: 1em 0;
	background-color: #fff;
	font-size:0.7em;
	text-aligin:center;
	width:300px;
}


div.recruitc aption {
	padding-bottom: 0.3em;
}

div.recruit th,
			td {
	padding: 0.3em 10px;
	border-collapse: collapse;
	
}

div.recruit th {
	border-bottom: 1px dashed #80B3FF;
	color: #333;
	text-align:left;
	/*background-color: #80B3FF;*/
	  
}

div.recruit td {
	border-bottom: 1px solid #eee;
	padding-left:	2em;
	text-align:left;
	white-space: nowrap;

}		

div.recruit td.tdtitle{
	text-align:	left;
		}

img#map{
	padding-top: 30px;
}

/*======問い合わせ=======*/
a#ccfl_contact {
	display: block;
    width: 500px;
	height: 100px;
	background: url("images/ccfl_contact.png") no-repeat top left;
	text-indent: -400000px;
}

a#ccfl_contact:hover {
	background-position: 0 -100px;
}

a#other_contact {
	display: block;
    width: 500px;
	height: 100px;
	background: url("images/contact_other.png") no-repeat top left;
	text-indent: -400000px;
}

a#other_contact:hover {
	background-position: 0 -100px;
}
	
/*======android=======*/

div.android {
  width: 650px;
  border: solid  1px #000000;
}

/* Table
---------------*/
.android table {
  margin: 1em 0;
  background-color: #eee;
  font-size: 0.7em;
  text-aligin: center;
  width: 150px;
  height: 100px;
}

.android aption {
  padding-bottom: 0.3em;
}

.android th,
td {
  padding: 0.3em 10px;
  border-collapse: collapse;
}

.android th {
  border-bottom: 1px solid #000;
  color: #333;
  text-align: left;
  /*background-color: #80B3FF;*/
}

.android td {
  border-bottom: 1px solid #fff;
  padding-left: 2em;
  text-align: left;
  white-space: nowrap;
}

.android td.tdtitle {
  text-align: left;
  font-style: bold;
}

.android p.icon {
  float: left;
  width: 160px;
}

p.credit {
  width: 400px;
  padding-top: 5px;
}

p.release note {
  margin-top: 5px;
}

	p.demo  {
			margin-bottom:15px;
			padding:0;
			background:url(images/negaeri_demo.png) no-repeat 0px 0px;
	}
	
	p.demo a{
	margin-left:5px;
	margin-bottom:50px;
	}
p.demo  a:hover{
	filter: alpha(opacity=0);
	opacity: 0.0;
	}
	
h4.android{
	margin-left:20px;
	width:300px;
	font-size:1.1em;
	border-bottom:dashed 2px #15AA1C ;
	color: #15AA1C;
	}

h4.android img{
margin:0 5px -10px 0;


}	

.devlopstory{
	margin:30px; 20px; 50px; 20px; 
	float:	left;
}


#devlopstory {
			margin-top: 25px;
			margin-bottom:25px;
			width: 500px;
			height:300px;
		}
			#devlopstory ul {
				list-style: none;
			}
				#devlopstory ul li {
					float: left;
					margin: 20px;
				}
					#devlopstoryr ul li img {
						border: none;
					}
 
					#devlopstory ul li a {
						display: block;
					}
 
					#devlopstory ul li a:hover {
						position: relative;
					}
 
					#devlopstory ul li a .mainImage {
						display: none;
					}
 
					#devlopstory ul li a:hover .mainImage {
						display: block;
						position: absolute;
						top: -9px;
						left: -9px;
					}
					
.devlopstory2{
	margin:30px; 20px; 50px; 20px; 
	float:	left;
}


#devlopstory2 {
	margin-top: 25px;
	margin-bottom:25px;
	width: 600px;
	height:300px;
	}
#devlopstory2 ul {
	list-style: none;
	}
#devlopstory2 ul li {
	float: left;
	margin: 20px;
	}
#devlopstory2 ul li img {
	border: none;
}

#devlopstory2 ul li a {
	display: block;
}

#devlopstory2 ul li a:hover {
	position: relative;
}

#devlopstory2 ul li a .mainImage {
	display: none;
}
 
#devlopstory2 ul li.story1 a:hover .mainImage {
	display: block;
	position: absolute;
	top: -324px;
	left: -70px;
}

#devlopstory2 ul li.story2 a:hover .mainImage {
	display: block;
	position: absolute;
	top: -324px;
	left: -125px;
}

#devlopstory2 ul li.story3 a:hover .mainImage {
	display: block;
	position: absolute;
	top: -324px;
	left: -177px;
}

#devlopstory2 ul li.story4 a:hover .mainImage {
	display: block;
	position: absolute;
	top: -324px;
	left: -230px;
}

.devlopstory3{
	width:450px;
	height:350px;
	float:left;
	
}


#devlopstory3 {
	margin-left: 20px;
	margin-bottom:25px;
	width: 600px;
	height:350px;
	background:url(images/negaeri/devstory_hback1.png) no-repeat 0px 0px;
	}
#devlopstory3 ul {
	
	list-style: none;
	}
#devlopstory3 ul li {
	padding-top:30px;
	}
#devlopstory3 ul li img {
	border: none;
}

#devlopstory3 ul li a {
	display: block;
}

#devlopstory3 ul li a:hover {
	position: relative;
}

#devlopstory3 ul li a .mainImage {
	display: none;
}
 
#devlopstory3 ul li.story1  a:hover .mainImage {
	display: block;
	position: absolute;
	top: -7px;
	left:-55px;
}

#devlopstory3 ul li.story2  a:hover .mainImage {
	display: block;
	position: absolute;
	top: -88px;
	left: -55px;
}

#devlopstory3 ul li.story3  a:hover .mainImage {
	display: block;
	position: absolute;
	top: -165px;
	left: -55px;
}

#devlopstory3 ul li.story4  a:hover .mainImage {
	display: block;
	position: absolute;
	top: -245px;
	left: -55px;
}

.story_main{
	clear:both;
	margin:15px 100px 0 50px;
}

#negaeri_eye{
	margin-left:30px;
	width:550px;
	heigth:300px;
	background:url(images/negaeri/android_eye.png) no-repeat 0px 0px;
}


.n_icon{
	padding-top:120px;
	left:0px;
}

div#s_close{
	display:none;
	padding-bottom:10px;
	position: fixed;  
	right: 0;  
	top: 0;  
	height:50px;
	width:100%;
	background: transparent url(images/negaeri/bgSlide.png) repeat top left;
}
#s_close p{
color: #fff;
text-align:right;
font-size:1em;
}

#s_close p img{
padding-left:5px;
}



h3.nagaeri_midasi{
	border-left:solid 5px #15AA1C ;
	border-bottom:solid 1px #15AA1C ;
	color: #15AA1C;
	padding-left:1.5em;
}

#movesyuri{
	z-index:1; 
	position: absolute;
	left: 238px;
	top: 980px; 
	display:none;
}
	}