@charset "UTF-8";

/* top.css */ 
/*
========== TABLE of CONTENTS ==========

1:reset
2:clearfix
3:layout

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
  height:100%; 
  margin:0; 
  padding:0;
}

body {
  height:100%; 
  margin: 0;
  padding: 0;
  color: #303030;
  font-size: 84%;
  font-family:"ＭＳ Ｐゴシック",tahoma,Osaka,Arial,sans-serif;
  line-height:1.3em;
  background-color:#ffffff;
}

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

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-family:"ＭＳ Ｐゴシック",tahoma,Osaka,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,caption {
  text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

img,fieldset {
  border: 0;
  vertical-align:bottom;
}

/* Default Link Style */

a,a:link,a:active,a:visited {
  color: #b2017e;
  text-decoration: underline;
  outline: none;
  overflow:hidden;
}

a:hover,a:focus {
  color: #03a5e1;
  text-decoration: underline;
  outline: none;
  overflow:hidden;
}


a img {
  border: 0;
  vertical-align:bottom;
  outline: none;
  overflow:hidden;
}

/* ---------  2:clearfix --------- */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

/* ---------- 3:layout  ---------- */

#wrapper {
  width: 100%;
  height: 100%;
  background:url(../images/wrapper_bk.jpg) repeat-x top;
}

/*=========================

  header

=========================*/

#header {
  width:940px;
  height:90px;
  margin:0 auto;
  padding-top:13px;
  display:block;
}

#header h1 {
  float:left;
  width:401px;
  height:48px;
  overflow:hidden;
  text-indent:-9999px;
  background:url(../images/header_logo.jpg) no-repeat;
  margin:0 0 0 6px;
  padding:0;
  display: inline;
}

#num_invoice h2 {
  float:right;
  padding:0;
  margin-top:8px;
  margin-right:15px;
  font-Size:100%;
}

/*---------------------------
  Primary Navigation
---------------------------*/

#primaryNavi {
	width:368px;
	height:25px;
	float:right;
	margin:0;
	display: inline;
}

#primaryNavi li{
  float:left;

}

#primaryNavi li#pnv_sitemap a{
  width:103px;
  height:25px;
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  background:url(../images/primarynv_sitemap.jpg) no-repeat top;
}

#primaryNavi li#pnv_sitemap a:hover {
 background: url(../images/primarynv_sitemap_on.jpg) no-repeat top;
}

#primaryNavi li#pnv_inquiry a{
  width:105px;
  height:25px;
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  background: url(../images/primarynv_inquiry.jpg) no-repeat top;
}

#primaryNavi li#pnv_inquiry a:hover {
  background: url(../images/primarynv_inquiry_on.jpg) no-repeat top;
}

#primaryNavi li#pnv_fontsize{
  width:76px;
  height:25px;
  text-indent:-9999px;
  background: url(../images/primarynv_fontsize_ttl.jpg) no-repeat left top;
}

#primaryNavi li#pnv_fontsize_btn{
  width:79px;
  height:25px;
}


ul#primaryNavi li#pnv_fontsize_btn ul {
  margin: 0;
  padding: 0;
  width:79px;
  height:25px;
  line-height:1px;
}

ul#primaryNavi li#pnv_fontsize_btn ul li#fontSize {
  margin: -25px 0 0 0;
  padding: 0;
}

/*---------------------------
  Global Navigation
---------------------------*/

#globalNavi{
  width:920px;
  height:29px;
  margin:0 auto;
  padding-top:13px;
  display: block;
  clear: both;
}

#globalNavi li{
  float:left;
  display: inline;
  text-indent:-9999px;
  overflow:hidden;
  list-style-position:outside;
}

#globalNavi li#gnv_home a{
  width:128px;
  height:29px;
  display:block;
  background:url(../images/globalnv_home.jpg) no-repeat;
}

#globalNavi li#gnv_home a:hover {
  background:url(../images/globalnv_home_on.jpg) no-repeat;
}

