@charset "UTF-8";

#debug {
	border:solid 2px #0000ff;
	background-color:#ffffff;
	
	}
#debug a {
	float:left;
	display:block;
	padding:5px;
	border:solid 1px #ff0000;
	background-color:#ffffff;
}
#debug a:hover {
	background-color:#ff0000;
	color:#ffffff;
}


* {
	margin:0px;
	padding:0px;
	line-height:normal;
	font-family:'ＭＳ Ｐゴシック','MS UI Gothic',Arial;
	xfont-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

li{
	list-style-type: none;
}

img {
	border:none;
}

.clear {
	clear:both;
	padding:0px;
	margin:0px;
}

.none {
	display:none;
}

body {
	background:#ffffcc;
	color:#74561a;
	font-size:12px;
	background:url(/pc/common/img/bg.jpg) 0px 0px repeat;



}

a {
	color:#74561a;
}


#container {
	width:100%;
	margin:0 auto;
	position:relative;
}

#head {
	width:100%;
	height:700px;
	margin:0 auto;
}
#head .caution {
	width:100%;
	margin:0 auto;
	text-align:center;
	height:30px;
	line-height:30px;
	background:#ff6666;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}
#head div {
	width:900px;
	margin:0 auto;
	text-align:center;
	height:20px;
	line-height:20px;
	font-size:24px;
	font-weight:bold;
	height:30px;
	line-height:30px;
}
#head h1{
	width:100%;
	text-align:center;
}
#head h1 a {
	width:900px;
	margin:0 auto;
	text-align:center;
	font-size:56px;
	height:90px;
	line-height:90px;
	color:#ff6666;
	padding:10px;
}
#head ul {
	width:900px;
	margin:0 auto;
}
#head ul li {
	width:145px;
	text-align:center;
	float:left;
	border:2px dotted #E1BD7E;
}
#head ul li a {
	display:block;
	padding:5px;
}
#head ul li a:hover {
	color:#ffffff;
	background:#74561A;
}
#head ul li span {
	display:block;
	padding:5px;
}
#head ul li ul {
	width:auto;
}
#head ul li ul li {
	float:none;
	border:none;
	text-align:left;
}

#loveny {
	width:100%;
	margin:0 auto;
	position:absolute;
	top:300px;
	xborder:1px solid #ff0000;
}

#main {
	width:926px;	/*920*/
	margin:0 auto;
	border-bottom:2px solid #efcd90;
}
.pagetop {
	margin-bottom:10px;
}
.pagetop a {
	margin-left:780px;
	width:90px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(/pc/common/img/sprite_common.png) 0px -600px no-repeat;
}
.pagetop a:hover {
	background-position:-200px -600px;
}
#access {
	float:left;
	width:135px;
	height:550px;
	position:relative;
	overflow:hidden;
	background:url(/pc/common/img/sprite_common.png) 0px 0px no-repeat;
	xborder:1px solid #00ff00;
}
#access .odet {
	width:45px;
	height:55px;
	position:absolute;
	top:205px;
	left:5px;
	background:url(/pc/common/img/odet.gif) top left no-repeat;
	xborder:1px solid #00ff00;
}
#access .mail {
	position:absolute;
	top:435px;
	left:15px;
}
#access .mail a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:115px;
	height:29px;
	background:url(/pc/common/img/sprite_common.png) -200px -400px no-repeat;
}
#access .mail a:hover {
	background-position:-400px -400px;
	cursor:pointer;
}

#access .favorite {
	overflow:hidden;
	width:115px;
	height:29px;
	position:absolute;
	top:489px;
	left:15px;
}

#access .favorite a {
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:115px;
	height:29px;
	background:url(/pc/common/img/sprite_common.png) -200px -450px no-repeat;
}
#access .favorite a:hover {
	background-position:-400px -450px;
	cursor:pointer;
}




#contents {
	float:left;
	width:785px;
	position:relative;
	overflow:hidden;
	xborder:1px solid #0000ff;
}



