@charset "utf-8";

/*
Theme Name: rose
Theme URI: http://love-hacks.com
Author: onze
Author URI: http:/on-ze.com/
Description: <a href="http://love-hacks.com" title="LOVE HACKS">LOVE HACKS</a> 専用テンプレートです。
Version: 1.0
Tags: html5, css3, white, pink, rose
Text Domain: rose
*/

/* font-size = 36,24,17,15,13 */


/******************/
/******************/

* {
margin:0;
padding:0;
border:none;
list-style:none;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

/******************/

body {
background-color:#fff;
background:url(images/bg.png);
background-attachment: fixed;
background-position: center top;
	background-size:25px 25px;
	-moz-background-size:25px 25px;
	-webkit-background-size:25px 25px;
color:#666;
font-family:"Hiragino Kaku Gothic Pro", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
font-size:62.5%;
line-height:1;
text-align:center;
/*	-webkit-text-size-adjust:100%;*/
}

a,
a:link,
a:visited,
a:active  {
color:#666;
cursor:pointer;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
text-decoration:none;
}

a:hover{
color:#c06;
}

hr {
	border:none;
	border-top:1px solid #ccc;
	clear:both;
	height:0;
	margin:0;
	margin-bottom: 100px;
}

em {color:#e08; font-weight:bold;}

.left {}
.right {float:right;}
.clear {clear:both;}

.pt-30 {padding-top:30px;}

/******************/
/* clearfix *******/

#h-info:after,
#f-info:after,
#h-navi:aftier,
#f-navi:after,
#head:after,
#foot:after,
#main:after,
.box:after,
h3:after {
clear:both;
content:"";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}

/******************/
/* layout *********/

#TO,
#BO {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}

#wrap {
background-color:#fff;
border-left:1px solid #c06;
border-right:1px solid #c06;
clear:both;
display:block;
margin:0 auto;
padding:0;
text-align:left;
width:800px;
}

#head,
#foot {
background-color:#c06;
background-image:url(images/bg-rose.png);
	background-size:12px 12px;
	-moz-background-size:12px 12px;
	-webkit-background-size:12px 12px;
color:#fff;
clear:both;
display:block;
line-height:1;
padding:10px 15px;
text-align:left;
font-size:1.1em;
}

#main {
clear:both;
display:block;
line-height:2.0;
}

#page,
#post {}

.body {
clear:both;
margin:0 auto;
width:600px;
}

/******************/
/* info ***********/

#h-info,
#f-info,
#h-navi,
#f-navi {clear:both; display:block;}

#h-info,
#f-info {height:15px;}

#h-navi {height:15px; margin-top:10px; padding-top:10px; border-top:1px solid #d8a;}
#f-navi {height:15px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #d8a;}

#head a,
#foot a {color:#fff;}

#head a:hover,
#foot a:hover {/*color:#303;*/ color: #cc9;}

#head h1,
#foot h2 {padding:0; margin:0 20px 0 0; float:left; display:block; clear:both;
width:120px; height:15px; overflow:hidden;
}

#head h1 a,
#foot h2 a {
background:url(images/logo.png) no-repeat top left;
	background-size:120px 15px;
	-moz-background-size:120px 15px;
	-webkit-background-size:120px 15px;
width:120px;
height:0;
display:block;
padding-top:30px;
overflow:hidden;
clear: both;
float: left;
}

#head p,
#foot p {
float:left;
line-height:16px;
padding:0;
margin-right:20px;
}

#head #h-info ul {float:left; height:15px; line-height:16px;}

address {display:block; float:right; text-align:right; height:15px; line-height:16px;}


#head ul,
#foot ul {}

#head ul li,
#foot ul li {display:block; float:left; margin-right:20px;}

#head ul li.control,
#foot ul li.control {float:right; margin:0;}

#head .countdown {
color:#fff;
display:block;
padding:0;
margin:0;
text-align:right;
float:right;
height:15px;
line-height:16px;
}

/******************/
/******************/

.page,
.post {}


/******************/

.meta {color:#c06; font-size:1.5em; line-height:1;}
span {color:#c06;}

#main h2 {
font-size:2.4em;/*
line-height: 1.5;*/
margin:0;
margin-bottom:20px;
padding:0;
}

.page h3,
.post h3 {
color:#c06;
font-size:1.5em;
}

.page p,
.post p {font-size:1.35em; margin-bottom:30px;}


#main h4 {
font-size:1.7em;
}


