body{ background:#fdf9ee url(../images/bg.gif) repeat-x; color:#4e4628; font-size: 10px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 19px; margin:0; padding:0; }
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{ text-decoration: none; margin:0; padding:0; }
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
#top{
	width:728px; position:relative;
	margin:0 auto; padding:8px 0 0 10px;}
#top img{
	border:none; float:left; margin:0 20px 0 0;}
#top ul{
	background:url(../images/top_ul_bg.gif) no-repeat 0 8px;
	width:490px; height:23px; padding:8px 0 0 8px; margin:0 0 0 245px;}
#top ul li{
	background-color:#e1dbc7; color:#0b0b0b; float:left;
	font:bold 1.1em/2em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#top ul li a{
	background-color:#e1dbc7; color:#0b0b0b;
	font:bold 1.1em/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#top ul li a.hover{
	background:#e1dbc7 url(../images/top_btn_h.gif) no-repeat; color:#ffffff;
	font:bold 1.1em/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#top ul li a:hover{
	background:#e1dbc7 url(../images/top_btn_h.gif) no-repeat; color:#ffffff;
	font:bold 1.1em/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#topShadow{ background:#fdf9ee url(../images/top_shadow.gif) no-repeat; color:#4e4628; width:778px; height:34px; margin:9px 0 0; float:left; padding: 0; }
#bottomShadow{ background:#fdf9ee url(../images/bottom_shadow.gif) no-repeat; color:#4e4628; width:778px; height:24px; float:left; margin: 0; padding: 0; }
#contents{
	width:778px; margin:0 auto; position:relative;}
#contentsPannel{
	background:url(../images/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
	width:722px; padding:0 28px; float:left;}
#midle{ color:#4e4628; margin: 0; padding: 0 30px; }
#index { background: #ffffff url(../images/picture.jpg) no-repeat; height: 253px; margin: 0; padding: 5px 0 10px; }
#outline { background: #ffffff url(../images/outline.jpg) no-repeat; height: 253px; margin: 0; padding: 5px 0; }
#graphic { background: #ffffff url(../images/g.jpg) no-repeat; height: 253px; margin: 0; padding: 5px 0; }
#branding { background: #ffffff url(../images/branding.jpg) no-repeat; height: 253px; margin: 0; padding: 5px 0; }
#web { background: #ffffff url(../images/web.jpg) no-repeat; height: 253px; margin: 0; padding: 5px 0; }
#etc { background: #ffffff url(../images/etc.jpg) no-repeat; height: 253px; margin: 0; padding: 5px 0; }
#midle h2{ background-color:#ffffff; color:#0b0b0b; font-size: 2.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; font-variant: normal; margin: 0; padding: 0 0 10px; }
#midle h2 span{ background-color:#ffffff; color:#a60101; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: normal; font-variant: normal; }
h3 { color: #336; font-size: 1.8em; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; font-weight: bold; background: url(../images/i_title.gif) no-repeat right bottom; text-align: right; margin: 0 8px 0 0; padding-top: 15px; padding-right: 30px; padding-bottom: -4px; }
#midle p{ background-color:#ffffff; color:#4e4628; font-size: 1.4em; font-weight: normal; font-style: normal;f;line-height: 1.7em; ont-variant: normal; }
#b1 { color: #300; font-size: 1.3em; line-height: 2em; background-color: #ffffff; text-align: right; width: 160px; float: left; }
#b1 ul { margin: 0; padding: 0 0 0; }
#b1 ul li { margin: 0; padding: 0 5px 0 0; }
#b2 { color: #333; font-size: 1.3em; line-height: 2em; background-color: #ffffff; width: 460px; float: right; }
#swf { background-color: #ffffff; width: 680px; height: 350px; float: left; }
#b2 ul { margin: 0; padding: 0 0 0; }
#b2 ul li { margin: 0; padding-left: 5px; }
#midle a.more{ background:#ffffff url(../images/more_bg.gif) no-repeat 66px 0; color:#0b0b0b; font: bold 1em/1.5em Arial, Helvetica, sans-serif; float:right; text-decoration:none; text-transform:uppercase; padding:0 20px 0 0; margin:5px 35px 0 0; }
#midle a.more:hover{
	background:#ffffff url(../images/more_bg_h.gif) no-repeat 66px 0; color:#0b0b0b; float:right;
	font:bold 1em/1.5em Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#colorbox{
	background-color:#fcfaf3; float:left; color:#0b0b0b;
	margin:18px 0 0; padding:18px 40px; width:640px;}
#news{
	width:298px; float:left;}
#news h2.text1{
	background-color:#fcfaf3; color:#0b0b0b;
	font:2em/2.2em Georgia, "Times New Roman", Times, serif;}
