@charset "utf-8";

/* NEW DESIGN fotopeace! written by conceptbox 200808
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
body {
	margin: 10px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background: #FFFFFF;
	font-size: 90%;
	color: #333;
	letter-spacing:0.03em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #000000;
}
p, ol, ul, blockquote {
	line-height: 1.4em;
}
a {
	color: #008b8b;
	text-decoration:underline;
}
a:hover {
	color: #20b2aa;
	text-decoration: none;
}
img {
	border: none;
}
table, ul, li {
	text-align:left;
}
ul, li {
	list-style:none;
}

/* header
---------------------------------------------*/

#header {
	position:relative;
	z-index:100;
	width: 810px;
	height: 130px;
	margin: 0 auto;
	background: none ;
}

#header #title {
	position:absolute;
	height: auto;
	padding: 0;
	left:120px;
	top:10px;
	z-index:150;
}

	#header #tm {
		position:absolute;
		height: auto;
		padding: 0;
		left:15px;
		top:8px;
		z-index:150;
	}

	#header #navi {
		position:absolute;
		z-index:200;
		top:70px ;
		left:0px;
	}

			#navi ul {
				padding:0;
				margin:0;
				list-style: none;
			}
		
			#navi ul li {
				display:block;
				float: left;
				width: 135px;
				height: 60px;
				margin: 0;
				text-align:center;
			}

			#navi ul li a{
				display:block;
				width: 100%;
				height: 60px;
			}
	
			#navi ul li a:hover{
			}

						#navi ul ul {
							z-index:500;
						}
						#navi ul ul li {
							float: none;
							background: #f8ffdd;
							height:35px;
						}
						#navi ul ul li a {
							background: #f8ffdd;
							height:35px;
							font-size: 90%;
							margin:0 0 0 0;
							padding:10px 0 0 0;
							text-decoration:none;
						}
						#navi ul ul li a:hover {
							height:35px;
							margin:0 0 0 0;
							padding:10px 0 0 0;
							background: #ffffbb;
							text-decoration:none; 
						}
						#navi ul li.parent ul {
							display: none;
						}
						#navi ul li.parentOn ul {
							display: block;
						}

/* Splash
---------------------------------------------*/

#splash {
	position:relative;
	width: 800px;
	height: 220px ;
	margin: 0 auto;
	text-align:center;
}

#splash img{
	margin: 0 ;
}

#splash #peace {
	position:absolute;
	top:65px;
	left:40px;
}

		#splash #peace img{
			margin:0;
			padding:0;
		}

#splash h1 {
	position:absolute;
	top:0px;
	left:20px;
	margin: 0;
	padding: 0;
}

#splash #sub {
	position:absolute;
	top:55px;
	right:25px;
}

		#sub ul {
			padding:0;
			margin:0 0px 0 0px ;
			list-style: none;
		}

		#sub ul li {
			height:25px;
			width:auto;
			float: left;
			margin: 0px ;
			padding: 8px 20px 0 10px ;
			font-size:100%;
			font-weight:bold;
			background: url(../img/index/bg_submenu.gif) left top no-repeat;
			text-decoration:none;
		}
		
		#sub ul li a{
			text-decoration:none;
		}
		
		#sub ul li a:hover{
			text-decoration:underline;
		}
		
#splash #order-start {
	position:absolute;
	top:170px;
	right:35px;
}

#splash #access {
	position:absolute;
	top:95px;
	right:30px;
}

/* content
---------------------------------------------*/

#content {
	width: 740px;
	height: auto;
	margin: 0 auto;
}

	.section {
		margin:0 0 10px 0 ;
	}
	
	.section h2 {
		padding:15px 4px 0px 18px ;
		margin:5px 0 10px 0 ;
		text-align:left;
		color: #FFFFFF;
		font-size:120%;
		font-weight:bold;
		height:30px;
		background: #FFFFFF url(../img/order/bg_h2_02.gif) left no-repeat ;
	}

	.section h3{
		height:25px;
		text-align:left;
		margin: 10px 0 0px 15px ;
		padding:13px 0 0 50px ;
		background: url(../img/contents/bg_h3_h35.gif) top left no-repeat;
		font-weight:bold;
		color:#666666;
		font-size:110%;
	}
	
	.section h4{
		text-align:left;
		margin: 15px 30px 5px 35px ;
		padding:5px 0 5px 30px ;
		font-weight:bold;
		color:#666666;
		background: url(../img/contents/bg_h4_h20.gif) top left no-repeat;
		font-size:100%;
	}
	h5 {
		font-size:100%;
		font-weight:bold;
		padding:2px 0 2px 10px;
		margin:10px 30px 5px 40px;
		border-left:8px #006699 solid;
		border-bottom:1px #006699 solid;
	}
	.section p{
		margin: 5px 35px 0px 40px ;
		font-size:90%;
	}
	
	.section img{
		margin: 0px 0px 0px 0px ;
	}

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

	.section .info-tbl{
		text-align:left;
		width: 90% ;
		margin:15px auto 5px auto ;
		font-size:90%;
		line-height: 1.3em;
	}
	
		.info-tbl td, .info-tbl th {
			padding: 6px ;
			vertical-align:top;
		}
		
	.section .form-tbl{
		text-align:left;
		width: 90% ;
		margin:15px auto 5px auto ;
		line-height: 1.3em;
	}
		.form-tbl td, .form-tbl th {
			padding: 3px ;
			vertical-align:top;
		}
	
/* footer 
---------------------------------------------*/

#footer {
	position:relative;
	clear:both;
	text-align:center;
	width: 810px;
	height: 60px;
	margin: 0 auto;
	padding: 0px 0 0 0 ;
	background: #ffffff url(../img/common/footer_creditarea.gif) left bottom no-repeat ;
}

#footer #credit  {
	margin: 0px 0px 0px 0px ;
	padding: 25px 0px 0px 0px ;
	color: #FFFFFF;
	letter-spacing:0.08em;
}

#footer a {
	color: #fbfbf1;
}

#footer-icon {
	text-align:center;
	width: 810px;
	height: 60px;
	margin: 0 auto;
	background:#339966;
}

#footer-icon img{
	border:0;
	padding:0 10px 0 10px ;
}

#footer #chara {
	position:absolute;
	padding: 0;
	margin:0;
	right:40px;
	top:-28px;
}

#footer #totop  {
	position:absolute;
	top:0px;
	right:20px;
	padding:0px;
	font-size:90%;
	color: #424242;
}

	#footer #totop a {
	font-weight:bold;
	text-decoration:none;
		color: #CC3300; 
	}
	
/* サイトマップ
---------------------------------------------*/

#sitemap {
	margin:0 0 0 30px ;
}

#sitemap h3 {
	padding:5px 0px 5px 20px ;
	margin:10px 0 0 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;
}

#sitemap h3 a {
	text-decoration:none;
}

#sitemap h3 a:hover{
	text-decoration:underline;
	color:#FF6600;
}

#sitemap ul {
	margin:0 0 0 20px ;
	padding: 0 0 0 0 ;
}

#sitemap ul li {
	padding:6px 0px 4px 20px ;
	margin:0 0 0 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;
}

#sitemap ul li a {
	text-decoration:none;
}

#sitemap ul li a:hover{
	text-decoration:underline;
	color:#FF6600;
}

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

/* テキストの装飾
---------------------------------------------*/
.emC30 {
	color:#C30;
}
span.note {
	font-size:11px;
	margin-left:10px;
}