@charset "UTF-8";
/* CSS Document */

@import "/css/reset-fonts.css"; /* reset differences of font between browsers */
@import '/css/base.css'; /* base setting based on yui base.css (depend on yui fonts.css) */

@import '/css/library.css'; /* common buttons, borders, tables, etc.. */
@import '/css/layout.css';

html { background: url(/images_common/bgCommonHtml); }
body { background: url(/images_common/bgCommonBody.gif) repeat-x; background-color: #000000; }

/*
#A70034 is base color for a, and etc..
*/
a, a:link, a:hover, a:visited
{
	color: #A70034;
	text-decoration: none;
}

/* layout */
#centerContainer {
	width: 820px;
	overflow-x: hidden;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
}

/* see also /js/ajg.js */
#menu { height: 50px; overflow: hidden; position: relative; background: url(/images_common/menu.gif); }
#menu img { position: absolute; overflow: hidden; }




#header {
}

#mainContainer {
	color: #333333;
	padding: 10px 10px;
	margin: 10px 0;
	background: url(/images_common/bgMainContainer.gif);
}

/* サイドメニュー */
#sideMenu {
	position: relative;
	float: left;
	width: 203px;
/*
	height: 360px;
*/
	padding: 0 0;
	margin: 0 10px 0 0;
}

/* サイドメニュー ミニボックス */
	.sidemenuMiniBoxArea {
		position:relative;
		top: -220px;
		left: 40px;
	}
		.sidemenuMiniBoxArea div {
			border: solid 1px #7A180A;
			width: 140px;
			margin: 0 0 10px 0;
		}
			.sidemenuMiniBoxArea div p {
				background: url(/images_common/bgSlashed.gif); padding: 3px; color: #FFFFFF; font-weight: bold;
			}
			.sidemenuMiniBoxArea div ul {
				margin-left: 10px;
			}
			.sidemenuMiniBoxArea div li {
				list-style: none;
				margin-bottom: 3px;
			}

#mainContents {
	float: left;
	width: 546px;
	padding: 0 0 0 12px;
}

#footer {
	background: #000000;
	color: #FFFFFF;
	padding: 3px 30px;
	height: 22px;
}
	#footer img {
		vertical-align: middle;
		float: left;
	}
	#footer span {
		font-size: 0.85em;
		line-height: 20px;
		border-left: #FFFFFF solid 1px;
		padding: 0 0 0 20px;
	}


/* entry and bbs */
.bbs h2,
.entry h2 {
	background: url(/images_common/bgH2-2.gif) no-repeat;
	height: 26px;
	width: 545px;
	padding: 5px 0 0 10px;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
}
.entryDate{
	font-size: 0.85em;
	line-height: 0.77em;
	margin: 0;
	padding:0 15px 5px 0;
	text-align: right;
	color: #A70034;
}
.entryBody {
	padding: 0 5px;
}
.entryFooter {
	text-align: right;
	background: url(/images_common/bgEntryFooter2.gif) no-repeat;
	height: 22px;
	padding: 5px 10px 10px 0;
	font-size: 0.85em;
}

#backToPageTop {
	margin: 50px 0 0 0;
	padding: 5px;
	border-top: solid 1px #853C08;
	text-align: center;
}

/*************************************************
 SMC common header
**************************************************/
#smcHeader {
	height: 18px;
	background-image: url(/images_common/smcLogo.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #333333;
	text-align: right;
	padding: 3px 15px;
}
#smcHeader a,
#smcHeader a:visited
{
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 0 10px;
	border-right: solid 1px #333333;
}

#sideMarginFrame {
	width: 860px;
	margin:auto;
}
















#navimenu2 { width: 820px; height: 50px; background-image: url(/images_common/menu.gif); }
#navimenu2 a { display: block; }
#navimenu2 a:hover { background-image: url(/images_common/menu.gif); }

#navimenuL { float: left; width: 50px; }
#navimenuL a { width: 50px; height: 50px; }

#navimenuR { float: left; width: 770px; }
#navimenuR a { float: left; width: 128px; height: 25px; }

#menu1:hover { background-position: 0 -50px; }

#menu2:hover { background-position: -50px -50px; }
#menu3:hover { background-position: -178px -50px; }
#menu4:hover { background-position: -306px -50px; }
#menu5:hover { background-position: -434px -50px; }
#menu6:hover { background-position: -562px -50px; }
#menu7:hover { background-position: -690px -50px; }
#menu8:hover { background-position: -50px -75px; }
#menu9:hover { background-position: -178px -75px; }
#menu10:hover { background-position: -306px -75px; }
#menu11:hover { background-position: -434px -75px; }
#menu12:hover { background-position: -562px -75px; }
#menu13:hover { background-position: -690px -75px; }



#infoFrame { }
#infoFrame h2 { margin-bottom: 20px }
#infoFrame h4 { margin-bottom: 10px }
#infoFrame p { padding-bottom: 20px; border-bottom: dotted 1px #300; margin-bottom: 20px; }
.infoMenu a { display: block; width: 130px; height: 25px; margin-left: 70px; }