@charset "UTF-8";
/*------------------------------------------------------------*/
/*目次　INDEX
	=0 global
	=1 heading
	=2 basic structure
	=3 navigation
	=4 commonClass,commonID
	=5 boxDesign
	=9 clearfix

search key "="+"n"

//last update 090417

--------------------------------------------------------------
base color 
-------------------------------------------------------------

-------------------------------------------------------------*/

/*=0 global
-------------------------------------------------------------*/
body {
	font-size:72%;
	line-height:1.8;
	font-family:'Helvetica','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
*html body {
	font-size:62.5%;
}
dt {
	clear:both;
	float:left;
	font-weight:bold;
	width:4em;
}
dd {
	float:left;
	padding-left:4em;
}
ul {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #DDD;
	line-height:2;
}
p {
	margin-bottom:15px;
}
a {
	padding:2px 3px;
}
a.fancy,a.img {
	padding:0;
}
a:link {
	color:#000;
}
a:hover {
	color:#FFF;
	background:#000;
	text-decoration:none;
}

/*=1 heading
-------------------------------------------------------------*/
h2 {
	font-weight:bold;
	font-size:140%;
	line-height:3;
	font-family:Helvetica,Verdana,sans-serif;
	margin-bottom:40px;
}
h3 {
	margin-bottom:10px;
}


/*=2 basic structure
-------------------------------------------------------------*/

#header {
	width:800px;
	padding:20px;
	margin-bottom:20px;
}
#container {
	width:800px;
	float:left;
	padding-left:200px;
	padding-bottom:80px;
	text-align:left;
}
#footer {
	clear:both;
	background:url(../img/alphaBack.png);
	color:#FFF;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:20px 15px;
	text-align:left;
	behavior: expression(IEPNGFIX.fix(this));
}
#alphaLine {
	background:url(../img/alphaBack.png);
	position:fixed;
	top:0;
	left:0;
	height:50px;
	width:100%;
	z-index:5;
	behavior: expression(IEPNGFIX.fix(this));
}
#home {
	text-align:center;
	height:1500px;
}
#home p {
}
#portfolio ul {
	border:0;
}

/*=3 navigation
-------------------------------------------------------------*/
#nav {
	position:fixed;
	z-index:10;
	top:0;
	left:0;
	width:160px;
	background:#FFF;
	text-align:left;
}
.localNav {
	clear:both;

}
.localNav ul {
	border:0;
	padding:0;
}
.localNav li {
	float:left;
	margin:0 20px 0 0;
	white-space:nowrap;
}
/*=4 commonClass,commonID
-------------------------------------------------------------*/
.contentBox {
	clear:both;
	padding-top:80px;
	margin-bottom:30px;

}
.toTop {
	text-align:right;
}
.clear {
	clear:both;
}
/*=5 boxDesign
-------------------------------------------------------------*/

.box {
	width:360px;
	float:left;
	margin-right:30px;
}
.col3 {
	margin-bottom:20px;
}
.col3 .box {
	width:230px;
	line-height:1.5;
}
.col3 .box p {
	margin-bottom:5px;
}
.col3 .box strong,#pBody strong {
	font-size:120%;
	margin-right:5px;
}
.box .catBox,#pBody .catBox {
	float:right;
	background:#000;
	color:#FFF;
	padding:2px 3px;
	font-weight:bold;
	font-size:95%;
}
#aboutBox {
	background:url(../img/aboutBack.jpg) no-repeat left 13.5em;
}
#pBody h2 {
	margin:0;
}
#blog li {
	background:url(../img/iconNote.gif) no-repeat left center;
	padding-left:11px;
}
.feed {
	background:url(../img/feed-icon.png) no-repeat left center;
	padding-left:14px;
}
#contact ul {
	border:0;
}
#contactForm dl {
	margin-bottom:1em;
}
#contactForm dt {
	float:left;
	width:12em;
}
#contactForm dd {
	padding-left:2em;
	margin:0;
	margin-bottom:1em;
}
#contactForm  dt span {
	color:#B80000;
	font-weight:normal;
}
#contactForm input,#contactForm textarea {
	border:0;
	padding:5px;
	background:#EEE;
	width:300px;
	font-size:100%;
}
#contactForm textarea {
	height:200px;
}
.textfieldRequiredState input,.textareaRequiredState textarea {
	background:#ffe5e5 !important;
}
.textfieldRequiredState span,.textareaRequiredState span {
	line-height:2;
}
.textfieldRequiredMsg,.textareaRequiredMsg {
	color:#B80000;
	border:0 !important;
}
.btnBox {
	clear:both;
}
.btnBox p {
	float:left;
	margin-right:15px;
}
#contactForm .btnConfirm,#contactForm .btnSubmit,#contactForm .btnBack {
	background:#000;
	color:#FFF;
	font-weight:bold;
	width:9em;
}
#contactForm .btnSubmit {
	margin-right:1em;
}
#contactForm .btnBack {
	background:#DDD;
	color:#000;
}
.phone,.mail,.form {
	padding-left:17px;
}
.phone {
	background:url(../img/iconPhone.gif) no-repeat left center;
}
.mail {
	background:url(../img/iconMail.gif) no-repeat left center;
}
.form {
	background:url(../img/iconForm.gif) no-repeat left center;
}
#communicate .box {
	background:url(../img/communicateBack.jpg) no-repeat right center;
	width:auto;
	padding-right:300px;
}
/*=9 clearfix
-------------------------------------------------------------*/
.clearfix:after,
#container:after,
#header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
#container,
#header {
	display:inline-table;
	zoom:1;/*for IE 5.5-7*/
}
/*Hide from IE-Mac\*/
*html .clearfix,
*html #container,
*html #header {height:1%;}
.clearfix,#container,#header{display:block;}
/*Hide from IE-Mac*/
.clearfix,#container,#header {overflow:visible;}/*IE7 hack*/