@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	line-height: 1.5;
	color: #000;
	background-color: #82D9D7;
	background-image:url(../images/bgimg.png);
	background-repeat:repeat;
	margin:0 0 0 0;
	padding:0;
}
@font-face {
	font-family:'PixelMplus12-Regular.ttf';
	src:url(../font/PixelMplus12-Regular.ttf);
}

#wrapper {
	width: 1051px;
	margin-right: auto;
	margin-left: auto;
	padding:15px 0 0 0;
	background-color:#FFF;
		background-image:url(../images/wrapperimg.png);
	background-repeat: repeat-x;
	background-position:top;
}

html,body,div,class,p,h1,h2,h3,h4,h5,img,ul,li,header,nav,article,footer,a,map,address {
	margin:0;
	padding:0;
}

img{border:0;vertical-align:bottom;}

/*ヘッダー*/
#header {
	width:1051px;
	height:118px;
}

#header h1 {
	padding:4px 0 0 35px;
}


/*ヘッダーここまで*/

#main {
	width:1051px;
}

/*side*/
#sidebar {
	width:192px;
	height:502px;
	float:left;
	margin:0;
	padding:0;
}

#sidebar ul {
	list-style-type:none;
}

#sidebar ul li {
	margin:0 0 4px 35px;
}

#sidebar .sidemenu{
	margin:0 0 10px 32px;
}

#sidebar ul li a{
	display:block;
	width:168px;
	height:81px;
}

#sidebar .sidemenu a {
	display:block;
	width:174px;
	height:156px;
}

#sidebar .base img {
	display:block;
	margin:0;
	padding:0;
}

#sidebar ul .num4 {
	margin:0 0 0 35px;
}
/*sidemenu link*/


.sidemenu a:link {background:url(../images/sidemenu.png) no-repeat 0px 0px ;}
.num1 a:link {background:url(../images/sidemenu.png) no-repeat -174px 0;}
.num2 a:link {background:url(../images/sidemenu.png) no-repeat -174px -81px;}
.num3 a:link {background:url(../images/sidemenu.png) no-repeat -174px -162px;}
.num4 a:link {background:url(../images/sidemenu.png) no-repeat -174px -244px;}

.sidemenu a:visited {background:url(../images/sidemenu.png) no-repeat 0px -468px ;}
.num1 a:visited {background:url(../images/sidemenu.png) no-repeat -678px 0;}
.num2 a:visited {background:url(../images/sidemenu.png) no-repeat -678px -81px;}
.num3 a:visited {background:url(../images/sidemenu.png) no-repeat -678px -162px;}
.num4 a:visited {background:url(../images/sidemenu.png) no-repeat -678px -244px;}

.sidemenu a:hover {background:url(../images/sidemenu.png) no-repeat 0px -156px ;}
.num1 a:hover {background:url(../images/sidemenu.png) no-repeat -342px 0;}
.num2 a:hover {background:url(../images/sidemenu.png) no-repeat -342px -81px;}
.num3 a:hover {background:url(../images/sidemenu.png) no-repeat -342px -162px;}
.num4 a:hover {background:url(../images/sidemenu.png) no-repeat -342px -244px;}

.sidemenu a:active {background:url(../images/sidemenu.png) no-repeat 0px -312px ;}
.num1 a:active {background:url(../images/sidemenu.png) no-repeat -510px 0;}
.num2 a:active {background:url(../images/sidemenu.png) no-repeat -510px -81px;}
.num3 a:active {background:url(../images/sidemenu.png) no-repeat -510px -162px;}
.num4 a:active {background:url(../images/sidemenu.png) no-repeat -510px -244px;}





/*sidemenu link*/

/*sideここまで*/




/*contents*/
#contents {
	width:784px;
	height:550px;
	float:right;
	position:relative;/*基準となる位置*/
	margin:30px 28px 0 0;
}

#contents .mainmonitor {
	
}

#contents h3.submonitor {
	position:absolute;
	bottom:550px;
	left:496px;
}

#subfont {
	position:absolute;
	z-index:3;
	width:255px;
	bottom:579px;
	left:510px;
	margin:0 0 0 14px;
  color: rgba(0,0,0,0.4);
  text-shadow: 2px 4px 6px rgba(0,0,0,0.6),
               0px -5px 16px rgba(255,255,255,0.9);
	font-family:'PixelMplus12-Regular.ttf';
	font-weight:bold;
}

#contents h4.tomatofamily {
	position:absolute;
	bottom:550px;
	left:115px;
}

/*メイン画面アイコン*/
#iconbar ul {
	list-style-type:none;
}

#iconbar ul li {
	float:left;
	overflow:hidden;
	width:57px;
	height:43px;
	display:block;
}

#iconbar {
	position:absolute;
	bottom:91px;
	left:212px;
	width:342px;
	height:43px;
	margin:0;
	padding:0;
}
/*メイン画面アイコンend*/


/*contentsここまで*/


#footer {
	width:1051px;
	height:26px;
	padding:0 0 6px 0;
}























/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/