/*

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; /* 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}

p.btn_twitter {
	width: 100px;
	height: 21px;
	position: absolute;
	top: -15px;
	right: 0;
}

.rollover a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80); /* for IE */
}

#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:3px;
	padding:7px 2px;
	width:139px;
	text-align:center;
	/*float:left*/
	}
	
#grid-content {
	overflow: hidden;
	height: 0;
	margin:7px 50px 50px;
	clear:both
	/*z-index:0
	border: 1px solid #eb6100;
	background-color: #EEEEEE;
	background-repeat: repeat;*/
 
}

#grid-content div a {
 color: #EAEAEA;
}

#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{ 
	width:100px;
	padding:0;
	margin:7px 0 0 7px;
	*margin:7px 0 0 3px;
	text-align: left;
}
	
#grid-content div div.c_icon a img{
	margin-bottom:3px
	text-align: left;
}

		
#grid-content div div.work_title{
	float:right; 
	width:100px;
	margin:0;
	padding:0;
	}
	
/* ↓ 20110218 SEO-CSS ↓ */
#grid-content div dl dt{
	font-size:11px;
	text-align:left;
	font-weight:normal;
	margin:5px 0 5px;
	padding:0;
	font-weight: bold;
	line-height: 1.2;
}

#grid-content div dl dd{
	font-size:10px;
	text-align:left;
	margin:0;
	padding:0;
	line-height: 1.2;
}

#grid-content div dl dt a{
	text-decoration:none;
	color:#333333
}
#grid-content div dl dt a:hover{
	color:#666666
}
#grid-content div dl.work_title{
	margin:0 10px;
	padding:0;
}
/* ↑ 20110218 SEO-CSS ↑ */
	
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;}
#copyright{margin-top:1em; margin-left:auto; margin-right:auto; font-size:10px; color:#999999; font-style:normal;}
#copyright img {vertical-align: middle;}

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

#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;
}

#concept {
	padding:0 50px 20px;
}

#concept h2 {
	color: #999999;
	font-size:12px;
}

#concept p {
	font-size: 10px;
	color: #999999;
	line-height: 1.2;
	text-align: left;
}

#concept address {
	font-size: 10px;
	font-style:normal;
	color: #999999;
	line-height: 1.2;
	text-align: left;
}