#foot {
	width:100%;
	height:95px;
	background:url(/pc/common/img/foot.jpg) top left repeat-x;
}


#foot .copy {
	margin:0 auto;
	text-align:center;
}

#foot .link {
	padding:20px;
	margin:0 auto;
	text-align:center;
}

#foot .link ul li {
	float:left;
}

.shadow {
	width:190px;
	height:13px;
	overflow:hidden;
	background:url(/pc/common/img/sprite_common.png) -200px -350px no-repeat;
}



/** トップ用 **/
#top {
	float:left;
	width:585px;
	position:relative;
	overflow:hidden;
}

#top .banner {
	padding:0px 5px 10px 5px;
	text-align:center;
}
#top .banner:hover {
	padding:0px 5px 10px 5px;
}

	/** NEWSwindow **/
	#news .infotop {
		width:580px;
		height:8px;
		background:url(/pc/common/img/sprite_information.png) 0px 0px no-repeat;
		overflow:hidden;
	}
	#news .infomid {
		width:580px;
		background:url(/pc/common/img/sprite_repeaty.png) 0px 0px repeat-y;
	}
	#news .infobtm,#news .gmbtm {
		width:580px;
		height:36px;
	}
	#news .infobtm a {
		text-indent:-9999px;
		display:block;
		width:580px;
		height:36px;
		background:url(/pc/common/img/sprite_information.png) 0px -200px no-repeat;
	}
	#news .infobtm a:hover {
		background-position:-600px -200px;
	}
	#news .gmbtm a {
		text-indent:-9999px;
		display:block;
		width:580px;
		height:36px;
		background:url(/pc/common/img/sprite_information.png) 0px -300px no-repeat;
	}
	#news .gmbtm a:hover {
		background-position:-600px -300px;
	}
	#news .infobtm1 {
		width:580px;
		height:36px;
		background:url(/pc/common/img/sprite_information.png) 0px -400px no-repeat;
	}
	#news .infobtm1 .infobtm1_top {
		text-indent:-9999px;
		float:left;
		display:block;
		overflow:hidden;
		width:580px;
		height:36px;
		background:url(/pc/common/img/sprite_information.png) -600px -50px no-repeat;
	}
	#news .infobtm1 .infobtm1_top:hover {
		background-position:-600px -150px;
	}
	#news .infobtm2 {
		width:580px;
		height:36px;
		xbackground:url(/pc/common/img/sprite_information.png) 0px -400px no-repeat;
	}
	#news .infobtm2 .infobtm2_top {
		text-indent:-9999px;
		float:left;
		display:block;
		overflow:hidden;
		width:290px;
		height:36px;
		background:url(/pc/common/img/sprite_information.png) -600px 0px no-repeat;
	}
	#news .infobtm2 .infobtm2_top:hover {
		background-position:-600px -100px;
	}
	#news .infobtm2 .infobtm2_list {
		text-indent:-9999px;
		float:right;
		display:block;
		overflow:hidden;
		width:290px;
		height:36px;
		background:url(/pc/common/img/sprite_information.png) -890px 0px no-repeat;
	}
	#news .infobtm2 .infobtm2_list:hover {
		background-position:-890px -100px;
	}
	
	#news .news0,#news .news1,#news .news2,#news .news3,#news .news4,#news .gmnews0,#news .gmnews1,#news .gmnews2,#news .gmnews3,#news .gmnews4 {display:none;}
	
	/** NEWStitle **/
	#news li {
		width:550px;
		margin:0px 16px;
		
	}
	#news .item {
		display:block;
		padding-top:2px;
		padding-bottom:2px;
		
		text-decoration:none;
	}
	#news .item2 {
		padding-top:2px;
		padding-bottom:2px;
		text-decoration:none;
		background:#fff6e7;
		/*filter: Alpha(opacity=80);
		opacity:0.5;*/

	}
	#news .item:hover {
		color:#ffffff;
		background:#e2bd7d;
		cursor:pointer;
	}
	#news .item:visited {
	}
	#news .title {
		float:left;
		width:400px;
		line-height:21px;
		text-indent:5px;
	}
	#news .date {
		float:left;
		width:70px;
		text-align:center;
		line-height:21px;
	}
	#news .item2 div {
		xposition:relative;
	}
	#news .category1 {
		float:left;
		width:75px;
		height:21px;
		background:url(/pc/common/img/sprite_common.png) -197px -200px no-repeat;
	}
	#news .category2 {
		float:left;
		width:75px;
		height:21px;
		background:url(/pc/common/img/sprite_common.png) -197px -250px no-repeat;
	}
	#news .category3 {
		float:left;
		width:75px;
		height:21px;
		background:url(/pc/common/img/sprite_common.png) -197px -300px no-repeat;
	}
	
	/** NEWStext **/
	#news .detail {
		display:none;
	}
	#news .detailmid .detailtext {
		padding:0px 15px;
		line-height:1.5em;
	}
	#news .detailmid .detailmore {
		padding:0px 15px;
		padding-top:10px;
	}
	#news .detailmid .detailmore a:hover {
		text-decoration:none;
	}
	#news .detailtop {
		margin-top:5px;
		width:550px;
		height:11px;
		overflow:hidden;
		background:url(/pc/common/img/sprite_information.png) 0px -500px no-repeat;
	}
	#news .detailmid {
		width:550px;
		background:url(/pc/common/img/sprite_repeaty.png) -650px 0px repeat-y;
	}
	#news .hr {
		height:2px;
		background:url(/pc/common/img/sprite_information.png) 0px -100px no-repeat;
		overflow:hidden;
	}
	#news .detailbtm {
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		width:550px;
		height:30px;
		background:url(/pc/common/img/sprite_information.png) 0px -600px no-repeat;
	}
	#news .detailbtm:hover {
		background-position: -600px -600px;
		cursor:pointer;
	}
	#news .detailbtm2 {
		overflow:hidden;
		width:550px;
		height:30px;
		background:url(/pc/common/img/sprite_information.png) -600px -500px no-repeat;
	}
	#info {
		line-height:1.5em;
	}
	#info .span {
		line-height:1.5em;
	}

	#info .icon1,#info .icon2,#info .icon3,#info .icon4,#info .icon5,#info .icon6,#info .icon7,#info .icon8,#info .icon9,#info .icon10,#info .icon11,#info .icon12,#info .icon13,#info .icon14,#info .icon15,#info .icon16 {
		text-indent:-9999px;
		background:url(/pc/common/img/sprite_information.png) 0px -700px no-repeat;
		width:100px;
		height:50px;
		margin-bottom:5px;
	}
	#info .icon1 {background-position:0px -700px;}
	#info .icon2 {background-position:0px -750px;}
	#info .icon3 {background-position:-100px -700px;}
	#info .icon4 {background-position:-100px -750px;}
	#info .icon5 {background-position:-200px -700px;}
	#info .icon6 {background-position:-200px -750px;}
	#info .icon7 {background-position:-300px -700px;}
	#info .icon8 {background-position:-300px -750px;}
	#info .icon9 {background-position:-400px -700px;}
	#info .icon10 {background-position:-400px -750px;}
	#info .icon11 {background-position:-500px -700px;}
	#info .icon12 {background-position:-500px -750px;}
	#info .icon13 {background-position:-600px -700px;}
	#info .icon14 {background-position:-600px -750px;}
	#info .icon15 {background-position:-700px -700px;}
	#info .icon16 {background-position:-700px -750px;}
	
	#info .nemu {
		text-indent:-9999px;
		background:url(/pc/common/img/sprite_information.png) -600px -750px no-repeat;
		width:100px;
		height:50px;
		margin-bottom:5px;
	}







