@charset "utf-8";
/* CSS Document */
body#playmanual {
	width:600px;
	margin: 0 auto;
	background:url(../images/background/bg.gif) center top repeat-x;
}

body#playmanual .wrap {
	width:600px;
}
h1{text-indent:-9999px;}
h2{width:280px;}

/*-- header --*/
body#playmanual div#header {
	height: 50px;
	background:url(../images/title/header.gif) center top no-repeat;
	padding: 10px;
	margin: 0px;
}

/*-- footer --*/
body#playmanual div#footer {
	padding-bottom: 0px;
	background: #1488da;
}

body#playmanual div#footer div.inner {
	margin-bottom: 10px;
}

body#playmanual #copyright {
	padding-top: 10px;
	border-top:#57b9fd 1px solid;
}
#footerSitemap .inner {
	padding:0 10px;
	background: #1488da;
}

body#playmanual #footerSitemap dl {
	float:left;
	width:180px;
	margin-right: 10px;
	margin-left: 5px;
}

body#playmanual #footerSitemap dl.end {
	margin-right: 0;
}


body#playmanual #footerSitemap dl dt {
	background: #1488da;
	margin: 0 0 5px;
	padding: 0;
}

body#playmanual #footerSitemap dl dd {
	font-size:1.2em;
	margin-left:2px;
	padding-left:7px;
	background:url(../../common/images/list/list-icon06.gif) left center no-repeat;
}



/*-- contents --*/
body#playmanual .floatLeft { float: left; }
body#playmanual .floatRight { float: right; }
body#playmanual .red { color: #c00; }

body#playmanual #contents {
	background: #fff;
	margin: 15px;
	width:570px;
}


/*-- container --*/
body#playmanual #container{
	padding: 0;
	margin: 0 15px;
	width: 570px;
}
body#playmanual #top_title{
	margin:15px;
	width:570px;
	display:block;
}
body#playmanual #top_title .toptext {
	width: 275px;
	float:left;
}
body#playmanual #top_title .topimg {
	width:290px;
	float:right;
}
body#playmanual h3 {
	background: url(../images/title/h3_bg_bottom.gif) bottom no-repeat;
	padding-bottom: 3px;
	margin: 0;
	clear: both;
}

body#playmanual h3 span {
	display: block;
	font-size:16px;
	color: #fff;
	padding: 9px 10px 5px 10px;
	font-weight: 600!important;
	line-height: 1.3!important;
	background: url(../images/title/h3_bg_top.gif) top no-repeat;
}


body#playmanual h4 {
	background: url(../images/title/h4_short.gif) top no-repeat;
	height:28px;
	line-height:28px;
	padding-left:10px;
}



/*************************************** 
 プレイマニュアル
***************************************/

/*-- マニュアル部分 --*/
body#playmanual div.manualbox {
	margin: 10px 5px 20px;
}

/* イメージ設定 */
body#playmanual div.manualbox img {
	width: 200px;
	float: right;
}

/* 説明部分 */
body#playmanual div.manualbox .caption {
	float: left;
	width: 350px;
}

body#playmanual div.manualbox ul {
	width: 160px;
	float: left;
	padding-right: 15px;
	margin-top: 10px;
}



/*************************************** 
 プレイマニュアル下層頁
***************************************/
body#playmanual .lead {
	margin: 10px 0 15px;
}

.f10px { 
	font-size: 10px;
}

.bold {
	font-weight: bold;
}

.textboxLine {
	font-size: 10px;
	margin: 5px 0;
	padding: 5px;
	border:solid 1px #ccc;
	width: 188px;
	text-align:center;
}

/*-- マニュアル部分 --*/
body#playmanual div.playbox {
	margin: 10px 5px 15px;
}
body#playmanual div.playbox p {
	margin-bottom: 1em;
}
body#playmanual div.playbox2 {
	margin: 10px 0 15px 5px;
}

