@charset "Shift_JIS";

/* Navigation
============================================================ */





























#nav ul li span.en{
    display: none;
}

#ID{
	background-image : url(../bo.7seg.gif);
}
#nav-pc UL LI#nav-50on{
	background-image : url(../image/li-1.gif);
	background-repeat: no-repeat;
}
#nav-pc UL LI#nav-7segu{
	background-image : url(../image/li-2.gif);
	background-repeat: no-repeat;
}
#nav-pc UL LI#nav-senpuku{
	background-image : url(../image/li-3.gif);
	background-repeat: no-repeat;
}

#nav-pc UL LI#nav-tenpo{
	background-image : url(../image/li-10.gif);
	background-repeat: no-repeat;
}

#nav-pc UL LI#nav-tool{
	background-image : url(../image/li-6.gif);
	background-repeat: no-repeat;
}
#nav-pc UL LI#nav-hane{
	background-image : url(../image/li-5.gif);
	background-repeat: no-repeat;
}

#nav-pc UL LI#nav-gazou{
	background-image : url(../image/li-8.gif);
	background-repeat: no-repeat;
}

#nav-pc UL LI#nav-bo-blo{
	background-image : url(../image/li-9.gif);
	background-repeat: no-repeat;
}

#nav-pc UL LI#nav-ill{
	background-image : url(../image/li-11.gif);
	background-repeat: no-repeat;
}

#nav-pc UL LI#nav-bo-tenpo{
	background-image : url(../image/li-10.gif);
	background-repeat: no-repeat;
}

#nav-pc ul li#nav-bo-natu{
	background-image : url(../image/li-12.gif);
	background-repeat: no-repeat;
}

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



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

/* header logo */


/* Common ==================== */

{
	word-break: break-all;
	font-size : 16px;
  line-height : 1;
}

/* Top Page ==================== */






/* Second Page ==================== */

{
	clear: both;
	border-width: 1px;
	border-style: solid;
	border-color : gray;
	-webkit-border-radius: 6px;
	margin-left: 10px;
	margin-right: 10px;
	font-size : 20px;
	font-weight: normal;
	padding-left: 5px;
	padding-top : 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-shadow: 1px 1px 1px #fff;
	background-image : -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#a9a9a9));
  
  
  width : 283px;
  height : 28px;
  vertical-align : middle;
}{
	clear: both;
	border-width: 1px;
	border-style: solid;
	border-color : gray;
	-webkit-border-radius: 6px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-shadow: 1px 1px 1px #fff;
	background-image : url(file:///C:/Users/jojo/Desktop/CSSテンプレート/image/tab.bo.gif);
  width : 283px;
  height : 36px;
}{
	clear: both;
	border-width: 1px;
	border-style: solid;
	border-color : gray;
	-webkit-border-radius: 6px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-shadow: 1px 1px 1px #fff;
	background-image : url(file:///C:/Users/jojo/Desktop/CSSテンプレート/image/tab.bo.gif);
  
  vertical-align : middle;
}{
	clear: both;
	border-width: 1px;
	border-style: solid;
	border-color : gray;
	-webkit-border-radius: 6px;
	margin-left: 10px;
	margin-right: 10px;
	font-size : 20px;
	font-weight: normal;
	padding-left: 5px;
	padding-top : 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-shadow: 1px 1px 1px #fff;
	background-image : url(file:///C:/Users/jojo/Desktop/CSSテンプレート/image/tab.bo.gif);
  
  
  width : 283px;
  height : 36px;
  vertical-align : middle;
}{
  font-size : 20px;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#a9a9a9));
  vertical-align : middle;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-left : 10px;
  margin-right : 10px;border-width : 1px;border-style : solid;border-color : gray;
  width : 283px;
  height : 28px;
}

#nav-pc{
	padding-left : 4px;
	
  
  border-top-width : 1px;
  border-top-style : dotted;
  border-top-color : gray;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
}
#nav-pc ul{
	margin-bottom: 0;
    padding: 0;
    list-style: none;
	text-align: center;
}
#nav-pc ul:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
  
   
}
#nav-pc UL LI{
	float: left;
	width: 87px;
	margin-left : 5px;
	margin-right : 5px;
	min-height: 45px;
	height: 36px;

}
#nav-pc UL LI A{
	display: block;
	min-height: 40px;
	text-align: center;
	font-size: small;
}
a:visited{
  
  
  height: 60px;
  list-style-type: none;
color: purple;
  
	
  line-height: 5;
	
  background-image : url(../image/bg_li_00_1.gif);
	
	
	
}
a:link{
  
  
  background-repeat : repeat-x;
  height : 20px;
  list-style-type : none;
color : rgb(102, 102, 102);
  
  font-size : medium;
  vertical-align : middle;
  

  
  line-height : 1;
  
  
  
  

  
}
H4{
	color : rgb(255, 255, 255);background-color : silver;padding-top : 2px;padding-left : 10px;padding-bottom : 2px;
  
	
}
.Class{
	background-image : url(../bg_li_00_1.gif);background-repeat : repeat-x;height : 62px;
  vertical-align : middle;

  

  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  border-top-color : silver;
  border-bottom-color : silver;
  font-size : large;
  line-height : 4;
  width : 100%;
  padding-left : 10px;
  display : block;
}
H5{
  border-top-width : 1px;
  border-left-width : 5px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-bottom-style : solid;
  border-top-color : rgb(105, 145, 248);
  border-left-color : rgb(105, 145, 248);
  border-bottom-color : rgb(105, 145, 248);
  padding-top : 1px;
  padding-bottom : 1px;
  padding-left : 1px;
  background-color : rgb(183, 219, 249);
  margin-top : 5px;
  margin-bottom : 5px;
  width : 100%;
}



