@charset "utf-8";

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

	TITLE : jnto [base.css]
	DATE  : 2011.3

 -----------------------------------------
	INDEX
 -----------------------------------------
 	

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


/* structure
========================================== */
html, body {
	height:100%;/*フッタ対応*/
}
html {
	overflow-y: scroll;/*IE6で横スクロールを防ぐ*/
}
body {
	min-width:1012px;
	background:transparent url(../images/spacer.gif) no-repeat  center top;
}

body,table,input {
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#000000;
}

/* for WinIE6*/
* html body {
	font-size:12px;
	vertical-align:baseline;
}

/* IE7で背景画像の中心がずれるのを防ぐ*/ 
*:first-child+html body {
	padding-left: 1px;
}
/*IE6以下で背景画像の中心がずれるのを防ぐ*/
*html body {
	padding-left: 1px;
}
/*Safari5で背景画像の中心がずれるのを防ぐ*/
@media screen and (-webkit-min-device-pixel-ratio:0){
body{
	padding-left: 1px;
}
}

table,input {
	vertical-align:top;
}

a {
	outline:0;/*Firefoxで表示される点線枠を防止*/
}
a img {
	overflow:hidden;/*リンクの枠線（点線）が延びる現象を回避*/
}
img {
	border-style:none;
	border:0;/* IEの画像下の余白防止*/
	vertical-align:top;/*IEで下マージンが開くのを防止*/
}
p {
	margin: 0 0 1em 0;
	padding:0;
}
p.cap {
	margin:0 0 2px 12px;
	padding-left:1em;
	text-indent:-1em;
}
.pctl {
	float:left;
	padding:1px 1em 1em 0;
}
.pctr {
	float:right;
	padding:2px 0 1em 1em;
}
.pctf {
	float:left;
	padding:0 0 1em 0;
}

ul, dl, dt, dd {
	list-style: none;
}
ol {
	list-style-type: decimal;
}
li {
	vertical-align:top;
}
label {
/*zoom:1;*/
}
strong {
	font-weight:bold;
}
.bothclear {
	clear:both;
}
img.border{
	border:solid 1px #666666;
}


/* text style
========================================== */
.txtnormal {
	font-weight:normal;
}
.txtred {
	color:#cc0000;
}
.texts {
	font-size:11px;
	line-height:1.3;
}
.textm {
	font-size:12px;
	line-height:1.5;
}
.textl {
	font-size:14px;
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6 {
	font-style:normal;
}

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


/* lilnk
========================================== */
/* default*/
/*a:hover以外にpaddingをつけると、画像のhoverが効かなくなる*/
a:link {
	color:#333333;
	text-decoration:underline;
}
a:visited {
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#333333;
	text-decoration:none;
	padding-bottom:1px;/*IEで画像のhover*/
}
a:active {
	color:#333333;
	text-decoration:underline;
}


/* layout
========================================== */
#wrapper {
	position:relative;
	width:1012px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color: transparent;
	background-image: url(../images/bg_red_repeat.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
body > #wrapper {
	height:auto;/*for Firefox*/
}
#wrapperinner {
	background-image: url(../images/bg_repeat_red.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#topcontents {
	position:relative;
	width:1012px;
	/*width:980px;*/
/*	height:788px;*/
	text-align:center;
	xpadding:0 0 30px 0;/*フッタと内容がかぶらないために*/
	padding:0;
	margin:0 auto;
	background-color: transparent;
	background-image: url(../images/bg_rightcontents.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contents {
	position:relative;
	width:1012px;
	/*width:980px;*/
/*	height:788px;*/
	text-align:center;
	xpadding:0 0 30px 0;/*フッタと内容がかぶらないために*/
	padding:0;
	margin:0 auto;
}

.contentsleft {
	float:right;
	display:inline;
	width:764px;
	/*width:770px;*/
	
	padding:0;
	margin:0;
}

/*red-area*/
.contentsright {
	float:left;
	display:inline;
	width:248px;
	/*width:210px;*/
	
	padding:0;
	margin:0;
}


/* header
========================================== */
#header {
	position:relative;
	width:764px;
	/*width:770px;*/
	height:498px;
	margin:0;
	padding:0;
}
.headerinner {
	height:498px;
	margin:0;
	padding:0;
}

h1{
	position:absolute;
	top:162px;
	left:577px;	/*left:454px;*/
}

#logo{
	position:absolute;
	top:61px;
	left:66px;
	width:445px;
	height:117;
	xdisplay:block;
	overflow:hidden;
}

/* TopPictMenu
========================================== */
#menucontent{
	position:absolute;
	top:221px;
	width:764px;
	height:276px;
	padding:0;
	margin:0;
	/*background:#232323;*/
	color:#fff;
	left: 0px;
}

