@charset "UTF-8";
/* CSS Document */

/*ビューポートにてPC・スマホを切り替える際のCSS指示方法。
@media screen and (max-width: 750px) {
	#privacy_policy #wrap #contents{
		width:100%;
		}
	#privacy_policy #header,
	#privacy_policy #headerbg,
		#privacy_policy #footer,
		#privacy_policy #footerbg,
		#privacy_policy #nav1,
		#privacy_policy #nav1bg,
		#privacy_policy #addressbg,
		#privacy_policy address{
			display:none
			}

	}
*/


#contents h2 {
	font-size: 125%;
	text-align: center;
	margin-top: 60px;
	color: #4B4B4B;
	margin-bottom: 30px;
	line-height: 2em;
	font-family: "mplus-1p-regular", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-weight: normal;
}/*webフォント設定*/
.pink {
	color: #FF8296;
}
#guide #wrap #contents .titlebar .small{
	color: #A5CD00;
}
#guide #wrap #contents .pink a {
	color: #FF8296;
}
.white {
	color: #FFF;
}

.size {
	font-size: 125%;
}
.space {
	letter-spacing: 1em;
	margin-left: 1em;
}
.small {
	font-size: 69.565%;
}
.bold {
	font-weight: bold;
}
.green {
	color: #A5CD00;
	margin-top: 20px;
	padding-top: 10px;
}
.border-top {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #4B4B4B;
}
#contents p {
	text-align: center;
	line-height: 2em;
}
#contents .wait {
	margin-bottom: 400px;
}
#contents #comment {
	background-color: #FAFAF5;
	background-image: url(../img/info.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 190px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}
#contents #comment p {
	text-align: left;
}
#contents #contact_form table {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B4B4B;
	margin-bottom: 30px;
	margin-top: 10px;
	border-collapse:collapse
}

#contact #wrap #contents #contact_form form table tr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #4B4B4B;
	
}
#contact #wrap #contents #comment p .green a {
		color: #A5CD00;

}
#contact #wrap #contents #comment p .pink a {
		color: #FF8296;

}
#contact form table tr th {
	width: 240px;
	padding-left: 15px;
	line-height: 2.5em;
	font-weight: normal;
	text-align: left;
	color: #4B4B4B;
}

form table tr .tabletop{
	vertical-align: top;	
	}
table tr td input {
	width: 50%;
	margin-top: 5px;
	font-size: 125%;

}

#contact_form form table tr td .left {
	text-align: left;
}
#contact_form form table tr td textarea {
	width: 99%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 125%;

}
#contact_form form #submit {
	margin-bottom: 80px;
}
#contact_form form #submit p {
	margin-bottom: 30px;
}
#contact_form form #submit p .submit {
	height: 40px;
	width: 250px;
	background-image: url(../img/submit.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	background-color: #E6E6E6;
}
#contact_form form #submit p .submit:hover {
	opacity: 0.7;
	}
#contents .thanks {
	margin-top: 160px;
	margin-bottom: 100px;
}
#contents .thanks p {
	margin-bottom: 40px;
}
#concept p{
	text-align: left;
	margin-left: 35px;
	line-height: 1.9em;
}
#concept1 .point {
	min-height: 470px;
	}


#concept1 .point p,
#concept2 .point p,
#concept3 .point p {
	text-align: left;
	padding-bottom: 30px;
}
#concept1 .point p{
	margin-left: 370px;
	padding-left:35px;
	padding-right:35px;
	}
#concept2 .point p{
	margin-right:385px;	
	}
#concept3 .point p{
	margin-left: 365px;
	padding-left:35px;
	padding-right:35px;

	}
#concept h3 {
	color: #4B4B4B;
	font-weight: normal;
	line-height: 2.5em;
	text-align: center;
	margin-bottom: 50px;
}
#concept1 h3 {
	margin-left: 370px;

}
#concept2 h3 {
	margin-right: 375px;

}
#concept3 h3 {
	margin-left: 365px;
}
#concept #header p {
	line-height: normal;	
}
#concept #footer p {
	text-align: center;
	clear: both;
}
#contents #concept1 {
	background-color: #FAFAF5;
	background-image: url(../img/concept_ht1.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
}
#contents #concept2 {
	background-color: #FAFAF5;
	background-image: url(../img/concept_ht2.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;

}
#contents #concept3 {
	background-color: #FAFAF5;
	background-image: url(../img/concept_ht3.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
}

