@charset "utf-8";

/* ====================================================================

   「工場萌え」詳細設定

==================================================================== */

.container {
	width:860px;
	margin:0 auto 20px;
	text-align:left;
	background:#fffef1;
}



/* index */
#index .header h1 {
	padding:0.3em 1.0em;
	color:#fff;
	background:#000;
	font-size:12px;
}

#index .header p.caption_h2 {
	height:123px;
	background:url(../img/bg_index_01.jpg) no-repeat left bottom;
}

#index .pageNavi ul li{
	float:left;
	width:215px;
}

#index .pageNavi ul li a {
	display:block;
}

#index .pageNavi ul li a:hover img {
	opacity:1.0;
	filter: alpha(opacity=100);
}
#index .contents {
	width:782px;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	padding:0 38px 40px 38px;
}
*html #index .contents{ padding-right:36px;}


.content {
	padding:19px;
	background:url(../img/bg_index_02.gif) repeat-y left top;
}
*html .content {
	width:782px;
}


#index #whatAbout,
#index #course,
#index #type,
#index #report {
	padding-top:20px;
	background:url(../img/bg_index_03.gif) no-repeat left bottom;
	padding-bottom:5px;
}

/*#index #whatAbout*/
#index #whatAbout .aboutImg {
	float:left;
	margin-right: 10px;
}
/*#index #course*/
#index #course .steel {
	float:left;
	width:360px;
}
#index #course .steel p.attention{
	font-size:0.83em;
	font-weight:bold;
}


#index #course .biological {
	float:right;
	width:360px;
}

#index #course .google {
	padding:0 15px;
}
#index #course .google h4 {
	background:url(../img/icon_index_01.gif) no-repeat left top;
	height:18px;
	line-height:1em;
	font-weight:bold;
	font-size:1.17em;
	padding:13px 0 1.25em 44px;
}

#index #course .google a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
}
/*#index #type*/
#index #type .structureL,
#index #type .structureR {
	width:360px;
	background:url(../img/bg_index_04.gif) no-repeat left bottom;
	padding-bottom:42px;
}

#index #type .structureL {
	float:left;
}
#index #type .structureR {
	float:right;
}
#index #type .struct {
	width:236px;
	float:right;
}

#index #type .struct ul li {
	float:left;
	line-height:0;
}
#index #type .struct ul li img{
	width:60px;
	margin-right:10px;
}
#index #type .structImg {
	float:left;
}

/*#index #report*/

#index #report h4 {
	padding-bottom:3px;
	background:url(../img/bg_index_dot.gif) repeat-x left bottom;
}

#index #report .content {
	padding:15px;
}

#index #report p {
	border-bottom:1px solid #c1c1c1;
	padding:1em;
}
#index #report ul {
	margin-top:7px;
	text-align:center;
}
#index #report ul li {
	float:left;
	width:270px;
}

#index #report ul li.left {
	padding-left:85px;
}

#index #report ul li.right {
	padding-left:33px;
}

*html .toTop {
	margin-right:-60px;
}