@charset "UTF-8";

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1;
	color:#333;
	font-size:15px;
	/**iponeの文字サイズ用**/
	-webkit-text-size-adjust: 100%;
	}
	
a:link{color:#1e90ff; text-decoration:underline; font-weight:bold;}	
a:visited{color:#1e90ff; text-decoration:underline;}	
a:hover{color:#87cefa; text-decoration:underline;}	
a:active{color:#1e90ff; text-decoration:underline;}	

a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
	}
	
.btn{transition: all .5s;}
.btn:hover{-webkit-transition: all .5s;}
	
.tac{text-align:center;}
	
.cb{clear:both;}
	
.fs_b{font-size:18px;}
.fs_u{font-size:15px;}
	
.fw_b{font-weight:bold;}
	
.td_u{text-decoration:underline;}
	
.mb_10{margin-bottom:10px;}	
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
	
/**ここから、top_larea**/
/**
#top_area{
	background-image: url(../images/back_cat.png), url(../images/back.jpg);
	background-position: left bottom, right top;
	background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, fixed;
	background-size: auto, cover;
	}
	**/

#top_area{
	background-image: url(../images/back.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #fff;
	}
	
#top_area_contents{
	position:relative;
	width:1024px;
	margin:0 auto;
	}

h1#logo{
	position:absolute;
	top: 50%;
	margin-top:-272px;
	right:-40px;
	}
	
/**ここから、nav#g_nav**/

#g_nav li{position:absolute;}

#g_nav li a{
	display:block;
	font-family: 'Crimson Text', serif;
	font-size:30px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	color:#fff;
	width:230px;
	height:230px;
	line-height:230px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	}
	
#g_nav li a:hover{
	display:block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	color:#444;
	background:url(../images/g_nav_back.png) no-repeat;
	}	

#g_nav_profile{top:20%; right:290px;}
#g_nav_gallery{top:20%; right:530px;}
#g_nav_pet{top:20%; right:770px;}
#g_nav_contact{top:50%; right:530px;}

#g_nav_profile a{

	}

/**
#g_nav_profile a{
	background:url(../images/g_nav_profile_cover.png) no-repeat;
	}
#g_nav_gallery a{
	background:url(../images/g_nav_gallery_cover.png) no-repeat;
	}
#g_nav_pet a{
	background:url(../images/g_nav_pet_cover.png) no-repeat;
	}
#g_nav_contact a{
	background:url(../images/g_nav_contact_cover.png) no-repeat;
	}

	
#g_nav_profile a:hover{
	background:url(../images/g_nav_profile.png) no-repeat;
	}
#g_nav_gallery a:hover{
	background:url(../images/g_nav_gallery.png) no-repeat;
	}
#g_nav_pet a:hover{
	background:url(../images/g_nav_pet.png) no-repeat;
	}
#g_nav_contact a:hover{
	background:url(../images/g_nav_contact.png) no-repeat;
	}
**/

/**ここから、新着情報**/

#news{
	background:#ebf0f4;
	}	

#news .contents{
	width:1024px;
	margin:0 auto;
	padding:35px 0;
	}
	
#news .container{
	}
	
#news dl{
	line-height:1.8;
	display:table;
	width:100%;
	}
	
#news dt,
#news dd{
	display:table-cell;
	}
	
#news dt{width:20%;}

#news dd{

	}
	

	
/**ここから、footer**/	
	
footer{
	text-align:center;
	font-size:13px;
	padding:50px 0;
	background:#fff;
	}
	
#f_nav{
	margin-bottom:30px;
	}
	
footer a:link{color:#444; text-decoration:none; font-weight:normal;}
footer a:visited{color:#444; text-decoration:none;}
footer a:hover{color:#444; text-decoration:underline;}
footer a:active{color:#444; text-decoration:none;}

small{
	margin-left:20px;
	}

/**ここから、下層ページ**/

h2{
	text-align:center;
	margin-bottom:20px;
	}

.contents{
	width:1024px;
	margin:0 auto;
	padding:80px 0;
	}
	
.container{
	display:table;
	width:990px;
	padding:0 17px;
	}
	
.left_box{
	display:table-cell;
	vertical-align:top;
	}
	
.right_box{
	display:table-cell;
	vertical-align:top;
	width:520px;
	}
	
.text{
	line-height:1.8;
	letter-spacing:1px;
	}
	
/**ここから、プロフィール**/

#profile{
	background:#fff url(../images/profile_back.png) no-repeat left bottom;	
	color:#444;
	}
	
#profile_img{
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	overflow:hidden;
	box-shadow:0px 0px 3px 2px #ddd;
	-moz-box-shadow:0px 0px 3px 2px #ddd;
	-webkit-box-shadow:0px 0px 3px 2px #ddd;
	}
	
.profile_detail{
	margin-bottom:30px;
	}
	
#career_table{

	}
	
.career_date{
	float:left;
	width:80px;
	}
	
.career_detail{
	float:right;
	width:440px;
	}
	
#profile a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

#instagram_yukinofude{	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:0px 0px 3px 1px #cccccc;
	-moz-box-shadow:0px 0px 3px 1px #cccccc;
	-webkit-box-shadow:0px 0px 3px 1px #cccccc;
	}
	
/**ここから、ギャッラリー**/