/*フォーカスされているページ*/
#globalNavi li#gnv_home_none{
  width:128px;
  height:29px;
  margin:0;
  padding:0;
  display:block;
  background:url(../images/globalnv_home_on.jpg) no-repeat bottom;
}

#globalNavi li#gnv_service a{
  width:130px;
  height:29px;
  display:block;
  background:url(../images/globalnv_service.jpg) no-repeat;
}

#globalNavi li#gnv_service a:hover {
  background:url(../images/globalnv_service_on.jpg) no-repeat;
}

#globalNavi li#gnv_office a{
  width:130px;
  height:29px;
  display:block;
  background:url(../images/globalnv_office.jpg) no-repeat;
}

#globalNavi li#gnv_office a:hover {
  background:url(../images/globalnv_office_on.jpg) no-repeat;
}

#globalNavi li#gnv_support a{
  width:130px;
  height:29px;
  display:block;
  background:url(../images/globalnv_support.jpg) no-repeat;
}

#globalNavi li#gnv_support a:hover {
  background:url(../images/globalnv_support_on.jpg) no-repeat;
}

#globalNavi li#gnv_news a{
  width:130px;
  height:29px;
  display:block;
  background:url(../images/globalnv_news.jpg) no-repeat;
}

#globalNavi li#gnv_news a:hover {
  background:url(../images/globalnv_news_on.jpg) no-repeat;
}

#globalNavi li#gnv_company a{
  width:130px;
  height:29px;
  display:block;
  background:url(../images/globalnv_company.jpg) no-repeat;
}

#globalNavi li#gnv_company a:hover {
  background:url(../images/globalnv_company_on.jpg) no-repeat;
}

#globalNavi li#gnv_recruit a{
  width:131px;
  height:29px;
  display:block;
  background:url(../images/globalnv_recruit.jpg) no-repeat;
}

#globalNavi li#gnv_recruit a:hover {
  background:url(../images/globalnv_recruit_on.jpg) no-repeat;
}


/*=========================

  Main Visual

=========================*/


#flash{
	margin:10px auto 0 auto;
	display:block;
	width:940px;
	height:250px;
}

/*=========================

  Main Contents
  
=========================*/

#mainContents {
  width: 940px;
  margin: 0 auto 30px auto;
  padding:10px 0 0 0 ;
}

/*-------------------------

::  contentsInner_left ::

-------------------------*/

#contentsInner_left{
	float:left;
	width:700px;
	}

/*---------------------------
  contentsEmergency
---------------------------*/

#contentsInner_left #contentsEmergency{
	width:700px;
	height:115px;
	margin-bottom:12px;
	}
	
/*---------------------------
  contentsTab
---------------------------*/

#contentsInner_left #containtsTab{
	width:700px;
	}
	
/*-------tab ui--------*/

#tabnavi{
	width:700px;
	height:31px;
	display:block;
	overflow:hidden;
	}
	
li{
  float:left;
  margin-right:1px;
}

#tabContainer{
	min-height:70px;
	background:url(../images/tab_bk.jpg) no-repeat bottom;
	clear:both;
	}

#tab_support{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px;
	min-height:70px;
	clear:both;
}

#tab_service{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px;
	clear:both;
}

#tab_office{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px;
	clear:both;
}

/*---tab_support---*/

#tab_support a.ttl{
	background:url(../images/icon_blue.jpg) no-repeat left;
	padding-left:17px;
}

#tab_support .newicon{
	margin-left:5px;
	vertical-align:middle;
}

#tab_support table{
	width:690px;
	vertical-align:top;
	height:auto;
	margin:10px 0 5px 0;
}

#tab_support tr{
	width:690px;
}

#tab_support th{
	width:33%;
	font-size:110%;
}

#tab_support th img{
	vertical-align:middle;
}

#tab_support a.ttl{
	background:url(../images/icon_blue.jpg) no-repeat left;
	padding-left:17px;
}




