﻿@charset "utf-8";

body {
	background:#000;
	font-family:"メイリオ", Meiryo, Osaka;
	font-size:10px;
	color:#666;
}

a {
	outline:none;
}

a:link {
	color:#FFF;
	text-decoration:none;
}

a:visited {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#FFF;
	text-decoration:none;
}

img {
	border:none;
}

#allcont {
	width:1055px;
	height:auto;
	margin:0 auto;
	padding-top:5px;
}

/*-------header-------*/

#header {
	width:1055px;
	height:80px;
	margin-top:25px;
}

#logo {
	float:left;
}

#icon {
	float:right;
}

#groval {
	background:#111;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	text-align:right;
	width:100%;
	height:18px;
	padding:5px 10px 2px 0;
	position: fixed;  
    top:0;  
    right:0;
	z-index:1000;
}

#groval a {
	color:#FFF;
}

#groval a:hover {
	color:#999;
}

/*-------imagegallery-------*/

#image {
	background:#111;
	width:1050px;
	height:378px;
	margin-bottom:20px;
	padding:0 8px 0 8px;
}

#image_left {
	float:left;
}

#image_right {
	float:right;
}

img.fade {
  opacity: 1;
  -webkit-transition: opacity 1s linear;
}

img.fade:hover {
  opacity: 0;
}

/*-------menu-------*/

#menu {
	clear:both;
	text-indent:-9999px;
	width:1050px;
	height:45px;
	margin:0 0 20px 6px;
}

#menu li {
	float:left;
	list-style:none;
}

#menu1 a{
	background-image:url(../images/menu.jpg);
	background-position:left top;
	display:block;
	margin:0;
	width:155px;
	height:42px;
}

#menu1 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:left 42px;
	display:block;
	margin:0;
	width:155px;
	height:42px;
}

#menu2 a{
	background-image:url(../images/menu.jpg);
	background-position:148px top;
	display:block;
	margin:0;
	width:153px;
	height:42px;
}

#menu2 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:148px 42px;
	display:block;
	margin:0;
	width:153px;
	height:42px;
}

#menu3 a{
	background-image:url(../images/menu.jpg);
	background-position:300px top;
	display:block;
	margin:0;
	width:151px;
	height:42px;
}

#menu3 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:300px 42px;
	display:block;
	margin:0;
	width:151px;
	height:42px;
}

#menu4 a{
	background-image:url(../images/menu.jpg);
	background-position:449px top;
	display:block;
	margin:0;
	width:147px;
	height:42px;
}

#menu4 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:449px 42px;
	display:block;
	margin:0;
	width:147px;
	height:42px;
}

#menu5 a{
	background-image:url(../images/menu.jpg);
	background-position:595px top;
	display:block;
	margin:0;
	width:143px;
	height:42px;
}

#menu5 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:595px 42px;
	display:block;
	margin:0;
	width:143px;
	height:42px;
}


#menu6 a{
	background-image:url(../images/menu.jpg);
	background-position:745px top;
	display:block;
	margin:0;
	width:148px;
	height:42px;
}

#menu6 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:745px 42px;
	display:block;
	margin:0;
	width:148px;
	height:42px;
}

#menu7 a{
	background-image:url(../images/menu.jpg);
	background-position:895px top;
	display:block;
	margin:0;
	width:149px;
	height:42px;
}

#menu7 a:hover {
	background-image:url(../images/menu.jpg);
	background-position:895px 42px;
	display:block;
	margin:0;
	width:149px;
	height:42px;
}


/*-------block-------*/

#block {
	width:840px;
	margin:0 0 50px 7px;
	clear:both;
}

#grid-content {
	background-repeat: repeat;
}

#grid-content div {
	width: 200px;
	border: 1px solid #000;
	background-color:#000;
	color:#999;
	margin: 5px;
	padding:2px 0 0 0;
}

#grid-content div a {
	color:#333;
	text-decoration:none;
}

#grid-content div a:hover {
	color:#333;
	text-decoration:none;
}

#grid-content div.large {
	width: 410px;
}

#grid-content div h2 {
	background:url(../images/ttl_bg.gif) repeat-x;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	height:20px;
	color:#da4f4f;
}

#grid-content div h2 a {
	text-decoration:none;
}

#grid-content div h3 {
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}

#grid-content div p {
	margin: 0;
	padding: 0;
}

.over {
	background:#000;
	width:130px;
	margin:0;
	padding:0;
}

#box_01 {
	background:#000;
	float:left;
	width:630px;
	margin:0;
	padding:0;
}

#box_02 {
	background:#000;
	float:right;
	width:420px;
	margin:0;
	padding:0;
}

#grid-content .white:hover {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#333;
}

#grid-content .white {
	margin:0;
	padding:0;
	background:#000;
}

/*-------footer-------*/

#footer {
	width:1050px;
	padding-left:10px;
}

#foot_left {
	float:left;
}

#foot_right {
	float:right;
	margin-bottom:10px;
}

.right {
	margin-top:10px;
	float:left;
	width:200px;
}

.right a:hover {
	color:#666666;
	text-decoration:none;
}

.link {
	width:200px;
}

/*-------policy-------*/

#grid-content_02 {
	overflow: hidden;
	height: 0;
	background-repeat: repeat;
	margin-left:20px;
}

#grid-content_02 div {
	width: 1020px;
	border: 1px solid #000;
	background:url(../images/ttl_bg.gif) repeat-x;
	background-color:#000;
	color:#999;
	margin: 5px;
	padding:2px 0 0 0;
}

#grid-content_02 div h2 {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	height:20px;
	color:#FFF;
}

#grid-content_02 ul {
	margin-top:10px;
	padding-left:-10px;
}


#polycy {
	width:1020px;
	height:450px;
	font-size:11px;
}

/*-------form-------*/

#mailform {
	margin:10px 0 0 30px;
}

.color {
	color:#FF6644;
	margin:0 0 5px 2px;
	font-size:85%;
}


/* gridcontent */
#grid_content h2 {
	color:#f93939;
}
