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



/* ----------------
   DEFAULT
---------------- */


body {
    background-color:#FFFFFF;
 /*    background-image:url(../../img/bg.gif); */
    background-position:center top;
	background-attachment: fixed;
    background-repeat:repeat-y;
	margin: 0;
	padding: 0;
	color: #999999;
	text-align: center;
}

.style2 {color: #669900}
.style3 {color: #0099CC}
.style5 {color: #FF0000}
.style6 {color: #CC0000;
	font-weight: bold;
}
.style7 {color: #CC0000}
.style10 {color: #000000}
.style12 {color: #FF9900}
.style14 {color: #CC0000; font-weight: bold; font-size: 16px; }

.fgg{
background-color:#FFFFFF;
}

/* リンクの設定 */
a:link {
	color: #1D4FB3;
	text-decoration: none;
}
a:visited {
	color: #1D4FB3;
	text-decoration: none;
}
a:hover {
	color: #1D4FB3;
	text-decoration: underline;
}
a:active {
	color: #1D4FB3;
	text-decoration: none;
}

/* FORMの余計な空白削除 */
form {
	margin: 0;
	padding: 0;
}

/* リストの余計な空白削除 */
ul, ol, li {
	margin: 0;
	padding: 0;
}

.suji {
list-style-type: decimal;
}

.no {
list-style-type: none;
}

/* h1～h6 の余計な空白削除 */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* P の余計な空白削除 */
p{
	margin: 0;
	padding: 0;
}

/* IMG のボーダーを非表示 */
img {
	border: none;
}

/* TABLE のボーダーを非表示 */
table {
	border: none;
}

/* IEで起こるBRのバグ回避 */
br {
	letter-spacing: normal;
}

/* フォントスタイル ノーマル化 */
address , em{
	font-style: normal;
}


/* ----------------
   STANDARD
---------------- */

body {
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
}
.t1 {
	font-size: 10px;
	line-height: 14px;
}
.t2 {
	font-size: 12px;
	line-height: 16px;
}

.t2b {
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
}


.t3 {
	font-size: 14px;
	line-height: 19px;
}
.t4 {
	font-size: 16px;
	line-height: 21px;
}


.t_nt {
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	line-height: 16px;
    margin:0 0 10px 0;
}

.t_ntc {
	font-size: 10px;
	color:#676767;
	line-height: 14px;
	margin:0;
	padding:0;
}

.t_nc {
	font-size: 10px;
	color:#676767;
	line-height: 16px;
	margin:0;
	padding:0;
}

.d_nt {
	font-size: 18px;
	font-weight:bold;
	color:#000000;
	line-height: 24px;
}

.d_ntc {
	font-size: 12px;
	color:#676767;
	line-height:18px;
	margin:0;
	padding:0;
}

.d_nc {
	font-size: 12px;
	color:#676767;
	line-height: 20px;
	margin:0;
	padding:0;
}



/* ----------------
   STYLE
---------------- */

.fp_bg{	height: 100%;
}

#fp-l2{
	width:640px;
	height: auto;
	float:left;
	background-color:#FFFFFF;
	}

#lpart {
	margin: 0 auto 20px auto;
	width: 640px;
	text-align: left;
	background-color:#FFFFFF;
}

#wpart {
	margin: 0 auto 0 auto;
	width: 620px;
	text-align: left;
	background-color:#FFFFFF;
}


#header {
	height: 80px;
}

#header_top {
	padding: 20px 0 0 24px;
}

#header_navi {
	float: right;
	width: 260px;
}

#header_navi ul {
	padding-left: 98px;
	margin-left: 10px;
}

#header_navi li {
	padding: 0 0px 1px 13px;
	float: right;
	list-style: none;
}

#header_navi li a {
	color: #484848;
	text-decoration: none;
}

#header_navi li a:hover {
	color: #484848;
	text-decoration: underline;
}

#pagebody {
	padding-bottom: 0px;
	float: left;
	background-color:#FFFFFF;

}


/* ----------------
   TOPPAGE
---------------- */

#main {
	width: 620px;
	float: left;
	background-color:#FFFFFF;
}

#main2 {
    margin-top:15px;
	width: 620px;
	float: left;
	background-color:#FFFFFF;
}


#main_padding {
	padding: 0 0 0 0;
}

#news {
	padding: 20px 0 0 0;
	position:relative;
	display: block;
	width: 620px;
	height: 32px;
}

#news_text {
	width: 620px;
}

#news_text ul {
	padding-left: 0px;
}

#news_text li {
	padding: 0;
	float: left;
	width: 620px;
	border-bottom: 1px dashed #e0e0e0;
	list-style-type: none;
}

#news_text li a {
	color: #484848;
	text-decoration: none;
}

#news_text li a:hover {
	color: #484848;
	text-decoration: underline;
}

#news_text li .day {
	width: 65px;
	height: 21px;
	float: left;
	padding: 10px 0 0 10px;
}

#news_text li .text {
	width: 330px;
	height: 21px;
	float: left;
	padding: 10px 0 0 0px;
}



