@charaset"Shift-JIS";	

/* ----------------------------------------------------------------- COMMON TAG */
html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color:#333333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro";
	font-size:80% ;
}
*{
	margin: 0px;
	padding: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
a {
	margin: 0px;
	padding: 0px;
	border: none;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p,form,input,ul,li {
	margin: 0px;
	padding: 0px;
}
ul,li {
	list-style: none;
}

div#contents-body h2, h3, h4 {
	clear:both;
}
/* ----------------------------------------------------------------- COMMON LAYOUT */

div#wrapper {
/*	position:relative;*/
	width:100%;
}

div#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
div#contents {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------------------------------------- CONTENTS LAYOUT */

div#foottrace {
	padding: 10px 0px 18px 0px;
	font-size: 90%;
		width: 930px;
			clear:both;
	margin: 0px auto;
}

/* ----------------------------------------------------------------- HEADER LAYOUT */

div#header {
	padding: 0px 0px 10px 0px;
	width: 930px;
	clear:both;
	margin: 0px auto;
	text-align: left;
}
div#header h1#ci {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 186px;
}
div#header div#ci {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 186px;
}
div#header div#submenu {
	float: right;
	width: 654px;
	padding:0px 0px 0px;
}

/* ----------------------------------------------------------------- Popup HEADER LAYOUT */

div#header-popup {
	width: 810px;
	clear:both;
	margin: 0px auto;
	text-align: left;
}
div#header-popup h1 {
	float: left;
	padding: 0px 0px 0px 0px;
	width:655px;
}
div#header-popup div#submenu {
	float: right;
	text-align:right;
	padding:8px 0px 0px;
}
div#header-popup div#submenu div#font {
	float: left;
	width: 145px;
}
div#header-popup div#submenu ul#fontsize {
	padding:0px 0px 0px 0px ;
	float: left;
	width: 75px;
}
div#header-popup div#submenu ul#fontsize li {
	float: left;
	width: 25px;
	padding:0px 0px 0px;
}
div#header-popup div#submenu p.start {
	width: 69px;
	margin:4px 0px 0px 0px;
	float: left;
}
div#wrapper div#global-popup {
	width: 100%;
	clear:both;
	height: 18px;
	background: #FFFFFF url(../img/gb_bkgd_popup.gif) repeat-x left top;
}
div#wrapper div#contnts-popup {
	width: 798px;
	clear:both;
	margin: 0px auto;
	padding: 10px 0px 0px;
}
div#wrapper div#contnts-popup div#movie-box {
	clear:both;
	text-align: center;
	background: url(../img/win_mov_box_bg.gif) no-repeat;
	height: 670px;
	width: 798px;
}
div#wrapper div#contnts-popup div#movie-box2 {
	clear:both;
	text-align: center;
	background: url(../img/win_mov_box_bg2.gif) no-repeat;
	height: 430px;
	width: 798px;
}
div#wrapper div#contnts-popup div#movie-box3 {
	clear:both;
	text-align: center;
	background: url(../img/win_mov_box_bg3.gif) no-repeat;
	height: 750px;
	width: 798px;
}
div#wrapper div#contnts-popup div#download {
	width: 400px;
	clear:both;
	margin: 0px auto;
}

div#wrapper div#contnts-popup div#download div.left-box{
	width: 100px;
	float:left;
	text-align:left;
}
div#wrapper div#contnts-popup div#download div.right-box{
	width: 300px;
	float:left;
}
div#wrapper div.close-box {
	width: 200px;
	clear:both;
	margin: 10px auto;
	text-align:center;
}
div#wrapper div#footer-popup {
	width: 228px;
	clear:both;
	margin: 0px auto;
}


/* ----------------------------------------------------------------- SELECT HEADER LAYOUT */