#td_tsuiseki{
	width:33%;
	vertical-align:top;
	background:url(../images/tab_thumb_tsuiseki.png) no-repeat left top;
	}
	
#td_tsuiseki p{
	margin:5px 15px 0 70px;
	}
	
#td_tsuiseki span.form_bottom{
	font-size:90%;
	color:#1b4494;
	padding-left:10px;
	}

#td_okurijyo{
	width:33%;
	vertical-align:top;
	background:url(../images/tab_thumb_okurijyo.png) no-repeat left top;
	}
	
#td_okurijyo p{
	margin:5px 10px 0 70px;
	}
	
#td_nissu{
	width:33%;
	vertical-align:top;
	background:url(../images/tab_thumb_nissu.png) no-repeat left top;
	}
	
#td_nissu p{
	margin:5px 10px 0 70px;
	}

/*---//tab_support---*/

/*---tab_service---*/

#tab_service table{
	width:690px;
	vertical-align:top;
	height:auto;
	margin:10px 0 5px 0;
}

#tab_service tr{
	width:690px;
}

#tab_service th{
	width:33%;
	font-size:110%;
}

#tab_service td{
	width:33%;
	vertical-align:top;
}

#tab_service p{
	width:210px;
	vertical-align:top;
	padding:5px;
}

#tab_service a.ttl{
	background:url(../images/icon_blue.jpg) no-repeat left;
	padding-left:17px;
}

.service_thumb{
	margin-bottom:7px;
	}

/*---//tab_service---*/

/*---tab_office---*/

#tab_office p{
	padding:10px;
	font-size:90%;
}

#tab_office img.thumb_office{
	padding:10px;
	float:left;
}

#tab_office a{
	background:url(../images/icon_blue.jpg) no-repeat left;
	padding-left:17px;
}

/*---//tab_office---*/

/*-------// tab uiおわり--------*/

/*---------------------------
  contentsNews
---------------------------*/

#contentsInner_left #contentsNews{
	width:700px;
	margin:12px 0 0 0;
	display:block;
	background:url(../images/top_ttlbar_news.jpg) no-repeat left top;
}

#contentsNews h2{
	width:600px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
	
}

#news_btn{
	width:88px;
	height:27px;
	float:right;
	margin:7px 11px 0 0;
	}

#news_btn a{
	width:88px;
	height:27px;
	background:url(../images/top_ttlbar_news_btn.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	}
	
#news_btn a:hover{
	background:url(../images/top_ttlbar_news_btn_on.jpg) no-repeat;
	}
	
#newsbox{
	width:700px;
	display:block;
	padding-top:5px;
	*margin-top:-15px;
	clear:both;
	}

#newsbox_head{
	margin:0;
	overflow:hidden;
	width:700px;
	height:5px;
	line-height:1px;
}


#newsbox_bottom{
	margin:0;
	vertical-align:top;
	overflow:hidden;
	width:700px;
	height:5px;
	line-height:1px;
}

#contentsNews dl {  
 width:678px;
 padding:10px;
 margin:0 auto;
 background-color:#f7f7f7;
 border-left:solid 1px #ccc;
 border-right:solid 1px #ccc;
}

#contentsNews dt {  
 float:left;  
 width:200px;  
 padding:7px 0 7px 7px; 
 background:url(../images/dots_670grey.jpg) no-repeat bottom;
 clear:both;
}

#contentsNews dt img{
	float:left;
	margin-right:10px;
}  

#contentsNews dd {  
 width:400px;  
 margin-left:200px;  
 padding:8px 7px 7px 7px; 
 background:url(../images/dots_670grey.jpg) no-repeat bottom;
 zoom: 1;
}

/*----
#contentsNews dd a{
  color:#431e07;
  text-decoration:none;
}

#contentsNews dd a:hover{
  color:#ee6500;
  text-decoration:underline;
}
----*/

/*---------------------------
  mainbottombnr
---------------------------*/

