@charset "UTF-8";
/* -----------------------------------------------

 CSS for Base

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

/* ----------------------------------------------
  ■ basic tags
---------------------------------------------- */

body,div,p,ul,ol,li,img,a,h1,h2,h3,h4,h5,dl,dt,dd,form,iframe,table {
	margin: 0;
	padding: 0;
	border: 0;
}

table{
  border-collapse: collapse; 
  border-spacing:0;
}

td{
	vertical-align:top;
}

li {
	list-style-type:none;
	list-style-image:none;
}

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

a,
a:visited{
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color:#696969;
}

a:hover{
	color:#C0C0C0;
	text-decoration: underline;
}

a#pagetop:hover {
	text-decoration: underline;
}

sup {
	padding: 0 2px;
	top: -4px
}

hr {
	height: 2px;
	background-color: #B3B3B3;
	border: none;
}

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

textarea{
  font-size:105%;
}

/* ----------------------------------------------
  ■ basic function
---------------------------------------------- */
.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.tcenter {
	text-align: center;
}

a:hover img.alpha {
	opacity:0.7;
	filter:alpha(opacity=70);
}

a img.white-alpha {
	opacity:0.0;
	filter:alpha(opacity=0);
}

a:hover img.white-alpha {
	opacity:0.2;
	filter:alpha(opacity=20);
}

.underline {
	text-decoration:underline !important;
}

a:hover.underline {
	text-decoration:none !important;
}

.lastitem{
  background:none !important;
}

.bigger01 {
  font-size:110%;
}

.bigger02 {
  font-size:120%;
}

.smaller01 {
  font-size: 75%;
}

.smaller02 {
  font-size: 90%;
}

.kerning01{
  letter-spacing:2em;
}
  
.indent01 {
	text-indent:1em;
}

.indent-01 {
	text-indent:-1em;
	padding-left:1em
}

/* ----------------------------------------------
  ■ common
---------------------------------------------- */

body {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	color: #696969;
}

a{
	color: #2264C8;
}

a:visited{
	color: #77508F;
}

a:link{
	color: #2B80FF
}

a.linkcolor:link{
	color: #0071BC;
}

a.linkcolor:visited{
	color: #6A00AD;
}

/* ----------------------------------------------
   ■ head
---------------------------------------------- */

#head {
	background:url(/wp-content/themes/jp/image/navi_01.jpg) no-repeat;
	height:122px;
	color:#FFFFFF;
	position:relative;
}

#headwrap {
  height:74px;
  overflow:visible;
}

#headwrap #logo{
  display:block;
  width:354px;
  height:60px;
  position:absolute;
  left:0px;
  right:0;
}

#language {
	text-align: right;
	padding:0 32px 0 0; 
	/*visibility: hidden;*/
}

#language a,
#language a:hover,
#language a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

#language img{
  vertical-align:baseline;
}

#message {
	text-align: right;
	padding: 6px 30px 0 0;
	line-height:1.1em;
}

#menu {
	/*margin: 3px 0 30px 30px;*/
	margin-left: 30px;
	height:48px;
}

#menu .btn{
	width: 180px;
	float: left;
}

#top-image{
	margin: 0 30px 0 30px;
}

/* ----------------------------------------------
   ■ banner
---------------------------------------------- */
#banner{
	height: 92px;
	margin: 5px 27px 5px 27px;
}

#banner p{
	display:inline;
}

#banner .btn{
	width: 300px;
	margin: 0 1px 0 1px;
	float: left;
}

#banner a{
  line-height:1;
  font-size:0;
}

#banner a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* ----------------------------------------------
   ■ content
---------------------------------------------- */
#content{
	width: 909px;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
}

#content-top{
	width: 900px;
	margin-top: 25px;
	margin-left:auto;
	margin-right:auto;
}

#content .box-top{
	background:url(/wp-content/themes/jp/image/box_top.jpg) no-repeat;
	width: 909px;
	height: 7px;
}

#content .box-mid{
	background:url(/wp-content/themes/jp/image/box_mid.jpg) repeat-y;
	width: 909px;
	padding: 8px 20px 2px 20px;
}

#content .box-bottom{
	background:url(/wp-content/themes/jp/image/box_bottom.jpg) no-repeat;
	width: 909px;
	height: 11px;
}

#title{
	margin: 0 0 5px 0;
}

#title-menu{
	float: left;
	margin: 0px 0 5px 0;
}

#title-text-l{
	float: left;
	margin-top: -32px;
	font-size: 75%;
}

#title-text-r{
	float: right;
	margin: -40px 30px 0 0;
	font-size: 60%;
}
/* ----------------------------------------------
   ■ foot
---------------------------------------------- */

#foot{
	margin: 10px 30px 10px 30px;
}

#foot a,
#foot a:visited{
	color:#696969;
	text-decoration: none;
}

#foot a:hover{
	color:#C0C0C0;
	text-decoration: underline;
}

#foot img{
	margin: 0 5px 0 0;
	vertical-align:baseline;
}

#foot .link{
	margin: 0 8px 0 0;
	float: left;
}

#copyright {
	float: right;
}

/* ----------------------------------------------
   ■ table line
---------------------------------------------- */

td.top-line-l {
	border-top:0px solid GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:1px dashed GAINSBORO;
	border-color: #979797;


	padding: 10px 20px 10px 20px;

}

.page-id-24 td.top-line-l {
	width: 258px;
	padding: 10px 10px 10px 20px;
}

td.top-line-r {
	border-top:0px solid GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:0px solid GAINSBORO;
	border-color: #979797;


	padding: 10px 20px 10px 20px;

}

.page-id-24 td.top-line-r {
	width: 258px;
	padding: 10px 10px 10px 20px;
}

td.line-l {
	border-top:1px dashed GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:1px dashed GAINSBORO;
	border-color: #979797;

	padding: 10px 20px 10px 20px;

}

.page-id-24 td.line-l {
	padding: 10px 10px 10px 20px;
}

td.line-r {
	border-top:1px dashed GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:0px solid GAINSBORO;
	border-color: #979797;


	padding: 10px 20px 10px 20px;

}

.page-id-24 td.line-r {
	padding: 10px 10px 10px 20px;
}

/* ----------------------------------------------
   ■ table line(min)
---------------------------------------------- */

td.top-line-l-min {
	border-top:0px solid GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:1px dashed GAINSBORO;
	border-color: #979797;

	padding: 10px 10px 10px 10px;
}

td.top-line-r-min {
	border-top:0px solid GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:0px solid GAINSBORO;
	border-color: #979797;

	padding: 10px 10px 10px 10px;
}

td.line-l-min {
	border-top:1px dashed GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:1px dashed GAINSBORO;
	border-color: #979797;

	padding: 10px 10px 10px 10px;
}

td.line-r-min {
	border-top:1px dashed GAINSBORO;
	border-bottom:0px solid GAINSBORO;
	border-left:0px solid GAINSBORO;
	border-right:0px solid GAINSBORO;
	border-color: #979797;

	padding: 10px 10px 10px 10px;
}

#fix_table {
	table-layout:fixed;
	}
#fix_table {
	padding: 10px;	
}