div#header-select {
	padding: 0px 0px 10px 0px;
	width: 930px;
	clear:both;
	margin: 0px auto;
	text-align: left;
}
div#header-select h1 {
	float: left;
	padding: 0px 0px 0px 0px;
	width:655px;
}
div#header-select div#ci {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 186px;
}
/*div#header-select div#submenu {
	float: right;
	width: 512px;
	padding:0px 0px 0px;
}*/
div#header-select div#submenu {
	float: right;
	text-align:right;
	padding:8px 0px 0px;
}
div#header-select div#submenu div#font {
	float: left;
	width: 145px;
}
div#header-select div#submenu ul#fontsize {
	padding:0px 0px 0px 0px ;
	float: left;
	width: 75px;
}
div#header-select div#submenu ul#fontsize li {
	float: left;
	width: 25px;
	padding:0px 0px 0px;
}
div#header-select div#submenu p.start {
	width: 69px;
	margin:4px 0px 0px 0px;
	float: left;
}
div#wrapper div#global-select {
	width: 100%;
	clear:both;
	height: 5px;
	background: #FFFFFF url(../img/gb_bkgd_select.gif) repeat-x left top;
}



/* ---------------------------------- FONTS LAYOUT */

div#header div#submenu div#top-submenu {
	float: right;
	width: 654px;

}
div#header div#submenu div#top-submenu div#right-sub {
	float: right;

	width: 248px;
	background: url(../img/btn_topbar.gif) no-repeat right bottom;
	padding:10px 0px 12px 0px ;
}
div#header div#submenu div#top-submenu div#right-sub div#font {
	float: left;
	width: 145px;
}
div#header div#submenu div#right-sub ul#fontsize {
	padding:0px 0px 0px 0px ;
	float: left;
	width: 75px;
}
div#header div#submenu div#right-sub ul#fontsize li {
	float: left;
	width: 25px;
	padding:0px 0px 0px;
}
div#header div#submenu div#right-sub p.start {
	width: 69px;
	margin:4px 0px 0px 0px;
	float: left;
}
div#header div#submenu div#top-submenu div#left-sub {
	float: left;
	width: 387px;
	height: 49px;
	background: url(../img/tab_bkgd_before.gif) no-repeat left top;
	padding:0px 0px 0px 0px;
}
div#header div#submenu div#top-submenu div#left-sub div#btn-left {
	float: left;
/*	width: 100px;*/
	padding:8px 0px 0px 16px;
}
div#header div#submenu div#top-submenu div#left-sub div#btn-midle {
	float: left;
	/*	width: 100px;*/
	padding:8px 0px 0px 4px;
}
div#header div#submenu div#top-submenu div#left-sub div#btn-right {
	float: right;
/*	width: 110px;*/
	padding:8px 16px 0px 0px;
		text-align: right;
}

div#header div#submenu div#right-sub p#resource {
	float: right;
	width: 95px;
		padding:0px 0px 0px 0px ;
}



/* ---------------------------------- NAVI LAYOUT */

div#header div#submenu ul#navi {
	float: right;
	width: 512px;
}
div#header div#submenu ul#navi li {
	float: right;
	padding:0px 17px 0px 17px;
	display: inline;
	border-right: 1px solid #d1d7da;
}
div#header div#submenu ul#navi li.end {
	padding:0px 10px 0px 17px;
		border-right: none;
}


/* ----------------------------------------------------------------- GLOBAL LAYOUT */

div#wrapper div#global {
	width: 100%;
	clear:both;
	height: 33px;
	background: #FFFFFF url(../img/gb_bkgd.gif) repeat-x left top;
}
div#wrapper div#global ul {
	overflow:hidden; 
	clear:both;
	width: 930px;
	height:33px;
	margin: 0px auto;
	text-align: left;
}
div#wrapper div#global ul li {
	overflow:hidden;
	float:left;
	width: 186px;
	height:33px;
	background: url(../../img/bg_gb_li_line.gif) no-repeat right top;
}
div#wrapper div#global ul li a {
	display:block;
	width: 186px;
	height:33px;
	text-align: center;
}
div#wrapper div#global ul li.end {
	width: 186px;
}
div#wrapper div#global ul li.end a {
	width: 186px;
}




