@charset "utf-8";

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

	FILE NAME	:	base.css
	AUTHOR		:	マルジルシ屋

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

/* ----- ベースパラメータ ----- */

/* ========== 共通大ブロックパラメータ ========== >> */

* {
/*	background: transparent;*/
	font-family: 'MS PGothic', sans-serif, monospace;
	text-align: justify;
}

html, body {
	height: 100%;
}

body {
	background: #FFF url(../img/body_back.jpg) no-repeat center top;
	color: #333;
	font-size: 13px;
	line-height: 1.5;
}

a:link {
	color: #0000FF;
	text-decoration: underline;
}

a:visited {
	color: #800080;
}

a:hover {
	color: #cc0000;
}

strong {
	color: #F39;
}

b {
	color: #F39;
}

h1 {
	font-size: 13px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	height: 20px;
	padding: 1px 0px 0px 5px;
}

div#wrapper {
	width: 100%;
	height: 100%;
	background: url(../img/wrapper_back3.jpg) no-repeat center bottom;
}

body > div#wrapper {
	height: auto;
	min-height: 100%;
}

div#container {
	width: 950px;
	margin: 0 auto;
	height: 100%;
	padding: 0px 0px 250px 0px;
}

div#container:after {	/* IE8 */
	content: url(../img/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

/* << ========== 共通大ブロックパラメータ ========== */

/* ========== ヘッダーパラメータ ========== >> */

div#header {
	height: 109px;
	margin: 0 auto;
}

div#header h2, div#header p {
	font-size: 13px;
	text-indent: -99999px;
}

ul#headerMenu {
	height: 50px;
	background: #FFF url(../img/header_menu_back.jpg) no-repeat top center;
}

ul#headerMenu li {
	display: inline;
	list-style: none;
	float: left;
}

li.headerMenu01 a {
	display: block;
	width: 130px;
	height: 50px;
	text-decoration: none;
	text-indent: -99999px;
	margin-left: 18px;
}

li.headerMenu01 a:hover {
	background: url(../img/header_menu01.jpg) no-repeat top right;
}

li.headerMenu02 a {
	display: block;
	width: 257px;
	height: 50px;
	text-decoration: none;
	text-indent: -99999px;
	margin-left: 4px;
}

li.headerMenu02 a:hover {
	background: url(../img/header_menu02.jpg) no-repeat top right;
}

li.headerMenu03 a {
	display: block;
	width: 204px;
	height: 50px;
	text-decoration: none;
	text-indent: -99999px;
	margin-left: 4px;
}

li.headerMenu03 a:hover {
	background: url(../img/header_menu03.jpg) no-repeat top right;
}

li.headerMenu04 a {
	display: block;
	width: 151px;
	height: 50px;
	text-decoration: none;
	text-indent: -99999px;
	margin-left: 4px;
}

li.headerMenu04 a:hover {
	background: url(../img/header_menu04.jpg) no-repeat top right;
}

li.headerMenu05 a {
	display: block;
	width: 133px;
	height: 50px;
	text-decoration: none;
	text-indent: -99999px;
	margin-left: 4px;
}

li.headerMenu05 a:hover {
	background: url(../img/header_menu05.jpg) no-repeat top right;
}

/* << ========== ヘッダーパラメータ ========== */

/* ========== 3カラムパラメータ ========== >> */

div#mainColmn {
	float: left;
	width: 765px;
}

div#contents {
	float: right;
	width: 550px;
	margin: 0 auto;
	margin-top: 20px;
}

div#contents h3{
	font-size:12px;
	letter-spacing:2px;
	background:url(../img/h3_back.jpg) no-repeat;
	height:24px;
	color:#FFFFFF;
	padding:39px 0px 0px 34px;
	margin-bottom:10px;
}

div#contents p {
	margin-bottom:20px;
}

div#leftMenu {
	float: left;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#rightMenu {
	float: right;
	width: 170px;
	margin-top: 20px;
}

/* << ========== 3カラムパラメータ ========== */

/* ========== フッターパラメータ ========== >> */

div#footer {
	position: relative;
	/*border-top:1px solid #EEE;*/
	text-align: center;
	width: 950px;
	margin: -220px auto 0 auto;
}

div#footer h3 {
	font-size: 13px;
	font-weight: normal;
	padding-top: 10px;
	text-align: center;
}

address {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

div#footer a, div#footer a:visited, div#footer a:hover {
	text-decoration: underline;
}

/* << ========== フッターパラメータ ========== */

/* ========== レフトメニュー ========== >> */

h4#leftMenuh41 {
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: url(../img/left_menu_h4_1.jpg) no-repeat left top;
	height: 22px;
	padding-top: 39px;
}

h4#leftMenuh42 {
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: url(../img/left_menu_h4_2.jpg) no-repeat left top;
	height: 22px;
	padding-top: 39px;
}

/*div#leftMenu h4 {
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: url(../img/left_menu_h4_1.jpg) no-repeat left top;
	height: 22px;
	padding-top: 39px;
}*/

div#leftMenu ul {
	list-style: none;
}

div#leftMenu li {
	height: 31px;
	background: #FFF url(../img/left_menu_li.jpg) no-repeat left center;
}

