@charset "UTF-8";


/*---------------------------------
common
---------------------------------*/

.ttl-h1 {
	padding:65px 30px 0 95px;
	letter-spacing:1px;
	font:35px/1.5 "Hiragino maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, clean, sans-serif;
	font-weight:bold;
}

#form-area h1,
#blog h1,
#qa h1,
#catsitter h1 {
	min-height:120px;
	background:url(/wp/wp-content/themes/milu/img/bg_base_head.png) no-repeat 0 0;
}

/*---------------------------------
about
---------------------------------*/

#about {
	padding-bottom:15px;
}

#about h1 {
	min-height:85px;
	background:url(/wp/wp-content/themes/milu/img/bg_about_base.png) no-repeat 0 0;
}

#about h2 {
	margin:0 25px 5px;
	padding:0 5px 5px;
	font-size:23px;
	background:url(/wp/wp-content/themes/milu/img/bg_ttl_border.png) repeat-x left bottom;
}

#about p {
	margin:0 30px 25px;
	color:#545454;
}

#about dt {
	font-size:25px;
	font-weight:bold;
}

#about dd {
	color:#545454;
	text-shadow:1px 1px 0 #FFF;
}

#about .milu-t1 {
	margin:0 30px 30px;
}

#about .milu-t1 dd {
	min-height:330px;
	padding:5px 330px 0 0;
	background:url(/wp/wp-content/themes/milu/img/milu_img1.jpg) no-repeat right 0;
}

#about .milu-t2 {
	margin:0 30px;
}

#about .milu-t2 dd {
	min-height:409px;
	padding:15px 0 0 220px;
	background:url(/wp/wp-content/themes/milu/img/milu_img2.jpg) no-repeat left 15px;
}

#about .name {
	text-align:right;
}

#about .word {
	margin:10px 30px 30px;
	padding:0 0 10px;
	border-bottom:3px dotted #d3d3bd;
}


/*---------------------------------
flow
---------------------------------*/

#form-area,
#blog,
#qa,
#price,
#catsitter,
#about,
#flow {
	background:url(/wp/wp-content/themes/milu/img/bg_base_b.png) no-repeat 0 bottom;
}

#flow {
	padding-bottom:30px;
}

#flow .ttl-h2 {
	margin-bottom:10px;
	padding:33px 0 0 60px;
	font-size:15px;
	color:#FFF;
}

#flow .ttl-h {
	min-height:185px;
	background:url(/wp/wp-content/themes/milu/img/bg_flow_base.png) no-repeat 0 0;
}

#flow h3 {
	min-height:60px;
	padding:14px 0 0 5px; 
	background:url(/wp/wp-content/themes/milu/img/bg_ttl_border.png) repeat-x 0 0;
	font-size:23px;
	font-weight:bold;
}


#flow h3 span {
	display:block;
	padding-left:25px;
	background:url(/wp/wp-content/themes/milu/img/i_beginner.png) no-repeat 0 3px;
}

#flow .first,
#flow .second {
	margin:0 25px;
}

#flow dl {
	margin:0 10px;
}

#flow dt {
	min-height:28px;
	margin-bottom:10px;
	padding:3px 0 0 35px;
	background-image:url(/wp/wp-content/themes/milu/img/bg_flow_no.png);
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
}

#flow dd {
	margin:0 0 25px 10px;
	padding-bottom:40px;
	background:url(/wp/wp-content/themes/milu/img/bg_down.png) no-repeat 50px bottom;
	color:#545454;
}

#flow dd .link-area {
	margin-bottom:10px;
	text-align:right;
}

#flow dd .link-area a {
	padding:5px 10px;
	background:#d987b5;
	color:#FFF;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:12px;
}

#flow dd .link-area a:hover {
	background:#8d9481;
}

#flow dd.end {
	background:none;
}

#flow .first dt.s1{background-position:0 0;}
#flow .first dt.s2{background-position:0 -40px;}
#flow .first dt.s3{background-position:0 -80px;}
#flow .first dt.s4{background-position:0 -120px;}
#flow .first dt.s5{background-position:0 -160px;}
#flow .second dt.s1{background-position:0 -200px;}
#flow .second dt.s2{background-position:0 -240px;}

#flow .second p {
	margin:0 10px 10px;
}

#flow .terms {
	margin:0 30px;
	padding:15px;
	font-size:12px;
	border:3px solid #EEE;
}

#flow .terms h4 {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 5px;
	padding:2px 5px;
	background:#EEE;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	letter-spacing:1px;
}