h3 .number {
	font-size: 312.5%;
	font-weight: normal;
	margin-bottom: 10px;
	font-family: "mplus-1p-thin", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

}
h3 .sub_concept {
	font-size: 143.75%;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#concept h4 {
	color: #FFF;
	background-color: #A5CD00;
	width: 960px;
	font-weight: normal;
	line-height: 2.5em;
	text-align: center;
	margin-bottom: 30px;
	font-size: 125%;
	letter-spacing: 0.1em;
}

#wrap #contents .foot {
	margin-left: 0px;
	margin-bottom: 50px;

}
#concept1 #concept_design {
	background-image: url(../img/concept_design.png);
	margin-left: 30px;
	margin-right: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B4B4B;
	background-repeat: no-repeat;
}
#concept1 #concept_item {
	background-image: url(../img/concept_item.png);
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B4B4B;
	background-repeat: no-repeat;
}
#concept1 #concept_color {
	background-image: url(../img/concept_color.png);
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	background-repeat: no-repeat;
}
#concept1 #concept_design p,
#concept1 #concept_item p,
#concept1 #concept_color p {
	padding-bottom: 30px;
	padding-left: 160px;
}
#contents #concept2 .because {
	padding-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B4B4B;
	margin-left:35px;
	margin-right:35px;

}
#contents #concept2 .because1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B4B4B;
	margin-left:35px;
	margin-right:35px;

}
#contents #concept2 .because5 {
	padding-top: 30px;
	margin-left:35px;
	margin-right:35px;

}

#contents #concept2 .because p,
#contents #concept2 .because1 p,
#contents #concept2 .because5 p  {
	padding-bottom: 30px;
		margin-left: 0px;

}

#contents #concept2 .hope {
	margin-bottom: 30px;
	margin-right:35px;
}
#concept #wrap #contents {
	margin-bottom: 100px;
}
#sitemap #wrap #contents h3 {
	margin-bottom: 10px;
}
.height1,
.height2 {
	margin-bottom: 50px;
}
#sitemap #wrap #contents p {
	text-align: left;
}
#sitemap-left {
	width: 279px;
	padding-right: 25px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #4B4B4B;
	float: left;
}
#sitemap-center {
	width: 280px;
	padding-right: 25px;
	padding-left: 25px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #4B4B4B;
	float: left;
}
#sitemap-right {
	width: 279px;
	padding-right: 10px;
	padding-left: 25px;
	float: right;
	margin-bottom: 100px;
}
#sitemap #wrap #contents {
	margin-bottom: 100px;
}
#contents #sitemap-left .height2 dl {
	color: #4B4B4B;
	line-height: 1.5em;
	padding-top: 0.5em;
}
#contents #sitemap-left .height2 dl dt {
	clear: both;
	float: left;
	padding-bottom: 0.5em;
}
#contents #sitemap-left .height2 dl dd {
	padding-left: 3em;
	padding-bottom: 0.5em;
	
	
}



#privacy_policy #wrap #contents p {
	text-align: left;
}
#privacy_policy #wrap #contents .date {
	text-align: right;
}
#privacy_policy #wrap #contents h3 {
	color: #4B4B4B;
	margin-top: 35px;
	font-weight: normal;
}
#privacy_policy #wrap #contents {
	margin-bottom: 100px;
}
#guide #wrap #contents {
	padding-bottom: 100px;
}
#guide #wrap #contents p {
	text-align: left;
	line-height: 1.7em;
}
#guide #wrap #contents h3 {
	color: #FFF;
	background-color: #A5CD00;
	line-height: 2.5em;
	font-weight: normal;
	margin-top: 30px;
 }
#guide #wrap #contents .titlebar {
	text-align: center;
	font-weight: normal;
	margin-top: 30px;
 }
