@charset "utf-8";
/*

[SITE] PCオンライン麻雀ゲーム　雀龍門
[FILE] /common/css/guide.css

*/



/* guide
ゲームガイド
--------------------------------------------------*/

/*ステップTypeB*/
.explainTypeB{	padding:15px 0 0}
.explainTypeB .stepLeft{	width:290px;float:left}
.explainTypeB .stepRight{	width:349px;float:left}
.explainTypeB .stepArrow{	padding:6px 0 5px 120px}
.explainTypeB .stepArrow2{	padding:6px 0 20px 120px}
.explainTypeB h4{	padding:4px 0 15px;width:349px;float:left}
.explainTypeB p span{	font-size:10px}
.explainTypeB .stepChktBox{	margin-top:5px;border-right:#dad2b6 1px solid;border-left:#dad2b6 1px solid;border-bottom:#dad2b6 1px solid}
.explainTypeB p.stepTxtBox{    padding:4px 0 3px 15px;width:332px;color:#9f3a14;background:#dad2b6;float:left;font-weight:bold}
.explainTypeB .stepChktBox p img{	padding:10px 0 0 14px}
.explainTypeB .stepChktBox p.stepText2{	padding:5px 0 10px 14px}


/* タブボタン2個組み */
.categoryGuide #pageGuideTabA ul{	padding:0}
.categoryGuide #pageGuideTabA li{	list-style:none;float:left}
.categoryGuide .categoryGuideTabR img{	padding-left:2px}

/* guide
ゲームモード：ゲームの流れ
--------------------------------------------------*/
.categoryGuide .categoryGuideTxt01{	margin-top:5px;	font-size:13px;}
.categoryGuide .tableStep td.tableStepleft{	padding:0;}
.categoryGuide .tableStep td.tableStepright{	padding:0;}
.categoryGuide .tableStep td.noBtmline{	padding:0;}
.categoryGuide .tableStep .capBox{	margin-top:5px;	padding-bottom:5px;	width:147px;	float:left;}
.categoryGuide .tableStep .capBox p{	padding:2px 3px;}
.categoryGuide .tableStep .arrowBox{	margin-top:5px;	padding:40px 0 5px 4px;	float:left;}
.categoryGuide .tableStep table{	margin-top:30px;	width:640px;	font-size:10px;	border:#aea37b 2px solid;}
.categoryGuide .tableStep table th{	padding:10px 0 5px;	text-align:center;	font-weight:bold;	background:#F4F0DF;	vertical-align:top;	border-bottom:#aea37b 1px solid;
}
.categoryGuide .tableStep table td{	padding:5px 0 0 12px;	text-align:left;	border-bottom:#aea37b 1px solid;}

/* guide
ゲームモード：ゲームの概要
--------------------------------------------------*/
.categoryGuide .outlineBox{	margin-top:25px;	padding:20px 0 0;	background: url(http://images.plaync.jp/janryumon/guide/line_guide-01.gif) no-repeat top;}
.categoryGuide .outlineBox .outlineBoxL{	width:215px;	float:left;}
.categoryGuide .outlineBox .outlineBoxL p{	padding:10px 10px 10px 0;}
.categoryGuide .outlineBox .outlineBoxR{	float:right;	width:409px;}
.categoryGuide .outlineBox .outlineBoxR th{}

/* guide
ルール
--------------------------------------------------*/
.categoryGuide h4.ruleH401{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-01-2.jpg) no-repeat;}
.categoryGuide div.ruleH402{	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-02.jpg) no-repeat;}
.categoryGuide div.ruleH402 h4{	text-indent: -9999px;}
.categoryGuide div.ruleH402 span{	position: relative;	top:-10px;	left:85px;	font-size:10px;}
.categoryGuide h4.ruleH403{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-03.jpg) no-repeat;}
.categoryGuide h4.ruleH404{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-04.jpg) no-repeat;}
.categoryGuide h4.ruleH405{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-05.jpg) no-repeat;}
.categoryGuide h4.ruleH406{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-06.jpg) no-repeat;}
.categoryGuide h4.ruleH407{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-07.jpg) no-repeat;}
.categoryGuide h4.ruleH408{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-08.jpg) no-repeat;}
.categoryGuide h4.ruleH409{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-09.jpg) no-repeat;}
.categoryGuide h4.ruleH410{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-10.jpg) no-repeat;}
.categoryGuide h4.ruleH411{	text-indent: -9999px;	height:31px;	background:url(http://images.plaync.jp/janryumon/guide/gra_guide_rule_h4-11.jpg) no-repeat;}
.categoryGuide .tableTypeE td{	padding:5px;}
.categoryGuide .tableTypeE td img{	padding:3px 0;}

/* guide
会員登録手順,ダウンロードとインストール,起動方法
--------------------------------------------------*/
.categoryGuide .storyArea{padding-left:0 !important;padding-right:0 !important;width:660px !important;}
.categoryGuide .storyArea .storyBox01{	width:710px;}
.categoryGuide .storyArea .storyBox01 .storyBoximg01{	padding:5px 15px 10px 0;	float:left;}
.categoryGuide .storyArea .storyBox01 .storyBoximg02{	width:225px;	float:left;}
.categoryGuide .storyArea .storyBox01 .storyTxt{	width:415px;	float:left;}
.categoryGuide .storyArea .storyBox02{	padding:0 0 0 20px;	width:640px;
}
.categoryGuide .storyArea .storyBox02 .storyTxt{	width:415px;	float:left;}
.categoryGuide .storyArea .storyBox02 .storyBoximg02{	width:225px;	float:right;}
.categoryGuide .storyArea .storyBox03 .storyBoximg02{	width:235px;	float:left;}
.categoryGuide .storyArea .storyBox03 .storyTxt{	width:405px;	float:left;}
.categoryGuide .storyArea .storyBox04{	padding:0 20px;}
.categoryGuide .storyArea .storyBox04 img{	padding:0 27px;}
.categoryGuide .storyArea .storyTxtimg01{	padding:0 0 0 20px;}
.categoryGuide .storyArea .storyPlate{	margin:0 auto;	text-align:center;}

/* guide
システム/タイム制,段位,プレイスタイル,回線切断,戦績記録,対局アイテム,装飾アイテム,チャット
--------------------------------------------------*/

.categoryGuide .sysNavi {	width: 640px;}
.categoryGuide .sysNavi ul {	clear:both;}
.categoryGuide .sysNavi ul li {	margin: 0px;	padding: 0px;	float:left;}
.categoryGuide .sysNavi ul li a {	height: 37px;	vertical-align: bottom;}
.categoryGuide .explanationTxt {	margin: 20px 0px 10px 0px;}
.categoryGuide .explanationTxt p {	padding: 0px 0px 10px 0px;}
.categoryGuide .explanationTxt .kome {	padding: 0px 0px 10px 0px;}

.categoryGuide .explanationBox02:after{content:url(http://images.plaync.jp/janryumon/spacer.gif);display:block;clear:both;height:0;}
.categoryGuide .explanationBox02{display:inline-block;}
.categoryGuide .explanationBox02{display:block;}
.categoryGuide .explanationBox02 {	background:#524933;	padding: 10px;	clear: both;}

/* guide
システム/タイム制
--------------------------------------------------*/
.categoryGuide .explanationBox01 {	padding: 16px 10px;	background-color: #655B42;}
.categoryGuide .explanationBox01 dl {	background-color: #dad2b6;}
.categoryGuide .explanationBox01 dt {	color: #9f3a14;	padding: 3px 10px;	background-color: #dad2b6;	font-weight: bold;}
.categoryGuide .explanationBox01 dd {	padding: 0px;	margin: 1px;	background-color: #ffffff;}
.categoryGuide .explanationBox01 dd p{	padding: 10px;}
.categoryGuide .explanationBox02 .area01 {	clear: both;	background:  #595240;	margin: 0px 0px 10px 0px;	padding: 7px;}
.categoryGuide .explanationBox02 .area02 {	clear: both;	margin: 0px 0px 10px 0px;	padding: 7px;}
.categoryGuide .explanationBox02 .area_left {	width: 346px;	float:left;}
.categoryGuide .explanationBox02 .area_right {	color:#FFFFFF;	float:right;	width: 241px;}
.categoryGuide .explanationBox02 .area_right {	color:#FFFFFF;	float:right;	width: 241px;}

/* guide
システム/チャット
--------------------------------------------------*/
.categoryGuide .explanationBoxChat01 {	background: #595240;	padding: 10px;	clear: both;}
.categoryGuide .explanationBoxChat02 {	padding: 10px;	clear: both;}
.categoryGuide .areaChat01 {	color:#FFFFFF;	float:left;	width: 78px;	margin: 0px 8px 0px 0px;}
.categoryGuide .areaChat02 {	float:left;	width: 197px;	margin: 0px 20px 0px 0px;}
.categoryGuide .areaChat03 {	float:left;	margin: 0px 13px 0px 0px;	width: 48px;}
.categoryGuide .areaChat04 {	color:#b3b3b3;	float:left;	width: 218px;}
.categoryGuide .explanationBoxChat03 {	background-color:#FFFFFF;	margin: 16px 0 0px 0;}
.categoryGuide .explanationBoxChat03 dl {	background-color:#DAD2B6;}
.categoryGuide .explanationBoxChat03 dt {	background-color:#DAD2B6;	color:#9F3A14;	font-weight:bold;	padding:3px 10px;}
.categoryGuide .explanationBoxChat03 dd {	background-color:#FFFFFF;	margin:1px;	padding:0px;}
.categoryGuide .explanationBoxChat03 dd p{	margin:1px;	padding:10px;}
.categoryGuide .explanationBoxChat03 dd img{	padding:10px;}
.categoryGuide .rightChat {	float:right;}

/* guide
システム/対局アイテム
--------------------------------------------------*/
#pageGuiderecord .explanationBox {	text-align:center;	width: 202px;	float:left;}
#pageGuiderecord .explanationBox p {	text-align:left;	margin: 5px 10px;	width: 182px;	color:#b3b3b3;}

/* guide
システム/戦績記録
--------------------------------------------------*/
.categoryGuide .explanationBoxConsume:after{content:url(http://images.plaync.jp/janryumon/spacer.gif);display:block;clear:both;height:0;}
.categoryGuide .explanationBoxConsume{display:inline-block;}
.categoryGuide .explanationBoxConsume{display:block;}
.categoryGuide .explanationBoxConsume {	background:#595240;	clear:both;	margin:0 0 10px;	padding:7px;}
.categoryGuide .explanationBoxConsume .areaConsume01 {	float:left;	width:300px;}
.categoryGuide .explanationBoxConsume .areaConsume02 p {	color:#b3b3b3;}
.categoryGuide .explanationBoxConsume .areaConsume_right {	margin:5px 0 0;}
.categoryGuide .explanationBoxConsume .areaConsume_left {	float:left;	margin:0 20px 0 0;}

/* guide
操作方法/基本操作（マウス）
--------------------------------------------------*/
.categoryGuide .explanationBoxMouse dl{	color:#FFFFFF;}
.categoryGuide .explanationBoxMouse dt{	text-align:center;	margin: 10px;	background: #766E59;	color:#b3b3b3;}
.categoryGuide .explanationBoxMouse dd{	color:#b3b3b3;	margin: 10px 10px 15px 10px;}

/* guide
操作方法/基本操作（キーボード）
--------------------------------------------------*/
.categoryGuide table.tableKeyboard{	color:#b3b3b3;	margin-top:15px;}
.categoryGuide table.tableKeyboard td{	padding: 2px;}
.categoryGuide table.tableKeyboard td.no{	text-align:center;}
.categoryGuide table.tableKeyboard tr.line01{	background:#595240;}

/* guide
システム/操作方法：便利基本操作
--------------------------------------------------*/
.categoryGuide .explanationBoxUseful01 {	background: #595240;	padding: 10px;	clear: both;}
.categoryGuide .explanationBoxUseful02 {	padding: 10px;	clear: both;}
.categoryGuide .areaUseful01 {	color:#b3b3b3;	float:left;	width: 121px;	margin: 0px 8px 0px 0px;}
.categoryGuide .areaUseful02 {	float:left;	width: 86px;	margin: 0px 20px 0px 0px;}
.categoryGuide .areaUseful03 {	color:#b3b3b3;	float:left;	width: 330px;}
.categoryGuide .explanationBox02 .Useful_area_left {	width: 206px;	margin: 0px 30px 0px 0px;	float:left;}
.categoryGuide .explanationBox02 .Useful_area_right {	margin: 0px 10px 0px 0px;	width: 330px;	color:#b3b3b3;	float:right;}

/* guide
システム/操作方法：設定機能操作
--------------------------------------------------*/
.categoryGuide .explanationBoxSetup01 {	background: #595240;	padding: 10px;	clear: both;}
.categoryGuide .explanationBoxSetup02 {	padding: 10px;	clear: both;}
.categoryGuide .areaSetup01 {	color:#b3b3b3;	float:left;	width: 76px;	margin: 0px 40px 0px 20px;}
.categoryGuide .areaSetup02 {	color:#b3b3b3;	float:left;	width: 400px;}

/* 金フレームTypeB (ガイド-基本操作-マウス) */
.frameTypeD {	width: 209px; background:url(http://images.plaync.jp/janryumon/guide/bg_frame_type-d_bg.jpg) no-repeat 0 0; float:left;}
.frameTypeDCont {	width: 209px; background:url(http://images.plaync.jp/janryumon/guide/bg_frame_type-d_bg.jpg) no-repeat 0 0;}
.frameTypeDMain {	width: 197px; height:350px; margin:0 7px 0 5px; }
.frameTypeD .hdr {  width: 209px; height:6px; background:url(http://images.plaync.jp/janryumon/guide/bg_frame_type-d_hdr.jpg) no-repeat 0 0; font-size:0;}
.frameTypeD .ftr {	padding: 0px;	margin: 0px;	width: 209px;	height:7px;	background: url(http://images.plaync.jp/janryumon/guide/bg_frame_type-d_ftr.jpg) no-repeat 0 bottom;	font-size:0;}