/* RO VIOLET CSS Document */

/* 共通 */
.layoutFrm {
	width:680px;
	background:#666699 url(images/layoutFrm_bg.jpg) repeat;
	border:1px solid #333366;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	line-height: 130%;
	font-size:13px;
}
.contentsFrm {
	width:650px;
	border:#3e4753 1px solid;
	background-color: #EFECE9;
	background-image: url(images/contentsFrm_bg.jpg);
	background-repeat: repeat-y;
	margin-bottom: 15px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.layoutFrm2 {	/* 下位ページ共通 */
	width:680px;
	background:#666699 url(images/layoutFrm_bg.jpg) repeat;
	border:1px solid #333366;
	text-align:center;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	line-height: 130%;
	font-size:13px;
}
.layoutFrm2 h2 {	/* 下位ページ共通 */
	text-align:center;
	margin:0px auto 25px;
}
#violet_menu {
	width:650px;
	background-image: url(images/menu_bg.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	background-color: #660000;
	height: 50px;
	display:block;
}
#violet_menu img {
	margin-top: 3px;
	margin-left: 2px;
	text-align:left;
}
#violet_link {
	width:680px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	margin-bottom: 10px;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
#violet_link a{
	color: #FFFF00;
}
#violet_copyright {
	width:680px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	margin-bottom: 10px;
	line-height: 115%;
	color: #FFFFFF;
	font-size:12px;
	letter-spacing:0.1em;
}
.contentsFrm p {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
}
.contentsFrm p.indent {
	margin-left:35px;
	margin-right:35px;
	margin-bottom:15px;
}
.contentsFrm p.note {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
	font-size:11px;
	color:#990000;
}
.contentsFrm h3 {
	padding-top:20px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.contentsFrm h4 {
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 30px;
}


/* 事前告知＆TOP */

.contentsFrm #game1 {
	float:left;
	width:380px;
	line-height:150%;
}

.contentsFrm #game1 p {
	margin-left:20px;
	margin-bottom:15px;
}

.contentsFrm #game1 #sitelink {
	float:right;
	text-align:center;
	margin-right:15px;
	font-size:11px;
	margin-top: 15px;
	line-height:120%;
	padding-bottom: 10px;
}
.contentsFrm #game2 {
	float:right;
	width:260px;
	padding-bottom: 10px;
}

.contentsFrm #game2 p {
	text-align:center;
	margin-top:8px;
	font-size:11px;
	line-height:110%;
}

.contentsFrm #game2 img {
	margin-bottom: 3px;
}
.contentsFrm #access1 {
	float:left;
	width:480px;
	margin-bottom: 15px;
	padding-left: 20px;
}

.contentsFrm #access2 {
	float:right;
	width:120px;
	text-align: center;
	margin-right: 10px;
}
.contentsFrm #access2 img {
	margin-bottom: 3px;
}

/* ゲーム概要 */
#game #game-lead {
	height:200px;
	margin-right:20px;
	background:url(images/game_catch_bg.gif) right top no-repeat;
}
#game #game-lead p {
	width:330px;
	line-height:150%;
	margin-top:10px;
	margin-left:25px;
}
#game #game-line {
	margin:25px auto 15px;
	text-align:center;
}
#game #game-flow {
	background:url(images/game_1_bg.gif) left 10px no-repeat;
	height: 295px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#game #game-flow p {
	margin-left:190px;
	margin-right:0px;
}
#game #game-point {
	float:left;
	width:345px;
}

#game #game-point-ss {
	float:right;
	width:280px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

/* キャラクター */
#character .chara {
	margin-left:auto;
	width: 500px;
	display:block;
	margin-right: auto;
	margin-bottom: 25px;
}
#character .chara2 {
	margin-left:auto;
	width: 500px;
	display:block;
	margin-right: auto;
	margin-bottom: 30px;
	padding-top:10px;
}
#character .chara-illust {
	float:left;
	width: 152px;
}
#character .chara-txt {
	float:right;
	width: 348px;
}
#character .chara-txt p {
	margin: 10px 10px 0px;
}

/* ゲームシステム（共通） */
#system-navi{
	height:80px;
	background:url(images/system_title_bg.jpg) no-repeat;
}
.layoutFrm2 #system-navi h2 {
	margin:0px;
}



/* ゲームシステム（戦闘） */
#system-battle .weapon {
	width:500px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
#system-battle .weapon .weapon-scene {
	float:left;
	width:100px;
}
#system-battle .weapon .weapon-detail {
	float:right;
	width: 400px;
	}
#system-battle .weapon .weapon-name {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
	}
#system-battle .weapon p {
	margin-top:10px;
	margin-bottom: 0px;
	margin-left: 35px;
}
#system-battle #skill {
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
	}
#system-battle #skill .txt {
	float:left;
	width:425px;
	}
#system-battle #skill .txt p {
	margin-left:40px;
	margin-bottom:10px;
	margin-right:0px;
	}
#system-battle #skill .ss {
	float:right;
	padding-right:30px;
	}

/* ゲームシステム（ペット） */
#system-pet p.olist {
	margin-left: 40px;
	font-size:14px;
	font-weight:bold;
	color:#CC0033;
	margin-bottom:10px;
}
#system-pet p.detail {
	margin-left: 60px;
	margin-right:35px;
	margin-bottom:15px;
}
#system-pet .ss {
	float:right;
	margin-bottom: 20px;
	padding-right: 25px;
}



/* ゲームシステム（アイテム課金） */
#system-item .txt {
	float:left;
	width:420px;
	margin-top: 15px;
	}
#system-item .txt p {
	margin-left:30px;
	margin-bottom:10px;
	margin-right:0px;
	}
#system-item .ss {
	float:right;
	padding-right:25px;
	margin-top: 15px;
	}
#system-item .itemlist {
	margin-left:40px;
	}
#system-item .item-name {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}

/* ゲームシステム（その他のシステム） */
#system-other .other {
	margin-bottom:25px;
	margin-right: auto;
	margin-left: auto;
	}
#system-other .other .txt {
	float:left;
	}
#system-other .other .txt p {
	margin-left:40px;
	margin-bottom:10px;
	margin-right:0px;
	}
#system-other .other .ss {
	float:right;
	padding-right:25px;
	}
#system-other .other .txt2 {
	float:left;
	}
#system-other .other .txt2 p {
	margin-left:40px;
	margin-bottom:10px;
	margin-right:35px;
	}