/** ギャラリー **/

#gallery {
	float:right;
	width:190px;
	height:650px;
	position:relative;
	overflow:hidden;
	padding-right:10px;
}


#gallery .t1 {
	text-indent:-9999px;
	width:190px;
	height:41px;
	background:url(/pc/common/img/sprite_common.png) -200px 0px no-repeat;
}
#gallery .f1 {
	width:190px;
	height:129px;
	background:url(/pc/common/img/sprite_common.png) -200px -41px no-repeat;
}

#gallery .b1 a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:190px;
	height:20px;
	background:url(/pc/common/img/sprite_common.png) -200px -170px no-repeat;
}
#gallery .b1 a:hover {
	background-position:-400px -170px;
}

#gallery .t2 {
	text-indent:-9999px;
	width:190px;
	height:46px;
	background:url(/pc/common/img/sprite_common.png) -600px 0px no-repeat;
}
#gallery .f2 {
	width:190px;
	height:338px;
	margin:0px;
	padding:0px;
	background:url(/pc/common/img/sprite_common.png) -600px -46px no-repeat;
}

.f1 p ,.f2 p {
	padding:20px;
	text-align:center;
	color:#ffffff;
}


/**汎用ウィンドウ**/

#window_m {
	width:785px;
	min-height:450px;
	background:url(/pc/common/img/window_m.png) 0px 0px no-repeat;
	text-align:center;
}
#page {
	width:785px;
	margin:0px auto;
	width:720px;
	text-align:left;
}