#news h2.text1 span{
	background-color:#fcfaf3; color:#a60101;
	font:1.5em/2.2em Georgia, "Times New Roman", Times, serif;}
#news ul{ float:left;}
#news ul li{ color:#4e4628; font-size: 1.3em; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1.8em; background:#fcfaf3 url(../images/red_bullet.gif) no-repeat 0 6px; padding:0 0 0 10px; }
#news ul li a{ text-decoration:none; background-color:#fcfaf3; color:#4e4628; font-size: 1.3em; font-weight: bold; font-style: normal; font-variant: normal; line-height: 1.8em; display:block; }
#news ul li a:hover{ text-decoration:none; background-color:#eae6d9; color:#4e4628; font-size: 1.3em; font-weight: bold; font-style: normal; font-variant: normal; line-height: 1.8em; display:block; }
#news p{
	background:#fcfaf3 url(../images/boeder.gif) repeat-x 0 14px; color:#0b0b0b;
	height:13px; line-height:1.5em; padding:14px 0 19px;}
#news p a.more{
	background:#fcfaf3 url(../images/more_bg.gif) no-repeat 76px 0; color:#0b0b0b; float:right;
	font:bold 1em/1.5em Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 10px; margin:0;}
#news p a.more:hover{
	background:#fcfaf3 url(../images/more_bg_h.gif) no-repeat 76px 0; color:#0b0b0b; float:right;
	font:bold 1em/1.5em Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 10px; margin:0;}
#link { width: 240px; float: left; margin: 0; padding: 15px 0 0 20px; }
#link img { margin: 0 10px; padding: 0; }
#contact{ text-decoration: none; width:312px; float:right; }
#contact span.cbottom{
	background:url(../images/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block;}
#contact form.contact{
	background:url(../images/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
	width:272px; padding:0 20px; float:left;}
#contact form.contact h2.text3{ background:#ffffff url(../images/contact_h2_bg.gif) no-repeat; color:#0b0b0b; font: 2em/2.2em Georgia, "Times New Roman", Times, serif; padding:0 0 10px 55px; float:left; width:228px; height:37px; }
#contact form.contact h2.text3 span{ background-color:#ffffff; color:#a60101; font: 1.5em/2.2em Georgia, "Times New Roman", Times, serif; }
#contact form.contact label{
	background-color:#ffffff; color:#0b0b0b; margin:0 0 8px; float:left;
	font:bold 1em/2.8em Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input{
	background-color:#efebde; color:#0b0b0b; border:solid 1px #c3bca4;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
	font:1.4em/2em Arial, Helvetica, sans-serif;}
#contact form.contact textarea{
	background-color:#efebde; color:#0b0b0b; border:solid 1px #c3bca4;
	width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
	font:1.4em/2em Arial, Helvetica, sans-serif;}
#contact form.contact input.submit{
	background:#ffffff url(../images/submit_bg.gif) no-repeat 45px 0; color:#0b0b0b; border:none;
	width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:1em/1.3em Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input.reset{
	background:#ffffff url(../images/more_bg.gif) no-repeat 45px 0; color:#0b0b0b; border:none;
	width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
	font:1em/1.3em Arial, Helvetica, sans-serif; text-transform:uppercase;}
#footer{
	position:relative; margin:0 auto; width:700px; padding:20px 0 50px;}
#footer a.xhtml{ background-color:#cc0000; color:#ffffff; width:49px; height:20px; margin:0 6px 0 0; font:bold 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; text-align:center; text-decoration:none; float:left; padding: 0; }
#footer a.xhtml:hover{
	background-color:#0b0b0b; color:#ffffff; width:49px; height:20px; margin:0 6px 0 0;
	font:bold 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css{ background-color:#0b0b0b; color:#ffffff; width:38px; height:20px; font:bold 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; text-align:center; text-decoration:none; float:left; padding: 0; }
#footer a.css:hover{
	background-color:#cc0000; color:#ffffff; width:38px; height:20px;
	font:bold 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer ul{
	float:right;}
#footer ul li{
	float:left; color:#0b0b0b; background-color:#fdf9ee;
	font:1.2em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a{
	color:#900; background-color:#fdf9ee; padding:0 8px; text-decoration:none;
	font:1.15em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a:hover{
	color:#336; background-color:#efebde; padding:0 8px; text-decoration:none;
	font:1.15em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p{
	color:#336; background-color:#fdf9ee; padding:0 8px; float:right;
	font:1.2em/2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.link{
	color:#0b0b0b; background-color:#fdf9ee; padding:0 8px; float:right;
	font:1.2em/1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.link a{
	color:#0b0b0b; background-color:#fdf9ee; text-decoration:none;
	font:1.2em/1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.link a:hover{
	color:#96bf55; background-color:#efebde; text-decoration:none;
	font:1.2em/1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;}