#main .post ul,
#main .post ol {margin:0 0 50px 0;}

#main .post ul {padding: 0 0 0 20px;}
#main .post ol {padding:0 0 0 30px;}

#main .post ul li {
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}

#main .post ol li {
	list-style-type:decimal;
	list-style-position:outside;
} 

#main dl {padding-bottom:35px;}
#main dl dt {color:#c06; font-size:1.3em; float:left;}
#main dl dd {margin-bottom:15px; font-size:1.2em;}

/******************/

p.order {line-height:1; text-align:center;}

#main p.name {text-align:right; font-size:12px; margin:0; padding:0;}
#main p.sign {text-align:right; margin-top: -25px;}
p.sign img {padding:0; border:none; margin:0; float:none; background:none; vertical-align:middle;}

/******************/
/* box ************/

blockquote,
.box,
.step,
.message,
.voice,
.prof {
	clear: both;
	display: block;
	margin-bottom:20px;
}

blockquote {
	margin-left:10px;
	margin-right:10px;
	padding: 30px 30px 0.1em;
	border: 1px solid #999;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}


.step {
	border:1px solid #ccc;
	padding:30px 30px 10px;
	margin-left:5px;
	margin-right:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 3px 3px 3px #999;
-moz-box-shadow: 3px 3px 3px #999;
-webkit-box-shadow: 3px 3px 3px #999;
}

.message {
background:url(images/bg/m-3.gif), url(images/bg/m-1.gif), url(images/bg/m-2.gif);
background-position:center bottom, center top, center 46px;  
background-repeat: no-repeat, no-repeat, repeat-y;
padding:46px 40px 40px;
line-height:2.0;
}

.voice {/*
background:url(images/bg/v-3.gif), url(images/bg/v-1.gif), url(images/bg/v-2.gif);
background-position:left bottom, left top, left 46px;  
background-repeat: no-repeat, no-repeat, repeat-y;
*/
	border:1px solid #ccc;
	background-color:#f6f6f6;
	padding:46px 40px 40px;
	margin-left:5px;
	margin-right:5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow: 3px 3px 3px #999;
-moz-box-shadow: 3px 3px 3px #999;
-webkit-box-shadow: 3px 3px 3px #999;
line-height:2.0;
}

/******************/

#ps {
padding:0 100px 0.1em;
background:url(images/bg-ps.png) no-repeat right bottom;
	background-size:300px 460px;
	-moz-background-size:300px 460px;
	-webkit-background-size:300px 460px;
}

/******************/

#main ul.check {padding:0 0 0.1em 0; margin:0;}

#main ul.check {
	display:block; clear:both;
	padding:50px 50px 20px;
	margin-bottom:50px;
	border:1px solid #999;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}


#main ul.check li {
	background-image: url(images/check.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style:none;
	line-height:30px;
	margin:0 0 30px 0;
	padding:0 0 0 40px;
}

/******************/

.step .meta {display:none;}
.step h3 {
background-image:url(images/bg/s-0.gif);
background-repeat:no-repeat;
height:0;
overflow:hidden;
padding-top:100px;
}

.step h3#s-1 {background-position:left top;}
.step h3#s-2 {background-position:left -100px;}
.step h3#s-3 {background-position:left -200px;}
.step h3#s-4 {background-position:left -300px;}

#main .step p {font-size:1.5em; margin-bottom:25px;}

#main .step dl { margin:0; padding:0;}
#main .step dl dt {color:#903; font-weight:bolder; padding:0 0 0 40px; margin:0; line-height:30px; font-size:2.0em; background:url(images/check.gif) no-repeat left top;}
#main .step dl dd { margin:0 0 20px 0; padding:0 0 0 40px; font-size:1.5em;}

#main .message p,
#main .message dl dt,
#main .message dl dd,
#main .voice p,
#main .prof p {font-size:13px; margin:0; padding:0;}

#main .message dl {padding:0;}
#main .message dl dt {color:#c06; font-weight:bold;}

#main .voice p,
#main .message p,
#main .message dl dd {margin-bottom:26px;}