A.listbutton{
	background-image : url(../image/bg_li_00_1.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 60px;
	display: block;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: silver;
	line-height: 4;
	word-wrap: break-word;
	text-decoration: none;
}
#footerNav ul li#home a span.ja, #hpb-footerNav ul li#pagetop a span.ja{
    display: none;
}
#footerNav UL LI#home A{
	background-image : url(../image/bo.home.gif);
	
	background-repeat: no-repeat;
  text-align : center;
background-position : center center;
}
#footerNav{
	border-top-style : none;
	border-bottom-style : none;
	background-color : rgb(226, 243, 255);
	padding-bottom : 5px;
	
  
	
  text-align: center;
  
  
  padding-top : 5px;
  
  
}
#footerNav UL{
	list-style: none;
	margin-bottom: 0;
	margin-top: -1px;
	padding: 0;
  text-align : center;
}
#footerNav UL:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
  text-align : center;
}
#footerNav UL LI{
	display: inline;
	
	

  text-align : center;
}
#footerNav UL LI A{
	display: inline-block;
	color : rgb(0, 0, 0);
	width: 56px;
	text-decoration: none;
	text-align: center;
	padding-top: 70px;
	text-transform: capitalize;
}
#footerMain{
	background-image : url(../image/copy.gif);
	height : 16px;
	background-repeat: no-repeat;
	background-position: center center;
	width : 255px;
	margin-top: 6px;
  text-align : center;
}


#nav-pc3 UL LI#nav-50on{
    background-image : url(../image/li-1.gif);
    background-repeat: no-repeat;
}
#nav-pc3 UL LI#nav-7segu{
    background-image : url(../image/li-2.gif);
    background-repeat: no-repeat;
}

#nav-pc3 UL LI#nav-tool{
    background-image : url(../image/li-6.gif);
    background-repeat: no-repeat;
}
#nav-pc3 UL LI#nav-hane{
    background-image : url(../image/li-5.gif);
    background-repeat: no-repeat;
}

#nav-pc3 UL LI#nav-gazou{
    background-image : url(../image/li-12.gif);
    background-repeat: no-repeat;
}

