@charset "utf-8";

/* ===========================================================
common.css
Copyright (c) 2011, Gallery H_identity All rights reserved.
Last Editor: k-yamashita
Last Update: 2016/03/03
=========================================================== */

/* ------------------------------------------------------
	レイアウト
------------------------------------------------------ */
	
body	{
	margin: 0;
	padding: 0;
	background-color: #ffffff}

/* ----------------------------- */

a	{
	color: #888888;
	text-decoration: none;}

a:hover{
	color: #000000;}

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

ul, li, ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

/* ----------------------------- */

#container	{
	width: 760px;
	margin: auto;}
	
#wrapper	{
	background-image: url(../images/sidebgimg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	overflow:hidden;
	width: 100%;}

#content	{
	width: 500px;
	float: left;
	margin: 14px 0 0;}

#sidebar	{
	width: 220px;
	float: right;
	margin: 50px 0;}
	
/* ------------------------------------------------------
	ユーティリティ・ナビ（右上のサブメニュー）
------------------------------------------------------ */	
	
#utility-navi	{
	width: 760px;
	height: 24px;}
	
#utility-navi ul	{
	margin: 10px 0;
	padding: 0;
	text-align: right;}

#utility-navi li	{
	display: inline;
	margin-left: 20px;
	}

#utility-navi li a	{
	font-size: 10px;
	padding-left: 11px;
	background: url(../images/ico_utinavi_off.gif) left center no-repeat;}

#utility-navi li a:hover	{
	background-image: url(../images/ico_utinavi_on.gif);
	color: #000000;}
			
/* ------------------------------------------------------
	グローバル・ナビ（メイン・メニュー）
------------------------------------------------------ */

#global-navi	{
	width: 760px;
	height: 40px;}

#global-navi li	{
	float: left;}

#global-navi li a	{
	display: block;}	

/* ------------------------------------------------------
	パンくずリスト
------------------------------------------------------ */

#topicPath	{
	width: 500px;
	margin: 0 0 50px;}

#topicPath ul	{
	padding: 0;
	text-align: left;}

#topicPath li	{
	font-size: 10px;
	color: #a2020a;
	display: inline;
	margin-right: 3px;}

#topicPath li a	{
	font-size: 10px;
	background: url(../images/ico_crumbs.gif) no-repeat right center;
	padding-right: 18px;}
	
#topicPath li a:hover	{
	color: #000000;}

/* ------------------------------------------------------
	ヘッダー
------------------------------------------------------ */

#head p	{
	margin: 0;}
	
#head h1 a {
	display:block;
	background-image: url(../images/header.gif);
	background-repeat:no-repeat;
	width: 760px;
	height: 168px;}
		
h1 span {
  display:none;
}

/* ------------------------------------------------------
	コンテンツ
------------------------------------------------------ */

.post	{
	width: 500px;}

.post h2	{
	margin: 0;
	margin-bottom: 40px;}
	
.posttext h3	{
	font-size: 13px;
	color:#333333;
	background: url(../images/hd_h3bgimg.gif) left bottom no-repeat;]
	margin: 0;
	margin-bottom: 24px;
	padding: 5px 0 2px 30px;}

.posttext p	{
	margin: 0;
	margin-bottom: 24px;}
	
.posttext p.lastblock	{
	margin: 0;
	margin-bottom: 36px;}

/* ----------- table ----------- */

.posttext table	{
	width: 500px;
	border: 0;
	border-collapse: separate;
	border-spacing: 5px;}

.posttext table.agr	{
	margin: 0;
	margin-top: -5px;}

.posttext table.agr-spc	{
	margin: 0;	
	margin-top: -5px;
	margin-bottom: 36px;}

.posttext table th.agr-ico	{
	width: 20px;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;}

.posttext table th.acc-ico	{
	width: 64px;
	border: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}

.posttext table th.smp-ico	{
	width: 120px;
	border: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;}
	
.posttext table th.smp-ico a:hover	{
	color: #000000;}

.posttext table td	{
	border: 0;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;}

.posttext table td.agr-app	{
	border: 0;
	padding: 0 0 10px 10px;
	background-color: #ffffff;
	text-align: left;}

.attention-b	{
	font-weight: bold;}
	
.attention-bk	{
	color: #333333;}
	
.attention-re	{
	color: #a20e0a;}

.attention-gr	{
	font-size: 10px;
	color: #888888;
	text-align: left;}

/* -------- information -------- */

.info h3	{
	font-size: 13px;
	color:#333333;
	border-bottom: dotted 1px #cccccc;
	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 3px;}

.info h3 img.ico	{
	margin: 0;
	margin-bottom: -2px;}
		
.info p		{	
	margin: 0;
	margin-bottom: 18px;}

.info p.btn	{	
	margin: 0;
	margin-bottom: 24px;}
	
.info p.lastblock	{
	margin: 0;
	margin-bottom: 36px;}
	
.info p.update	{	
	font-size: 10px;
	color: #888888;
	margin-bottom: 0px;}
	
.info p.exhidate	{
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;}

.info p img.works	{
	border: solid 1px #e6e6e6;
	margin: 0;
	margin-top: -10px;
	padding: 3px;}

.details	{
	margin: 0;
	margin-top: -12px;
	margin-bottom: 36px;}

/* ---------- welcome ---------- */

.sign p	{
	margin: 0;
	text-align: right;}
	
/* ------------------------------------------------------
	サイドバー
------------------------------------------------------ */

.menu, .space	{
	width: auto;
	text-align: right;
	margin-top: 30px;}
	
.menu li	{
	margin-bottom: 20px;}
	
.space p img	{
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	margin: 0;
	margin-bottom: 34px;
	padding: 3px;}

/* ------------------------------------------------------
	このページのトップへ
------------------------------------------------------ */

#pageTop {
	width: 500px;
	margin: 160px 0 10px;}
	
#pageTop p {
	margin: 0;
	text-align: right;
	font-size: 10px;
	color: #666666;}
	
#pageTop a	{
	font-size: 10px;
	padding-right: 12px;
	background: url(../images/ico_pagetop_off.gif) right center no-repeat;}

#pageTop a:hover	{
	background-image: url(../images/ico_pagetop_on.gif);}

/* ------------------------------------------------------
	フッター
------------------------------------------------------ */

#foot	{
	clear: both;
	background-image: url(../images/foot_bgimg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;}

#foot p	{
	color: #666666;
	font-size: 10px;
	margin: 0;
	text-align: right;}