#mainbottombnr{
	margin-top:12px;
	*margin-top: 0px; /* for IE6,7  */
	}


/*-------------------------

::  contentsInner_right ::

-------------------------*/

#contentsInner_right{
	float:right;
	width:229px;
	}

/*---------------------------
  contentsInquiry
---------------------------*/

#contentsInner_right #contentsInquiry{
	width:229px;
	display:block;
}

#contentsInquiry h3{
	text-indent:-9999px;
	width:229px;
	height:31px;
	display:block;
	overflow:hidden;
	background:url(../images/ttlbar_inquiry.jpg) no-repeat;
}

#contentsInquiry p{
	margin:7px 10px;
	font-size:85%;
}

#contentsInquiry img{
	margin-left:10px;
}

/*---------------------------
  contentsPickup
---------------------------*/

#contentsInner_right #contentsPickup{
	width:229px;
	margin-top:12px;
	display:block;
}

#contentsPickup h4{
	text-indent:-9999px;
	width:229px;
	height:31px;
	display:block;
	overflow:hidden;
	background:url(../images/ttlbar_pickup.jpg) no-repeat;
	margin-bottom:2px;
}

#contentsPickup ul{
	width:209px;
	margin:0 auto;
}

#contentsPickup li{
	margin-top:5px;
}

/*---------------------------
  contentsGroup
---------------------------*/

#contentsInner_right #contentsGroup{
	width:229px;
	margin-top:12px;
	display:block;
	text-align:center;
}

#contentsGroup h5{
	text-indent:-9999px;
	width:229px;
	height:31px;
	display:block;
	overflow:hidden;
	background:url(../images/ttlbar_group.jpg) no-repeat;
	margin-bottom:2px;
}

#contentsGroup img{
	text-align:center;
	margin:15px 0;
}


/*=========================

  Footer
  
=========================*/

#footer{
	width:100%;
	height:45px;
	background-color:#eee;
	border-top:solid 3px #1b4494;
	font-size:75%;
	margin-bottom:0;
	overflow:hidden;
	}

#footerInner{
  width: 940px;
  margin: 0 auto;
}

#footerInner span.copy{
	float:right;
	margin:-35px 0 0 0;
}

#footerInner ul{
  width: 480px;
  height:11px;
  margin: 20px 0;
  display:block;
}

#footerInner li{
	float:left;
	margin-right:15px;
	text-indent:-9999px;
	overflow:hidden;
}

#footerInner li#fnv_privacy a{
  width: 98px;
  height:11px;
  display:block;
  background:url(../images/footernv_privacy.jpg) no-repeat;
}

#footerInner li#fnv_privacy a:hover{
  background:url(../images/footernv_privacy_on.jpg) no-repeat;
}

#footerInner li#fnv_transport a{
  width: 118px;
  height:11px;
  display:block;
  background:url(../images/footernv_transport.jpg) no-repeat;
}

#footerInner li#fnv_transport a:hover{
  background:url(../images/footernv_transport_on.jpg) no-repeat;
}

#footerInner li#fnv_policy a{
  width: 86px;
  height:11px;
  display:block;
  background:url(../images/footernv_policy.jpg) no-repeat;
}

#footerInner li#fnv_policy a:hover{
  background:url(../images/footernv_policy_on.jpg) no-repeat;
}

#footerInner li#fnv_disclaimer a{
  width: 55px;
  height:11px;
  display:block;
  background:url(../images/footernv_disclaimer.jpg) no-repeat;
}

#footerInner li#fnv_disclaimer a:hover{
  background:url(../images/footernv_disclaimer_on.jpg) no-repeat;
}

#backtotop a{
  width:229px;
  height:23px;
  text-indent:-9999px;
  overflow:hidden;
  margin: -27px 0 0 auto;
  display:block;
  background:url(../images/btn_totop.jpg) no-repeat;
  position:relative;
}

#backtotop a:hover {
  background:url(../images/btn_totop_on.jpg) no-repeat;
}