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

/* LINKS　*/
A:link {
text-decoration:underline;
}
A:visited {
text-decoration:underline;
}
A:hover {
text-decoration:underline;
}
A:active {
text-decoration:none;
}

/* clearfix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 画像センタリング */

.cr {
margin:0 auto;
}

.cr5 {
margin:5px auto;
}

.cr10 {
margin:10px auto;
}

.cr10u {
margin:10px auto 0;
}

.cr10d {
margin:0 auto 10px;
}

.cr15 {
margin:15px auto;
}

.cr15u {
margin:15px auto 0;
}

.cr20 {
margin:20px auto;
}

.cr20u {
margin:20px auto 0;
}

.cr20d {
margin:0 auto 20px;
}


/* 全体 */

html,body {
  height:100%;
}

img { display:block; }

body {
	background:url(../img/bg.gif) left top repeat;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size:62.5%;
	text-align:center;
	background-color: transparent;
}


/* 承認入り口 */

#GateWrapper {
	width:810px;
	height:610px;
	padding-top:5px;
	margin:50px auto 0;
	background:	url(../img_index/index_wrapper.png) center top no-repeat;
}

#Gate {
	width:800px;
	height:600px;
	margin:0 5px;
	background:url(../img_index/index_bg.jpg) center top no-repeat;
	position:relative;
}

#Gate ul {
	position:absolute;
	left:240px;
	top:465px;
}

#Gate ul li {
	float:left;
	margin-right:15px;
}


/* メインページ */

body > #PageWrapper {height:auto;}

#PageWrapper {
	width:962px;
	height:100%;/* for IE6 */
	min-height:100%;
	position: relative;
	margin:0 auto;
	background:url(../img/pagewrapper.png) center top repeat;
}

#Header {
	width:950px;
	height:150px;
	margin:0 6px;
	position:relative;
	background:url(../img/header_bg.jpg) center top no-repeat;
}

#Header h1.logo {
	width:210px;
	height:130px;
	background:url(../img/fudegaki_logo.png) left top no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:20px;
}

#Header p.resent {
	width:420px;
	height:20px;
	position:absolute;
	left:395px;
	top:46px;
	text-align:left;
	font-size:1.2em;
}

#Header ul#menu {
	position:absolute;
	left:229px;
	top:85px;
	width:548px;
	height:65px;
}

#Header ul#menu li {
	float:left;
}

#Header ul#menu li a{
	display:block;
	text-decoration:none;
	text-indent:-10000px;
	overflow:hidden;
	width:137px;
	height:65px;
}

#menu1 a {background:url(../img/header_menu.jpg) left top no-repeat; background-position:0 0; }
#menu2 a {background:url(../img/header_menu.jpg) left top no-repeat; background-position:-137px 0; }
#menu3 a {background:url(../img/header_menu.jpg) left top no-repeat; background-position:-274px 0; }
#menu4 a {background:url(../img/header_menu.jpg) left top no-repeat; background-position:-411px 0; }

#menu1 a:hover { background-position:0 -65px; }
#menu2 a:hover { background-position:-137px -65px; }
#menu3 a:hover { background-position:-274px -65px; }
#menu4 a:hover { background-position:-411px -65px; }

#Mainvisual {
	width:950px;
	margin:0 6px;
}

#Contents {
	width:950px;
	margin:0 6px;
	padding-bottom: 121px;
}

#Leftside {
	float:left;
	width:325px;
	text-align:left;
}

.leftbox{
}

.twitterbox {
	width:300px;
	margin-left:15px;
	margin-bottom:20px;
}

#Leftside img.topics {
	margin:0 0 7px 15px;
}

#Leftside .leftbanner {
	margin:0 0 10px 15px;
}

#Leftside ul li {
	margin:0;
}

#Rightside {
	float:left;
	width:625px;
	text-align:left;
}

.space {
	width:950px;
	height:10px;
}


#Rightside img.topics {
	margin:0 0 7px 10px;
}

#Rightside .topics_b {
	margin:0 0 7px 10px;
}

#Rightside .rireki_h {
	width:600px;
	height:5px;
	margin-left:10px;
	overflow:hidden;
	background:url(../img/rireki_box_h.png) left top no-repeat;
}

#Rightside .rireki_b {
	width:600px;
	margin-left:10px;
	background:url(../img/rireki_box_b.png) left top repeat-y;
}

#Rightside .rireki_f {
	width:600px;
	margin-left:10px;
	margin-bottom:15px;
	height:5px;
	overflow:hidden;
	background:url(../img/rireki_box_f.png) left top no-repeat;
}

.rirekibox {
	width:580px;
	padding:10px 0 20px 10px;
}

.rireki_b dl {
	width:580px;
	height:30px;
	padding-left:25px;
	position:relative;
	background:url(../img/rireki_libg.png) left top no-repeat;
}

