@charset "utf-8";

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

	TITLE : jnto [base.css]
	DATE  : 2011.3

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

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


/* structure
========================================== */
html, body {
	height:100%;/*フッタ対応*/
}
html {
	background:transparent url(../../images/bg_h_black.gif) repeat-x center top;
	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:transparent url(../../images/bg_red_repeat.gif) repeat-y center top;
}
body > #wrapper {
	height:auto;/*for Firefox*/
}
#wrapperinner {
}
#contents {
	position:relative;
	width:1012px;
	/*width:980px;*/
	height:760px;
	text-align:center;
	xpadding:0 0 30px 0;/*フッタと内容がかぶらないために*/
	padding:0;
	margin:0 auto;
	background:transparent url(../../images/bg_rightcontents.gif) no-repeat center top;
}

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

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


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

/*Japan National Organization*/
h1{
	position:absolute;
	top:170px;
	left:470px;
	/*left:454px;*/
}

#logo{
	position:absolute;
	top:64px;
	left:1px;
	
	width:398px;
	height:202px;
	
	xdisplay:block;
	overflow:hidden;
}

/* FLASH
========================================== */
#flashcontent{
	position:absolute;
	top:250px;
	left:27px;
	/*left:12px;*/
	
	width:760px;
	height:190px;
	
	padding:0;
	margin:0;
	
	/*background:#232323;*/
	color:#fff;
	
}

/* FLASH
========================================== */
#imagecontent{
	position:absolute;
	top:250px;
	left:27px;
	/*left:12px;*/
	
	width:760px;
	height:190px;
	
	padding:0;
	margin:0;
	
	background:#232323;
	color:#fff;
	
	overflow:hidden;
	
}

#imagecontentInner{
	/*width:2280px;*/
	/*width:4560px*/
	height:190px;
	position:absolute;
	top:0px;
	left:0px;
	

	
}

#imagecontentInner img{
	display:none
}

/* main
========================================== */
#main{
	position:relative;
	width:786px;
	/*width:770px;*/
	height:320px;

	padding:0;
	margin:0;
}

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

#messagebox{
	position:absolute;
	top:100px;
	left:20px;
}

.mainfooter{
	position:absolute;
	top:290px;/*top:230px;*/
	left:0;

	width:786px;
	/*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;
}


/* contentsright
========================================== */
.contentsrightinner {
	width:226px;
	/*width:210px;*/
	height:600px;
	text-align:left;

	padding:76px 0 0 0;
	margin:0;
}

.contentsrightinner h2{
	padding:0 0 9px 19px;
}

ul.navilanguage {
	width:171px;
	
	line-height:0;
	
	padding:0 0 0 19px;
	margin:0 0 21px 0; /*0 0 100px 0;*/
}

ul.navilanguage li{
	position:relative;
	
	float:left;
	display:inline;

	width:170px;
	height:20px;
	
	line-height:1.1;
	display:block;
	overflow:hidden;

	padding:0 0 6px 0;
	margin:0;
}

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

/*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 {

}