#flow .terms ul {
	margin-top:10px;
}

#flow .terms li {
	margin-left:20px;
	list-style-type:disc;
}

#flow .terms li span {
	font-weight: bold;
}

/*---------------------------------
catsitter
---------------------------------*/

#catsitter {
	padding-bottom:30px;
}

#catsitter section {
	margin:0 30px;
	border:3px solid #c7cac2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


#catsitter dl {
	position:relative;
	min-height:110px;
}

#catsitter dt {
	position:absolute;
	top:10px;
	left:20px;
	width:90px;
	height:90px;
	background-image:url(/wp/wp-content/themes/milu/img/i_st.png);
	background-repeat:no-repeat;
}

#catsitter dt span {
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
	font-size:8pt;
}

#catsitter dl.l1 dt {background-position:0 0;}
#catsitter dl.l2 dt {background-position:0 -90px;}
#catsitter dl.l3 dt {background-position:0 -180px;}
#catsitter dl.l4 dt {background-position:0 -270px;}
#catsitter dl.l5 dt {background-position:0 -360px;}
#catsitter dl.l6 dt {background-position:0 -450px;}

#catsitter dl.l2,
#catsitter dl.l4,
#catsitter dl.l6 {
	background:#eaede6;
	border-top:1px dashed #c7cac2;
	border-bottom:1px dashed #c7cac2;
	box-shadow:inset 0 0 0 1px #FFF;
}

#catsitter dl.l6 {
	border-bottom:none;
}

#catsitter dd {
	color:#545454;
	padding:10px 10px 10px 130px;
	vertical-align:middle;
}

#catsitter dl.l1 dd {padding-top:35px;}
#catsitter dl.l2 dd {padding-top:35px;}
#catsitter dl.l3 dd {padding-top:35px;}
#catsitter dl.l4 dd {padding-top:25px;}
#catsitter dl.l5 dd {padding-top:45px;}
#catsitter dl.l6 dd {padding-top:35px;}

/*---------------------------------
price
---------------------------------*/


#price h1 {
	min-height:85px;
	background:url(../img/bg_price_base.png) no-repeat 0 0;
}

#price h2 {
	min-height:60px;
	margin:0 30px;
	padding:14px 0 0 5px; 
	background:url(/wp/wp-content/themes/milu/img/bg_ttl_border.png) repeat-x 0 0;
	font-size:23px;
	font-weight:bold;
}

#price dl {
	margin:30px 30px 0;
	padding-bottom:15px;
}

#price dt {
	margin-bottom:10px;
	padding:0 0 0 5px;
	border-left:5px solid #000;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	letter-spacing:0.1em;
}

#price dd {
	margin:0 0 25px 12px;
	padding:5px 0;
	background-position:0 -60px;
	color:#545454;
}

.price-img {
	display:block;
	margin:10px 0 0 30px;
}

#price dd span {
	color:#d987b5;
	font-weight:bold;
}

#price dd ul {
	margin-bottom:15px
}

#price dd li {
	list-style-type:disc;
	margin-left:15px;
}

#price dd strong {
	padding:2px 5px;
	background:#889572;
	color:#FFF;
	font-weight:bold;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	letter-spacing:0.1em;
}

#price dd .free {
	margin:0 0 0 15px;
}

#price dd .free p {
	margin:5px 0 0;
}

#price p.word {
	padding:5px 35px 0;
	font-size:11px;
	color:#666;
}

#price p.word span {
	font-weight:bold;
	color:#d987b5;
}


/*---------------------------------
blog
---------------------------------*/

#blog {
	padding-bottom:15px;
}

#blog h1 {
	margin-bottom:30px;
}

#blog article h2 {
	margin:10px 0;
}

#blog article h1 {
	padding-top:75px;
	line-height:1.2;
	font-size:30px;

}

#blog article h2 a {
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#blog article h2 a:hover {
	text-decoration:underline;
	color:#8d9484;
}

.post-info {
	position:absolute;
	top:-30px;
	left:0;
	width:400px;
	height:62px;
	margin:0 0 -35px;
	padding:24px 0 0 75px;
	font-size:11px;
	color:#a2986a;
	background:url(/wp/wp-content/themes/milu/img/bg_blog_days.png) no-repeat 5px 0;
}
.post-info a {
	color:#b3ad97;
}

.post-info a:hover {
	color:#333;
	text-decoration:none;
}