img.photo,
p.photo img {float:right; background:#fff; margin:0 0 5px 15px;}

#main .voice p.photo img,
#main .message p.photo img {margin:-10px 10px 5px 15px;}

/* prof */
#main .prof h3 {color:#666; font-weight: normal; margin-bottom: 15px;}
#main .prof .meta {color:#c06;}
.prof h3 span {font-size:0.8em;}

#main .prof ul { padding: 0 0 0 40px; margin: 0; margin-bottom: 15px;}

#main .prof ul li {
font-size: 1.3em;
list-style-image: url(images/bullet-gris.gif);
}

#main .prof p { margin-bottom: 15px;font-size: 1.3em;}

#main .imagine {}
#main .imagine h3 {text-align:center; font-size:25px; margin-bottom:50px;}
#main .imagine p {text-align:center; font-size:2.4em; color:#c06; font-weight:bold;}
#main .imagine p img {padding:10px; background-color:#fff; border:1px solid #ccc;
box-shadow: 3px 3px 3px #999;
-moz-box-shadow: 3px 3px 3px #999;
-webkit-box-shadow: 3px 3px 3px #999;
}

/******************/

.box {
background-color:#fafafa;
background:url('images/bg-gray.png');
	background-size:12px 12px;
	-moz-background-size:12px 12px;
	-webkit-background-size:12px 12px;
border:1px solid #ddd;
padding:20px 20px 0.1em;
}

.prof {
border:1px solid #cc9;
background-color:#eed;
padding:30px 30px 15px;
margin-left:5px;
margin-right:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 3px 3px 3px #f5f5f5;
	-moz-box-shadow: 3px 3px 3px #f5f5f5;
	-webkit-box-shadow: 3px 3px 3px #f5f5f5;
}

.box-gold {
background-color:#eed;
border:1px solid #cc9;
padding:20px 20px 0.1em;;
}


.b-l {float:left; width:80px;}
.b-r {float:right; width:360px;}

.box h3 {font-size:1.3em; color:#a00;}



.info {clear:both; line-height:1.5;}

.info h3 {
color:#c06;
display:inline;
font-size:1.3em;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #c06;}

.box p,
.info p {font-size:1.0em; clear:both; display:block; margin-bottom:20px;}

.info ul {margin-bottom:0;}
.info ul li {margin-bottom:10px; list-style-image:url(images/bullet.gif);font-size:1.0em;}


/******************/
/******************/

table {
border:0;
border-collapse:collapse;
border-spacing:0;
margin:0;
width:100%;
table-layout:auto;
}

table th {
padding:10px;
white-space:nowrap;
}

.shop-info table {margin-bottom:20px; border-top:1px solid #ccc;}
.shop-info tr {border-bottom:1px solid #ccc;}
.shop-info th {vertical-align:top;}
.shop-info table td {padding:10px;}

.prof table {
	margin-bottom:50px;
	padding:0;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
	table-layout:auto;
	border-spacing:0;
}

.prof table th {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#c06;
	padding:5px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	font-size:1.5em;
	color:#fff;
	width:50%;
}

.prof table td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	margin:0;
	font-size:1.5em;
}

/******************/
/* .form **********/

.form {clear:both; display:block; margin:0 auto;/* width:500px;*/}

.form table {margin-bottom:20px; border-top:1px solid #ccc;}
.form table tr {border-bottom:1px solid #ccc;}

.form table th,
.form table td {padding:5px;}
.form table th {font-size:1.35em;}

.form input.text,
.form select.text,
.form textarea.text {
width:300px;
background-color:#eed;
padding:10px;
font-size:1.35em;/*
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;*/
}

.form textarea.text {height:80px; height:120px; overflow:auto;}

input:-moz-placeholder {color:#996;}
input::-webkit-input-placeholder {color:#996;}

:-moz-placeholder {color:#996;}
::-webkit-input-placeholder {color:#996;}

.form .submit {
background:url('images/bg-gray.png');
	background-size:12px 12px;
	-moz-background-size:12px 12px;
	-webkit-background-size:12px 12px;
margin-bottom:20px;
padding:20px;
text-align:center;
}

.form input[type=submit] {
background-color:#fff;
background-image:url('images/submit-invite.png');
	background-size:360px 130px;
	-moz-background-size:360px 130px;
	-webkit-background-size:360px 130px;
background-position:left top;
background-repeat:no-repeat;
border:none;
cursor:pointer;
display:block;
margin:0 auto;
width:360px;
height:60px;
overflow:hidden;
}

.form input[type=submit]:hover {
background-position:0 -70px;
}

/* end ************/
/******************/
/******************/