@charset "UTF-8";


/* -----------------------------------------------------------
	Site Name: caname
	Author: Yamazen Communications co.,ltd.
	Since2010
----------------------------------------------------------- */
	
/*Index
	1.common
	2.topics
	3.hp
----------------------------------------------------------- */


/* 1.common
----------------------------------------------------------- */
{}
div#header div#mainpr                 {width:100%;}

div#topics,
div#topics h2,
div#topics div,
div#topics ul.title                  {width:740px;}
div#topics ul.pickup,
div#topics ul.pickup li              {width:250px;}
div#topics ul.pickup a span{width:100px;}
div#topics ul.pickup a span img{width:100px;}

div#topics ul.list,
div#topics ul.list li{width:455px;}



/* The following update common.css */
div#container{
	background:url(../../images2/top/mainimg.jpg) no-repeat center 50px;
}
div#header{
	position:static;
	min-height:420px;
	_height:420px;
	background:url(../../images2/bk_anime.png) repeat-x center 300px;
}

div#header div.globalnavi{
	min-height:70px;
	_height:70px;
	margin:0 auto;
	margin-top:320px;
	background:none;
	/*for IE7 */
	*position:absolute;
	*top:360px;
	*left:0;
	*margin-top:0;
	/*for IE6 */
	_top:325px;

}

div#header div.globalnavi ul#nav,
div#header div.globalnavi ul#nav li.home,
div#header div.globalnavi ul#nav li.topics,
div#header div.globalnavi ul#nav li.company,
div#header div.globalnavi ul#nav li.section,
div#header div.globalnavi ul#nav li.recruit,
div#header div.globalnavi ul#nav li.inquiry{
	height:100px;
	margin:0 auto;
	padding:0;
}


div#header div.globalnavi ul#nav li.home    a,
div#header div.globalnavi ul#nav li.topics  a,
div#header div.globalnavi ul#nav li.company a,
div#header div.globalnavi ul#nav li.section a,
div#header div.globalnavi ul#nav li.recruit a,
div#header div.globalnavi ul#nav li.inquiry a{height:45px;background-position: center 30px;}

div#header div.globalnavi ul#nav li.home    a:hover,
div#header div.globalnavi ul#nav li.topics  a:hover,
div#header div.globalnavi ul#nav li.company a:hover,
div#header div.globalnavi ul#nav li.section a:hover,
div#header div.globalnavi ul#nav li.recruit a:hover,
div#header div.globalnavi ul#nav li.inquiry a:hover{background-position: center 15px;}

div#header div.globalnavi ul#nav li.home ul    a,
div#header div.globalnavi ul#nav li.topics ul  a,
div#header div.globalnavi ul#nav li.company ul a,
div#header div.globalnavi ul#nav li.section ul a,
div#header div.globalnavi ul#nav li.recruit ul a,
div#header div.globalnavi ul#nav li.inquiry ul a,
div#header div.globalnavi ul#nav li.home ul    a:hover,
div#header div.globalnavi ul#nav li.topics ul  a:hover,
div#header div.globalnavi ul#nav li.company ul a:hover,
div#header div.globalnavi ul#nav li.section ul a:hover,
div#header div.globalnavi ul#nav li.recruit ul a:hover,
div#header div.globalnavi ul#nav li.inquiry ul a:hover{height:auto;background-position:center top;padding:5;}





/* The following update dropy.css */
/*ul#nav{
	height:120px;
}*/

ul#nav ul{
	top: 100px;
	*top: 95px;
	_top: 100px;
}



/*div#header div#mainpr {
	clear:both;
	position:absolute;
	z-index:1;
	height:350px;
	top:60px;
	left:0;
	text-indent:-999999px;
}
div#header div#mainpr2 {
	text-indent:-999999px;
	background:no-repeat center top;
}
*/





/* 2.topics
----------------------------------------------------------- */
div#topics {
	clear:both;
	margin:0 auto;
	padding:30px 0;
}

div#topics h2 {
	margin:0 auto;
	padding:0 0 10px;
}
div#topics h2 span {
	margin:0;
	padding:42px 0 10px 10px;
	*padding:0 0 10px 10px;
	font-size:83.33%;
}
div#topics h2 img {
	margin:0 0 3px 0;
}




/*sort*/

div#topics div.search {
	float:right;
	height:auto;
	margin:-35px auto 15px;
	padding:0 10px 0 0;
	_padding:0 15px 0 0;
	font-size:83.33%;
	text-align:right;
	border:none;
}


div#topics ul.pickup{
	float:left;
	margin:0;
	padding:0;
}

div#topics ul.pickup li{
	clear:both;
	float:left;
	margin:0 0 15px;
	padding:0;
}


div#topics ul.pickup a span{
	display:block;
	float:left;
	margin:0 10px 0 0;
	border:1px #968c78 solid;
	zoom:1;
}

div#topics ul.pickup a span img{
	margin:0;
	padding:0;
}

div#topics ul.list{
	float:right;
	margin:0;
	padding:0;
}

div#topics ul.list li{
	margin:0 0 5px;
	padding:0;
}

div#topics ul.list li a{
	margin:0;
	padding:0 0 0 15px;
	background:url(../../images2/arrow.gif) no-repeat left 0.15em;
	_background-position: left 2px;
}

div#topics ul.list li a span{
	display:block;
}

div#topics ul.list li.lastchild{
	margin:0;
	padding:5px 0 0 0;
	border-top:1px #968c78 dotted;
}





/* 3.hp
----------------------------------------------------------- */
/*width*/
div#hp,
div#hp h2,
div#hp ul     {width:740px;}
div#hp li     {width:165px;}
div#hp li h3,
div#hp li p   {width:155px;}


div#hp{
	clear:both;
	margin:0 auto;
	padding:20px 0;
}

div#hp h2{
	padding:30px 0 10px;
}

div#hp ul{
	margin:0 auto;
}

div#hp li{
	float:left;
	margin-right:20px;
}


div#hp li.roof  {background:url(../../images2/top/hp_roof.jpg)   no-repeat center top;}
div#hp li.temple{background:url(../../images2/top/hp_temple.jpg) no-repeat center top;}
div#hp li.nr    {background:url(../../images2/top/hp_nr.jpg)     no-repeat center top;}
div#hp li.solar {background:url(../../images2/top/hp_solar.jpg)  no-repeat center top;margin:0;}


div#hp li h3{
	margin:0;
	padding:0 2px 10px 8px;
	font-weight:bold;
	font-size:116.66%;
}

div#hp li h3 a{
	display:block;
	padding:150px 0 0 0;
}

div#hp li p{
	margin:0;
	padding:0 2px 0 8px;
}

div#footer {
	text-align:center;
}