.blog-inner {
	position:relative;
	margin:0 30px 60px;
	padding:40px 25px 25px;
	background:#f8f7f5;
	border:3px solid #e4e2dc;
	box-shadow:inset 0 0 0 1px #FFF;
}

.local-navigation {
	margin:0 30px 15px;
	text-align:center;
}

.local-navigation a,
.local-navigation span {
	padding:5px 10px;
	font-size:15px;
}

.local-navigation a {
	background:#FFF;
	border:1px solid #FFF;
	text-decoration:none;
	color:#000;
}

.local-navigation a:hover {
	background:#EEE;
	border:1px solid #EEE;
	color:#8d9481;
}

.local-navigation span {
	background:#000;
	border:1px solid #000;
	color:#FFF;
}

.face-comments {
	margin:20px 30px 0;
}

.face-comments h2 {
	height:27px;
	padding:6px 0 0 25px;
	background:url(/wp/wp-content/themes/milu/img/bg_area_ttl.png) no-repeat 0 0;
	font-size:16px;
	font-weight:bold;
	color:#7a7151;
	text-shadow:0 0 3px #FFF;
}

.face-comments .inner {
	width:540px;
	margin:0 auto;
}


/* blog tag */
.alignleft {
	float:left;
}

.blog-inner img {
	margin:0 0 10px;
}

.blog-inner img.alignleft {
	margin:0 10px 0 0;
}

.blog-inner p {
	padding:0 2px;
	color:#545454;
	letter-spacing:1px;
}

.blog-inner ul,
.blog-inner ol {
	margin-left:30px;
}

.blog-inner ul li {
	list-style:disc;
}

.blog-inner ol li {
	list-style:decimal;
}

.pager {
	margin-top:15px;
	padding:10px 15px;
	background:#EEE;
}

.pager a {
	margin:0 4px;
	color:#000;
	text-decoration:none;
}

.pager a:hover {
	color:#889572;
	text-decoration:underline;
}

.pager li.old { float:left;}
.pager li.new { float:right;}

/*---------------------------------
QA
---------------------------------*/

#qa {
	padding-bottom:30px;
}

#qa dl {
	margin:0 30px;
	padding-bottom:15px;
}

#qa dt,
#qa dd {
	background-image:url(/wp/wp-content/themes/milu/img/i_qa.png);
	background-repeat:no-repeat;
}

#qa dt {
	margin:0 0 10px;
	padding:5px 0 10px 40px;
	background-position:0 0;
	font-size:18px;
	font-weight:bold;
	color:#889572;
	letter-spacing:0.1em;
	border-bottom:1px dashed #ccc;
}

#qa dd {
	margin:0 0 25px 10px;
	padding:5px 0 5px 40px;
	background-position:0 -60px;
	color:#545454;
}

#qa .word {
	margin:0 30px;
	padding:10px;
	border:3px solid #EEE;
	color:#666;
}

#qa .word a {
	margin:0 4px;
	font-weight:bold;
	color:#d987b5;
}

#qa .word a:hover {
	color:#889572;
}


/*---------------------------------
form
---------------------------------*/

#form-area {
	padding-bottom:15px;
}

#form-area .note {
	margin: 0 30px 15px;
	padding: 15px;
	background: #f9f2f5;
	border: 3px solid #c17e9a;
    border-radius: 3px;
    color: #694455;
}


#form-area .mail-comment {
	font-size:12px;
	margin: 0 30px 15px;
	padding:15px;
	background: #fbf6f6;
	border:1px dotted #f7ebea;
	color: #917b7a;
}

#form-area .ssl-word {
	margin: 0 15px 15px 30px;
	font-size: 13px;
	color: #999;
}

#form-area .ssl-word span {
	margin: 0 5px;
	font-weight: bold;
	color: #d987b5;
}

#form-area #trust-form {
	width: 570px !important;
	margin: 0 0 0 30px !important;
}
#form-area #trust-form.contact-form table th,
#form-area #trust-form.contact-form table td {
	border: 0 !important;
}


#form-area nav,
#form-area h2,
#form-area #trust-form {
	margin:0 30px;
}

#form-area h2 {
	margin-bottom:5px;
	padding-left:25px;
	font-size:23px;
	font-weight:bold;
	background:url(../img/bg_form_ttl.png) no-repeat 0 5px;
}

#form-area nav {
	margin-bottom:30px;
	padding:4px 0;
	background:#e3decb;
}

#form-area nav li {
	display:inline;
	font-size:15px;
	letter-spacing:0.5px;
}