#title_keyword {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px 0px no-repeat;
}
#title_card {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -110px no-repeat;
}
#title_playguide {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -220px no-repeat;
}
#title_device {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -330px no-repeat;
}
#title_special {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -440px no-repeat;
}
#title_qanda {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -550px no-repeat;
}
#title_appli {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -660px no-repeat;
}
#title_access {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -770px no-repeat;
}
#title_support {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -880px no-repeat;
}

#title_mkeyword {
	text-indent:-9999px;
	height:110px;
	background:url(/pc/common/img/sprite_title.png) 0px -990px no-repeat;
}









/**カードリスト**/

#card_menu {
	margin:0px auto;
	width:700px;
	overflow:hidden;
	margin-bottom:20px;
	height:43px;
}
#card_menu a {
	float:left;
	display:block;
	width:135px;
	height:43px;
	margin:0px 2px;
	line-height:43px;
	background:url(/pc/common/img/sprite_cardlist.gif) -600px -100px no-repeat;
	
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#996633;
	text-align:center;
}


#card_menu .card_menuC {
	background-position:-800px -100px;
	color:#cc0066;
}
#card_menu .card_menuC:hover {
	background-position:-600px -100px;
}
#card_menu .card_menuI {
	background-position:-800px -200px;
	color:#cc6600;
}
#card_menu .card_menuI:hover {
	background-position:-600px -200px;
}
#card_menu .card_menuG {
	background-position:-800px -300px;
	color:#330066;
}
#card_menu .card_menuG:hover {
	background-position:-600px -300px;
}
#card_menu .card_menuW {
	background-position:-800px -400px;
	color:#006666;
}
#card_menu .card_menuW:hover {
	background-position:-600px -400px;
}
#card_menu .card_menuN {
	background-position:-800px -500px;
}
#card_menu .card_menuN:hover {
	background-position:-600px -500px;
}


#card_list {
}
#card_list ul li {
	xborder:solid 1px #000000;
	margin:0px auto;
	width:550px;
	margin-bottom:10px;
	overflow:hidden;
}
#card_list ul li h4 {
	height:43px;
	width:550px;
	line-height:43px;
	text-align:left;
	font-size:16px;
	text-indent:40px;
	background:url(/pc/common/img/sprite_cardlist.gif) 0px 0px no-repeat;
	margin-bottom:10px;
}
#card_list ul li .attribute1 {
	background-position: 0px -100px;
}
#card_list ul li .attribute1 .name {
	color:#cc0066;
}
#card_list ul li .attribute2 {
	background-position:0px -200px;
}
#card_list ul li .attribute2 .name {
	color:#cc6600;
}
#card_list ul li .attribute3 {
	background-position:0px -300px;
}
#card_list ul li .attribute3 .name {
	color:#330066;
}
#card_list ul li .attribute4 {
	background-position:0px -400px;
}
#card_list ul li .attribute4 .name {
	color:#006666;
}
#card_list ul li .attribute5 {
	background-position:0px -500px;
}
#card_list ul li .attribute5 .name {
}
#card_list ul li h4 .ruby {
	font-size:12px;
	margin-left:10px;
	font-weight:normal;
}
#card_list ul li div {
	height:40px;
	line-height:40px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

