@charset 'UTF-8';
@import url(reset.css);
@import url(navi.css);

/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */
img { behavior: url("iepngfix.htc"); }
body {
	margin: 0;
	padding: 0;
	text-align:center;
	background:#F3F1ED;
	line-height: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* html body {     
/*	background: url(null) #F3F1ED fixed;*/
}

.wrap {
	width : 940px;
	margin : 0 auto;
	text-align:left;
	line-height:140%;
}

li {
	list-style:none;
	font-size : 85%;
}
p { font-size : 95%; }
td { font-size : 95%; }
a { text-decoration: none; }

/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */
header {
	width : 100%;
	height:82px;
	overflow:hidden;
/*	position: fixed;
	position:absolute;*/
	top:0;
	left:0;
	margin : 0 auto;
	z-index: 5;
	background:url(../img/parts/header_bg.jpg) repeat-x 0 0;
}
.header-in {
	/*width : 1100px;*/
}

* html header {  
/*	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));*/
}
header .wrap {
/* IE 6/7 */
　overflow:hidden;
}

h1 {
	float : left;
	position:absolute;
	z-index: 11;
	width : 264px;
}


/* -----------------------------------------------------------------------------
>> content
----------------------------------------------------------------------------- */
/* スライドショー */
#visual {
	clear:both;
	overflow:hidden;
	position: relative;
	height : 290px;
	width:100%;
	margin : 0 auto 25px;
	border-bottom : 4px solid #F30;
}
#visual .wrap {
	position:relative;
	margin : 0 auto;
	
}
*html #visual .wrap{
	overflow:hidden;
}

.carouselInner {
 	overflow: hidden;
	position: relative;
	height: 290px;
	margin : 0 auto;
	text-align:center;
}
.panel {
	overflow: hidden;
	position: relative;
	float: left;
	width: 940px;
	height: 290px;
}

/* Navigation arrows */
#carousel-btn-prev, #carousel-btn-next {
	position:absolute;
	width: 33px;
	height: 33px;
	cursor: pointer;
	top : 120px;
	z-index:4;
	background: url('../img/icon/arrows.png');
}

#carousel-btn-prev {
	left: 0;
	background-position: 0 0;
}

#carousel-btn-prev:hover {
	background-position: 0 -34px;
}

#carousel-btn-next {
	right: 0;
	background-position: -34px 0;
}

#carousel-btn-next:hover {
	background-position: -34px -34px;
}

/*---------------------- コンテンツレイアウト  ---------------------------------*/
.content {
	clear:both;
	_zoom :1;
	overflow:hidden;
}
.left-area {
	float : left;
	width : 640px;
}
.right-area {
	float : right;
	width : 275px;
}
section {
	clear:both;
	_zoom : 1;
	overflow:hidden;
}

/*---------------------- トップページ　コンテンツ -----------------------------*/
section.column3,
section.column2,
section.update {
	_zoom : 1;
	overflow:hidden;
	margin : 0 0 15px;
	border-left : 1px solid #bfbfbf;
	border-right : 1px solid #bfbfbf;
	border-bottom : 1px solid #bfbfbf;
	-moz-box-shadow: 3px 1px 5px -3px #ccc;
	-webkit-box-shadow: 3px 1px 5px -3px #ccc;
	background : #fff;
}

.update {
	position:relative;
}
.update article {
	clear: both;
	overflow:hidden;
	margin : -1px 10px 10px;
	padding : 10px 0 10px;
	border-top : 1px dotted #ccc;
}
.update-btn a {
	background:url(../img/icon/update_btn_icon.gif) no-repeat 0 center;
}
#work-btn {
	padding: 0 10px 0 15px;
	border-right : 1px solid #3A3F43;
}
#news-btn {
	padding : 0 4px 0 25px;
	border-left : 1px solid #5A6269;
	background-position: 10px center;
}
.updata-btn a:hover {
	color: #F00;
}

.days {
	height:22px;
	overflow:hidden;
}
.update article .day {
	padding : 0 10px 0 5px;
	font-size : 11px;
	background: #ccc;
	display:inline-block;
}
.update .days img {
	vertical-align:middle;
}
.update article .img-left {
	padding : 0 0.5em 0 0;
	float:left;
}
.update article h3 a{
	color : #F91D19;
	font-size: 0.9em;
	font-weight:normal;
}
.update article p {
	font-size : 0.8em;
}
.more{
	display:inline-block;
	float:right;
	font-size : 0.7em;
	padding : 0 0 0 10px;
	background:url(../img/icon/anc02.gif) no-repeat 0 center;
}
.more a {
	color:#F00;
}

/*---------------------- コンテンツ --------------------------------------*/
.column3 .item {
	width : 190px;
	float : left;
	margin : 0 0 0 10px;
	padding : 5px 5px 5px 0;
	border-right : 1px solid #ccc;
}
.column3 .item {
	font-size : 80%;
}

.column3 .item.last {
	margin : 0 0 0 15px;
	padding : 5px 0 5px 0;
	border-right : none;
}


.column2 .item {
	width : 300px;
	float : left;
	margin : 0 0 0 15px;
	padding : 5px 5px 5px 0;
	border-right : 1px solid #ccc;
}
.column2 .item.last {
	margin : 0 0 0 0;
	border-right : none;
}

/*---------------------- サブコンテンツ --------------------------------------*/
.bnr-area li {
	margin : 0 0 20px;
}
.inq-box {
	margin : 0 0 20px;
	padding : 0 0 10px;
	border : 1px solid #bfbfbf;
	-moz-box-shadow: 3px 1px 5px -3px #ccc;
	-webkit-box-shadow: 3px 1px 5px -3px #ccc;
	background : #fff;
}
.inq-box h4, .inq-box p {
	padding : 10px 0 0 10px;
}


/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
footer {
	clear:both;
	_zoom : 1;
	overflow:hidden;
	padding : 7px 0 15px;
	background:url(../img/parts/footer_bg.jpg) repeat-x 0 0 #333333;
}
.footer-logo {
	float : left;
	margin : 10px 15px 0 0;
	padding: 0 0 0 0;
}
#copyright {
	clear:right;
	text-align : right;
	font-size: 11px;
	color : #6A6A6A;
}

/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }
.clear  { clear: both; }
.img-left { float : left; margin : 0 0.5em 0.5em 0; }
.img-right { float : right; margin : 0 0 0.5em 0.5em; }
.att { color : #F00; }
.att2 {
	margin : 0 0 1em;
	padding : 0 0 0 0;
	font-size : 0.8em;
	color : #333333;
}