@charset "utf-8";

/*
2008/12/25_ver.1 build

portfolio prepressページのレイアウト用スタイルシートです。
1行目のキャラクターセットは絶対に消さないように！
*/

/* container box 設定 */
#container {
width: 100%;
margin-left: auto;  /* 左右センター揃え用 */
margin-right: auto;  /* 左右センター揃え用 */
padding: 0;
}

/* body設定 */
*{
margin:0;
padding:0;
}

body {
color: #666;
background: #4d45e5 url(images/bg.jpg) repeat-x top;
font-family: "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
text-align: center; /* Centering for IE6 */
}

/* image tag設定 */
img {
border: none;
}

/* contets box 設定 */
#contents {
padding: 0px;
width: 830px;
margin-left: auto;
margin-right: auto;
}

/* div header box 設定 */
#head {
float: left;
width: 830px;
height: 370px;
color: #666;
background: #4d45e5 url(images/header_image.jpg) no-repeat top;
}

/* div header title 設定 */
#title {
margin: 280px 20px 10px 430px;
}

* html #title {
margin: 290px 20px 10px 450px;
}

/* navi box 設定 */
#navi_box {
padding: 0 0;
margin-left: auto;
margin-right: auto;
}

* html #navi_box {
padding: 0 0;
margin-left: auto;
margin-right: auto;
}

/* div navi 設定 */
#navi {
width: 830px;
background-color: #fff;
float: left;
}

* html #navi {
width: 810px;
background-color: #fff;
float: left;
}

/* div person box 設定 */
#person01 {
float: left;
padding: 0 0;
margin-left: auto;
margin-right: auto;
background: #fff url(images/contents_top.jpg) no-repeat top;
}


* html #person01 {
float: left;
padding: 0 0;
background: #fff url(images/contents_top.jpg) no-repeat top;
}

#person02 {
float: left;
padding: 0 0;
margin-left: auto;
margin-right: auto;
background: #fff url(images/contents_middle01.jpg) no-repeat top;
}

* html #person02 {
float: left;
padding: 0 0;
background: #fff url(images/contents_middle01.jpg) no-repeat top;
}

#person03 {
float: left;
padding: 0 0;
margin-left: auto;
margin-right: auto;
background: #fff url(images/contents_middle02.jpg) no-repeat top;
}

* html #person03 {
float: left;
padding: 0 0;
background: #fff url(images/contents_middle02.jpg) no-repeat top;
}

#person04 {
float: left;
padding: 0 0;
margin-left: auto;
margin-right: auto;
background: #fff url(images/contents_bottom.jpg) no-repeat top;
}

* html #person04 {
float: left;
padding: 0 0;
background: #fff url(images/contents_bottom.jpg) no-repeat top;
}

/* div person 設定 */
.per_left {
float: left;
margin: 50px 10px 20px 20px;
width: 250px;
}

* html .per_left {
float: left;
margin: 50px 10px 20px 5px;
width: 250px;
}

.per {
float: left;
margin: 50px 10px 20px 10px;
width: 250px;
}

* html .per {
float: left;
margin: 50px 10px 20px 10px;
width: 250px;
}

.per_right {
float: left;
margin: 50px 20px 20px 10px;
width: 250px;
}

* html .per_right {
float: left;
margin: 50px 5px 20px 10px;
width: 250px;
}