@charset "utf-8";

/*-------------------------------------------------
 NCP [ common.css ]
  last update : 2010/03/15
 
 01. container
 02. header
 03. visual
 04. globalnavi
 05. wrapper
 06. main
 07. side
 08. footer
 09. link text
 10. clearfix
-------------------------------------------------*/


/* 01. container
=========================================*/
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

* html #container { /* IE6 before */
	text-align: left;
	height: 100%;
}



/* 02. header
=========================================*/
#header {
	position: relative;
	width: 960px;
	height: 68px;
}

#index #header h1,
.follow #header .h-logo {
	position: absolute;
	top: 12px;
	left: 0;
}

#header p {
	position: absolute;
	top: 14px;
	right: 0;
}


/* 03. visual
=========================================*/
#visual {
	width: 960px;
	height: 380px;
}
#slideshow {
    position:relative;
    height:380px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow IMG.active {
    z-index:10;
}
#slideshow IMG.last-active {
    z-index:9;
}



/* 04. globalnavi
=========================================*/
#gnavi {
	width: 960px;
	height: 66px;
	margin: 0 0 47px 0;
}

#gnavi li {
	float: left;
	width: 160px;
}

#gnavi li a { /* Opera対策 */
	float: left;
}



/* 05. wrapper
=========================================*/
#wrapper {
	clear: both;
	width: 960px;
}



/* 06. main
=========================================*/
#main {
	float: left;
	width: 690px;
	height: auto;
}

#main h1,
#main h2,
#main h3,
#main h4 {
	margin: 0 0 15px 0;
}

#main .section {
	clear: both;
	width: 100%;
	margin: 0 0 50px 0;
}

#main p {
	margin: 0 0 15px 0;
}

.p-in-right {
	float: right;
	padding: 0 0 10px 10px;
}

.p-in-left {
	float: left;
	margin: 0 20px 10px 0;
}



/* 07. side
=========================================*/
#side {
	float: right;
	width: 250px;
	height: auto;
}

#side h2,
#side h3,
#side h4,
#side h5 {
	margin: 0 0 15px 0;
}

#side p {
	margin: 0 0 15px 0;
}

#side ul.sidecontents li {
	width: 250px;
	height: 94px;
}

#side ul.sidecontact li {
	width: 250px;
	height: 83px;
}

#side .section {
	margin: 0 0 50px 0;
}
.strike_banner {
	padding: 30px 0 0 0;
}



/* 08. footer
=========================================*/
#footer {
	clear: both;
	width: 100%;
	background: url(../img/footer_bk_01.gif) repeat-x top #3a3a3a;
}

#footer #area {
	position:relative;
	width: 960px;
	margin: 0 auto;
}

#footer #area p#pagetop {
	position:absolute;
	top: 0; right: 0;
}

#footer #area #f-logo {
	padding: 39px 0 0 0;
}

#footer #area .f-list {
	float: left;
	width: 180px;
	padding: 39px 0 0 0;
}

#footer #area .f-list ul {
	margin: 5px 0 0 0;
}

#copyright {
	clear: both;
	padding: 10px 0;
	text-align: right;
	color:#aaaaaa;
}



/* 09. link text
=========================================*/
a:link, a:visited {
	color: #82612b;
	text-decoration: underline; 
}

a:hover {
	color: #bca278;
	text-decoration: underline; 
}



/* 10. clearfix
=========================================*/
.clearfix:after {
	content : '';
	display : block;
	clear : both;
}

/*.clearfix:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
}*/

.clearfix {
	/zoom : 1;
}