#card_list ul li .type {
	float:left;
	width:80px;
	text-indent:35px;
	margin-left:10px;
}
	#card_list ul li .type1 {
		background:url(/pc/common/img/sprite_cardlist.gif) 0px 0px no-repeat;
	}
	#card_list ul li .type2 {
		background:url(/pc/common/img/sprite_cardlist.gif) -200px 0px no-repeat;
	}
	#card_list ul li .type3 {
		background:url(/pc/common/img/sprite_cardlist.gif) -400px 0px no-repeat;
	}

#card_list ul li .power {
	text-indent:90px;
	float:left;
	width:120px;
	background:url(/pc/common/img/sprite_cardlist.gif) 0px -50px no-repeat;
}
	#card_list ul li .power2 {
		background-position:-200px -50px;
	}
	#card_list ul li .power3 {
		display:none;
	}


#card_list ul li .cost {
	text-indent:10px;
	float:left;
	width:180px;
	background:url(/pc/common/img/sprite_cardlist.gif) -400px -50px no-repeat;
}
	#card_list ul li .cost div {
		float:left;
		width:20px;
		background:url(/pc/common/img/sprite_cardlist.gif) -600px -50px no-repeat;
		overflow:hideen;
	}
	#card_list ul li .cost .costicon {
		padding-left:45px;
		width:120px;
		background:none;
	}
	#card_list ul li .cost .cost1 {
		background-position:-700px -50px;
	}
	#card_list ul li .cost .cost2 {
		background-position:-750px -50px;
	}
	#card_list ul li .cost .cost3 {
		background-position:-800px -50px;
	}
	#card_list ul li .cost .cost4 {
		background-position:-850px -50px;
	}
	#card_list ul li .cost .cost5 {
		background-position:-900px -50px;
	}
	#card_list ul li .cost .cost0 {
		background-position:-950px -50px;
	}

#card_list ul li .rare {
	text-indent:50px;
	float:left;
	width:150px;
	background:url(/pc/common/img/sprite_cardlist.gif) -1000px -50px no-repeat;
}


#card_list ul li .effect {
	height:auto;
	clear:both;
	width:550px;
	text-align:left;
	line-height:1.3em;
	padding:10px;
}






/**キーワード**/


#keyword_list ,#mkeyword_list {
	width:550px;
	margin:0 auto;
	text-align:left;
}
#keyword_list ul,#mkeyword_list ul {
	width:550px;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:10px;
}
#keyword_list ul li,#mkeyword_list ul li {
	xborder:solid 1px #000000;
	margin-bottom:10px;
}
#keyword_list ul li h4,#mkeyword_list ul li h4 {
	text-align:left;
	height:43px;
	font-size:16px;
	text-indent:45px;
	line-height:43px;
	background:url(/pc/common/img/sprite_cardlist.gif) 0px -600px no-repeat;
}
#mkeyword_list ul li h4 {
	background-position:0px -700px;
}
#keyword_list ul li div,#mkeyword_list ul li div {
	font-size:12px;
	text-align:left;
	line-height:1.3em;
	padding:10px 20px;
}


#keyword_list .more,#mkeyword_list .more {
	display:block;
	width:135px;
	height:43px;
	line-height:43px;
	background:url(/pc/common/img/sprite_cardlist.gif) no-repeat;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#996633;
	text-align:center;
	background-position:-800px -100px;
	float:right;
	margin-bottom:30px;
}
#keyword_list .more {
	background-position:-800px -300px;
}
#keyword_list .more:hover{
	background-position:-600px -300px;
}
#mkeyword_list .more {
	background-position:-800px -500px;
}
#mkeyword_list .more:hover {
	background-position:-600px -500px;
}



