@charset "UTF-8";
/* CSS Document */

body  {
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* for IE 5 */
	color: #444;
	position: relative;
}

a:link{
    color: #663;
    text-decoration: none;
}
a:visited{
    color: #663;
    text-decoration: none;
}
a:hover{
    color: #993333;
    text-decoration: none;
}

img { border: none; }

h2 { display: inline; }
h3 { 
    display: block;
	background: url(../img/capico.gif) left top no-repeat;
	border-bottom: 1px dotted #ccc;
	padding:0 0 5px 10px;
	font-size: 13px; color: #a53434;
	font-weight: normal;
}

input,textarea,select {
	font-size: 12px;
	border: 1px solid #bbb;
}

#container { 
	width: 100%; 
	background: url(../img/bodybg.gif) repeat-x;
	margin: 0 auto;
	text-align: left;
} 
#header { 
    width: 860px; height: 70px;
	margin: 0 auto;
	padding: 0; 
} 
#header h1 {
	margin: 0;
	padding: 5px 0;
	font-size:10px;
	color:#999;
	font-weight:normal;
}
#header .logo {
	width: 215px;
	float: left;
}
#header #headMenu {
	width: 193px;
	margin: 5px 0 0 0;
	float: right;
}
#headMenu a:hover {
	width: 193px; height:28px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

#mainMenu  { 
    width:864px; height:41px;
	margin: 2px auto 0 auto;
	padding: 0; 
} 
#mainMenu ul, li {
	margin:0; padding:0;
	list-style-type:none;
}
#mainMenu li {
    float: left;
}
#mainMenu li#top a {
	width:161px; height:41px;
	background:url(../img/mainmenu01.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#top a:hover {
	width:161px; height:41px;
	background:url(../img/mainmenu01-hover.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#concept a {
	width:154px; height:41px;
	background:url(../img/mainmenu02.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#concept a:hover {
	width:154px; height:41px;
	background:url(../img/mainmenu02-hover.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#works a {
	width:146px; height:41px;
	background:url(../img/mainmenu03.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#works a:hover {
	width:146px; height:41px;
	background:url(../img/mainmenu03-hover.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#salacia a {
	width:203px; height:41px;
	background:url(../img/mainmenu04.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#salacia a:hover {
	width:203px; height:41px;
	background:url(../img/mainmenu04-hover.gif) 0 0 no-repeat;
	display:block;
	float:left;
}
#mainMenu li#products a {
	width:200px; height:41px;
	background:url(../img/mainmenu05.gif) 0 0 no-repeat;
	display:block;
}
#mainMenu li#products a:hover {
	width:200px; height:41px;
	background:url(../img/mainmenu05-hover.gif) 0 0 no-repeat;
	display:block;
}

#flash {
    width:860px; height:360px;
	background:#e3dfcf;
	margin: 0 auto;
	padding: 0; 
}

/* #left */
#news {
	float:left;
	width:580px;
	padding: 15px 0; 
}
#news dl {
	width: 560px;
	padding-top: 0px;
	margin: 10px 0 2px 0;
	line-height: 1.1em;
	float: left;
    }
#news dt {
	clear: both;
	width: 80px;
	padding: 2px; margin-right: 0px;
	font-size: 10px; color: #814242;
	float: left;
    }
#news dd {
	width: auto;
	margin: 0 0 5px 15px;
	padding: 2px 4px 2px 0;
	font-size: 11px;
    }
#news span {
	font-size: 10px;
	color: #C00;
	font-family:Arial, Helvetica, sans-serif;
}

/* #sidebar */
#sidebar {
	float: right; 
	width: 250px; 
	margin: 2px 0 0 0;
	padding: 15px 0; 
}
#sidebar ul {
	margin:7px 0 10px 0; padding:0;
	list-style-type:none;
}
#sidebar li {
	margin:0; padding:0;
	list-style-type:none;
}
#sidebar li#sapli a {
	width:248px; height:40px;
	background:url(../img/sidemenu01.gif) 0 0 no-repeat;
	display:block;
}
#sidebar li#body a {
	width:248px; height:39px;
	background:url(../img/sidemenu02.gif) 0 0 no-repeat;
	display:block;
}
#sidebar li#esthe a {
	width:248px; height:39px;
	background:url(../img/sidemenu03.gif) 0 0 no-repeat;
	display:block;
}
#sidebar a:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
/*[if IE]
#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; padding-top: 15px; }*/


/* #mainContent */
#wrapper {
  	margin: 1px auto;
	background: url(../img/mainbg.gif) repeat-x;
} 
#mainContent {
    width:860px;
  	margin: 0 auto 10px auto;
	position: relative;
} 
#mainContent a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

/* #footer */
#footer { 
    height:110px;
	background: #f2dada url(../img/footbg.gif) repeat-x;
} 

#footer #footContent {
    width:860px;
	margin: 0 auto;
	padding: 0; 
}
#footer #credit {
    width:350px;
	font-size:11px; color:#c77979;
	text-align: left;
	float:left;
}
#footer #credit strong {
	display:block;
	padding:5px 0;
	font-size:11px; color:#fff;
}
#footer #footMenu {
    width: 500px;
	padding: 5px 0;
	font-size: 10px; color:#fff;
	line-height: 16px;
	text-align: right;
	float: right;
}

/* 再使用できる各種クラス */
.fltrt { 
	float: right;
	margin-left: 10px;
}
.fltlft { 
	float: left;
	margin-right: 10px;
}
.clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}