.rireki_b dt {
	font-size:1.5em;
	font-weight:bold;
	color:#a84200;
	float:left;
	margin-right:40px;
	padding-top:7px;
}

.rireki_b dd {
	font-size:1.3em;
	color:#a84200;
	float:left;
	padding-top:9px;
}

.rireki_b dd a {
	color:#a84200;
	text-decoration:underline;
}

.rireki_b dd a:hover {
	text-decoration:none;
}

.rireki_b p {
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	margin-right:10px;
	color:#a84200;
}

.rireki_b p a {
	color:#a84200;
}


#Footer {
	position:absolute;
	bottom: 0;
	background:url(../img/footer_bg.jpg) right top no-repeat;
	width:951px;
	height:121px;
	margin:0 0 0 6px;
	left:-1px;
}

.f_navi {
	font-size:1.3em;
	padding-top:2px;
	color:#ffffff;
}

.f_navi a {
	color:#ffffff;
	text-decoration:underline;
}

.f_navi a:hover {
	text-decoration:none;
}

.f_bannerA {
	position:absolute;
	left:520px;
	top:35px;
}

.f_bannerB {
	position:absolute;
	left:735px;
	top:35px;
}

.f_textbox {
	margin:60px 15px 0 0;
}

.f_copyright {
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
	line-height:1.6;
}

.f_attention {
	font-size:1.1em;
	text-align:right;
}


/* サポート */

.normalbox {
	margin:10px 0 15px 25px;
	text-align:left;
}

.normalbox h2 {
	background:url(../img/sup_libg.png) left top no-repeat;
	width:880px;
	height:30px;
	margin:0 10px 0;
	padding-top:7px;
	padding-left:20px;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	color:#a84200;
}

.sup_box_h {
	background:url(../img/sup_box_h.png) left top no-repeat;
	margin-top:7px;
	width:900px;
	height:10px;

}

.sup_box_b {
	background:url(../img/sup_box_b.png) left top repeat-y;
	width:900px;

}

.sup_box_f {
	background:url(../img/sup_box_f.png) left top no-repeat;
	width:900px;
	height:10px;

}

.const_box {
	width:800px;
	margin:20px 0 0 100px;
	padding-bottom:20px;
}

.const1 {
	float:left;
	width:350px;
	color:#a84200;
	text-align:center;
}

.const1 img.b_normal {
	margin-left:75px;
}

.const1 img.shop {
	margin-left:13px;
}

.const1 img.fudegaki {
	margin-top:25px;
}

.const2 {
	float:left;
	width:450px;
	text-align:left;
	font-size:1.3em;
	color:#a84200;
	padding-top:5px;
}

.const2 a {
	color:#a84200;
}

.const2 span {
	font-size:0.8em;
}

.linkwrapper {
	width:780px;
	margin:0 60px;
}

.link_box {
	float:left;
	width:260px;
	height:70px;
	font-size:1.3em;
	color:#a84200;
	padding-top:10px;
	text-align:center;
}

.onetitle {
	width:800px;
	margin:10px auto 0;
	padding-bottom:10px;
	font-size:1.3em;
	color:#a84200;
}

.onetitle table {
	margin:10px 0 0;
	border-collapse: collapse;
	border-top: 1px solid #cc7806;
	border-left: 1px solid #cc7806;
}

.onetitle table th {
	border-bottom: 1px solid #cc7806;
	border-right: 1px solid #cc7806;
	background-color:#fdb65a;
}

.onetitle table th p {
	margin-left:10px;
}

.onetitle table td {
	border-bottom: 1px solid #cc7806;
	border-right: 1px solid #cc7806;
}

.onetitle table p {
	margin-left:10px;
}

.supporttitle {
	width:800px;
	margin:10px auto 0;
	padding-bottom:10px;
	font-size:1.3em;
	color:#a84200;
}

.supporttitle table {
	margin:10px 0 0;
	border-collapse: collapse;
	border-top: 1px solid #cc7806;
	border-left: 1px solid #cc7806;
}

.supporttitle table th {
	border-bottom: 1px solid #cc7806;
	border-right: 1px solid #cc7806;
	background-color:#fdb65a;
}

.supporttitle table th p {
	margin-left:10px;
	text-align:center;
}

.supporttitle table td {
	border-bottom: 1px solid #cc7806;
	border-right: 1px solid #cc7806;
}

.downloadlink {
	font-size:1.4em;
	text-align:center;
}

.explain {
	padding:20px;
}

.mainvisual_box {
	width:950px;
	height:500px;
	position:relative;
}

.mainvisual_button {
	position:absolute;
	width:353px;
	height:457px;
	top:40px;
	left:557px;
}

.mainvisual_button a:hover {
	position:absolute;
	top:3px;
	left:3px;
}


.mainvisual_box ul li {
	float:left;
}