/** プレイガイド **/


#playguide {
	width:700px;
	margin:0 auto;
	text-align:left;
}

#playguide h3 {
	width:700px;
	height:50px;
	line-height:50px;
	text-indent:50px;
	background:url(/pc/common/img/sprite_common.png) -400px -500px no-repeat;
}
#playguide div {
	font-size:14px;
	line-height:1.3em;
	margin:10px;
}
#charmake {
	width:500px;
	height:300px;
}
#prologue {
	width:400px;
	height:400px;
}
#playguide img {
	border:3px solid #ffffff;
	margin-right:10px;
}








#device {
	width:700px;
	margin:0 auto;
	text-align:left;
}

#device h3 {
	width:700px;
	height:43px;
	line-height:43px;
	text-indent:20px;
	background:url(/pc/common/img/sprite_common.png) -400px -600px no-repeat;
}
#device div {
	font-size:14px;
	line-height:1.3em;
	margin:10px 20px;
}
#device ul {
	font-size:14px;
	margin:10px 20px;
	margin-bottom:50px;
}
#device ul li {
	margin-bottom:5px;
}
#device .icons {
	color:#00CC00;
	margin-left:5px;
	font-weight:bold;
	font-size:12px;
}
#device .iconm {
	color:#3333FF;
	margin-left:5px;
	font-weight:bold;
	font-size:12px;
}



.comment {
	margin:0px;
	padding:10px;
	background:#ffffff;
	border:2px solid #b79776;
}



#qanda {
	width:700px;
	margin:0 auto;
	text-align:left;
}

#qanda h3 {
	width:700px;
	height:43px;
	line-height:43px;
	text-indent:20px;
	background:url(/pc/common/img/sprite_common.png) -400px -600px no-repeat;
}
#qanda div {
	font-size:14px;
	line-height:1.3em;
	margin:10px 20px;
}

#qanda ul {
	font-size:14px;
	margin:10px 20px;
	margin-bottom:50px;
	line-height:1.3em;
}
#qanda ul li {
}
#qanda ul li a {
	display:block;
	width:650px;
	height:30px;
	line-height:30px;
	text-indent:10px;
}
#qanda ul li a:hover {
}
#qanda ul li div {
	display:none;
	width:630px;
	margin:0px;
	padding:10px;
	background:#ffffff;
	border:2px solid #b79776;
	margin-bottom:20px;
}
#qanda ul li b {
	color:#0099ff;
}
#qanda ul li div b {
	color:#ff6666;
}
#qanda ul li a {
	font-weight:bold;
}

#support {
	margin:0 auto;
	width:700px;
	height:200px;
	background:url(/pc/common/img/support.png) bottom center no-repeat;
}


#special {
	margin:0 auto;
	width:732px;
	height:430px;
	background:#ffefd6;
	border:solid 1px #ffffff;
}
#special div {
	float:left;
}

#sp_video {
	width:512px;
	height:410px;
	margin:5px 0px 5px 5px;
	background:#000000;
	line-height:410px;
	color:#ffffff;
	padding:5px;
	float:left;

}
#sp_list{
	width:180px;
	height:410px;
	overflow:auto;
	margin:5px;
	background:#ffe1b1;
	padding:5px;
	float:right;
}
#sp_list ul li a img {
	width:150px;
	height:113px;
	border:solid 2px #80452C;
}
#sp_list ul li a img:hover {
	border:solid 2px #e4215e;
}
#sp_list ul li {
	margin-bottom:10px;
}
#sp_list ul li a {
	color:#80452C;
	text-decoration:none;
}
#sp_list ul li a:hover {
	color:#e4215e;
}
#sp_list ul {
	margin:5px 0px;
}