@charset "utf-8";

html{
overflow-y:scroll;
}

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

a{
text-decoration:none;
overflow: hidden;
}

a:link{
color:#17469a;
text-decoration:none;
}
a:visited{
color:#17469a;
}
a:hover{
color:#ff6d00;
}

a:hover img{
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

a:active{
color:#000;
}

ul {
	list-style: none;
}


/*------------------------------------------------
   class
------------------------------------------------*/
.listStyle {
	margin-left: 20px;
	list-style: disc;
}


/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
background:#f5f4ea;
}

body{
width:100%;
height:100%;
font-size:80%;
color: #4d4d4d;
line-height:1.8;
text-align:left;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",helvetica, sans-serif;
background:url(../images/contents_base.jpg) center top no-repeat ;

}

#wrap{

width:930px;

margin:0 auto;
text-align:center;

position: relative;       
}


#main_contents{
width:613px;
float:left; 

}
#side_contents{
width:235px;
float:right; 

}
#wrap #main_contents{
padding: 14px 10px 10px 7px;  

}

#countrydivcontainer{
padding:  25px 15px;  
}

/*------------------------------------------------
   コンテンツパーツ（角丸、チェックポイント、事例
------------------------------------------------*/
.lead_title{

background:url(../images/w_u.gif) left bottom no-repeat ;	
}
.lead_title h3 {
 background:url(../images/w_t.gif) no-repeat; 
padding:3px 5px 3px 8px;
font-size:1em;
color:#FFF;
}

.cheak_point {
width:535px;
margin:15px auto;
background:url(../images/p_u.gif) left bottom no-repeat ;	
}
.cheak_point h4{
 background:url(../images/p_t.gif) no-repeat; 
padding:3px 5px 3px 8px;
font-size:1em;
color:#FFF;
}

.cheak_point ul{
padding:7px 10px;
list-style: none;
}
.cheak_point li{

line-height:2em;
height:2em;
background:url(../images/check.gif) left center no-repeat ;
text-indent:20px;
}
.ex{
padding:15px 10px;
margin:0 0 10px 0;
}
.ex_left{
float:left;
width:130px;
background:url(../images/ex.gif) left bottom no-repeat ;
color:#0079de;
}
.ex_right{
float:right;
width:400px;
padding:0 0 10px 0;
}
 /* float */
.mar:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.mar{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .mar{
height:1%;
}
.mar{
display:block;
}

.for_ex{
border:1px solid #c1c1c1;
padding:10px;
}
.for_ex h5{
 border-bottom:1px dotted #c1c1c1;
font-size:1em;
color:#d0001a;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
.img_center{
margin:10px auto;
text-align:center;
}
.img_title{
margin:0 0 10px 0;
}
#tugline{
	width:280px;
	height:28px;
	text-indent: -9999px;
	float:right;
	background:url(../images/main_copy.gif) no-repeat 0 10px; 
}

#main_contents p{
padding:  10px 0;  
}

.text_link a{
line-height:27px;
height: 27px;
padding: 0 0 0 10px;
background:url(../images/link.gif) no-repeat;  
}


/* ナビ
---------------------------------------------------- */
#gnavigation {
height: 110px;
clear:both;
text-align:left;
background: url(../images/contents_button.gif) no-repeat;
 position:static;
}

#gnavigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#gnavigation li {
	margin: 0;
	padding: 0;
	height: 71px;
	text-indent: -9999px;
	position:absolute;
}
#gnavigation li a,#gnavigation strong {

  text-decoration: none;	
  display: block;
height: 71px;
}

#gnavigation h1 {

position:relative;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
   height: 71px;
  clear:none;
}
#gnavigation h1 a {
  text-decoration: none;	
  display: block;
 height: 71px;
}
#gnavigation h1#home      {
 left:27px;
 top:20px;
 width:202px;
}

#gnavigation li#b01      {
 left:255px;
 top:-51px;
 width:128px;
}

