@charset "utf-8";
/*
Theme Name: mkweb
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
* {
	margin : 0;
	padding : 0;
	font-size : 100%;
	line-height : 100%;
	border : none;
}

body {
	positon : absolute;
	font-family : "MS Pゴシック", " Osaka";
	background-color: #FFFFFF;
}


a {}

#text_box {
	position : absolute;
	top : 66px;
	left : 40px;

	z-index : 1000;
}

.contentsWrapper {
	position : relative;
	width : 1200px;
	height : 765px;
	margin : 0;
	padding : 0;
	
	z-index : 0;
}

#mailButton {
	display : block;
	width : 140px;
	height : 32px;
	
	background : #fff url('./img/mail.png') no-repeat top left;
	z-index : 1500;
}

#mailButton:hover {	
	background : #fff url('./img/mail_gray.png') no-repeat top left;
}

#blogButton {
	display : block;
	width : 140px;
	height : 32px;
	
	background : #fff url('./img/getin.png') no-repeat top left;
	z-index : 1500;
}

#blogButton:hover {
	background : #fff url('./img/getin_gray.png') no-repeat top left;	
}

#blogDate {
	display : block;
	position : absolute;
	top : 4810px;
	left : 300px;

	width : 140px;
	height : 32px;
	
	z-index : 1500;
}

#contentslist00 {
	position : absolute;
	top : 305px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist01 {
	position : absolute;
	top : 960px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist02 {
	position : absolute;
	top : 1700px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist03 {
	position : absolute;
	top : 2440px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist04 {
	position : absolute;
	top : 3180px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist05 {
	position : absolute;
	top : 3920px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist06 {
	position : absolute;
	top : 4660px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist07 {
	position : absolute;
	top : 5400px;
	left : 22px;
	
	z-index : 10000;
}

#contentslist08 {
	position : absolute;
	top : 6140px;
	left : 22px;
	
	z-index : 10000;
}

.contents_lists {
	width : 79px;
	height : 5px;
}

#bg01 {background : #fff url('./img/bg01.jpg') no-repeat top left;}
#bg02 {background : #fff url('./img/bg02.jpg') no-repeat top left;}
#bg03 {background : #fff url('./img/bg03.jpg') no-repeat top left;}
#bg04 {background : #fff url('./img/bg04.jpg') no-repeat top left;}
#bg05 {background : #fff url('./img/bg05.jpg') no-repeat top left;}
#bg06 {background : #fff url('./img/bg06.jpg') no-repeat top left;}
#bg07 {background : #fff url('./img/bg07.jpg') no-repeat top left;}
#bg08 {background : #fff url('./img/bg08.jpg') no-repeat top left;}

.wrap_ie6 {
	margin : 0;
	padding : 0;
}

.movepoint {
	width : 0;
	height : 0;
	vertical-align : top;
}

table img {}

span {
	border : none;
	margin : 0;
	padding : 0;
}

table, tr, td {
	margin : 0;
	padding : 0;
	border : none;
}

td {
	vertical-align : bottom;
}

img {
	vertical-align : top;
	border : none;
/*	border : 32px solid #000;*/
}
img {   
    right:0; 
    border:0;
	bottom:0;   
	left:0;
}
li{
list-style:none;
}


#wrapper {
	padding-top: 200px;
	width: 1200px;
}
#container {
	width: 1000px;
}
#topmenu {
	margin-left: 180px;
	_margin-left: 35px;
	margin-top:25px;
	width: 693px;
	float: left;
}
#topmenu ul#toplist li a{
    display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 150px;
	height: 32px;
	list-style-type: none;

}
#topmenu ul#toplist li{ float:left;
margin-left:110px;

}
#topmenu #toplist .top1 a{
background-image: url(img/topbt1.gif);
background-position:0 0;
width:150px;


}
#topmenu #toplist .top1 a:hover{
width:150px;
background-position:0 32px
}
#topmenu #toplist .top2 a{
background-image: url(img/topbt2.gif);
background-position:0 0;
width:150px;

}
#topmenu #toplist .top2 a:hover{
width:150px;
background-position:0 0px
}

#hreder {
	width: 1200px;
	padding-left: 135px;
}
.main {
	float: left;
	width: 1200px;
}
.side {
	float: left;
	height: 652px;
	width: 135px;
	position: relative;
	z-index: 1;

}
.center {
	float: left;
	height: 652px;
	width: 1065px;
	background-image: url(img/bg1.jpg);
}
.side1 {
	float: left;
	height: 740px;
	width: 135px;
	position: relative;
	z-index: 1;
}
.side2 {
	float: left;
	height: 742px;
	width: 135px;
	position: relative;
	z-index: 1;
}
.center1 {
	float: left;
	height: 740px;
	width: 1065px;
}
.center2 {
	float: left;
	height: 740px;
	width: 1065px;
	background-image: url(img/bg3.jpg);
}
.center3 {
    float: left;
	background-image: url(img/bg5.jpg);
	height: 740px;
	width: 1065px;
}
.center4 {
    float: left;
	background-image: url(img/bg6.jpg);
	height: 740px;
	width: 1065px;
}
.center5 {
    float: left;
	background-image: url(img/bg7.jpg);
	height: 740px;
	width: 1065px;
}
.center6 {
    float: left;
	
	height: 742px;
	width: 1065px;
	padding-bottom:700px;
}

#information {
	width: 481px;
	_margin-top:-16px;
	
}
*:first-child+html #information {
	width: 481px;
	margin-top:-16px;
	
}

#infolist li{ _margin-bottom:-16px;
_margin-left:0px;


    
}

*:first-child+html #infolist li{ margin-bottom:-16px;


}

