body	{background-color:#FFFFFF;
	     font-family:'Arial''Helvetica''sans-serif''Verdana';
	     text-align: center}

.box	{width:980px;
	      margin-left:auto;
	      margin-right:auto;
				padding-left:22px;
				padding-right:22px;
	      text-align:left}

a:hover img {
	text-decoration:none;
	border: none;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}

/* === ヘッダー部分のスタイル === */

header{
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    right: 9px;
    width: 100%;
    margin: 0 auto;
		padding: 0 auto;
		z-index: 10; /*ヘッダーバー部分の重なり順*/
}


header section#header{
    width: 980px;
    margin: 0 auto}

.head 	{width: 100%;
        padding: 60px 0px 0px 0px;
				margin: 0px}

.head1 	{width: 130px;
				text-align: left;
				margin:0;
        padding: 0px}

.head2 	{width: 255px;
				text-align: left;
        padding: 0px;
				font-size: 12px;
				color: #B4B4B4}

.head2 a 	{color: #708090;
					text-decoration: none}

.head3 	{width: 210px;
				text-align: center;
        padding: 0px;
				position: absolute;
				top: 0px}

.head4 	{text-align: right;
        padding: 0px;
        font-size: 15px;
	      font-weight: none;
	      text-decoration: none}
	         
.head4 a 	{color: #B4B4B4;
           text-decoration: none;
					 letter-spacing: 1px}

.head4 a:hover 	{color: #000000;
								border-bottom-style: solid;
								border-bottom-width: 5px;
								border-bottom-color: #8FBC8F}
                 
/* === コンテンツ部分のスタイル === */

.contents 	{width:980px;
	          padding: 0px;
						margin-top: 110px; /*上部に110pxのスペースを指定*/
						z-index: 1; /*コンテンツ部分の重なり順*/}

.main	{width:980px}

.main h2	{font-size:20px;
	             color:#505050;
	             text-align: left;
	             margin-top: 7px;
	             padding-bottom: 0px;
	             margin-bottom: 0px}

.main h3	{font-size:18px;
	             font-weight: 100;
	             color:#505050;
	             text-align: left;
	             margin-top: 7px;
	             padding-bottom: 0px;
	             margin-bottom: 0px}

.main p	{font-size:12px;
	         color:#555555;
	         text-align: left;
	         margin-top: 7px;
	         line-height: 160%}
	         
.main b  {font-size: 12px; 
              color: #505050; 
              text-align: left;
              font-weight: 700}
                
.main a 	{color:#708090;
             text-decoration:none}

.main a:hover 	{color:#000000;
								text-decoration: underline}


/* === タイル部分のスタイル === */
#wrapper{
	width:100%;
}
#wrapper hgroup{
	text-align:center;
}

#container{
	position:relative;
	width:980px;
	margin:0;
	padding:0;
}
.grid{
	width:240px;
	min-height:100px;
	padding:0;
	margin:0;
	background:#fff;
	float:left;
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid p{
	font-size:11px;
	color:#B4B4B4;
}

.grid strong {
	border-bottom:1px solid #ccc;
	margin:0;
	display:block;
	padding:0 0 3px;
	margin:10px 0 0 0;
	font-size:13px;
	color:#707070
}
.grid .meta{
	text-align:right;
	color:#B4B4B4;
	font-size:9px
}
.grid .imgholder img{
	max-width:310px;
	background:#ccc;
	display:block
}

@media screen and (max-width : 1024px) {
	body{
		overflow:auto;
	}
}
@media screen and (max-width : 900px) {
	#backlinks{
		float:none;
		clear:both;
	}
	#backlinks a{
		display:inline-block;
		padding-right:0px;
	}
}

/* === フッター部分のスタイル === */
footer{position: absolute;
			float: left;
			clear: both;
			padding: 0;
			margin: 0;
			z-index: 15; /*コンテンツ部分の重なり順*/}

.sns	{text-align:center;
			width:80px;
			border-top:3px solid #707070}

.copyright	{width:900px;
						text-align: left;
						border-top:1px solid #ccc;
						padding-top:20px}
	             
.copyright p	{text-align:right;
							font-size: 10px;
							color: #707070}