@charset "utf-8";

html,body {  
    height: 100%;
}

#container {  
    min-height: 100%;            
    height: auto !important;     
    height: 100%;                
}

#wrapper{
    width: 960px;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	line-height: 1.8;
}

#header{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 40px 0 0 0;
}

#header h1{
	float: left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif!important;
	font-size: 12px;
	font-weight: bold;
}
#header ul#gNavi{
	float: right;
	border-right: 1px solid #ccc;
	padding-right: 15px;
	margin-top: 8px;
}
#header ul#gNavi li{
	display: block;
	float: right;
	padding-left: 10px;
	margin-left: 15px;
	border-left: 1px solid #ccc;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif!important;
	font-size: 13px;
}
#header ul#gNavi li a{
	font-style: normal;
	color: #333;
	text-decoration: none;
}
#header ul#gNavi li a:hover{
	text-decoration: underline;
}

ul#gNavi{
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
ul#gNavi li{
	display: block;
	margin:30 30px;
}
ul#gNavi li a{
	font-size: 13px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
ul#gNavi li a:hover{
	text-decoration: underline;
}
ul#gNavi li.firstItem{
    width: 100%;
}

#layer_base {
position: relative; /* 基準となる位置 */
width:960px; /* 基準の幅 */
height: 68px; /* 基準の高さ */
/*画像を中央寄せ*/
margin-left: auto;
margin-right: auto;
}

#layer_1 {
	position: absolute; /* 基準からの相対位置 */
	top: 23px; /* 上からの位置 */
	left: 50px; /* 左からの位置 */
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif!important;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}
	
.img_box {
    position:relative;
    display:block;
    margin:0;
    padding:0;
}
.img_box img {
    z-index:0;
    margin:0;
    padding:0;
}
.img_box a {
    color:white;
}
.img_box img:hover {
    filter:alpha(opacity=50);
    opacity: 0.5;
}
.img_comment {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    padding:10px;
    margin:0;
    text-shadow:3px 3px 3px #000;
}

#mainContents{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}


/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
    width: 960px;
	margin-bottom: 50px;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #666;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 12em;	/*ボックス幅*/
	float: right;
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}

#footer{
	background: #999;
	width:100%!important;
    height:30px;
    position:fixed;        
    bottom: 0;
}

#footer p#copyright{
	text-align: center;
    color: #fff;
    width:100%;
    font-size:12px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif!important;
}