/* Browser Fixes and Workarounds */
p { margin-top : 0px }


/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	/* font-family: "‚l‚r ‚o–¾’©", "‚l‚r ƒSƒVƒbƒN"; */
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	text-align:center;
}

/************** header tag styles **************/


h1 {
	padding:0px;
	margin:0px 0px 6px 0px;
	font-size:24px;
	text-align:center;
	font-weight:normal;
	/* font-family: "‚l‚r ‚o–¾’©", "HGP–¾’©E", "‚l‚r ƒSƒVƒbƒN", sans-serif; */
}

hr {
	margin-left:5px;
	margin-right:12px;
}


table {
	background-color:#752B30;
	margin:2px 10px 3px 10px;
	text-align:center;
}

table td {
	margin:0px;
	padding:2px 6px 2px 6px;
	background-color:#FFFFFF;
}

img {
	border:none;
}

#wrapper {
	position:relative;
	text-align:left;
	margin:0px auto;
	width:810px;
}

#headerLogo {
	float:left;
	margin:6px 0px 6px 0px;
}

#headerTitle {
	position:absolute;
	left:280px;
	top:6px;
	width:303px;
	height:40px;
}

#siteMap {
	position:absolute;
	left:630px;
	top:3px;
	width:170px;
}

#siteMap a{
	text-decoration:none;
	color:#333333;
	margin:0px;
	padding:0px;
	font-size:12px;
}

#siteMap a:hover{
	background-color:#FAEDED;
}

form {
	padding:0px 0px 0px 0px;
	margin:5px 8px 2px 0px;
	border:none;
	text-align:right;
}
#menuBack {
	clear:both;
	float:left;
	width:800px;
	height:33px;
	background:#FFFFFF url(top/menuBar.gif);
	background-repeat:no-repeat;
	border:none;
}

#mainMenu {
	margin:1px 0px 0px 10px;
	z-index:100;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.layoutTable{
	background-color:#FFFFFF;
	margin:0px 0px 0px 10px;
	font-size:14px;
	line-height:1.4;
	text-align:left;
	border-collapse:collapse;
}

.layoutTable td {
	margin:0px;
	padding:0px 0px 8px 0px;
	vertical-align:top;
	background-color:#FFFFFF;
}

.elegantTable{
	background-color:#FFFFFF;
	margin:0px 0px 0px 10px;
	font-size:14px;
	line-height:1.4;
	text-align:left;
	border-collapse:separate;
}

.elegantTable td {
	margin:0px;
	padding:0px 0px 8px 3px;
	vertical-align:top;
	background-color:#FFECF3;
}

.elegantTableCon {
	background-color:#FFEEF7;
}

.picbox {
	float:left;
	width:270px;
	color:#6C1739;
	background-color:#FFF8FC;
	text-align:left;
	padding:6px 0px 6px 0px;
	margin:9px 5px 5px 9px;
	border: 1px dashed #D2D222;
}

.common ul {
	margin:0px 10px 8px 10px;
	padding:0px 5px 0px 10px;
	line-height:1.5;
	font-size:14px;
	list-style-type: none;
}
.common li {
	padding-bottom:12px;
}

.common ol {
	margin:0px 10px 8px 36px;
	padding:0px 10px 8px 20px;
	font-size:14px;
	line-height:1.4;
}

.common p {
	padding: 0px 15px 10px 10px;
	font-size:14px;
	line-height:1.4;
	margin:0px;
}


.common h1 {
	margin:0px 15px 14px 10px;
	/* font-family: "‚l‚r ‚o–¾’©", "HGP–¾’©E", "HGŠÛºÞ¼¯¸M-PRO", sans-serif; */
}

.common h3 {
	margin:10px 19px 5px 10px;
}

.common h2 {
	margin-right:7px;
}

.common h4 {
	margin:5px 10px 8px 10px;
}
.smallTable2 {
	font-size:12px;
	font-family:"‚l‚r ‚o–¾’©";
	margin-right:12px;
	padding:0px;
}

.smallTable2 p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
}