#guide #wrap #contents .small {
	color: #FFF;
	background-color: #A5CD00;
	font-size: 75%;
	padding-right: 12px;
	text-align: right;
	margin-top: -25px;
	line-height: 2em;
}

#guide #wrap #contents .center {
	text-align: center;
	margin-left: 0px;
}
#how_to_order {
	background-color: #FAFAF5;
	background-image: url(../img/how_to_order.jpg);
	background-repeat: no-repeat;
	padding-top: 345px;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
#how_to_order h4 {
	font-size: 120%;
	color: #4b4b4b;
	margin-left: 45px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 15px;
}

#pay {
	background-color: #FAFAF5;
	background-image: url(../img/pay.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
#guide #wrap #contents #how_to_order p {
	margin-left: 70px;
}
#gift {
	background-color: #FAFAF5;
	background-image: url(../img/gift.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
#wrapping {
	background-color: #FAFAF5;
	background-image: url(../img/wrapping.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
#cancel {
	background-color: #FAFAF5;
	background-image: url(../img/cancel.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
#change {
	background-color: #FAFAF5;
	background-image: url(../img/change.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#guide #wrap #contents dl {
	text-align: left;
	line-height: 1.7em;
	color: #4b4b4b;

}
#guide #wrap #contents dt {
	margin-left: 375px;
	clear: both;
	float: left;
}
#guide #wrap #contents dd {
	padding-left: 395px;
	padding-right: 30px;

}
#question #wrap #contents p {
	text-align: left;
	margin-right: 30px;
	margin-left: 30px;
}
#question #wrap #contents #q {
	background-color: #FAFAF5;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#question #wrap #contents #q1,
#question #wrap #contents #q2,
#question #wrap #contents #q3,
#question #wrap #contents #q4,
#question #wrap #contents #q5,
#question #wrap #contents #q6 {
	background-color: #FAFAF5;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#question #wrap #contents #q .q-left {
	margin-left: -15px;
	padding-top: 30px;
}
#question #wrap #contents {
	margin-bottom: 100px;
}
#question h3 {
	color: #FFF;
	font-size: 125%;
	font-weight: normal;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
}
#question #wrap #contents #q1 .q1 {
	background-image: url(../img/q1_icon.jpg);
	background-repeat: no-repeat;
}
#question #wrap #contents #q2 .q2 {
	background-image: url(../img/q2_icon.jpg);
	background-repeat: no-repeat;
}
#question #wrap #contents #q3 .q3 {
	background-image: url(../img/q3_icon.jpg);
	background-repeat: no-repeat;
}
#question #wrap #contents #q4 .q4 {
	background-image: url(../img/q4_icon.jpg);
	background-repeat: no-repeat;
}
#question #wrap #contents #q5 .q5 {
	background-image: url(../img/q5_icon.jpg);
	background-repeat: no-repeat;
}
#question #wrap #contents #q6 .q6 {
	background-image: url(../img/q6_icon.jpg);
	background-repeat: no-repeat;
}#question #wrap #contents a {
	color: #FF8296;
}
#question #wrap #contents #q p a {
	color: #4B4B4B;
}
#question #wrap #contents .center {
	text-align: center;
}

@media screen and (max-width: 1000px) {
#concept #contents p, 
#contact #contents p, 
#contact #contents th, 
#guide #contents p,
#question #contents p,
#privacy_policy #contents p,
#gallery #contents p,
#sitemap #contents p,
#sitemap #contents dl,
#guide #contents h4,
#guide #contents h3,
#guide #contents dl,
table tr td input,
table tr td textarea {
	font-size: 187.5%;
		}
#guide #contents h4 {
	line-height: 1.5em;
}

#sitemap-left,
#sitemap-center,
#sitemap-right {
	width: 900px;
	padding-right: 30px;
	padding-left: 30px;
	float: none;
	margin-bottom: 100px;
	border:none;
	}
.concept1_hope{
	padding-right: 25px;
	}
#how_to_order {
	padding-right: 30px;
	}
#sitemap-right {
	margin-bottom:0px;
}

}