#infolist li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 481px;
	height: 51px;
	list-style-type: none;
	
}
#infolist li a:hover{
    background-position: 0px 51px;
}

#infolist #menu1 a { background-image:url(img/1.jpg);}
#infolist #menu2 a { background-image:url(img/2.jpg);}
#infolist #menu3 a { background-image:url(img/3.jpg);}
#infolist #menu4 a { background-image:url(img/4.jpg);}
#infolist #menu5 a { background-image:url(img/5.jpg);}
#infolist #menu6 a { background-image:url(img/6.jpg);}
#infolist #menu7 a { background-image:url(img/7.jpg);}


#infolist1 {
	width: 372px;
	margin-top: 102px;
	
	
}


#infolist1 li{ _margin-bottom:-1px
}
*:first-child+html #infolist1 li{ margin-bottom:-1px
}

#infolist1 li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 372px;
	height: 34px;
	list-style-type: none;
	
}
#infolist1 li a:hover{
    background-position: 0px 34px;
}

#infolist1 #menu8 a { background-image:url(img/li1.gif);}
#infolist1 #menu9 a { background-image:url(img/li2.gif);}
#infolist1 #menu10 a { background-image:url(img/li3.gif);}
#infolist1 #menu11 a { background-image:url(img/li4.gif);}
#infolist1 #menu12 a { background-image:url(img/li5.gif);}
#infolist1 #menu13 a { background-image:url(img/li6.gif);}

.ro {
	height: 32px;
	width: 140px;
	margin-top: 172px;
	margin-left: 26px;
}


.ro ul.formlist li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 140px;
	height: 32px;
	list-style-type: none;
	
}
.ro ul.formlist .form1 a { background-image: url(img/li7.gif);  
   
   background-position:0px 0px;
   width: 140px;
}
.ro ul.formlist .form1 a:hover {
	width: 140px;
	background-position: 0px 32px;
}
.ro ul.formlist .form2 a { background-image: url(img/li8.gif);  
   
   background-position:0px 0px;
   width: 140px;
}
.ro ul.formlist .form2 a:hover {
	width: 140px;
	background-position: 0px 32px;
}

#works {
	width: 753px;
	margin-top: 153px;
}
#worksleft {
	float: left;
	width: 385px;
	margin-right: 34px;
}
#worksright {
	float: left;
	width: 334px;
}


#worksleft li{ _margin-bottom:-1px
}

*:first-child+html #worksleft li{ margin-bottom:-1px
}

#worksleft li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 385px;
	height: 34px;
	list-style-type: none;
	
}
#worksleft li a:hover {
    background-position: 0px 34px;
}

#worksleft #rbmenu1 a {  background-image:url(img/rb1.gif);}
#worksleft #rbmenu2 a {  background-image:url(img/rb2.gif);}
#worksleft #rbmenu3 a {  background-image:url(img/rb3.gif);}
#worksleft #rbmenu4 a {  background-image:url(img/rb4.gif);}
#worksleft #rbmenu5 a {  background-image:url(img/rb5.gif);}
#worksleft #rbmenu6 a {  background-image:url(img/rb6.gif);}
#worksleft #rbmenu7 a {  background-image:url(img/rb7.gif);}



#worksright li{ _margin-bottom:-1px
}

*:first-child+html #worksright li{ margin-bottom:-1px
}

#works #worksright li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 334px;
	height: 32px;
	list-style-type: none;
	
}
#worksright li a:hover{
    background-position: 0px 32px;

}
#worksright #rbmenu8 a { background-image:url(img/rb8.gif);}
#worksright #rbmenu9 a { background-image:url(img/rb9.gif);}
#worksright #rbmenu10 a { background-image:url(img/rb10.gif);}
#worksright #rbmenu11 a { background-image:url(img/rb11.gif);}
#worksright #rbmenu12 a { background-image:url(img/rb12.gif);}
#worksright #rbmenu13 a { background-image:url(img/rb13.gif);}
#worksright #rbmenu14 a { background-image:url(img/rb14.gif);}
#worksright #rbmenu15 a { background-image:url(img/rb15.gif);}

.zside{
	position: relative;
	z-index: 2;
	top:-20px;
	_top:-340px;
	

}

.zside2 {
	position: absolute;
	top: 38px;
	_top: 29px;
	z-index: 3;
	font-size: 9px;
	text-indent: 32px;
}
.zside2 li {
	
	height:20px;
	_height:19px;
	width: 135px;
	display: block;
	
	
}
.zside3 {
	position: absolute;
	top: 40px;
	_top: 31px;
	z-index: 3;
	font-size: 9px;
	text-indent: 32px;
}
.zside3 li {
	
	height:20px;
	_height:19px;
	width: 135px;
	display: block;
	
	
}

.zside4 {
	position: absolute;
	top: 41px;
	_top: 32px;
	z-index: 3;
	font-size: 9px;
	text-indent: 32px;
}
.zside4 li {
	
	height:20px;
	_height:19px;
	width: 135px;
	display: block;
	
	
}

*:first-child+html .zside{
	position: relative;
	z-index: 2;
	
	top:-340px;
	

}
.zside1{
    
	position: relative;
	z-index: 2;
	top:-20px;
	_top:-380px;
}
*:first-child+html .zside1{
	position: relative;
	z-index: 2;
	
	top:-380px;
	

}

#calendar {
	line-height: 16px;
	font-size: 14px;
	text-align: center;
}




/* ---------------------------------------------------------------- *
	インプットボタン
 * ---------------------------------------------------------------- */
INPUT {
	FONT-SIZE: 14px;
	COLOR: #333333;
	border: 1px solid #666666;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
TEXTAREA {
	FONT-SIZE: 12px;
	COLOR: #333333;
	BACKGROUND-COLOR: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
}