@charset "utf-8";

/* 基礎部分、共通部分のスタイルシート */

/* font
10px 84%
11px 92%
12px 100%
13px 109%
14px 117%
15px 125%
16px 134%
17px 142%
18px 150%
19px 159%
20px 167%
21px 175%
24px 200%
*/

/*
display
list-sytle
position
float
clear
width
height
margin
padding
border
background
color
font
tes-decoration
text-align
vertical-align
white-space
other text
content
*/

/* default */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	background-color: #F9F7EB;										
	text-align: left; /* center on ie */
	color: #333;
	font-size: 12px;
	line-height: 150%;
	font-family: 'メイリオ', Arial, sans-serif;
}

a {
	color:#333;
	text-decoration: none;
	outline: none;
}

a:link {
	color:#333;
	text-decoration: none;
}

a:visited {
	color:#666;
	text-decoration: none;
}

a:hover {
	color:#4F1402;
	text-decoration:underline;
}

em {
	font-style:normal;
	font-weight:normal;
}

strong {
	font-weight: bold;
}

address {
	font-style:normal;
}
ol,ul,li,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none;
	_height:100%;
}

img,fieldset {border:0;}
form {margin:0;padding:0;display:inline;}
input,textarea {font-size:100%;}

/* IE7-8 対応 */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
　　display:block;
}

/* 全ページ共通
---------------------------------------------- */
/* コンテンツ */
#content {
	width: 940px;
	margin: 0 auto;
}

/* ヘッダー */
header {
	text-align: center;
	margin-bottom: 50px;
}
header h1 {
	padding-top: 60px;
	margin-bottom: 20px;
}
header p img {
	margin-bottom: 3px;
}

/* ナビゲーション */
nav {
	position: absolute;
	top: 0;
	left: 0;
}
nav ul {
	padding-top: 15px;
}
nav li {
	margin-bottom: 10px;
}

/* フッター */
footer {
	padding-bottom: 40px;
	text-align: center;
}
footer #pagetop {
	margin-bottom: 10px;
}
small {
	font-family: Arial,sans-serif;
	font-size: 84%;
}

/* 大枠 背景設定
---------------------------------------------- */
#container {
	display: none;
	min-height: 100%;
	background-image: url(../img/bg_green.gif), url(../img/bg_blckst.gif);
	background-position: left top, right bottom;
	background-repeat: no-repeat;
	-webkit-background: url(“../img/bg_green.gif”) no-repeat left top,url(“../img/bg_blckst.gif”) no-repeat right bottom;
	-moz-background: url(“../img/bg_green.gif”) no-repeat left top,url(“../img/bg_blckst.gif”) no-repeat right bottom;
	-pie-background: url(“../img/bg_green.gif”) no-repeat left top,url(“../img/bg_blckst.gif”) no-repeat right bottom;
	position: relative;
	behavior:url("PIE/PIE.htc");	
}
#prof {
	display: none;
	min-height: 100%;
	background-image: url(../img/bg_pink.gif), url(../img/bg_pinkst.gif);
	background-position: left top, right bottom;
	background-repeat: no-repeat;
	-webkit-background: url(“../img/bg_pink.gif”) no-repeat left top,url(“../img/bg_pinkst.gif”) no-repeat right bottom;
	-moz-background: url(“../img/bg_pink.gif”) no-repeat left top,url(“../img/bg_pinkst.gif”) no-repeat right bottom;
	-pie-background: url(“../img/bg_pink.gif”) no-repeat left top,url(“../img/bg_pinkst.gif”) no-repeat right bottom;
	position: relative;
	behavior:url("PIE/PIE.htc");
}
#contact {
	display: none;
	min-height: 100%;
	background-image: url(../img/bg_yellow.gif), url(../img/bg_ppst.gif);
	background-position: left top, right bottom;
	background-repeat: no-repeat;
	-webkit-background: url(“../img/bg_yellow.gif”) no-repeat left top,url(“../img/bg_ppst.gif”) no-repeat right bottom;
	-moz-background: url(“../img/bg_yellow.gif”) no-repeat left top,url(“../img/bg_ppst.gif”) no-repeat right bottom;
	-pie-background: url(“../img/bg_yellow.gif”) no-repeat left top,url(“../img/bg_ppst.gif”) no-repeat right bottom;
	position: relative;
	behavior:url("PIE/PIE.htc");
}


/* index.html トップページ
---------------------------------------------- */
#mainimg {
	margin-bottom: 136px;
	text-align: center;
}

/* portfolio.html PORTFLIO
------------------------------------------------------ */
#portfolio {
	width: 960px;
	margin: 0 auto 100px auto;
}
#portfolio ul {
	overflow: hidden;
}
#portfolio li {
	display: inline;
}
#portfolio li img {
	margin: 0 8px 16px 8px;	
}



/* prof.html PROFILE
------------------------------------------------------ */
#prof #wrap {
	width: 635px;
	margin: 0 auto 80px auto;	
}
#prof #content {
	width: 635px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
}
#prof hgroup {
	width: 145px;
	margin-right: 60px;
	overflow: hidden\9; /* IE8・9 */
	float: left\9; /* IE8・9 */
}
#prof hgroup h2 {
	display: none;
}
#prof h3 {
	margin-bottom: 7px;
}
#prof h3 img {
	margin-bottom: 6px;
}
#prof #profcontent {
	width: 430px;
	overflow: hidden\9; /* IE8・9 */
}
#prof #profcontent p {
	margin-bottom: 27px;
}
#prof #profcontent h4 {
	margin-bottom: 10px;
	font-size: 134%;
}
#prof #profcontent section {
	margin-bottom: 27px;
}



/* contact.html CONTACT
------------------------------------------------------ */
#contact #content {
	width: 500px;
	margin: 0 auto 70px auto;
}
#contact h2 {
	display: none;	
}
#contact legend {
	display: none;
}
#contact p {
	margin-bottom: 30px;
	text-align: center;
}
#contact dt {
	float: left;
	width: 70px;
	margin-right: 10px;
	margin-bottom: 8px;
	text-align: right;
}
#contact dd {
	margin-bottom: 8px;
}
#contact .text,
#contact textarea {
	padding: 3px;
	border: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px #fff;
	-moz-box-shadow: 0px 1px #fff;
	box-shadow: 0px 1px #fff;
}
#contact .text {
	width: 250px;
}
#contact textarea {
	width: 400px;
}
#contact .button {
	margin-left: 70px;
	text-align: left;
}
#contact .submit {
	width: 100px;
	margin: 0 10px;
	padding: 3px 10px;
	border: 1px solid #333;
	background: #333;		
	cursor:pointer;
	text-align: center;
	color: #fff;
}
/* 確認画面 */
#contact .kakunin dl {
	display: block;
	overflow: hidden;
}
#contact .kakunin dt {
	display: block;
	float: left;
	width: 70px;
	margin-right: 10px;
	margin-bottom: 8px;
	padding: 5px;
	background: #eee;
	text-align: center;
}
#contact .kakunin dd {
	overflow: hidden;
	margin-bottom: 8px;
	padding: 5px;
	background: #fff;
}