/* ----------------------------------------------------------------- FOOTER LAYOUT */

div#footer {
	width: 935px;
	margin: 0px auto;
		padding: 0px 0px 11px 0px;
}

div#footer div#footer-box{
	clear:both;
	width: 935px;
	margin: 0px auto;
	text-align: left;
	padding: 11px 0px 0px 0px;
}
div#footer p#company-ci {
	float:left;
	width: 65px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
div#footer ul {
	float:left;
	width: 450px;
	padding: 15px 0px 0px 0px;
}
div#footer ul li{
	float:left;
	padding:0px 13px 0px 13px;
	line-height: 110%;
	display: inline;
	border-right: 1px solid #8c8c8c;
	font-size: 80%;
}
div#footer ul li.end {
	border-right: none;
}

div#footer p#copyright {
	float:right;
	width: 228px;
	padding: 15px 0px 0px 0px;
}



/* local-navi
----------------------------------------------------*/
div#local-navi {
	float: left;
	width: 218px;
	border: 1px solid  #e7e7e7;
	
}
div#local-navi ul {
	clear: both;
}
div#local-navi ul li {
	width: 218px;
		float:left;
	padding: 1px 0px 0px 0px;
	background: #f4f5f6 url(../img/local_line.gif) no-repeat left top;
}
div#local-navi ul li.start {
	background: url(../../css/none);
		padding: 0px 0px 0px 0px;
		clear: both;	
}
div#local-navi ul li.ttl {
	clear: both;
	background:none;
	height: 37px;
	overflow: hidden;
	float:left;
		padding: 0px 0px 0px 0px;
}
div#local-navi ul li.ttl a {
	padding: 0px;
	text-decoration: none;
}
div#local-navi ul li a {
	clear: both;
/*	width: 200px;*/
	line-height: 120%;
	padding: 9px 0px 7px 26px;
	display: block;
	text-decoration: none;
	color:#a3a8aa;
}
div#local-navi ul li a.on {
	padding: 9px 0px 7px 26px;
		color:#ffffff;
font-weight:bold;
					background: #29bfe3;
		
}


/* local-navi hover-------------------------*/
div#local-navi ul li a:hover {
	text-decoration: underline;
}
/* local-navi third-------------------------*/
div#local-navi ul li ul {
	clear: both;
	background: #f4f5f6;
}
div#local-navi ul li ul li {
	background: #f4f5f6;
	padding: 0px 0px 0px 0px;	

}
div#local-navi ul li ul li a,div#local-navi ul li ul li a.on {
	clear: both;
	width:179px;
	padding: 4px 0px 5px 39px;
			color:#333333;
		font-weight:normal;
}



/* local-navi company ---------------------------------------------------------------*/
div#local-navi ul li a {
	background: url(../img/local_company.gif) no-repeat left top;
}
div#local-navi ul li.plus a {
	background: url(../img/local_company_plus.gif) no-repeat left top;
}
div#local-navi ul li.plus a.on {
	background: #29bfe3 url(../img/local_company_plus_on.gif) no-repeat left top;
}
div#local-navi ul li a.on {
	background: #29bfe3 url(../img/local_company_on.gif) no-repeat left top;
	text-decoration: none;
}
/* local-navi company third*/
div#local-navi ul li ul li a {
	background:  #f4f5f6 url(../img/local_company_third.gif) no-repeat left top;
	margin: 0px 0px;
}
div#local-navi ul li.plus ul li a {
	background:  #f4f5f6 url(../img/local_company_third.gif) no-repeat left top;
}
div#local-navi ul li ul li a.on, div#local-navi ul li.plus ul li a.on {
	background:  #f4f5f6 url(../img/local_company_third_on.gif) no-repeat left top;
}
div#local-navi ul li ul li.start {
		padding: 3px 0px 0px 0px;
		clear: both;	
}
div#local-navi ul li ul li.end {
		padding: 0px 0px 3px 0px;
		clear: both;	
}