#nav-pc3 UL LI#nav-etc{
    background-image : url(../image/li.14.gif);
    background-repeat: no-repeat;
}

#nav-pc3{
	padding-left: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: gray;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: gray;
}
#nav-pc3 ul{
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#nav-pc3 ul:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
 
   
}
#nav-pc3 UL LI{
    float: left;
    width: 87px;
    margin-left : 3px;
    margin-right : 3px;
    min-height: 45px;
    height: 36px;

}
#nav-pc3 UL LI A{
    display: block;
    min-height: 40px;
    text-align: center;
    font-size: small;
}



BODY{
	font-family: メイリオ, ヒラギノ角ゴPro W3, HiraKakuProN-W3;　　　　　
  
  border-bottom-style : none;
  
}


#menu-pc ul{
	margin: 0; 
padding: 0; 
list-style: none;
}

#menu-pc li{
	 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#menu-pc A{
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(58, 169, 192);
	background-color: rgb(183, 219, 249);
	font-size: small;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-decoration: none;
	color: rgb(51, 51, 51);
	width : 91px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	text-align: center;
	line-height: 1.5;
}
#menu-pc A:hover{
	background-color : rgb(163, 208, 250);
	color: rgb(255, 255, 255);
}


#sub-menu-pc{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  width : 100%;
  float : left;
}

#sub-menu-pc UL{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
}

#sub-menu-pc UL LI{
  text-align : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 10px;
  margin-bottom : 0px;
  float : left;
}

#sub-menu-pc UL LI A{
	font-size: small;
}

p.example1{
	color: rgb(128, 128, 128);
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
}

H2{
	color: gray;
	margin-bottom: 0px;
	padding-left : 1px;
	padding-right: 5px;
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left : 1px;
	text-align: left;
	margin-right: 10px;
	background-image : url(../image/pan-16.gif);
	text-indent: 23px;
	background-position : 1px 10px;
	line-height: 2;
	margin-top: 0px;
	padding-top: 5px;
}

#sub-menu{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  width : 100%;
  float : left;
}

#sub-menu UL{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
}

#sub-menu UL LI{
  text-align : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 10px;
  margin-bottom : 0px;
  float : left;
}

#sub-menu UL LI A{
  font-size : small;
}

#maker ul{
 margin: 0; padding :0; list-style-type : none; 
}

#maker li{
	 
display : inline; padding :0; margin:0; 
}

#maker a{
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: silver;
	font-size : small;
	padding-right: 0px;
	padding-bottom : 0.1em;
	padding-left: 3px;
	text-decoration: none;
	color : #666666;
	width : 280px;
	margin-right: 0px;
	margin-bottom : 0.1px;
	margin-left: 0px;
	height : 1.3em;
  margin-top : 1px;
  padding-top : 3px;
}

#maker a:hover{
	display:block; 
border : 1px solid #000000;
background-color : silver;
font-size:small;
padding : 0.3em 0px 0.1em 0.7em;
text-decoration:none;color : black;
height:1.3em;
}





#menu-pc-hh2{
  padding-left : 4px;
  border-top-style : none;
  border-bottom-style : none;
}

#menu-pc-hh2 ul{
    margin: 0;
padding: 0;
list-style: none;
}

#menu-pc-hh2 li{
     
display: inline;
padding: 0;
margin: 0;
float: left;
}

#menu-pc-hh2 a{
    display: block;
    font-size : 11px;
    padding-top : 1px;
    padding-right : 1px;
    padding-bottom : 1px;
    padding-left : 1px;
    text-decoration: none;
    color: gray;
    width: 90px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    text-align : left;
    line-height: 1.5;
    background-image : url(../image/pan-27.gif);
    background-repeat: no-repeat;
background-position : 5px 5px;
  text-indent : 10px;
  list-style-type : none;
}

#menu-pc-hh2 A:hover{
    background-color : rgb(163, 208, 250);
    color: rgb(255, 255, 255);
}