@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

a { outline: none; }

html,body {
	height: 100%;
	overflow:scroll;
	
}

body {
	color: #000000;
	background-color: #FFFFFF;
	
	
}

h1 {
	color:#FF0099;
	/*height: 0px;
	width: 0px;
	overflow: hidden;*/
}

h2 {
	font-size: xx-large;
	color: #000000;
}

div.section-body h3 a{
	color:#0000FF;
	font-size:12px;
	text-decoration:none;
	float:left;
	margin-right:15px;

}

div.section-body h3 a:hover{
	color:#FF0099;
	font-size:12px;
	text-decoration:underline;

}


div.section {
	position: absolute;
	width:1280px;
	height: 100%;
	overflow:hidden;
	
}

div.section-body-top {
	margin: 2% 5% 5% 5%;
	padding:0;
	line-height: 1.6;
	/*color: #FFFFFF;*/
	background-image:url(images/u18.jpg);
	background-position:top right;
	background-repeat:no-repeat;

}


div.section-body {
	margin: 2% 5% 5% 5%;
	padding:0;
	line-height: 1.6;
	color: #FFFFFF;
	background-image:url(images/bg_logo.jpg);
	background-position:top right;
	/background-repeat:top right;
	background-repeat:no-repeat;
	/background-repeat:no-repeat;
	

}

#section7 div.section-body{
	margin: 2% 5% 5% 5%;
	padding:0;
	line-height: 1.6;
	color: #FFFFFF;
	background-image:url(images/bg_logo.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	/background:none;


}


*:first-child+html #section7{
	margin:0;
	padding:0;
	line-height: 1.6;
	color: #FFFFFF;
	background-image:url(images/bg_logo.jpg);
	background-position:90% 4%;
	background-repeat:no-repeat;
	
}

div.section-body a {
	color: #FFFFFF;
	text-decoration: none;
}

div.section-body a:hover {
	text-decoration: none;
}

.section-body ul{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:900px;
	height:200px;
	background:none;

}

.section-body li{
	list-style-type:none;
	float:left;
	margin:0px 15px 0px 0px;
	padding:0px;

}

.section-body li a img{
	border:none;
	filter: alpha(opacity=50);
	opacity:0.5;
	

}

.section-body li a:hover img{
	filter: alpha(opacity=100);
	opacity:1.0;

}

div#section1 {
	top: -1px;
	left: 2px;
	/*background-color: #FF99CC;*/
	background-color: #FFFFFF;
	
}

div#section1 a img{
	border:none;
	
}


div#section1 a:hover img{
	border:none;
	filter: alpha(opacity=50);
	opacity:0.5;		
}
div.section-body .form a{
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	top:0;
	left:-9999px;
	

}

div.section-body-top .form a{
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	top:0;
	left:-9999px;
	

}

div.section-body .form a:hover{
	color:#FF0099;
	font-weight:bold;
	text-decoration:underline;
	
}


div.section-body-top .form a:hover{
	color:#FF0099;
	font-weight:bold;
	text-decoration:underline;
	
}


div#section2 {
	top: 0;
	left: 100%;

}

div#section3 {
	top: 0;
	left: 200%;
	
	
}

div#section4 {
	top: 100%;
	left: 0;
	background-color: #FFFFFF;
	
}

div#section5 {
	top: 100%;
	left: 100%;
	background-color: #FFFFFF;

}

div#section6 {
	top: 100%;
	left: 200%;
	background-color: #FFFFFF;

}

div#section7 {
	top: 200%;
	left: 0;
	background-color: #FFFFFF;
	
	
	
}

div#section8 {
	top: 200%;
	left: 100%;
	background-color: #FFFFFF;
	
}

div#section9 {
	top: 200%;
	left: 200%;
	background-color: #FFFFFF;
	
}

div#navi {
	position: fixed;
	_position: absolute;
	right: 5%;
	bottom: 5%;
	border: 2px solid #999999;
}

div#navi table {
	border-collapse: collapse;
}

div#navi table td {
}

div#navi table td#navi1 {
	background-color: #FF99CC;
}

div#navi table td#navi2 {
	background-color: #66CCCC;
}

div#navi table td#navi3 {
	background-color: #99CCCC;
}

div#navi table td#navi4 {
	background-color: #CCCCFF;
}

div#navi table td#navi5 {
	background-color: #FFCC99;
}

div#navi table td#navi6 {
	background-color: #66CC99;
}

div#navi table td#navi7 {
	background-color: #9999FF;
}

div#navi table td#navi8 {
	background-color: #00CCCC;
}

div#navi table td#navi9 {
	background-color: #CC99CC;
}

div#navi table td a {
	display: block;
	width: 3em;
	height: 2em;
	color: #FFFFFF;
	text-decoration: none;
}

div#navi table td a:hover {
	background-color: #FF00FF;
}

.qa {
	float:right;
	margin:0 0 0 0;
	/margin:-400px 0 0 0 ;
	
}

.qa a img{
	border:none;

}

/*.qa {
	float:right;
	margin:0px 10px 0 0 ;
	
}*/

.qa a:hover img{
	border:none;
	filter: alpha(opacity=50);
	opacity:0.5;
}


img#application{
	margin:0 0 0 30px;

}

a img#application{
	filter: alpha(opacity=100);
	opacity:1.0;
	background-color:#ffffff;

}

a:hover img#application{
	filter: alpha(opacity=50);
	opacity:0.5;

}




#official{
	position:absolute;
	top:73%;
	left:80%;
	text-align:right;	

}

#official a img{
	border:none;	

}

#official a:hover img{
	border:none;
	filter: alpha(opacity=50);
	opacity:0.5;	

}