#gnavigation li#b02     {
 left:395px;
 top:-51px;
 width:159px;
}
#gnavigation li#b03      {
 left:564px;
 top:-51px;
 width:169px;
}
#gnavigation li#b04     {
 left:742px;
 top:-51px;
 width:142px;
}
#gnavigation h1#home a:hover    {
background: url(../images/contents_button.gif) no-repeat -27px -130px;

}


#gnavigation li#b01 a:hover  ,#gnavigation li#b01 strong   {
background: url(../images/contents_button.gif) no-repeat -255px -130px;
}
#gnavigation li#b02 a:hover  ,#gnavigation li#b02 strong   {
background: url(../images/contents_button.gif) no-repeat -395px -130px;
}
#gnavigation li#b03 a:hover  ,#gnavigation li#b03 strong   {
background: url(../images/contents_button.gif) no-repeat -564px -130px;
}
#gnavigation li#b04 a:hover  ,#gnavigation li#b04 strong   {
background: url(../images/contents_button.gif) no-repeat -742px -130px;
}


#contents{
padding:15px 30px;
text-align:left;
background: url(../images/contents_base_.gif) no-repeat;
}

#contents2{
padding:15px 30px;
text-align:left;
background: url(../images/contents_base_se2.gif) no-repeat;
}

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

#ftr{
height:69px;
background-color: #011642;
}


#ft_base{

margin:0 auto;
width:900px;
padding:15px 0;
color:#FFF;
 position:static;
}
#ft_l{
float:left;
width:800px;
font-size:0.8em;
letter-spacing:1px;
}
#ft_l a {
color:#FFF;
 
}
#ft_l a:hover {
color:#0079de;
 
}
#ft_r{
float:right;
width:65px;
height:15px;
display:block;
 background: url(../images/page_top.gif) no-repeat;
 text-indent: -9999px;
}
#ft_copy  {
height:25px;
 background: url(../images/copyright.gif) no-repeat 0 10px;
 text-indent:-9999px;
}
#ft_base ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}

#ft_r a {
color:#FFF;
  text-decoration: none;	
  display: block;
 height:15px;
}



#ft_r  a:hover {
background: url(../images/page_top.gif) no-repeat 0 -50px;
}

/*------------------------------------------------
   title
------------------------------------------------*
/* 製品 */

#title_products  {
height:35px;
 background: url(../images/title_product.gif) no-repeat;
 text-indent:-9999px;
}

h2#title_products  {
margin:27px 35px;
padding:0;
line-height:0;
font-size:0;
}
#navi_products  {
height:63px;
 background: url(../images/n_products.gif) no-repeat;
 text-indent:-9999px;
}
#p_navi {
color:#000000;
font-size:85%;
line-height:1.3;
border-bottom:#999999 solid 1px;
padding-bottom:5px;
}
#p_navi_link {
color:#000000;

line-height:1.3;
letter-spacing:1px;
border-bottom:#000000 solid 1px;
padding-bottom:5px;
}

/* ソリューション */
#title_solution  {
 	height: 35px;
 	background: url(../images/title_solution.gif) no-repeat;
 	text-indent: -9999px;
}

h2#title_solution  {
	margin: 27px 35px;
	padding: 0;
	line-height: 0;
	font-size: 0;
}


/* 導入事例 */
#title_case {
	height: 89px;
	background: url(../images/title_case.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}

#navi_case {
	height: 63px;
	background: url(../images/n_case.gif) left top no-repeat;
	text-indent: -10000em;
}

body#cases #navi_case {
	margin-bottom: 20px;
}

/* 会社概要 */
#title_company {
	height: 89px;
	background: url(../images/title_company.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}

#navi_company {
	height: 63px;
	background: url(../images/n_company.gif) left top no-repeat;
	text-indent: -10000em;
}


/* お問い合わせ */
#title_contact {
	height: 89px;
	background: url(../images/title_contact.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}


/* NEWS一覧 */
#title_news {
	height: 89px;
	background: url(../images/title_news.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}


/* EVENT一覧 */
#title_event {
	height: 89px;
	background: url(../images/title_event.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}
/* EVENT一覧 */
#title_event_d {
	height: 89px;
	background: url(../images/title_event_d.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}