#news_text li .text2 {
	width: 545px;
	height: 21px;
	float: left;
	padding: 10px 0 0 0px;
}






#news_text li .icon {
	width: 199px;
	height: 21px;
	float: right;
	padding: 6px 0px 6px 0px;
}

#news_text .no_border {
	border: none;
}

#news_text .line {
	border-bottom:  2px solid #e0e0e0;
}



#ggichiran {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 620px;
	height: 20px;
	background-color:#FFFFFF;
}


#ggichiran_text {
	width: 620px;
}

#ggichiran_text ul {
	padding-left: 0px;
}

#ggichiran_text li {
	padding: 0;
	float: left;
	width: 620px;
	list-style-type: none;
}

#ggichiran_text li a {
	color: #484848;
	text-decoration: none;
}

#ggichiran_text li a:hover {
	color: #484848;
	text-decoration: underline;
}



#ggi {
	margin: 0;
	padding: 0 0 0 0;
	position:relative;
	display: block;
	float: left;
	width: 620px;
	height: 298px;
}

#ggi_left {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 303px;
	height: 286px;
	float: left;
	margin: 0;
	border: 1px solid #dadada;
	background-color:#f5f5f5;
}


#ggi_right {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 303px;
	height: 286px;
	float: left;
	margin: 0 0 0 10px;
	border: 1px solid #dadada;
	background-color:#f5f5f5;
}

#ggi_pic {

	width: 142px;
	height: 113px;
	float: left;
	margin: 10px 0 0 10px;
}

#ggi_txt {

	width: 120px;
	height: 120px;
	float: left;
	margin: 10px 0 0 10px;
}

#ggi_content {
	position:relative;
	display: block;
	width: 290px;
	height: 120px;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
}

#ggi_content2 {
	position:relative;
	display: block;
	width: 286px;
	height: 60px;
	float: left;
	padding: 0;
	margin: 10px 0 0 10px;
}

#ggi_content3 {
	position:relative;
	display: block;
	width: 199px;
	height: 21px;
	float: left;
	padding: 0 0 0 0;
	margin: 8px 0 0 10px;
}

#ggi_content4 {
	position:relative;
	display: block;
	width: 290px;
	height: 51px;
	float: left;
	padding: 0 0 0 0;
	margin: 8px 0 10px 0;
}


.dlbutton01{
margin:0 0 0 40px;
padding:0;
display:block;
width:220px;
height:51px;
background:url(../../img/download01.jpg) no-repeat;
text-indent: -9999px;
}

.dlbutton01:hover{
background-position: 0px -54px ;
}


.dlbutton02{
margin:0;
padding:0;
display:block;
width:227px;
height:55px;
background:url(../../img/download02.jpg) no-repeat;
text-indent: -9999px;
}

.dlbutton02:hover{
background-position: 0px -57px ;
}



#kiyaku_text {
	width: 620px;
}

.kiyaku_1 {
	font-size: 12px;
	color:#666666;
	line-height: 20px;
	margin:0;
	padding:0;
}


#faq_text {
	width: 620px;
}

.faq li{
	font-size: 12px;
	color:#666666;
	line-height: 20px;
	margin:0;
	padding:0;
}












#d_ggi {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	float: left;
	width: 600px;
}

#d_ggi_left {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 620px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
}


#d_ggi_right {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 232px;
	float: right;
	margin: 0px 0px 10px 0px;
}

/* ----------------
   RECOMMENDED
---------------- */

#rec {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 232px;
	height: 25px;
}


#d_rec_content {
	position:relative;
	display: block;
	width: 231px;
	float: left;
	padding: 0 0 15px 0;
	margin: 18px 0 0 0;
	border: 1px solid #dadada;
	background-color:#f5f5f5;
}


#d_rec_pic {

	width: 201px;
	height: 157px;
	float: left;
    margin: 15px 15px 12px 15px;
}

#d_rec_txt1 {

	width: 201px;
	float: left;
    margin: 0 15px 6px 15px;
}


#d_rec_txt2 {

	width: 201px;
	float: left;
    margin: 0 15px 0px 15px;
}









#d_ggi_pic {

	width: 320px;
	height: 250px;
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #dadada;
}


#d_ggi_pic1 {

	width: 320px;
	height: 237px;
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #dadada;
}


#d_ggi_pic2 {

	width: 320px;
	height: 317px;
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #dadada;
}










#d_ggi_txt1 {

	width: 200px;
	float: left;
	margin: 0 0 20px 0;
}

#d_ggi_txt2 {

	width: 200px;
	float: left;
	margin: 0 0 10px 0;
}





#d_ggi_content {
	position:relative;
	display: block;
	width: 590px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}

#d_ggi_content2 {
	position:relative;
	display: block;
	width: 590px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 25px 0;
}

#d_ggi_content2 a {
	color: #646464;
	text-decoration: underline;
}

#d_ggi_content2 a:hover {
	color: #646464;
	text-decoration: none;
}


#d_ggi_content3 {
	position:relative;
	display: block;
	width: 199px;
	height: 21px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}