#form-area nav li strong {
	position: relative;
	padding:10px 15px;
	background:#8d9481;
	color:#FFF;
}
#form-area nav li strong:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#form-area nav li strong:after {
	border-color: rgba(141, 148, 129, 0);
	border-top-color: #8d9481;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

#form-area nav li a {
	padding:10px 15px;
	color:#8d9481;
	text-decoration:none;
}

#form-area nav li a:hover {
	color:#8d9481;
	background:#ede9d8;
}

#form-area tr:hover {
	background:#EEE;
}

#form-area th,
#form-area td {
	padding:15px 5px 15px 15px;
}

#form-area th {
	width:210px;
	vertical-align:top;
	font-size:13px;
}

.submessage {
	margin:10px 0 0 1em;
	font-size:11px;
	color:#999;
}

.subject .content {
	padding-left:5px;
	border-left:5px solid #ccc;
	line-height:1;
}

#form-area td {
	width:370px;
}

#form-area td li {
	margin-bottom:10px;
}

#form-area td li input {
	margin-right:2px;
}

#form-area td .ts1,
#form-area td .ts2,
#form-area td .fs1 {
	padding:2px 5px;
	border:1px solid #CCC;
	background:url(../img/bg_form.png) 0 0;
}

#form-area td .ts2,
#form-area td .fs1 {
	width:280px;
}

#form-area td .ts1,
#form-area td .ts2 {
	height:8em;
}

#form-area td .ts1 {
	width:350px;
}

#form-area .require {
	margin-left:5px;
	font-size:11px;
	color:#d987b5;
}

.submit-container {
	padding:15px;
	text-align:center;
}

.submit-container input {
	margin:0 10px 15px;
	padding:5px 15px;
	font-size:15px;
	color:#000;
	border:1px solid #CCC;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	border-radius:5px;
	box-shadow:inset 0 0 5px #FFF;
	text-shadow:1px 1px 0 #FFF;
	letter-spacing:1px;
	cursor:pointer;
}

#message-container-input,
#message-container-confirm {
	padding:15px;
	border:3px solid #ececec;
	color:#555;
}

#message-container-input {
	margin-bottom:15px;
}

#message-container-input span.word1 {
	display:block;
}

#message-container-input span.word1 span {
	color:#d987b5;
}

#message-container-input span.word2 {
	display:block;
	margin-top:10px;
	color:#959595;
}

#form-area span.word2 span {
	margin:0;
	color:#d987b5;
}

#message-container-confirm span.word3 {
	display:block;
	margin-top:10px;
	color:#d987b5;
}

#message-container-confirm span.word3 span {
	display:block;
}

#form-area .error {
	margin:5px 0 0;
	font-size:11px;
	color:#d987b5;
}

#message-container-confirm strong.word1 {
	display:block;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
	color:#d987b5;
}

.a-top {
	margin-top:15px;
	text-align:center;
}

.a-top a {
	padding:3px 0 0 25px;
	background:url(/wp/wp-content/themes/milu/img/i_home.png) no-repeat 0 0;
	color:#000;
	text-decoration:none;
}

.a-top a:hover {
	color:#8d9481;
	text-decoration:underline;
}


/*---------------------------------
milu link
---------------------------------*/

#milu-link h1 {
	min-height:85px;
	background:url(../img/bg_base_head.png) no-repeat 0 0;
}

#milu-link .inner {
	position: relative;
	height: 827px;
	background: url(../img/bg_milulink.png) no-repeat 0 0;
}

#milu-link .inner dl {
	position: absolute;
}

#milu-link .inner dl dt {
	margin: 0 0 10px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	font-family: "Hiragino maru Gothic Pro", "Meiryo", "メイリオ", "Osaka", "MS PGothic";
}

#milu-link .inner dl dd {
	margin: 0 0 3px;
	font-size: 12px;
}

#milu-link .inner dl dd a {
	display: block;
	padding: 0 0 0 12px;
	background: url(../img/bg_dot.png) no-repeat 0 5px;
	color: #dae4cd;
	text-decoration: none;
}

#milu-link .inner dl dd a:hover {
	color: #b99eb3;
}

#milu-link .inner .groups1 {
	width: 270px;
	top: 75px;
	left: 60px;
}

#milu-link .inner .groups2 {
	width: 190px;
	top: 160px;
	left: 380px;
}

#milu-link .inner .groups3 {
	width: 220px;
	top: 400px;
	left: 65px;
}