@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#e5e4e0;}
html { padding:0; margin:0;}

/* main */
.main {width:980px; padding:0; margin:0 auto; }

/********** header **********/
.header { background:#fff; padding:0; margin:0 auto; }
/* logo */
.logo { float:left; padding:0; margin:0; width:367px;}
/* menu */	
.menu { float:right; padding:0; margin:43px 0 0 0; width:350px; background:#e5e4e0;}
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a {
				float: left;
				margin: 0;
				padding: 13px 10px;
				color: #3b3b3b;
				font: normal 12px Biondi;
				text-decoration: none;
}
.menu ul li a:hover {  background:#cf562c; color:#fff;}
.menu ul li a.active {
				font: 100% Biondi;
				background: #cf562c;
				color: #fff;
				text-decoration: blink;
}
/*header_text*/
.header_text { margin:0; padding:0; width:978px; border:1px solid #262626; background:#cf562c;}
.header_text img.screen { float:right; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:400px; padding:0 0 0 40px; margin:0 10px 0 0;}
.header_text .div .left1 h2 {
				font: normal 36px Arial, Helvetica, sans-serif;
				color: #fff;
				padding: 20px 10px 0 0;
				margin: 0;
}
.header_text .div .left1 h2 span { color:#252525;}
.header_text p {
				font: normal 14px Arial, Helvetica, sans-serif;
				color: #252525;
				padding: 20px 0 20px 0;
				margin: 0;
}
/* ================*/
.header_text2 { height:106px; margin:0; padding:0; width:978px; border:1px solid #262626; background:#cf562c;}
.header_text2 h2 {
				width: 350px;
				float: left;
				font: normal x-large Biondi;
				color: #fff;
				padding: 28px 0 0 30px;
				margin: 0;
}
.header_text2 p { width:400px; float:right; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:40px 0 0 0; margin:0;}
/*top_sup*/
.top_sup_resize { background:#3b3b3b; margin:0 auto; padding:15px 0; border-bottom:1px solid #262626;}
.top_sup_resize img {
				float: left;
				margin: 0;
				padding: 5px;
				text-decoration: none;
}
.top_sup_resize h2 {
				font: bold 14px Arial, Helvetica, sans-serif;
				color: #fff4f4;
				padding: 5px;
				margin: 0;
				font-family: Biondi;
				text-decoration: none;
}
.top_sup_resize p {
				font: normal 11px Arial, Helvetica, sans-serif;
				color: #fff;
				padding: 5px;
				margin: 0;
				line-height: 1.8em;
}
.top_sup_resize a { font:bold 12px Arial, Helvetica, sans-serif; color:#730f0f; text-decoration:none;}
.top_sup_resize strong { color:#2a2a2a; font: bold 12px Arial, Helvetica, sans-serif;}
.top_sup_resize .blogga { width:219px; float:left; margin:0; padding:10px;}
.top_sup_resize .blogga2 { width:219px; float:left; margin:0; padding:10px; border-right:1px solid #575757;}
/* menu */	
.menu2 { float:left; padding:0 0 0 30px; margin:0; width:603px;}
.menu2 ul {  padding:0; margin:0; list-style:none; border:0;}
.menu2 ul li { float:left; margin:0; padding:0; border:0;}
.menu2 ul li a { float:left; margin:0; padding:5px 10px; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu2 ul li a:hover { color:#e96334;}
.menu2 ul li a.active {  color:#e96334;}
/********** block index **********/
.body { margin:0 auto; padding:40px 0 0 0; background:#fff; }
.body h2 {
				font: bold 18px Biondi;
				color: #3b3b3b;
				padding: 10px 0 10px 35px;
				margin: 0;
				background: #e5e4e0;
}
.body h3 {
				font: bold 18px Biondi;
				color: #3b3b3b;
				padding: 10px 0 10px 35px;
				margin: 0;
}
.body h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#3b3b3b; padding:10px 0 10px 10px; margin:0;}
.body h4 span { float:right; color:#cf562c; font: normal 11px Arial, Helvetica, sans-serif; padding:5px 0 0 0; margin:0;}
.body p {
				font: normal medium Arial, Helvetica, sans-serif;
				color: #575757;
				padding: 10px 0 10px 35px;
				margin: 0;
				line-height: 1.8em;
				font-family: "Kozuka Gothic Pro EL";
}
.body p span {
				font: normal 11px Arial, Helvetica, sans-serif;
				line-height: 1.8em;
				color: #575757;
				font-weight: normal;
				font-size: large;
}
.body a {
				color: #868686;
				text-decoration: underline;
				font: bold 12px Arial, Helvetica, sans-serif;
				font-size: medium;
				font-style: normal;
				font-family: "Kozuka Gothic Pro EL";
}
.body img { float:left; margin:5px 10px; padding:0 0 0 25px;}
.body_left {
				font: 100% Biondi;
				width: 590px;
				float: left;
				padding: 0;
				margin: 0;
				font-family: "Adobe Myungjo Std M";
				font-weight: bold;
				font-size: medium;
				color: #575757;
}
.body_right {
				width: 343px;
				float: right;
				padding: 0;
				margin: 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: large;
				color: #868686;
}
.body_work { width:263px; float:left; margin:0; padding:10px 30px;}
.body_work img { margin:10px auto 0 auto; padding:0;}
.body_work p { background:#eeedea; font: normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 10px; margin:0;}
/********** contact form **********/
#contactform { margin:0; padding:0 10px 10px 30px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:100px; display:block; padding:10px 5px; color:#3b3b3b; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:420px; border:1px solid #deddd6; margin:10px 0; padding:5px 2px; height:16px; background:#e8e7e2; float:left;}
#contactform textarea { width:420px; border:1px solid #deddd6; margin:10px 0; padding:2px; background:#e8e7e2; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/********** footer **********/
.footer { margin:0; padding:0; }
.footer_resize { margin:0 auto; padding:0; width:980px; background: url(images/footer_bg.gif) repeat-x;}
.footer ul { margin:0; padding:20px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:20px 10px; float:right; color:#868686; font:normal 11px   Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#cf562c; font:normal 11px   Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

.clr { clear:both; padding:0; margin:0; background:none;}

p.clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; border-top:1px solid #e5e4e0; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg { clear:both; border-top:1px solid #e5e4e0; padding:0; margin:10px 0; background:none; line-height:0;}