/* main
========================================== */
#main{
	position:relative;
	width:764px;
	height:200px;
	padding:0;
	margin:0;
}

.maincontentinner{
	margin:0;
	padding:0;
	position: relative;
/*	height: 767px;*/
}


#maincontents{
	position:absolute;
	top:49px;
	width:711px;
	/*background:#232323;*/
	color:#fff;
/*	height: 718px;*/
	padding: 0;
	margin: 0;
	left: 35px;
}

#logojed{
	position:absolute;
	top:18px;
	left:20px;
}

.imgmenu{
	position:absolute;
	top:0;
	left:0;
}
a:hover .imgmenu{
	position:relative;
	top:0;
	left:-191px;
}


.mainfooter{
	position:absolute;
	top:200px;/*top:230px;*/
	left:0;
	width:764px;
	/*width:770px;*/
	height:30px;
	padding:0;
	margin:0;
}

.btnprofile{
	position:absolute;
	top:0;
	right:19px;
	
	height:10px;
	font-size:10px;
	line-height:1.0;

	padding:0;
	margin:0;
}

.copyright{
	position:absolute;
	top:19px;
	right:16px;
	padding:0;
	margin:0;
	font-size: 10px;
	color: #333;
}

.mainjabtn{
	position:absolute;
	width:764px;
	height:28px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 13;
	padding-left: 0;
	text-align: right;
	margin: 0;
}


/* contentsright
========================================== */
.contentsrightinner {
	width:248px;
	/*width:210px;*/
	height:900px;
	text-align:left;
	margin:0;
	padding-top: 49px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/bg_red_illust.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.contentsrightinner h2{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0px;
}

#menucontent ul li {
	float: left;
	height: 276px;
	width: 191px;
	overflow: hidden;
	position: relative;
}

ul.navilanguage {
	width:216px;
	line-height:0; /*0 0 100px 0;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 21px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

ul.navilanguage li{
	position:relative;
	float:left;
	display:inline;
	width:224px;
	line-height:1.1;
	display:block;
	overflow:hidden;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	height: 32px;
}

.imgnavilang{
	position:absolute;
	top:0;
	left:0;
}
a:hover .imgnavilang{
	position:absolute;
	top:0;
	left:-224px;
}

/*link navi
---------------------------*/
.navilink{
	width:200px;
	height:90px;
	xbackground:#d00010;
	
	padding:0;
	margin:0;
}

.navilink ul{
	width:180px;
	
	line-height:0;
	
	padding:19px 0 0 19px;
}
.navilink ul li{
	position:relative;
	
	float:left;
	display:inline;

	width:180px;
	height:26px;
	line-height:1.1;
	
	display:block;
	overflow:hidden;

	padding:0;
	margin:0;
}

/*Meetings&Incentives*/
.imgnavilink01{
	position:absolute;
	top:0;
	left:0;
}
a:hover .imgnavilink01{
	position:absolute;
	top:0;
	left:-240px;
}

/*About JINTO*/
.imgnavilink02{
	position:absolute;
	top:-26px;
	left:0;
}
a:hover .imgnavilink02{
	position:absolute;
	top:-26px;
	left:-240px;
}


/*Meetings&Incentives*/

#link03{
	margin-bottom:64px;
}

.imgnavilink03{
	position:absolute;
	top:0;
	left:0;
}
a:hover .imgnavilink03{
	position:absolute;
	top:0;
	left:-240px;
}




/* PRINT CSS writen at [print.css]
========================================== */
@media print {

}
#maincontents h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	top: 0px;
	left: 0px;
}
#maincontents #text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.3em;
	text-align: left;
	padding-top: 40px;
}
#maincontents #text ul {
	font-size: 13px;
	line-height: 1.3em;
	color: #000;
	text-decoration: underline;
}
#maincontents #text ul li {
	height: 203px;
	width: 217px;
	padding-right: 20px;
	float: left;
	display: block;
	padding-top: 35px;
}