@charset "utf-8";
/* primon.css */
html{
	font-size:62.5%;}
body{
	font-size:12px;
	font-size:1.2rem;}

/* base font */
#closeup li small{
	font-size:9px;
	font-size:.9rem;}
	
	#closeup dt{
	font-size:11px;
	font-size:1.1rem;}
	#founder i,	
	#notice dd,#notice dd dt{
	font-size:12px;
	font-size:1.2rem;}.p-text,
#closeup dt strong,.price small{
	font-size:14px;
	font-size:1.4rem;}
#founder i b,
#notice dt,#founder h3,#order li mark,
#testimonials h2,#mother-creator h2{
	font-size:17px;
	font-size:1.7rem;}
	
	.price a,.p-text strong{
	font-size:19px;
	font-size:1.9rem;}
	
	.price,
#order h3,.catch	{
	font-size:28px;
	font-size:2.8rem;}
.catch{
	clear:left;
	color: #F39;}
	.catch,.p-text strong{
	text-shadow:1px 1px #fff;
	line-height:1.2;
	font-weight:600;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#notice dt{
	padding:2px 5px;
	margin-bottom:5px;
	color: #690;}
	#notice dt img{
		padding:1px;
		border:3px solid #9C0;
		float:left;
		margin-right:8px;}
#wrap footer,
#order h3,ol.no00>li:before ,
#notice dd dt{
	font-weight:600;
	color: #360;
	background:#9C0;
	text-shadow:1px 1px #eeff99;}

/* link color */

#closeup a{
	padding:3px 2px 0;
	display:block;
	text-align:right;
	color:#900;}
#closeup a:hover{
	color:#F60;}
/* layout */

h1#logo{
	float:left;
	width:510px;
	height:145px;
	background: url(../images/logo001.jpg) no-repeat left top;}
h1#logo b{
position:absolute;
display:block;
overflow:hidden;
text-indent:-1000px;
z-index:-1;}

hgroup h2{margin-top:15px;
	text-shadow:1px 1px #fff;}
	.topimage{
		float:right;
		margin:15px 5px 10px 0;}
	
	#page{
		width:960px;
		margin:0 auto;
	}
	.youtube{
		margin:10px 0 15px 0;
		border:10px solid #eee;
		padding:3px;
		background:#ccc;
		float:right;
		display:inline;
		position:relative;}
	
	#wrap{
		clear:both;
		background-color:#fff;}
	
	/*  */
	
/* header */
#closeup dt{
	color: #fff;
	font-weight:600;
	background: #F90;
	text-align:center;
	}#closeup dt{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;}
.price,	.youtube,
#order li,ol.no00>li:before ,#order h3,
#notice,.dl-method dt,#founder,#wrap footer,
#closeup,#wrap{
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}
#closeup,
#notice{
	padding:10px;
	background-color:#fff;
	border:3px solid #eee;
	margin-bottom:15px;}
	
	
/* notice */
	#notice dd.lists{
		margin-left:10px;}
   /* dl-method */

	.dl-method dd{
		padding:3px 3px 5px 5px;}
		
		/* closeup */
		hgroup h2,
			#closeup{
				float:right;}
	#closeup ul{
		background: url(../images/icon-h68x95.gif) no-repeat left bottom;
		padding-left:95px;}
			#closeup li small{
				margin-right:2px;}
				#closeup dt strong{
					display:block;}
					
					/*  */
					#wrap{
						border:2px dashed #ccc;
						overflow:hidden;
	background-color:#f9f9f9;
	padding:10px;
	margin:15px 0;}
					#wrap div{
	margin-bottom:15px;}
	
	/* mother-creator */
		#mother-creator h2{
	font-weight:600;
			color: #900;}
	#mother-creator{
		float:left;
		width:295px;}
			#mother-creator p,		#testimonials p{
				padding:8px 0;}
							#mother-creator ul{
								padding:0 15px;}
		/* testimonials */
				#testimonials {
	display:block;
	overflow:hidden;
	position:relative;}
		#testimonials h2{
	font-weight:600;
			color: #F60;}
		#testimonials h2.h2co{
			color: #F36;}
		#present{
	font-weight:600;
			background:url(../images/photo003-2.gif) no-repeat left top;
			padding-left:140px;
			height:140px;}
					/* founder */
					#founder h3{
						}
					#founder{
						border:2px solid #ccc;
						clear:both;
						width:255px;
						float:left;
						padding:8px;
						margin:15px 8px 0 0;
						background:#fff;}
							#founder i,#founder i b{
								display:block;}	
								
									#founder i{
			text-align:center;
	position:relative;
	color: #fff;
	background:#969 url(../../../image/common/bg-grd-purple.jpg);
	clear:both;
	font-weight:600;
text-shadow:1px 1px #939;
	padding:3px 3px 0 10px;
	margin:0px -15px}
	.p-text{
		clear:left;
		padding:10px;}
	.price{
		clear:both;
		margin:15px;
				text-shadow:1px 1px #fff;
				background:url(../../../image/common/bg-graygld02.jpg) repeat-x left -8px;
				border:5px solid #fff;
				padding:3px 3px 3px 8px;}
	.price a{
		color: #F39;
		}	.price a:hover{
			color: #690;}
								#founder i b{
									text-align:center;}
								/* order */
								#order{}
								#order h3{
									width:auto;
									text-align:center;
									margin:15px 0 15px 285px;}
.price,
									#order mark{
										display:block;
									text-align:center;}
								#order li p{
								padding:5px 0px;}
								#order li{
	list-style-position:inside;
									border:2px solid #eee;
									background:#fff;
									width:170px;
									margin-right:3px;}
							#order .no00>li:before{
								left:-2.2em;}
								
								#wrap footer{
									text-align:center;
									margin-left:400px;
									display:block;
									overflow:hidden;
									position:relative;
									padding:10px;
									width:400px;}
									
								#wrap footer mark strong{
									color: #030;
									font-size:22px;									
									font-size:2.2rem;
									}