.evenRow {
	background-color:#FBEAEA;
}

.og {
	width:575px;
	clear:both; 
	padding:2px 0px 0px 10px;
}

.oddRow {
	background-color:#E3AAAF;
}

.question {
	color:#990000;
	margin-bottom:6px;
}
.answer {
	color:#333333;
}

p.answer {
	margin-bottom:10px;
}

#firstH3 {
	margin-top:8px;
}

#basic{
	background-image:url(common/basicShad.gif);
	background-repeat:repeat-y;
	float:left;
	width:807px;
	border:0px;
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#basicCap {
	background-image:url(common/basicCap.gif);
	background-repeat: no-repeat;
	height:17px;
}

#basicBtm {
	background-image:url(common/basicBtm.gif);
	background-repeat: no-repeat;
	clear:both;
	height:19px;
}

#inner{
	background-color:#FFFFFF;
	background-image:url(common/innerShad.gif);
	background-repeat:repeat-y;
	float:left;
	border:0px;
	width:576px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	display:inline;
}

#innerCap {
	background-image:url(common/innerCap.gif);
	background-repeat: no-repeat;
	border:0px;
	height:23px;
}

#innerBtm {
	background-image:url(common/innerBtm.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	border:0px;
	clear:both;
	height:15px;
}

.innerCol {
	float:left;
	display:inline;
	width:278px;
	padding:0px;
	border:0px;
	margin:0px;
	margin-left:2px;
}

.innerCol ul {
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
}

.shirase li{
	border:0px;
	padding:0px;
	border-top: 2px solid #E2BBBB;
	margin: 0px 0px 0px 0px;
	width:278px;
	clear:both;
}

.shirase li a{
	display:block;
	margin:0px;
	border:0px;
	width:274px;
	padding:2px 0px 5px 4px;
}


#widePic {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px;
	width:805px;
	height:250px;
}

#wide{
	background-image:url(common/wideShad.gif);
	background-repeat:repeat-y;
	float:left;
	width:807px;
	border:0px;
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.wideList li {
	margin: 0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	width:347px;
	clear:both;
}

.wideList li a {
	display:block;
	width:347px;
}

#wideCap {
	background-image:url(common/wideCap.gif);
	background-repeat: no-repeat;
	height:17px;
}


.boxm {
	background-image:url(common/boxm.gif);
	background-repeat:repeat-y;
	width:572px;
	padding:0px;
	margin:0px 0px 20px 9px;
}
.boxh {
	background-image:url(common/boxh.gif);
	color:#FFFFFF;
	line-height:23px;
	font-size:16px;
	font-weight:bold;
	height:24px;
	text-indent: 35px;
	border:0px;
	margin-bottom:5px;
	
}

.boxf {
	background-image:url(common/boxf.gif);
	background-repeat: no-repeat;
	height:13px;
	background-color:#FFFFFF;
	clear:both;
}


.wih {
	background-image:url(common/wih.gif);
	color:#FFFFFF;
	line-height:23px;
	font-size:16px;
	font-weight:bold;
	width:770px;
	height:23px;
	margin-left:14px;
	text-indent: 35px;
}

.wif {
	background-image:url(common/wif.gif);
	background-repeat: no-repeat;
	width:770px;
	height:14px;
	margin-left:14px;
	margin-bottom:20px;
}

.wi {
	width:770px;
	padding:5px 0px 8px 0px;
	background-image:url(common/wi.gif);
	background-repeat:repeat-y;
	margin-left:14px;
}


#wideBtm {
	background-image:url(common/wideBtm.gif);
	background-repeat: no-repeat;
	clear:both;
	height:19px;
}
#extra{
	background-image:url(common/extraShad.gif);
	background-repeat:repeat-y;
	float:left;
	width:1117px;
	border:0px;
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#extraCap {
	background-image:url(common/extraCap.gif);
	background-repeat: no-repeat;
	height:17px;
}


#extraBtm {
	background-image:url(common/extraBtm.gif);
	background-repeat: no-repeat;
	clear:both;
	height:19px;
}