div.leftMenuBox {
	padding-bottom: 10px;
	background: url(../img/left_menu_box_end.jpg) no-repeat left bottom;
	margin-bottom: 30px;
}

ul.leftMenuBox {
	padding: 0 !important;
}

ul.leftMenuBox li {
	padding: 0 !important;
}

ul.leftMenuBox li a {
	display: block;
	width: 170px;
	padding: 5px 0px 5px 30px;
	border-bottom: 1px dashed #CCC;
	background: #FFF url(../img/left_menu_li.jpg) no-repeat left center;
	text-decoration: none;
	color: #333;
}

ul.leftMenuBox li a:hover {
	background: url(../img/left_menu_li_hv.jpg) no-repeat left center;
}

/* << ========== レフトメニュー ========== */

/* ========== 定型パラメータ ========== >> */

.mar10T {
	margin-top:10px !important;
}

.mar10R {
	margin-right:10px !important;
}

.mar10B {
	margin-bottom:10px !important;
}

.mar15T {
	margin-top:15px !important;
}

.mar15R {
	margin-right:15px !important;
}

.mar15B {
	margin-bottom: 15px !important;
}

.mar15L {
	margin-left: 15px !important;
}

.mar20T {
	margin-top: 20px !important;
}

.mar20B {
	margin-bottom: 20px !important;
}

.mar25L {
	margin-left:25px !important;
}

.mar30T {
	margin-top: 30px !important;
}

.mar30B {
	margin-bottom: 30px !important;
}

.mar40T {
	margin-top:40px;
}

.alC {
	text-align: center !important;
}

.fl {
	float:left !important;
}
/*
.fontS14 {
	font-size:14px;
}

.fontS16 {
	font-size:16px;
}

.fontS40B {
	font-size:40px;
	font-weight:bold;
}
*/
/* << ========== 定型パラメータ ========== */






.tablePL1 {
	border-top:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	width:540px;
}

.tablePL1 th {
	text-align:left;
	font-weight:normal;
	background:#EEEEEE url(../img/th_back01.gif) right top no-repeat;
	border-bottom:1px solid #C8C8C8;
	vertical-align:top;
	padding:5px 0px 5px 10px;
	width:170px;
}

.tablePL1 td {
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	padding:5px;
}



td.akaBack {
	background:url(../img/akamochi_back.jpg) no-repeat top left;
	width:254px;
	height:195px;
	padding:15px 0px 0px 10px;
	vertical-align:top;
}

td.akaBack p {
	margin:4px 0px 0px 0px !important;
	line-height:1.7;
}

td.akaBack b {
	font-size:15px;
}



td.mochiBack {
	background:url(../img/akamochi_back.jpg) no-repeat top left;
	width:254px;
	height:195px;
	padding:15px 0px 0px 10px;
	vertical-align:top;
}

td.mochiBack p {
	margin:4px 0px 0px 0px !important;
/*	line-height:1.7;*/
}

td.mochiBack b {
	font-size:15px;
}




div.akamochiBack {
	/*background:url(../img/akamochi_back.jpg) no-repeat top left;
	width:254px;*/
	height:170px;
	padding:15px 0px 0px 0px;
	vertical-align:top;
}

div.akamochiBack p {
	margin:4px 0px 0px 0px !important;
/*	line-height:1.7;*/
}

div.akamochiBack b {
	font-size:15px;
}




div#errInq {
	border-top:#FC0 1px solid;
	border-left:#FC0 1px solid;
	border-bottom:#F90 1px solid;
	border-right:#F90 1px solid;
	background-color:#FCFCFC;
	padding:10px;
	margin-bottom:20px;
	color:#F39;
	font-weight:bold;
	font-size:14px;
}



div.back01 {
	background:url(../img/back01.jpg) no-repeat bottom center;
	height:174px;
	margin:10px 0px 20px 0px;
}

div.back02 {
	background:url(../img/back02.jpg) no-repeat top center;
	padding:10px 0px 0px 0px;
	margin:20px 0px 20px 0px;
	height:243px;
}

div.back03 {
	background:url(../img/back02.jpg) no-repeat top center;
	padding:10px 0px 0px 0px;
	margin:20px 0px 20px 0px;
	height:420px;
}

div#back04 {
	background:url(../img/back04.jpg) no-repeat top center;
	height:220px;
	margin:10px 0px 20px 0px;
}

div#back05 {
	width:280px;
	padding:10px 0px 0px 20px;
	font-size:14px;
	color:#000;
	line-height:2.0;
}

div#flash01 {
	height:366px;
	background:url(../img/top_flash.jpg) no-repeat top center;
	margin-bottom:30px;
}

div#flash02 {
	height:150px;
	background:url(../img/note1.jpg) no-repeat top center;
	margin-bottom:30px;
}




div#login {
	padding:8px 0px 10px 12px;
	border:#CCC 1px solid;
	background-color:#F9F9F9;
	line-height:2.0;
}


div#lostpass {
	padding:8px 0px 8px 12px;
	border:#CCC 1px solid;
	background-color:#F9F9F9;
	margin:10px 0px 10px 0px;
	font-size:11px;
}