@charset "shift-jis";
/* =======================
■ 全体の定義
======================= */
*{
  margin : 0;
  padding : 0;
}

html{
	display: table;
width: 100%;
height: 100%;
}

body{
    font:12px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
color : #000000;
    height:100%;
    display: table-cell;  
    vertical-align: middle; 
}

/* for IE6 */
* html body {
    text-align: center;
    height: 100%;
}
* html #container {
	display: inline;
vertical-align: middle;
zoom: 1;
  height : 680px;
}

* html #dummy {
	width: 0;
height: 100%;
vertical-align: middle;
display: inline-block;
}
/* for IE7 */
        *:first-child+html body {
            text-align: center;
            height: 100%;
        }
        *:first-child+html #container {
            display: inline;
            vertical-align: middle;
            zoom: 1;
        }
        *:first-child+html #dummy {
            width: 0;
            height: 100%;
            vertical-align: middle;
            display: inline-block;
        }


#container {
	width : 800px;
  padding: 20px 10px;
margin-right : auto;
margin-left : auto;
    *font-size:92.3%;  
  text-align : left;
  height : 640px;
  overflow : auto;
overflow-x:hidden;
}

body > #main {
    height: auto;
}


#footer{
	clear : both;
  text-align : center;
  margin-top : 10px;
  
  padding-bottom : 30px;
  font-size : 83.3%;
}
/* =======================
■ ヘッダー
======================= */


#header {
	width : 750px;
margin-bottom : 5px;  
  margin-left : auto;
  margin-right : auto;
}

#title{
	margin-bottom : 10px;
  width : 190px;
  text-align : left;
  float : left;
}

/* =======================
■ コンテンツ
======================= */
#content{
	width : 800px;
  margin-bottom : 40px;
  text-align : left;
  clear : both;
  
}

/* =======================
■ メイン
======================= */
#main {
	overflow:hidden;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
  width : 750px;
  
  margin-top : 30px;
}

#maintop {
	
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
  width : 750px;
  
  
  margin-top : 40px;
  overflow : hidden;
}

U{

font-weight : bold;
}



/* =======================
■ メアド
======================= */
a img{
	border-width : 0px;
}



a{
  text-decoration : none;
  color : #666666;
}
a:link{
  text-decoration : none;
  color : #666666;
}
a:visited{
  text-decoration : none;
  color : #999999;
}
a:hover{
  text-decoration : underline;
  color : #666666;
  
}
a:active{
  text-decoration : none;
  color : #666666;
}

h2{
  margin-top : 0px;
  margin-left : 30px;
  margin-right : 0px;
  margin-bottom : 25px;
  color : #666666;
  font-size : 125%;
}


div.toiawase{
  text-align : right;
  margin-top : 15px;
  margin-bottom : 15px;
  width : 550px;
}




#menu{
  font-size : 83.3%;
  
  padding-bottom : 10px;
  padding-left : 245px;
}

ul{
  list-style-type : none;
}

#menu li{
  float : left;
}


#maintext{
  width : 600px;
margin:0 auto;
}
table.toiawase td{
	border-width : 1px;border-style : dotted;border-color : #666666;
  
  border-collapse : collapse;
border-spacing : 0px;
  padding: 5px;
}

table.form td{
	border-width : 0px;
}
#topimg{
  width : 540px;
  
  
  
  
  
  padding-left : 105px;
  
  
  padding-right : 105px;
  margin-left : auto;
  margin-right : auto;
}

#portfolio li{
  
  width : 540px;
  text-align : center;
  
  
  
  
  
  
  
  
  
}

#portfolio ul{
  
  
  width : 540px;
  text-align : center;
  
  
}

#portfolio li.none{
  display : none;
}