#pageExtra{
	float:left;
	width:908px;
	border:0px;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pagecell{
	float:left;
	width:598px;
	border:0px;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#noJava {
	margin-left:290px;
}

ol.roman {
	list-style-type:upper-roman;
}

.markerL li {
	background-image:  url(common/marker.gif);
	background-repeat:	no-repeat;
	background-position:0px 5px;
	margin-left:10px;
	padding-left:15px;
}

.basicList li{
	background-image:  url(common/marker.gif);
	background-repeat:	no-repeat;
	background-position:0px 5px;
	margin-left:-5px;
	padding-bottom:2px;
	padding-left:15px;
	text-align:left;
}

.bl{
	background-image:  url(common/marker.gif);
	background-repeat:	no-repeat;
	background-position:0px 5px;
	margin-left:-5px;
	padding-bottom:2px;
	padding-left:15px;
	text-align:left;
}

.indentList ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.indentList li {
	background-image: url(common/marker.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
}

h3.hilite {
	background-color:#FBE1E2;
	padding-left:3px;
	line-height:1.5;
}

.darkBack {
	background-color:#884244;
	color:#FFFFFF;
	padding:3px;
}

.divider {
	background-color:#FBEAEA;
	color:#993333;
	padding:3px;
}

.roman h3 {
	background-color:#FBE1E2;
	padding-left:3px;
	line-height:1.5;
	margin:10px 19px 5px 0px;
}

ol.decimal {
	padding:0px 10px 8px 10px;
	list-style-type:decimal;
	list-style-image:none;
}

.decimal li {
	list-style-type:decimal;
	list-style-image:none;
}

ol.decimalBasic {
	padding:0px 10px 8px 10px;
}

.decimalBasic li {
	list-style-type:decimal;
	list-style-image:none;
	margin-bottom:0px;
	padding-bottom:3px;
}

ol.decimal2 {
	padding:3px 0px 3px 0px;
	margin:0px 0px 0px 28px;
	list-style-type:decimal;
	list-style-image:none;
}

.decimal2 li {
	list-style-type:decimal;
	list-style-image:none;
	padding:0px 0px 0px 0px;
}


ol.alpha {
	padding:0px 10px 8px 10px;
	list-style-type:upper-alpha;
}

.common a, .common a:visited {
	display: block;
	color:#2D8ABD;
	text-decoration: none;
}

.common a:hover {
	text-decoration: none;
	background-color: #FAEDED;
}

.common p a{
	color:#2D8ABD;
	background-image:url(common/arrow.gif);
	background-position:2px 2px;
	background-repeat:no-repeat;
	padding-left:17px;
}

.common p a:visited{
	color:#2D8ABD;
}

.emphasis {
	color:#990000;
}

p.boxHeader {
	margin:0px 0px 10px 0px;
	border:none;
	padding:0px;
	text-align:center;
}

.picR {
	float:right;
	margin:0px 10px 0px 0px;
	padding:4px;
}

.picR p {
	text-align:center;
}

.picL {
	float:left;
	margin:0px 0px 0px 5px;
	padding:4px;
}

.picL p {
	text-align:center;
}

.dbox {
	background-color:#FCFCFC;
	position:relative;
	text-align:left;
	margin:0px auto;
	width:500px;
	border: 1px dashed #D2D222;
	padding:10px;
}

.dbox2 {
	background-color:#FEEFEF;
	position:relative;
	text-align:left;
	margin:0px auto;
	width:85%;
	border: 1px dashed #AA6633;
	padding:10px;
}


/************** Box styles *****************/
#leftCol {
	float:left;
	width:49%;
	border-right: 1px solid #660000;
	border-right-style:dotted
}

#leftCol ul {
	margin:0px 0px 8px 0px;
}

#rightCol {
	float:left;
	width:49%;
	padding:0px;
	margin:0px;
}
#rightCol ul {
	margin:0px 0px 8px 0px;
}


/************* sideMenu styles **************/

#sideMenu {
	float:left;
	margin: -5px 0px 0px 6px;
	padding: 0px;
	font : 14px "‚l‚r ƒSƒVƒbƒN";
	line-height:1.5;
	width:203px;
	text-align:center;
}