#official p{
	margin:0;
	padding:0;
	font-size:10px;
	color:#333333;
}

#official a p{
	font-size:10px;
	color:#ff0066;
	text-decoration:none;
	

}

#official a:hover p{
	font-size:10px;
	color:#0000ff;
	text-decoration:underline;

}





/*Q&Aおしゃれなツールチップ*/

.faq{
	margin:0 0 40px 0;
	padding:0;
	background:#FFFFFF;

}

.faq_area_left{
	margin:0;
	padding:0 ;
	background:#FFFFFF;
	
	

}


#faq01 a{
	position:absolute;
	top:15%;
	left:20%;
	color:#ff0099;
}

#faq02 a{
	position:absolute;
	top:18%;
	left:20%;
	color:#ff0099;
}

#faq03 a{
	position:absolute;
	top:21%;
	left:20%;
	color:#ff0099;
}

#faq04 a{
	position:absolute;
	top:24%;
	left:20%;
	color:#0066FF;
}

#faq05 a{
	position:absolute;
	top:27%;
	left:20%;
	color:#0066FF;
}

#faq06 a{
	position:absolute;
	top:30%;
	left:20%;
	color:#0066FF;
}

#faq07 a{
	position:absolute;
	top:33%;
	left:20%;
	color:#0066FF;
}

#faq08 a{
	position:absolute;
	top:38%;
	left:20%;
	color:#FF9933;
}

#faq09 a{
	position:absolute;
	top:41%;
	left:20%;
	color:#FF9933;
}

#faq10 a{
	position:absolute;
	top:44%;
	left:20%;
	color:#FF9933;
}

#faq11 a{
	position:absolute;
	top:47%;
	left:20%;
	color:#FF9933;
}

#faq12 a{
	position:absolute;
	top:50%;
	left:20%;
	color:#FF9933;
}

#faq13 a{
	position:absolute;
	top:53%;
	left:20%;
	color:#00CC33;
}

#faq14 a{
	position:absolute;
	top:56%;
	left:20%;
	color:#00CC33;
}

#faq15 a{
	position:absolute;
	top:59%;
	left:20%;
	color:#00CC33;
}


.faq_area_right{
	float:right;
	margin:0;
	padding:0px 0 0 0;
	background:#FFFFFF;
}

#faq16 a{
	position:absolute;
	top:15%;
	left:55%;
	color:#00CC33;
}

#faq17 a{
	position:absolute;
	top:18%;
	left:55%;
	color:#00CC33;
}

#faq18 a{
	position:absolute;
	top:21%;
	left:55%;
	color:#00CC33;
}

#faq19 a{
	position:absolute;
	top:24%;
	left:55%;
	color:#00CC33;
}

#faq20 a{
	position:absolute;
	top:29%;
	left:55%;
	color:#00CC33;
}

#faq21 a{
	position:absolute;
	top:32%;
	left:55%;
	color:#FF9933;
}

#faq22 a{
	position:absolute;
	top:35%;
	left:55%;
	color:#FF9933;
}

#faq23 a{
	position:absolute;
	top:38%;
	left:55%;
	color:#FF9933;
}

#faq24 a{
	position:absolute;
	top:41%;
	left:55%;
	color:#0066FF;
}


#faq25 a{
	position:absolute;
	top:44%;
	left:55%;
	color:#0066FF;
}


#faq26 a{
	position:absolute;
	top:47%;
	left:55%;
	color:#0066FF;
}


#faq27 a{
	position:absolute;
	top:50%;
	left:55%;
	color:#ff0099;
}

#faq28 a{
	position:absolute;
	top:53%;
	left:55%;
	color:#ff0099;
}

#faq29 a{
	position:absolute;
	top:56%;
	left:55%;
	color:#ff0099;
}

#faq30 a{
	position:absolute;
	top:59%;
	left:55%;
	color:#ff0099;
}




#faq01 a:hover,
#faq02 a:hover,
#faq03 a:hover,
#faq04 a:hover,
#faq05 a:hover,
#faq06 a:hover,
#faq07 a:hover,
#faq08 a:hover,
#faq09 a:hover,
#faq10 a:hover,
#faq11 a:hover,
#faq12 a:hover,
#faq13 a:hover,
#faq14 a:hover,
#faq15 a:hover,
#faq16 a:hover,
#faq17 a:hover,
#faq18 a:hover,
#faq19 a:hover,
#faq20 a:hover,
#faq21 a:hover,
#faq22 a:hover,
#faq23 a:hover,
#faq24 a:hover,
#faq25 a:hover,
#faq26 a:hover,
#faq27 a:hover,
#faq28 a:hover,
#faq29 a:hover,
#faq30 a:hover,
#faq31 a:hover,
#faq32 a:hover,
#faq33 a:hover,
#faq34 a:hover,
#faq35 a:hover{
	text-decoration:underline;
	
}

.faq{
	margin-top:0px;

}


a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
	font-size:12px;
	
}
a.tt span{ display: none; }

a.tt:hover{ 
	z-index:25; 
	color: #aaaaff;
	background:;
	font-size:13px;
	font-weight:bold;
	

}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:50%; left:50%;
	padding: 15px 0 0 0;
	width:200px;
	color: #333333;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-size:12px;
	font-weight:bold;
	
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ 
	display: block;
	padding: 0 10px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
	
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

/*Q&Aおしゃれなツールチップ*/


.ouboform{
	/*background:#0099FF;*/
	width:850px;
	height:400px;


}



img.youkou{
	margin-top:0px;

}

/*img.faq{
	margin-top:20px;

}*/