/* contents-body
----------------------------------------------------*/
div#contents div#contents-body {
	float: right;
	width:683px;
	border: 1px solid  #e7e7e7;
	background:  #f4f5f6 ;
}
div#contents div#contents-body-other {
	width:930px;
	margin: 0px auto;
	border: 1px solid  #e7e7e7;
	background:  #f4f5f6 ;
}
div#pageup {
	clear:both;
	margin: 0px auto;
	width: 683px;
	text-align: right;
}
div#pageup-other {
	clear:both;
	margin: 0px auto;
	width: 930px;
	text-align: right;
}
/* contents-body body-text
----------------------------------------------------*/
div#contents p.read{
	font-size:100%;
	padding:0px 0px 0px 0px;
	line-height:140%;
}

/* ----------------------------------------------------------------- MODULE */
/* All Class
----------------------------------------------------*/
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
	height: 0px;
}
div.clear br{
	display:none;
}

/* Float Element
----------------------------------------------------*/
.cClear {
	clear: both;
}
.cLeft {
	float: left;
}
.cRight {
	float: right;
}
/* margin Element
----------------------------------------------------*/
.mTop5 {
	margin: 5px 0px 0px;
}
.mTop10 {
	margin: 10px 0px 0px;
}
.mTop15 {
	margin: 15px 0px 0px;
}
.mTop20 {
	margin: 20px 0px 0px;
}
.mTop30 {
	margin: 30px 0px 0px;
}
.mTop40 {
	margin: 40px 0px 0px;
}
.mTop50 {
	margin: 50px 0px 0px;
}
.mTop60 {
	margin: 60px 0px 0px;
}

/* text Element
----------------------------------------------------*/
/* line-height */
.tLHight120 {
	line-height:120%;
}
.tLHight140 {
	line-height:140%;
}
.tLHight160 {
	line-height:160%;
}
.tLHight180 {
	line-height:180%;
}
/* size */
.tSize80 {
	font-size:80%;
	letter-spacing:0.1em;
}
.tSize80s {
	font-size:80%;
}
.tSize90 {
	font-size:90%;
}
.tSize100 {
	font-size:100%;
}
.tSize120 {
	font-size:120%;
}
.tSize130 {
	font-size:130%;
}
.tSize140 {
	font-size:140%;
}
/* color */
.tBlue {
	color:#29bfe3;
}
.tRed {
	color:#990000;
}
.tOrange {
	color:#FF5900;
}
.tBlack {
	color:#333333;
}
.tNormal {
	font-weight:normal;
}
.tBold {
	font-weight:bold;
}

/* aligh
----------------------------------------------------*/
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.btm{
vertical-align: middle;
}

/* PDF Element
----------------------------------------------------*/
.pdf{
	padding: 1px 0px 0px 17px;
	margin: 0px 0px 0px 14px;
	font-size: 100%;
	background-image: url(../img/icn_pdf.gif);
	background-repeat: no-repeat;
}
.pdf2{
	padding: 1px 0px 0px 17px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	background-image: url(../img/icn_pdf.gif);
	background-repeat: no-repeat;
}
div.innerPageup {
	clear:both;
	margin: 0px auto;
	width: 638px;
	text-align: right;
}

/* JS Element
----------------------------------------------------*/
.over{
}
/* LINK 114499
----------------------------------------------------*/
a{
	color: #333333;
}
a:hover{	
	color: #333333;
	text-decoration:underline;
}
a:visited{
	color:#797ebd;	
}

a.arw1
{
	color: #29bfe3;
	text-decoration: none;
}
a.arw1:hover{
	text-decoration: underline;
}
a.arw1:visited{
	color:#797ebd;	
}
