@charset "utf-8";
/* ======================== 目次 ==========================

	
======================================================== */


/* -------------------------[01]:初めての方へ */
div.begginerBox		{ width: 700px; }
div.contentsData	{ width: 680px; padding: 15px 10px 30px; }
div.contentsData .catchTxt	{ width: 432px; height: 25px; }
div.contentsData .leftBox	{ width: 360px; float: left; }
div.contentsData .rightBox	{ width: 295px; float: right; padding: 10px 0px 0px; }
div.contentsData p			{ color: #333; padding: 10px 0px 0px; text-align: left; }
div.contentsData .redText	{ color: #F00; }

div.contentsData .stepBox	{ background: url(/begginer/img/dotted.gif) repeat-x top; padding:5px 0 0px 0; }
div.contentsData .stepBox .cap	{ width: 50px; float: left; }
div.contentsData .stepBox p		{ width: 375px; float: left; }
div.contentsData .stepBox ul	{ width: 375px; float: left; padding: 10px 0px 0px; }
div.contentsData .stepBox li	{ width: 123px; float: left; padding: 0px 0px 0px 0px; text-align: left; }
div.contentsData .stepBox li a	{ background: url(/img/common/org_arrow.gif) no-repeat; width: 103px; padding: 0px 10px 0px 12px; display:block; }
div.contentsData .stepBox li a:hover { background: url(/img/common/org_arrow_on.gif) no-repeat; }


div.contentsData .stepBox .photo{ width: 240px; float: right; padding: 10px 0px; }
div.contentsData .stepBox .photo .printBt	{ width: 240px; height: 50px; padding: 2px 0px; }
div.contentsData .stepBox .photo .accBt		{ width: 240px; height: 30px; }

div.contentsData .banarBox	{ width: 670px; padding: 25px 0px 0px 8px; }
div.contentsData .banarBox .left	{ float: left; }
div.contentsData .banarBox .center	{ width: 221px; margin: 0px auto; }
div.contentsData .banarBox .right	{ float: right; }