/* NEWS一覧 */
#title_news_d {
	height: 89px;
	background: url(../images/title_news_d.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}


/* プライバシーポリシー・セキュリティポリシー*/
#title_privacy {
	height: 89px;
	background: url(../images/title_privacy.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}


/* サイトマップ */
#title_sitemap {
	height: 89px;
	background: url(../images/title_sitemap.gif) 35px 27px no-repeat;
	text-indent: -10000em;
}

#navi_sitemap {
	height: 63px;
	background: url(../images/n_sitemap.gif) left top no-repeat;
	text-indent: -10000em;
}

body#sitemap #navi_sitemap {
	margin-bottom: 20px;
}







/* ナビ
---------------------------------------------------- */
#banner {
margin:0 0 0 10px;
height: 230px;
clear:both;
text-align:left;
background: url(../images/banner.gif) no-repeat;
 position:static;
}

/* NEWS一覧
-------------------------------*/
body#news #banner {
	height: 184px;
	background: url(../images/bannerNews.gif) left top no-repeat;
}
/* NEWS一覧
-------------------------------*/

/* EVENT一覧
-------------------------------*/
body#event #banner {
	height: 185px;
	background: url(../images/bannerEvent.gif) left top no-repeat;
}
/* EVENT一覧
-------------------------------*/

/*
リンク画像のみのページにのみ
<body class="linkImgOnly">として
スタイルする。
-------------------------------*/
body.linkImgOnly #banner {
	margin-top: 39px;
}


#banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#banner li {
	margin: 0;
	padding: 0;
	width: 220px;
	text-indent: -9999px;
	position:absolute;
}
#banner li a,#banner strong {

  text-decoration: none;	
  display: block;
width: 220px;
}


#banner li#ad01 ,#banner li#ad01 a     {
 left:0;
 top:0;
 height:36px;
}

#banner li#ad02 ,#banner li#ad02 a    {
 left:0;
 top:44px;
 height:36px;
}
#banner li#ad03  ,#banner li#ad03 a    {
 left:0;
 top:87px;
 height:141px;
}

/* NEWS一覧
-------------------------------*/
body#news #banner li#ad02, body#news #banner li#ad02 a    {
 left:0;
 top:0;
 height:36px;
}

body#news #banner li#ad03, body#news #banner li#ad03 a    {
 left:0;
 top:44px;
 height:141px;
}
/* NEWS一覧
-------------------------------*/

/* EVENT一覧
-------------------------------*/
body#event #banner li#ad03, body#event #banner li#ad03 a    {
 left:0;
 top:44px;
 height:141px;
}
/* EVENT一覧
-------------------------------*/

#banner li#ad01 a:hover  ,#banner li#ad01 strong   {
 height:36px;
background: url(../images/banner.gif) no-repeat -300px 0;
}
#banner li#ad02 a:hover  ,#banner li#ad02 strong   {
 height:36px;
background: url(../images/banner.gif) no-repeat -300px -44px;
}
#banner li#ad03 a:hover  ,#banner li#ad03 strong   {
 height:141px;
background: url(../images/banner.gif) no-repeat -300px -87px;
}


/* NEWS一覧
-------------------------------*/
body#news #banner li#ad01 a:hover, body#news #banner li#ad01 strong   {
height:36px;
background: url(../images/bannerNews.gif) no-repeat -300px 0;
}

body#news #banner li#ad03 a:hover, body#news #banner li#ad03 strong   {
height:141px;
background: url(../images/bannerNews.gif) no-repeat -300px -44px;
}
/* NEWS一覧
-------------------------------*/

/* EVENT一覧
-------------------------------*/
body#event #banner li#ad02 a:hover, body#event #banner li#ad02 strong   {
height:36px;
background: url(../images/bannerEvent.gif) no-repeat -300px 0;
}

body#event #banner li#ad03 a:hover, body#event #banner li#ad03 strong   {
height:141px;
background: url(../images/bannerEvent.gif) no-repeat -300px -44px;
}
/* EVENT一覧
-------------------------------*/

/*------------------------------------------------
   Default
------------------------------------------------*

/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */