@charset "utf-8";

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

/* 基本設定
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "lr oSVbN", Osaka, sans-serif;
}
body {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background: #e6e6e6 url(../img/common/bg_body2.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: ".";  /* Vvf */
	display: block;  /* ubNxvf */
	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: 900px;
	height:100%;
	margin: 0px auto 0 auto;
	background:url(../img/common/bg_content.gif) left repeat-y;
}

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

/* 左サイドエリア　メインナビゲーション
---------------------------------------------*/
#navi {
	z-index:100;
	margin:50px 0 50px 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 1px;
		text-align:center;
		border-bottom:2px #FFFFFF solid;
	}
	#navi ul li a{
		display:block;
		width: 100%;
		height: 60px;
	}
	#navi ul li a:hover{
		background:;
		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;
		}
	
/* 右サイドエリア
---------------------------------------------*/
#contpage #right {
	float:right;
	z-index:100;
	width:620px;
	text-align:left;
	padding:0px 0 0 0;
}

	/* 本文
	---------------------------------------------*/
	#contpage #right .section {
		margin:0 0 35px 0 ;
	}
		#contpage #right .section p {
			font-size:90%;
			letter-spacing:0.05em;
			margin: 5px 10px 5px 10px ;
		}
	
		#contpage #right .section img{
			margin-top:10px;
		}
	
	/* 見出し
	---------------------------------------------*/
		#contpage #right .section h2{
			margin: 15px 0 15px 0 ;
		}
		#contpage #right .section 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;   
		}
		#contpage #right .section h4{
			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;
		}



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

#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 {
	clear:both;
	width:100%;
	height: 35px ;
	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;
	}
	#footer #f-subnavi  {
		position:absolute;
		top:8px;
		left:5px;
		margin: 0px;
		padding: 0px;
		color: #424242;
		font-size:90%;
		letter-spacing:0.0;
		width: 319px;
		height: 20px;
	}
		#footer #f-subnavi ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
		#footer #f-subnavi ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#footer #f-subnavi ul .n-right {
			border-right: #424242 solid 1px ;
		}
	#footer a {
		color: #424242;
		text-decoration:none;
	}

/* テキスト
---------------------------------------------*/

.font80 {
	font-size:80%;
}
.more {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/common/link.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

/* Auto Scroll Area js
---------------------------------------------*/
#wrap {
	text-align:left;
}
#myMenu {
	width:178px;
	margin: 5px 0 0 0 ;
	text-align:left;
	background:#eeeeee;
	border:#999999 1px dotted;
}
#myMenu h3 {
	display:block;
	text-align:center;
	padding:3px;
	background:#666666;
	color:#FFFFFF;
}
#myMenu ul{
	margin:8px;
}

/* text-size js
---------------------------------------------*/
#sliderBG {
	z-index:600;
	position:absolute;
	top:65px;
	right:14px;
	width:96px;
	height:43px;
	background-image:url(../img/fontchange/bg.gif);/*05*/
	background-repeat:no-repeat;
}
#sliderThumb {
	position:absolute;
	width:100px;
	height:43px;
}

/* ブログ　ウィジェット
---------------------------------------------*/
.widget-header {
	display:block;
	width:251px;
	font-size:90%;
	text-align:center;
	padding:3px 0px 3px 1px;
	background:#666666;
	color:#FFFFFF;
}
.widget-header a {
	color:#FFFFFF;
	text-decoration:none;
}
.widget-content {
	padding:5px;
	margin:0 0 15px 0;
}
.widget-content p{}
.widget-content ul{
	margin:0 5px 0 7px;
	list-style:none;
}
.widget-content ul li{
	font-size:12px;
	margin:0px 0 2px 0;
	padding:3px 0 2px 12px;
	border-bottom:#FFFFFF dotted 2px;
	background:url(../img/contents/blog_leftside_listmark_red.gif) left center no-repeat;
}
.widget-content ul li a{
	text-decoration:none;
}
.widget-content ul li a:hover {
	color:#cc0033;
}
.widget-content ul li a:hover{}

/* ブログ　エントリ
---------------------------------------------*/
.entry-asset{
	background:#FFFFFF;
	margin:0 0 15px 0;
	padding:5px 10px;
}
.entry-asset ul {
	margin:0 0 0 30px;
}
.asset-meta {
	text-align:right;
	margin:0 10px 10px 0;
	padding:0 0 10px 0;
	border-bottom:#333333 dotted 1px;
}
.archive-title {
	font-size:130%;
	text-align:center;
	color:#cc3300;
	margin:10px 0 10px 0;
}
.entry-title {
	background:url(../img/contents/entry_listmark.gif) left center no-repeat;
	padding:5px 0px 6px 35px;
	border-bottom:#666666 dotted 1px;
}
#right .entry-asset h3{
	font-size:100%;
}
#right .entry-asset h4{
	font-size:100%;
}
#comments {
	margin:20px;
	background:#FFFFFF;
}
.asset-body {
	padding:0 10px 0 10px;
}
.asset-body p a{
	color:#CC3300;
}

/* ブログ　コメント
---------------------------------------------*/
.comments,#comments {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#comments {
	padding:5px 20px 5px 20px ;
}
.comments-content{
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	border:#99CC00 2px dotted;
}
input{
	margin:5px 0 5px 0;
}

/* ブログ　アーカイブナビゲーション
---------------------------------------------*/
.content-nav, .multiple-pages{
	text-align:center;
	font-weight:bold;
	margin:0 0 10px 0;
}

/* ブログ　エントリメタ
---------------------------------------------*/
.user-pic{
	margin:0 0 10px 0;
}
.asset-header h1{
	font-size:130%;
	font-weight:bold;
	margin:5px 0 0 0;
}
.asset-header h2{
	font-size:130%;
	font-weight:bold;
	margin:5px 0 0 0;
}
.asset-header a {
	text-decoration:none;
}
.asset-header a:hover {
	color:#cc0033;
}
#ad {
	background:#FFFFFF;
	width:580px;
	padding:20px;
	text-align:center;
}

.asset-body h3 {
	font-weight:bold;
	font-size:15px;
	margin:10px 10px 13px 3px;
	padding:3px 3px 3px 10px;
	border-left: double #cc3300 13px;
	border-bottom: solid #cc3300 1px;
}
.asset-body img {
	margin:3px;
}

/* Ajaxカレンダー
---------------------------------------------*/
#calendar {
    margin: 15px auto 10px auto;
    color: #444444;
}
.calendarhead {
    padding-bottom: 5px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#calendar table th {
    padding-bottom: 3px;
    text-align: center;
	font-size:10px;
    width: 23px;
}
#calendar table td {
    padding: 2px 0;
    text-align: center;
    line-height: 120%;
}
.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}