#gallery{
	background:#ebf0f4;
	}
	
ul#gallery_category{
	display:table;
	margin:0 auto 40px auto;
	}
	
ul#gallery_category li{
	display:table-cell;
	text-align:center;
	padding:0 15px;
	}
	
ul#gallery_category li a{
	color:#333;
	text-decoration:none;
	font-weight:normal;
	font-size:20px;
	padding:5px 5px;
	display:block;
	border-bottom:1px dashed #999;
	/**border-bottom:1px solid #e4e8eb;**/
	}
	
ul#gallery_category li a:hover{
	border-bottom:1px solid #999;
	}
	
ul.gallery_instagram{
	margin:0 20px;
	width:984px;
	}
	
ul.gallery_instagram li{
	width:234px;/**236**/
	padding:1px;
	height:300px; /**height:400px;**/
	overflow:hidden;
	float:left;
	margin:0 5px 30px 5px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

#gallery_btn{
	}
	
#gallery_btn a{
	margin:0 auto;
	display:block;
	width:400px;
	height:80px;
	line-height:80px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:0px 0px 3px 1px #cccccc;
	-moz-box-shadow:0px 0px 3px 1px #cccccc;
	-webkit-box-shadow:0px 0px 3px 1px #cccccc;
	text-align:center;
	font-size:24px;
	color:#fff;
	background:#0f6dc0;
	text-decoration:none;
	font-family: 'Crimson Text', serif;
	font-weight:normal;
	}
	
/**ここから、ペット**/

#pet{
	background:#fff;
	color:#444;
	}
	
#pet .contents{
	background:url(../images/back_sign.png) no-repeat right 40px top 40px;	
	}
	
dl.pet_detail{
	margin-bottom:30px;
	}
	
.pet_detail dt{
	font-size:18px;
	border-bottom:1px dotted #ddd;
	margin-bottom:10px;
	}
	
.pet_detail dd{
	font-size:15px;
	}
	
table#pet_price {
	border-collapse: collapse;
	line-height: 1.5;
	width:500px;
	text-align:center;
	}

table#pet_price th {
	width: 60%;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	}
	
table#pet_price td {
	width: 40%;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	}
	
table#pet_price .remarks{
	text-align:left;
	}
	
#pet_btn_more{
	margin-bottom:50px;
	}
	
#pet_btn_more a{
	display:block;
	width:400px;
	height:80px;
	line-height:80px;
	background:#0f6dc0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	}
	
#pet_btn_order a{
	display:block;
	width:400px;
	height:160px;
	overflow:hidden;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:0px 0px 3px 1px #cccccc;
	-moz-box-shadow:0px 0px 3px 1px #cccccc;
	-webkit-box-shadow:0px 0px 3px 1px #cccccc;
	}
	
/**ここから、お問い合わせ**/

#contact{
	background:#fdf2f6;
	color:#444;
	}
	
#contact .right_box{
	background:url(../images/contact_img_bird.png) no-repeat right 40px;
	}
	
/**----------ここから、メールフォーム----------**/
#mail_form{
	margin-top:40px;
	font-size:16px;
	line-height:1.8;
	color:#444;
	}
	
.mail_form_title{

	}
	
.asterisk{
	color:#ff2e47;
	font-size:13px;
	}
	
.mail_form_item{
	padding:0 0 20px 0;
	}
	
input{
	font-size:16px;
	padding:5px 10px;
	}
	
textarea{
	width:100%;
	}
	
label{
	cursor: pointer;
	}
	
#thanks_text{
	line-height:1.8;
	}
	
#submit_area{
	padding-top:20px;
	}
	
	
#submit_area input{
	-webkit-appearance: none;
	}
	
input#submit_btn{
	background:#0f6dc0;
	color:#fff;
	padding:18px 0;
	width:300px;
	text-align:center;
	cursor: pointer;
	border:none;
	transition: all .5s;
	}
	
input#submit_btn:hover{
	background:#ccc;
	-webkit-transition: all .5s;
	}
	
input#reset_btn{
	background:#999;
	color:#fff;
	padding:18px 0;
	width:200px;
	text-align:center;
	cursor: pointer;
	border:none;
	transition: all .5s;
	}
	
input#reset_btn:hover{
	background:#ccc;
	-webkit-transition: all .5s;
	}
	
/**ページトップ**/

.pagetop {
    position: fixed;
    bottom: 0px;
    right: 0;
}

/**サンクスページ**/

#thanks{
	background:#fff url(../images/profile_back.png) no-repeat left bottom;	
	}

#thanks_text{
	text-align:center;
	font-size:18px;
	color:#666;
	margin:80px 0 50px 0;
	}
	
#thanks_btn_return a{
	display:block;
	width:300px;
	height:60px;
	line-height:60px;
	background:#0f6dc0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 auto;
	}
	
/**サンクスページ**/

#privacy{
	background:#fff url(../images/profile_back.png) no-repeat left bottom;	
	}

#privacy_text{
	text-align:left;
	font-size:18px;
	color:#666;
	margin:0px 0 50px 0;
	line-height:1.8;
	}
	
#privacy dd{
	margin-bottom:20px;
	}
	
#privacy_btn_return a{
	display:block;
	width:300px;
	height:60px;
	line-height:60px;
	background:#0f6dc0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 auto;
	}