@charset "utf-8";

/* NEW DESIGN Yachiyo Camera,
Scripted by conceptbox Mar.2009
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
html, body{
	height:100%;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
}
body {
	background: #d8d8d8 url(../img/common/bg_body.gif) center repeat-y;
	font-size: 90%;
	color: #424242;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
}
p, ol, ul, blockquote {
	line-height: 1.3;
}
a {
	color: #424242;
	text-decoration:underline;
}
a:hover {
	color: #424242;
	text-decoration: none;
}
img {
	border: none;
}
address {
	font-style:normal;
	font-size: 90%;
}

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

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* content
---------------------------------------------*/
#content {
	width: 850px;
	height:100%;
	margin: 0px auto 0 auto;
}

/* 左サイドエリア
---------------------------------------------*/
#left {
	float:left;
	z-index:200;
	width:250px;
	height:100%;
	min-height:100%;
	text-align:left;
	padding:0px 0 0 0;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
}


/* 左サイドエリア　メインナビゲーション
---------------------------------------------*/
#navi {
	z-index:100;
	margin:50px 0 0px 0 ;
}
	#navi ul {
		z-index:200;
		padding:0;
		margin:0;
		list-style: none;
	}
	#navi ul li {
		display:block;
		position:relative;
		width: 250px;
		height: 60px;
		margin:0 0px 0 0px;
		text-align:center;
		border-bottom:2px #FFFFFF solid;
	}
	#navi ul li a{
		display:block;
		width: 100%;
		height: 60px;
	}
	#navi ul li a:hover{
		color:#FFFFFF;
	}
		#navi ul ul {
			z-index:300;
			position:absolute;
			top:1px;
			left:245px;
			margin:0;
			padding:0;
		}
		#navi ul ul li {
			margin:0;
			padding:0;
			width:170px;
			text-align:right;
		}
		#navi ul ul li a {
			margin:0;
			padding:0;
			text-decoration:none;
		}
		#navi ul ul li a:hover {
			height:auto;
			text-decoration:none; 
		}
		#navi ul li.parent ul {
			display: none;
		}
		#navi ul li.parentOn ul {
			display: block;
		}
	
/* 右サイドエリア　
---------------------------------------------*/
#right {
	float:right;
	z-index:100;
	width:180px;
	height:100%;
	text-align:left;
	padding:0px 0 0 0;
}
#right img{
	margin-top:70px;
}
	#right h2{
		width:560px;
		margin: 15px 0 15px 0 ;
	}
	#right h3{
		height:20px;
		font-size:100%;
		text-align:left;
		color: #666600;
		font-weight:bold;
		margin: 15px 10px 15px 10px ;
		padding:8px 0 0 15px ;
		background: #ffffff url(../img/common/bg_h3.gif) top left no-repeat;   
	}
	#right h4{
		width:70%;
		font-size:100%;
		text-align:left;
		color: #333333;
		margin:3px 0 3px 10px;
		padding:3px 0 3px 5px;
		border-left:#666666 5px solid;
		border-bottom:#666666 1px solid;
	}

/* 右サイドエリアの本文
---------------------------------------------*/
#right .section {
	margin:0 0 35px 0 ;
}
	#right .section p {
	font-size:90%;
	letter-spacing:0.05em;
	margin: 5px 10px 5px 10px ;
	}

/* 基本のリスト
---------------------------------------------*/

#list {}
	#list ul {
		margin:0px 50px 15px 30px ;
		padding:0 0 5px 0 ;
	/*	border-bottom: #666 1px dotted ; */
	}
	#list ul li {
		padding:0px 0px 0px 20px ;
		margin:10px 0 8px 0px ;
		list-style-type:none;
		font-size:100%;
		font-weight:normal;
		letter-spacing:none;
		color: #666666 ;
		background: url(../img/listmark02.gif) left center no-repeat;
	}
	#list ul li a {
		text-decoration:underline;
	}
	#list ul li a:hover{
		text-decoration:none;
		color:#FF6600;
	}
	#list ul .list-sub {
		margin:10px 0 8px 30px ;
	}

#list ol {
	margin:20px 50px 0px 50px ;
	padding:0 0 0 0 ;
	line-height:1.5;
}
#list ol li {
	padding:5px 0 2px 0 ;
	border-bottom:#999999 1px dotted;
}
#list ol li a {}

/* テーブル
---------------------------------------------*/
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:auto;
}
.tbl-basic td, .tbl-basic th{
	border:#999999 1px solid;
	padding:5px 5px 5px 5px;
}
.tbl-basic th{
	background:#ededed;
}


/* footer 
---------------------------------------------*/

#footer {
	position:absolute;
	bottom:0px;
	width:100%;
	height: 50px ;
	margin: 0;
	padding: 8px 0 0 0 ;
	text-align:center;
	background: #424242 url(../img/common/bg_footer02.gif) center top no-repeat;
}
	#footer #credit  {
		margin: 0 0 0 0;
		padding: 0px ;
		color: #ffffff;
		font-size:90%;
		letter-spacing:0.0;
	}