@charset "Shift_JIS";


body
{
	text-align:center;
	background:#a8a8a8 url(../images/body_bg.gif) repeat-y center top;
	padding:0 0 0 1px;
}

div#intro_header
{
	padding:0;
	margin:0;
}

div#container_inner_intro
{
	padding:0;
	margin:0 30px;
	background:url(../images/contents_bg.gif) repeat-y left top;
}


/* Navigation */
div#Intro_navi{
	padding:0;
	margin:0 1px 10px 1px;
}

div#Intro_navi ul.Intro_navi_list{
	background:url(../images/global_navi_bg.gif) no-repeat left top;
	height:31px;
	width:779px;
	padding:0;
	margin:0;
}

div#Intro_navi ul.Intro_navi_list li{
	list-style:none;
	float: left;
	padding:0;
	margin:0;
}

div#breadCrumb{
	padding: 0 1px 0 55px;
	font-size: 0.9em;
}


/* Contents Box */
div#contentsIntro_inner
{
	background:url(../../../common/images/contents_bg.gif) repeat-y left top;
	margin:0;
	padding:0;
}

div#contentsIntro_main{
	width:668px;
	margin: 0 55px 20px 55px;
}

div#contentsIntro_mainTop{
	width:700px;
	margin: 20px 39px 20px 39px;
}

div#contentsIntro_mainTop h1{

}

div#contentsIntro_main h1{
	font-size: 1.4em;
	border-left: 6px solid #FF0000;
	padding: 4px 0 4px 4px;
	margin: 20px 0 10px 0;
	font-weight: bold;
}

div#contentsIntro_mainTop h2{
	background:none;
	color: #000000;
	font-size: 1.2em;
	border-left: 6px solid #FF0000;
	padding: 4px 0 4px 4px;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

div#contentsIntro_mainTop h2.introtop{
	font-size: 1.2em;
	border-left: 6px solid #FF0000;
	padding: 4px 0 4px 4px;
	margin: 10px 0 10px 23px;
	background-image: none;
	color: #000000;
}

div#contentsIntro_main h2.gr_h2{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin-bottom: 16px;
	background-color: #999999;
	background-image: url();
	}


div#contentsIntro_main h2{
	background: url(../images/h2_gb.gif) repeat-x;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px;
	margin-bottom: 16px;
}
div#contentsIntro_main h3{
	font-size: 1.2em;
	font-weight: bold;
	background: url(../images/h3_bg.jpg) no-repeat;
	padding: 5px 0 5px 28px;
	clear: both;
	margin: 0 0 16px 16px;
}

div#contentsIntro_main h4{
	background: url(../images/h4_bg.gif) no-repeat left center;
	margin: 0 0 10px 30px;
	padding: 5px 0 5px 1.2em;
	font-size: 1.1em;
	font-weight: bold;
}

div#contentsIntro_main h5{
	background-image: url(../images/h5_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 28px;
	padding-left: 1.2em;
}

div#contentsIntro_main h5.eclipse{
	background: none;
	margin-left: 28px;
	padding: 0;
	line-height: 0;
}

div#contentsIntro_main h6{
	margin-bottom: 16px;
}

div#contentsIntro_main p{
	margin: 0 0 40px 18px!important;
}

.introTop{
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}

.introTop p{margin:0 23px 10px 23px;}
.introTop p img{margin:0 0 20px 0;}

/* Top 2colums */
div.col2box{
	width:700px;
	margin:0 0 20px 0;
	padding:0;
	background-image: url(../images/top_bg02.gif);
	background-repeat: repeat-y;
	}


div.col2_topLeft{ 
	width:339px;
	margin:10px 22px 10px 0;
	float:left;
	}
		
div.col2_topRight{
	width:339px;
	margin:10px 0 10px 0;
	float:right;
}

div.col2_top02{
	width:311px;
	margin:0 0 0 14px;
}

div.col2_top02Left{
	width:164px;
	margin:0 10px 0 0 ;
	float:left;
	}
	
div.col2_top02Right{
	width:137px;
	margin:0;
	text-align: center;
	float:right;
	}
	
div.col2_top02Right img{
	margin-top: 18px;

}

div.col2_top02Left p,
div.col2_top02Right p{
	margin:0 0 10px 0!important;
	line-height: 1.2;
}


/* 2colums */

div.col2_intro{
	width:632px;
	clear:both;
	margin:0 0 28px 18px;
}
div.col2_introLeft{
 width:430px;
 margin:0 0px 0 0;
 float:left;
}

div#contentsIntro_main div.col2_introLeft p{
	margin:0 0 14px 28px!important;

}

div.col2_introRight{
 width:184px;
 margin:0;
 float:right;
 }
 
div.col2_introLeft div.eclipse{
	margin: 0 0 0 28px!important;
	padding: 0!important;
	line-height: 0;
}
div.col2_introLeft .redBox{
	padding: 10px;
	margin: 0 0 0 28px!important;
	background: url(../images/eclips_bg.gif) repeat-y;
}

div.col2_introLeft .redBox p{
color:#000;
}

div.redBoxBtm{
	margin:0 0 0 28px;
	padding: 0!important;
	line-height: 0;
}

div#contentsIntro_main div.col2_introLeft .redBox p,
div#contentsIntro_main div.gr p{margin:0 0 10px 0!important;}

div.hand{
	margin:0 0 0 12px;
	padding: 0;
}

div.gr{
	background: #CCCCCC url(../images/hand.gif) no-repeat;
	margin: 0 0 20px 28px;
	padding: 18px 0px 12px 0px;
	width: 400px;
	}
div.gr p{
	padding: 0px 12px 0px 34px;
	}
div.gr ul{
	padding: 0px 12px 0px 34px;
	}

div.col2_introLeft ul{ margin:0; 
}

div.col2_introLeft ul li{
	list-style-type: disc;
	margin-left: 13px;
}

 
 

.clear{clear:both;font-size:1px;}
span.rightTop {display:block;text-align:right;margin-bottom:0!important;}
span.right {display:block;width:380px;text-align:right;margin-bottom:0!important;}
span.rightBtm20 {width:380px;text-align:right;margin-bottom:20px!important;display:block;}
span.rightBtm10 {width:380px;text-align:right;margin-bottom:10px!important;display:block;}
.marginLdft14{ margin-left:14px;}
.smallR{
	font-size: 0.8em;
	vertical-align: super;
}
p.linktext{padding-top:30px!important;}


ul.pagelink{
	text-align: right;
	padding-left: 293px;
}

ul.pagelink li{
	padding-right: 12px;
	float: right;
	list-style-type: none;
	display: block;
}

/* ------ clearfix 
-----------------------------------------------------*/

div.col2_intro:after,
col2_top:after,
col2_top02:after,
ul.pagelink:after,{
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

div.col2_intro,
col2_top,
col2_top02,
ul.pagelink
{ display: inline-block; }

div.col2_intro,
col2_top,
col2_top02,
ul.pagelink
{
	display: block;
	margin: 0 0 50px 0;
}

* html div.col2_intro,
* html col2_top,
* html col2_top02,
* html ul.pagelink
{ height: 1%; }


/* Mac \*//*/
div.col2_intro,
col2_top,
col2_top02,
ul.pagelink
{ overflow: hidden; }

/* Hides from IE-mac\*/