@charset "euc-jp";

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, address { margin: 0; padding: 0; border: none; }

/*-------------------------------共通-------------------------------*/

body {
	margin-left: 0 auto;
	background-image: url(img/back_top.jpg);
	background-position: center top;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #3e3e3e;
	text-align:center;
	background-color: #eefceb;
	background-repeat: repeat-y;
}

a:link { color: #000099;}
a:hover { color: #663300;}
a:visited { color: #000099;}
a:focus { overflow:hidden;}
.clear	{ clear: both; }

#wrapper{
	width: 862px;
	background-image:url(img/bg.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #93b3b3;
}

/*-------------------------------ヘッダー-------------------------------*/

#topNavi { height: 221px; margin:0px; padding:0px;}
#topNavi ul { list-style: none; }
#topNavi li { float: left; display:block;}
#topNavi li.campaign a {
	float: left;
	display:block;
	width:217px;
	height: 221px;
	background-image:url(img/headBtn01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topNavi li.question a {
	float: left;
	display:block;
	width:214px;
	height: 221px;
	background-image:url(img/headBtn02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topNavi li.play a {
	float: left;
	display:block;
	width:214px;
	height: 221px;
	background-image:url(img/headBtn03.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topNavi li.rom a {
	float: left;
	display:block;
	width:217px;
	height: 221px;
	background-image:url(img/headBtn04.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#topNavi li.campaign a:hover { background-image:url(img/Btn01r.jpg);}
#topNavi li.question a:hover { background-image:url(img/Btn02r.jpg);}
#topNavi li.play a:hover { background-image:url(img/Btn03r.jpg);}
#topNavi li.rom a:hover { background-image:url(img/Btn04r.jpg);}

/*-------------------------------campaign-------------------------------*/

#present{ width: 817px; margin: 0 auto; padding: 20px 0; padding-top: 10px;}
#present .getCmap{
	margin: 0 0 20px 0;
	padding:20px 0 20px 0;
	background-color:#bce4e4;
	border: 1px solid #dbdbdb;
}
#present .getCmap .box{	width: 386px; float:left; border-right: 1px solid #93b3b3; margin-left: 20px;}
#present .getCmap .box2{ width: 386px; float:left; margin-left: 20px;}
#present .title{ padding-bottom:15px;}
#present .qr{
	padding:15px 0 0 130px;
}
#present .getCam ul{ list-style:none; padding:45px 0 0 45px;}
#present .getCam li a{ display:block; width:281px; height:75px; background-image:url(img/getCamp.gif); background-repeat:no-repeat; overflow:hidden; text-indent:-9999px;}
#present .getCam li a:hover{ background-position:0 -75px;}

/*-------------------------------question-------------------------------*/

#question{ width: 784px; margin: 0 auto; padding: 20px 0;}
#question .oubo{
	width:784px;
	height:220px;
}
#question .oubo ul{ list-style:none;}
#question .oubo li{ float: right; padding: 30px 30px 0 0 ; }
#question .oubo li a{ display:block; width:101px; height:99px; text-indent:-9999px; background-image:url(img/question_btn.gif); background-repeat: no-repeat; overflow:hidden;}
#question .oubo li a:hover{ background-position:0 -99px;}

#question #getform { }
#question #getform ul{list-style: none;}
#question #getform li {
	margin: 20px auto 10px auto;
	display: block;
	text-indent:-9999px;
	width: 281px;
	height: 75px;
	background-image:url(img/getform2.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
}
#question #getform li a:hover{ background-position: 0 -75px; }

/*-------------------------------play-------------------------------*/

#play{ width: 784px; margin: 0 auto; padding: 20px 0;}
#play .frame{
	padding: 6px 6px 5px 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	background-image: url(img/playback_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 7px;
}
#play .frame .titleLeft{ width: 200px; float: left;}
#play .frame .titleLeft .titleName{ padding:5px 0 0 8px;}
#play .frame .titleLeft .titleLogo{ padding: 33px 0 0 0;}
#play .frame .titleLeft2{ width: 265px; float: left; padding-top: 40px;}
#play .frame .titleLeft2 .btn ul{list-style: none; padding:20px 0 0 0; margin: 0;}
#play .frame .titleLeft2 .btn li{display:block;}
#play .frame .titleLeft2 .btn li a{display:block; width: 109px; height: 27px; background-image:url(img/btn.jpg); text-indent:-9999px; overflow:hidden;}
#play .frame .titleLeft2 .btn li a:hover{ background-position:0 -27px;}
#play .frame .titleLeft3{ width: 298px; float: right;}

/*-------------------------------rom-------------------------------*/

#rom{ width: 784px; margin: 0 auto; padding: 20px 0;}
#rom .frame{ padding: 6px 6px 5px 4px; border-style: solid; border-width: 1px; border-color: #CCC; background-image: url(img/romback_bg.jpg); background-repeat: no-repeat; background-position: top; margin-bottom: 7px;}
#rom .frame .titleLeft{ width: 200px; padding-bottom: 25px;}
#rom .frame .titleLeft .titleName{ padding:5px 0 0 8px;}
#rom .frame .romframe{ padding:0px 75px 0 75px;}
#rom .frame .romframe .title{ padding-bottom:20px;}
#rom .frame .romframe .box{ width: 298px; float:left;}
#rom .frame .romframe .box2{ width: 298px; float:right;}
#rom .frame .romframe .ss{ padding-top: 3px;}
#rom .frame .romframe .box3{
	margin: 15px 0 20px 0;
	padding:10px 10px 5px 10px;
	background-image: url(img/bg_item.jpg);
	background-repeat: repeat;
	border: 1px solid #eaeeed;
}
#rom .frame .romframe .box3 dl{ margin:0; padding:0;}
#rom .frame .romframe .box3 dt{ font-size:11px; line-height:130%; color:#099;}
#rom .frame .romframe .box3 dd{ font-size:11px; line-height:120%; color:#666; margin-bottom: 5px;}

#rom .frame .romframe .getInfo{
	text-align:center;
	padding-bottom:20px;
}
#rom .frame .romframe .getInfo ul{ list-style:none;}
#rom .frame .romframe .getInfo li a{ display:block; width:427px; height:67px; background-image:url(img/getInfo.jpg); margin:0 auto; text-indent:-9999px;}
#rom .frame .romframe .getInfo li a:hover{ background-position:0 -67px;}

.sarani{ background-image:url(img/sarani.jpg); height: 44px; margin: 6px 0 0 -4px; background-repeat: no-repeat; padding: 20px 0 0 145px;}

.up{ float:right}
.up ul{list-style: none; padding: 7px 0;}
.up li a{ display:block; width:71px; height:10px; background-image:url(img/up.gif);	background-repeat: no-repeat; text-indent:-9999px; overflow:hidden;}
.up li a:hover{ background-position:0 -10px;}

/*-------------------------------フッター-------------------------------*/

#goTop { height: 35px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCC; }
#goTop ul { list-style: none; padding: 5px 9px 10px 0;}
#goTop li { display:block; }
#goTop li.goTop a { float:right; display:block; width: 108px; height: 20px; text-indent:-9999px; background-image:url(img/gotoTop.gif); overflow:hidden;}
#goTop li.goTop a:hover { background-position: 0 -20px; }

#downNavi{ height:82px; background-image:url(img/downNavi.jpg); background-repeat: no-repeat; }
#downNavi ul { list-style: none;}
#downNavi li { float:left; display:block; padding: 57px 0 0 17px;}
#downNavi li.getGC a { float:left; display:block; width: 66px; height: 9px; text-indent:-9999px; background-image:url(img/getGC.gif); overflow:hidden;}
#downNavi li.getTGS a { float:left; display:block; width: 257px; height: 10px; text-indent:-9999px; background-image:url(img/getTGS.gif); overflow:hidden;}
#downNavi li.getGC a:hover{ background-position:0 -9px;}
#downNavi li.getTGS a:hover{ background-position:0 -10px;}

#footer{ height:77px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; background-image:url(img/footer.gif); background-repeat: no-repeat; text-indent:-9999px;}

.notice{
	margin-bottom:10px;
	background-color: #eee;
	padding: 15px;
	border: 1px solid #099;
	background-image: url(img/close.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/*-------------------------------テキスト関連-------------------------------*/

.txt12 { font-size: 12px; line-height: 160%;}
.txt12stred { font-size: 12px; line-height: 16px; color: #990000; font-weight: bold;}
.txt12st { font-size: 12px; line-height: 16px; font-weight: bold;}
.txt12red {	font-size: 12px; line-height: 16px;	color: #990000;}
.txt10red { font-size: 10px; line-height: 14px; color: #990000;}
.copyright { font: 11px/15px Verdana, Helvetica, sans-serif;}
.txt12stbr { font-size: 12px; line-height: 16px; color: #32230E; font-weight: bold;}
.txt12stgr { font-size: 12px; line-height: 16px; color: #006600; font-weight: bold;}
.txt10 {
	font-size: 11px;
	line-height: 14px;
	color: #999;
	padding-top:5px;
}
.txt11 { font-size: 11px; line-height: 13px;}
.txt10st { font-size: 10px; line-height: 14px; font-weight: bold;}
.txt12w { font-size: 12px; line-height: 18px;}
.txt12g{ font-size: 12px; font-weight:bold; padding-bottom:10px; color:#099}
.txt12oubo { font-size: 12px; line-height: 160%; color:#fff; padding: 20px 0 0 28px;}
.txtNotice{	font-size:14px; line-height: 140%; color: #099; font-weight: bold;}