/* SS設定 */
body#playmanual .ss {
	width: 200px;
	float: left;
	margin-right: 10px;
}

body#playmanual .ss2 {
	width: 200px;
	float: right;
	margin-left: 10px;
}

/* 説明部分 */
body#playmanual div.playbox .caption {
	float: left;
	width: 350px;
}

body#playmanual div.playbox2 .caption {
	float: left;
	width: 355px;
}

body#playmanual div.playbox2 .caption p {
	width: 350px;
}


body#playmanual div.playbox .caption p {
	margin-bottom: 10px;
}

p.attention2 {
	width: 300px;
	margin: 15px auto;
	padding: 15px;
	color: #ff6666;
	background-color: #fff2f2;
}


/* 質問部分 */
body#playmanual div.question {
	width: 350px;
	background: url(../images/background/question_bg_bottom.gif) left bottom no-repeat;
	padding-bottom: 6px;
	margin: 0 0 10px 0;
}

body#playmanual div.question div.questiontop {
	display: block;
	padding: 15px 10px 0;
	background: url(../images/background/question_bg_top.gif) left top no-repeat;
	margin-top: 10px;
}

body#playmanual div.question div.questiontop2 {
	display: block;
	padding: 6px 10px 0;
	background: url(../images/background/question_bg_top.gif) left top no-repeat;
	margin-top: 10px;
}

body#playmanual div.question div.questiontop2 img {
	width: 32px;
	float: left;
}

body#playmanual div.question div.questiontop2 div.txt {
	float: right;
	width: 290px;
	margin-top: 8px;
	padding: 0;
}

body#playmanual div.question span ul {
	margin: 6px 8px 4px;
}

body#playmanual div.question span ul li {
	margin-bottom: 2px;
}


/* 矢印 */
body#playmanual .arrow {
	width: 89px;
	margin: 0 auto;
	margin-bottom: 10px;
}

/* 画面遷移ボタンエリア */

body#playmanual div.btn_area {
	margin: 30px 0 20px;
}

body#playmanual div.btn_area2 {
	margin: 0 0 20px;
}


body#playmanual div.welcomSer {
	background-color:#fff6c5;
	width: 495px;
	height: 100px;
	margin: 0 auto 15px;
	padding: 15px;
}

body#playmanual div.welcomSer p {
	width: 300px;
}

body#playmanual div.welcomSer img {
	margin-right: 10px;
}

body#playmanual div.welcomSer span {
	font-weight:bold;
	color:#00c3e5;
	font-size:1.2em;
}

/*************************************** 
 基本操作
***************************************/

body#playmanual div.operation dl {
	float:left;
	width: 270px;
	margin: 10px 5px;
}

body#playmanual div.operation dt {
	display: block;
	width: 270px;
	font-weight: bold;
	margin: 0 0 5px;
	text-indent: 18px;
}

body#playmanual div.operation dt img {
	margin: 0 5px 0 0;
}

body#playmanual div.operation dd {
	display: block;
	width: 240px;
	margin: 0 0 10px 20px;
}

/*-- dt丸数字 --*/
body#playmanual dt.num1 { background: url(../images/num/num01.gif) 0 0 no-repeat; }
body#playmanual dt.num2 { background: url(../images/num/num02.gif) 0 0 no-repeat; }
body#playmanual dt.num3 { background: url(../images/num/num03.gif) 0 0 no-repeat; }
body#playmanual dt.num4 { background: url(../images/num/num04.gif) 0 0 no-repeat; }
body#playmanual dt.num5 { background: url(../images/num/num05.gif) 0 0 no-repeat; }
body#playmanual dt.num6 { background: url(../images/num/num06.gif) 0 0 no-repeat; }
body#playmanual dt.num7 { background: url(../images/num/num07.gif) 0 0 no-repeat; }
body#playmanual dt.num8 { background: url(../images/num/num08.gif) 0 0 no-repeat; }
body#playmanual dt.num9 { background: url(../images/num/num09.gif) 0 0 no-repeat; }
body#playmanual dt.num10 { background: url(../images/num/num10.gif) 0 0 no-repeat; }
body#playmanual dt.num11 { background: url(../images/num/num11.gif) 0 0 no-repeat; }
body#playmanual dt.num12 { background: url(../images/num/num12.gif) 0 0 no-repeat; }
body#playmanual dt.num13 { background: url(../images/num/num13.gif) 0 0 no-repeat; }
body#playmanual dt.num14 { background: url(../images/num/num14.gif) 0 0 no-repeat; }
body#playmanual dt.num15 { background: url(../images/num/num15.gif) 0 0 no-repeat; }