#d_ggi_content4 {
	position:relative;
	display: block;
	width: 220px;
	height: 51px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


#d_ggi_content5 {
	position:relative;
	display: block;
	width: 220px;
	height: 51px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}



/* ----------------
   releases NOTE
---------------- */

#rnote {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	position:relative;
	display: block;
	width: 620px;
	height: 25px;
	border-bottom:  1px solid #e0e0e0;
}



#rnote_text {
	width: 620px;
}

#rnote_text ul {
	padding-left: 0px;
}

#rnote_text li {
	padding: 0;
	float: left;
	width: 620px;
	border-bottom: 1px dashed #e0e0e0;
	list-style-type: none;
}

#rnote_text .no_border {
	border: none;
}

#rnote_text .line {
	border-bottom:  2px solid #e0e0e0;
}

#rnote_text li .update {
	width: 85px;
	height: 21px;
	float: left;
	padding: 10px 0 0 0;
}

#rnote_text li .text {
	width: 520px;
	height: 21px;
	float: left;
	padding: 10px 0 10px 10px;
}

#rnote_text li .icon {
	width: 199px;
	height: 21px;
	float: right;
	padding: 6px 0px 6px 0px;
}


/* ----------------
   back
---------------- */




#back {
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	position:relative;
	display: block;
	float: left;
	width: 620px;
	height: 60px;
	border: 1px solid #dadada;
	background-color:#f5f5f5;
}



#d_ggi_back {
	position:relative;
	display: block;
	width: 99px;
	height: 32px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.back_button{
margin:14px 0 0 260px;
padding:0;
display:block;
width:99px;
height:32px;
background:url(../../img/back.jpg) no-repeat;
text-indent: -9999px;
}

.back_button:hover{
background-position: 0px -33px ;
}


/* ----------------
   footer
---------------- */

#footer {
	margin: 10px 0 50px 0;
	padding:0;
	position:relative;
	display: block;
	float: left;
	width: 620px;
	height: 0px;
	background-color:#FFFFFF;
}

#copy {
	color: #646464;
	float: left;
	width: 205px;
}

#pp {
	color: #646464;
	float: left;
	width: 300px;
}

#pp a {
	color: #646464;
	text-decoration: underline;
}

#pp a:hover {
	color: #646464;
	text-decoration: none;
}




#footer2 {
	margin: 10px 0 30px 0;
	padding:0;
	position:relative;
	display: block;
	float: left;
	width: 620px;
	height: 40px;
	background-color:#FFFFFF;
}

#copy2 {
	color: #646464;
	float: left;
	width: 48px;
}

#pp2 {
	color: #646464;
	float: left;
	width: 568px;
}

#pp2 a {
	color: #646464;
	text-decoration: underline;
}

#pp2 a:hover {
	color: #646464;
	text-decoration: none;
}


.qa {
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
    border-style:solid;  
    border:1px 1px 1px 1px;  
	border-color:#ff9900;  
}  




/* ----------------
   tumbler
---------------- */

#tumichiran {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 620px;
	height:10px;
	background-color:#FFFFFF;
}


#tumichiran_text {
	width: 620px;
}

#tumichiran_text ul {
	padding-left: 0px;
}

#tumichiran_text li {
	padding: 0;
	float: left;
	width: 620px;
	list-style-type: none;
}

#tumichiran_text li a {
	color: #484848;
	text-decoration: none;
}

#tumichiran_text li a:hover {
	color: #484848;
	text-decoration: underline;
}



#tum {
	margin: 0;
	padding: 0 0 0 0;
	position:relative;
	display: block;
	float: left;
	width: 620px;
	height: 172px;
}

#tum2 {
	margin: 0;
	padding: 0 0 0 0;
	position:relative;
	display: block;
	float: left;
	width: 620px;
	height: 172px;
}


#tum_left {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 303px;
	height: 162px;
	float: left;
	margin: 0;
	border: 1px solid #dadada;
	background-color:#f5f5f5;
}


#tum_right {
	padding: 0 0 0 0;
	position:relative;
	display: block;
	width: 303px;
	height: 162px;
	float: left;
	margin: 0 0 0 10px;
	border: 1px solid #dadada;
	background-color:#f5f5f5;
}

#tum_pic {

	width: 142px;
	height: 142px;
	float: left;
	margin: 10px 0 0 10px;
}

#tum_txt {

	width: 120px;
	height: 120px;
	float: left;
	margin: 10px 0 0 10px;
}

#tum_content {
	position:relative;
	display: block;
	width: 290px;
	height: 149px;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
}

#tum_content2 {
	position:relative;
	display: block;
	width: 286px;
	height: 89px;
	float: left;
	padding: 0;
	margin: 10px 0 0 10px;
}

#tum_content3 {
	position:relative;
	display: block;
	width: 199px;
	height: 50px;
	float: left;
	padding: 0 0 0 0;
	margin: 8px 0 0 10px;
}

#tum_content4 {
	position:relative;
	display: block;
	width: 290px;
	height: 80px;
	float: left;
	padding: 0 0 0 0;
	margin: 8px 0 10px 0;
}