#sideMenu h3{
	font: bold 16px "‚l‚r ƒSƒVƒbƒN";
	margin:0px 8px 0px 2px;
	line-height:1.5;
	padding:0px;
	background-color:transparent;
	color:#660000;
}
#sideMenu h4{
	font: bold 16px "‚l‚r ƒSƒVƒbƒN";
	line-height:1.5;
	padding:0px;
	margin:10px 8px 3px 2px;
	background-color:transparent;
	color:#660000;
}

#sideMenu p {
	margin:0px 8px 0px 2px;
	padding: 0px;
}

#sideMenu ul {
	margin:0px 8px 0px 2px;
	padding: 0px;
	list-style-type: none;
}

#sideMenu li {
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #F7F7F7;
	margin: 0px;
	padding:0px;
	width:193px;
}

#sideMenu li a{
	text-align:left;
	display: block;
	margin:0px;
	border:0px;
	color : #21536A;
	background-color:#F9F9F9;
	background-image:url(common/arrow.gif);
	background-position:3px 5px;
	background-repeat:no-repeat;
	text-decoration : none;
	width:172px;
	padding:0px 2px 0px 19px;
}

.sbli{
	text-align:left;
	color : #21536A;
	background-color:#F9F9F9;
	background-image:url(common/arrow.gif);
	background-position:3px 4px;
	background-repeat:no-repeat;
}

html>body #sideMenu a {
	width: auto;
}

#sideMenu a:hover {
	background-color:#FAEDED;
	color : #65444C;
	text-decoration : none;
}
#currentSide a:visited, #currentSide a:link, #currentSide a:hover{
	background-color:#F7E1E1;
	color:#65444C;
}

#sideCap {
	float:right;
	position:relative;
	top:-18px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:-14px;
	border:0px;
}

#sideCapT {
	float:right;
	padding-right:6px;
	padding-bottom:4px;
}

.small {
	font-size:12px;
	line-height:1.2;
}

.sideBar {
	height:22px;
	width:198px;
	margin:10px 0px 0px 1px;
	padding:4px 0px 0px 3px;
	border:0px;
	text-align:center;
	background-image:url(common/sbh.gif);
	background-repeat: no-repeat;
	font-weight:bold;
	color:#993300;
}

/************** footer styles ****************/


#footer{
	clear:both;
	font-size: 12px;
	color: #333333;
	padding: 5px 10px 5px 5px;
	margin: 0px;
	line-height:1.3;
}

#footer a{
	color:#990000;
	background-color:#F9F9F9;
	text-decoration : none;
}

#footer a:hover {
	background-color: #FACBCB;
	text-decoration : none;
}

#footer img {
	float:left;
}


/****************************************************/
/************** 2010”NƒVƒ‰ƒoƒX‚̃y�[ƒW **************/
/****************************************************/

#header {
	width: 810px;
	text-align: left;
	margin:10px auto 15px;
}

#pagecell #content {
	margin-left: 15px; 
	tex-align: center;
	height: auto;
}
#pagecell #content table {
	border-collapse: collapse;
	border-spacing: 2px;
	width: 300px;
	margin-left: 30px;
}
#pagecell #content table tr td {
	font-size: 75%;
	border-bottom: dotted 1px #adadad;
	line-height: 2.0em;
}
#pagecell #content table tr .kamoku{
	text-align: left;
}
#pagecell #content p {
	font-size: 100%;
	margin: 5px 0 0 25px;
}
#pagecell #content .comme {
	font-size: 75%;
	color: #666;
}
#pagecell #content ul {
	list-style: none;
	width: 360px;
	margin: 20px 0 0 30px;
	list-style: circle;
}
#pagecell #content .goback {
	width: 80%;
	margin: auto;
	font-size: 75%;
	text-align: right;
	line-height: 2.0em;
	margin-bottom: 15px;
}
#pagecell #content .goback a {
	text-decoration: underline;
	display: inline;
	margin-right: 10px;
}