/*

Theme Name: New A-MILIGHT

*/



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

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ===================================================================== */
body{
	margin:0; 
	padding:0; 
	line-height:1.2em;
	background:url(img/bk.gif) repeat-x 0px 70px;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;	
}
	
a img{border:none}

#main {/* padding:10px 50px*/}

/* ===== header ======================================================= */

h1{padding:0 50px}
#header{text-align:left; overflow:hidden}

#hd_cat{
	float:right;
	list-style:none;
	font-size:10px;
	margin:0px 50px 0 0;
	padding-left:0;
	height:42px
	}
#hd_cat li{
	line-height:1em;
	}


*+html #header{ margin-top:20px}
* html #header{ margin-top:20px}
#nav { 
	margin:0px auto 0;
	padding-left:50px;
	overflow:hidden;
	height:42px
	}


#globalNavi{
	width:360px;
	float:left;
	overflow:hidden;
	margin-top:10px;
	height:42px
	}
#globalNavi, #globalNavi ul {  
    margin:0;  
    padding:0;  
    list-style-type:none;  
    /*position:relative;
	z-index:1*/
}  
#globalNavi li  {  
    float:left;  
    position:relative;
	margin-right:2em;
	margin-top:5px
}  
/*
#globalNavi ul {  
    width: 100px;  
    position: absolute;  
    top: 20px;  
    left: 3px;
    display: none;  
}  

#globalNavi ul li a {  
    width: 100px;  
    display: block;  
    background: #BFC0C0;  
    padding-left: 5px;
    border-bottom: 1px dotted #909090;  
    color: #000;  
    text-decoration: none;
	font-size:12px
}  

#globalNavi ul li a:hover   {  
    background: #000;  
    color: #FFF;  
	}  
#globalNavi ul li.first a   {  
    background: #BFC0C0;  
    padding-left: 5px;
	}  
#globalNavi ul li.first a:hover {  
    background: #000;  
	}  
*/
/* ===== コンテンツ ======================================================= */

#grid-content{ clear:both}
#grid-content div {
	background-color:#EAEAEA;
    color: #000000;
	margin:5px;
	padding:10px 2px;
	width:175px;
	padding-top:10px;
	text-align:center
	/*float:left*/
	}
	
#grid-content {
	overflow: hidden;
	height: 0;
	margin:20px 50px 50px;
	clear:both
	/*z-index:0
	border: 1px solid #eb6100;
	background-color: #EEEEEE;
	background-repeat: repeat;*/
 
}


#grid-content div.large {
	width: 316px;
}

#grid-content div h2{font-size:12px; margin-bottom:0; text-align:left; margin-top:5px; font-weight:normal}
#grid-content div p{font-size:12px; margin-top:0; text-align:left}

#grid-content div h2 a{text-decoration:none; color:#333333}
#grid-content div h2 a:hover{ color:#666666}

#grid-content div div.c_icon{ 
	float:left; 
	width:54px;
	padding:0;
	margin:10px 0 0 10px
	}
* html #grid-content div div.c_icon{ 
	width:54px;
	padding:0;
	margin:10px 0 0 4px
	}
	
#grid-content div div.c_icon a img{ margin-bottom:3px}

		
#grid-content div div.work_title{
	float:right; 
	width:100px;
	margin:0;
	padding:0;
	}
	
a:hover img.cfg_img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
	}

/* ===== footer ======================================================= */
#footer{border-top:#CCCCCC 1px solid; text-align:center;}
address{margin-top:1em; margin-left:auto; margin-right:auto}

/* ===== 個別ページ ======================================================= */

#contents_bx{
	width:auto; 
	overflow:hidden; 
	margin: 20px auto 30px
	}
.single_bx {
	width:900px; 
	overflow:hidden; 
	clear:both; 
	margin:10px 0px 10px 50px;
	/*margin:30px auto; */
	text-align:left;
	}

 /** html #contents_bx{
	width:900px; 
	overflow:hidden; 
	margin:0;
	text-align:left
	}*/


#nxt{
	width:31px;
	float:right;
	}

#pre{
	width:31px;
	float:left;	
	}

/*.single_bx .single_left{float:left; width:400px}
.single_bx .single_right{float: right; width:490px}*/


/* ===== テンプレートページ ======================================================= */
.temp_bx {
	width:900px; 
	overflow:hidden; 
	clear:both; 
	margin:40px 0px 40px 50px;
	/*margin:30px auto; */
	text-align:left;
	}
/* ===== company ======================================================= */
#page_company dl {
    margin-top: 30px;
    font-size: 10px;
}
#page_company dd {
	position: relative;
	left: 135px;
	bottom: 20px;
}