/**/
body#playmanual div.operation_win img.middle {
	width: 500px;
	margin: 0 30px 10px;
}

body#playmanual div.imgbox {
	text-align: center;
	margin: 0 0 10px;
}

body#playmanual div.operation_win p {
	margin-bottom: 10px;
}

/*
body#playmanual div.operation_win .caption p {
	margin-top: 10px;
}
*/

body#playmanual div.winMenu {
	width: 520px;
	background-color:#cdeeff;
	padding:10px 0 0 10px;
	margin: 0 10px 15px;
}
body#playmanual div.winMenu ul {
	width: 160px;
	margin: 0 0 0 10px;
	float:left;
}

body#playmanual h5 {
	margin-top: 10px;
	margin-bottom: 0;
}

body#playmanual div.operation_win h6 {
	margin-top: 10px;
}

body#playmanual div.operation_win dl {
	margin-left: 10px;
}

body#playmanual div.operation_win dt {
	font-weight: bold;
}

body#playmanual div.operation_win dd {
	margin: 0 0 10px 10px;
}

body#playmanual div.ss_y {
	width: 210px;
	float: left;
}

body#playmanual div.ss_y img {
	margin-bottom:10px;
}

/*************************************** 
 初心者指南
***************************************/
body#playmanual div.attention {
	width: 350px;
	background: url(../images/background/question_bg_bottom.gif) left bottom no-repeat;
	padding-bottom: 3px;
	margin: 0 auto 10px ;
}

body#playmanual div.attention span {
	display: block;
	padding: 10px 6px 0;
	background: url(../images/background/question_bg_top.gif) left top no-repeat;
	margin-top: 10px;
	text-align: center;
}

body#playmanual div.attention span p {
	margin-bottom:5px;
}


/*エモーション*/
body#playmanual div.emotion_box dl {
	float:left;
	width: 270px;
	margin: 10px 5px;
}

body#playmanual div.emotion_box dt {
	display: block;
	width: 262px;
	font-weight: bold;
	margin: 0 0 5px;
	text-indent: 5px;
	background-color: #cdeeff;
	border-left: solid 4px #39f;
	padding : 2px;
}

body#playmanual div.emotion_box dd {
	display: block;
	width: 265px;
	height: 52px;
	margin: 0 0 10px 5px;
	padding-right: 0;
}

body#playmanual div.emotion_box dd img {
	margin: 0;
	float:left;
}

body#playmanual div.emotion_box dd p {
	margin-top: 8px;
	float:left;
	width: 215px;
}

/*ショートカット*/
body#playmanual div.short_cat_box li {
	padding: 0 0 10px 0;
	border-bottom: dotted 1px #39f;
	margin-bottom: 10px;
}

body#playmanual div.short_cat_box li img {
	margin: 0;
	float:left;
}

body#playmanual div.short_cat_box li p {
	margin: 8px 0 0 8px;
	float:left;
	width: 428px;
}

body#playmanual div.short_cat_box li p.shrot {
	width: 385px;
}

body#playmanual div.short_cat_box li p strong {
	margin-right: 8px;
	color:  #39f;
}


/* 状態異常 */
div.abnormal h4 {
	margin: 0;
}

p.attentiontxt {
	text-indent: -1em;
	margin-left: 1em;
}