@charset "UTF-8";


/** 基本設定 ***********************************************/


*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	line-height:125%;
	margin:0;
	padding:0;
}

body{
	color:#cccccc;
	background:#444444 center url('../images/bg.png') repeat-y;
	text-align:center;
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

a{
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	color:#999999;
}

img{
	border:none;
}

li img{
	vertical-align:top;
}


/***********************************************************/


#container{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}

#header{
	width:100%;
	background:#000000 top center url('../images/header.png') repeat-x;
	text-align:center;
	margin:0;
}

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

#footer{
	width:960px;
	height:50px;
	clear:both;
	color:#ffffff;
	text-align:center;
	text-indent:20px;
	border-style:dotted;
	border-width:1px 0 0;
	border-color:#333333;
	margin:14px auto 0;
	padding:14px 0;
}


/***********************************************************/


#header .photoArea{
	width:100%;
	height:350px;
	text-align:center;
	margin:0;
}

#header .wrapper{
	width:1000px;
	margin:0 auto;
}

h1{
	width:500px;
	float:left;
	text-align:left;
	margin:0;
}

#header ul.navi{
	width:350px;
	float:right;
	text-align:left;
	margin:0 0 4px;
}

#header ul.navi li{
	float:left;
	margin:0;
}

#header ul.navi li.top{
	width:60px;
}
#header ul.navi li.about{
	width:100px;
}
#header ul.navi li.company{
	width:100px;
}
#header ul.navi li.access{
	width:90px;
}


/***********************************************************/


#main h2{
	color:#ffffff;
	background: #555554; /* Old browsers */
	background: -moz-linear-gradient(top,  #555554 0%, #333333 50%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555554), color-stop(50%,#333333), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #555554 0%,#333333 50%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #555554 0%,#333333 50%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #555554 0%,#333333 50%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #555554 0%,#333333 50%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555554', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	text-indent:1em;
	line-height:30px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:0 auto 10px;
	padding:0;
}

#main .pagetop{
	text-align:right;
	padding:14px;
}

#main .pagetop a{
}


/***********************************************************/


#footer a{
	color:#ffffff;
}
#footer a:hover{
	color:#cccccc;
}


/***********************************************************/


.clearfix:after{
  content:".";  /* 新しい要素を作る */
  display:block;  /* ブロックレベル要素に */
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix{
  min-height:1px;
}

* html .clearfix{
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/***********************************************************/