@charset "shift_jis";

/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td,address { 
	margin: 0;
	padding: 0;
	color: #333;
}

body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

* html body {
	font-family: MS UI Gothic,"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

table {
}

td,th {
	vertical-align: top;
	text-align: left;
}

ol,ul,dl,dd,li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,address,th {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

a img {
	border: none;
}

img {
	vertical-align: bottom;
}

/*___/ siteID /___*/
h1{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
h1 a{
	background:url(../img/siteID.jpg) no-repeat left top;
	display: block;
	width: 400px;
	height: 108px;
}

/*___________________/

  global navigation
  
/********************/

#gnav li{
	display: block;
	float: left;
	margin-top: 4px;
}
#gnav li a{
	display: block;
	height: 50px;
	text-indent: -3000px;
	overflow: hidden;
}
#gnav li a{
	background:url(../img/global_nav.jpg) no-repeat;
}
#gnav li#g1 a{
	background-position: 0 0;
	width: 113px;
}
#gnav li#g2 a{
	background-position: -113px 0;
	width: 285px;
}
#gnav li#g3 a{
	background-position: -398px 0;
	width: 99px;
}
#gnav li#g4 a{
	background-position: -497px 0;
	width: 162px;
}
#gnav li#g5 a{
	background-position: -659px 0;
	width: 136px;
}

#gnav li#g6 a{
	background-position: -795px 0;
	width: 165px;
}

/*___/ rollover /___*/
#gnav li#g1 a:hover{
	background-position: 0 -49px;
}
#gnav li#g2 a:hover{
	background-position: -113px -49px;}
#gnav li#g3 a:hover{
	background-position: -398px -49px;}
#gnav li#g4 a:hover{
	background-position: -497px -49px;}
#gnav li#g5 a:hover{
	background-position: -659px -49px;}
#gnav li#g6 a:hover{
	background-position: -795px -49px;}

/*___/ current /___*/

#gnav li#g1 a.current{
	background-position: 0 -49px;
}
#gnav li#g2 a.current{
	background-position: -113px -49px;}
#gnav li#g3 a.current{
	background-position: -398px -49px;}
#gnav li#g4 a.current{
	background-position: -497px -49px;}
#gnav li#g5 a.current{
	background-position: -659px -49px;}
#gnav li#g6 a.current{
	background-position: -795px -49px;}
	
/*___________________/

  sub navigation
  
/********************/

#subnav{
	position: relative;
	clear: both;
	top: -162px;
	height: 0px;
}
#subnav li{
	display: block;
	position: absolute;
}
#subnav li a{
	display: block;
	height: 30px;
	text-indent: -3000px;
	overflow: hidden;
}
#subnav li a{
	background:url(../img/sub_nav.jpg) no-repeat;
}

#subnav li#sub1{
	right: 0;
}
#subnav li#sub2{
	right: 126px;
}
#subnav li#sub1 a{
	background-position: -200px 0;
	width: 126px;
}
#subnav li#sub2 a{
	background-position: 0 0;
	width: 200px;
}
/*___/ rollover /___*/

#subnav li#sub1 a:hover{
	background-position: -200px -30px;
}
#subnav li#sub2 a:hover{
	background-position: 0 -30px;
}


/*___________________/

  		footer
  
/********************/

#container{
	clear: both;
}
#container2{
	clear: both;
}

address.footer{
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	padding-top: 20px;
	height: 98px;
	background: url(../img/bg_foot.jpg) repeat-x;
}

/*___________________/

	 common style
  
/********************/
 .left
,.right
{
	display: inline;
}
.left{
	float: left;
}
.right{
	float: right;
}

/*___/ margin /___*/
/*___/ padding /___*/


/* site common style  */

html{
	background:url(../img/bg_repeat.jpg) repeat-y;
}
body{
	background:url(../img/bg_fix.jpg) repeat-x;
}
body#font{
	background:url(../img/bg_fix2.jpg) repeat-x;
}

 #gnav
,#subnav
,#container
,#contents
,#container2
{
	width: 960px;
	margin: 0 auto;
}
  
/*___/ clearfix /___*/
 #contents:after
,.def_layout1:after
,.def_layout2:after
,ul.font2:after
,ul.font2_1:after
,table.font2 td ul:after
,div.def_layout3:after
,.def_heads2:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

hr.clearline{
	clear: both;
	visibility: hidden;
	height: 0;
}
/*___/ image sub /___*/
 h1 a
,#info h2
,.n_step dt
,.name_tab li a
,.pagetop a
{
	text-indent: -3000px;
	overflow: hidden;
}
/*___/ default link /___*/
.pagetop{
	clear: both;
}
.pagetop a{
	background:url(../img/pagetop.jpg) no-repeat;
	display: block;
	width: 179px;
	height: 35px;
	margin-top: 50px;
	
	float: right;
}