@charset "Shift_JIS";

html {
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
	font-size:12px; background-image:url(../img/bg.jpg); background-repeat:repeat-x;
	color:#666;
	line-height:180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
/* リンク
----------------------------------------------- */
a {
	text-decoration:none;
	color: #F36;
}
a:link {text-decoration:none; }
a:visited { text-decoration:none; }
a:hover {
	color: #FC6;
	text-decoration:underline;
}
a:hover img{filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;}

/* フロート解除
----------------------------------------------- */
.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix{
	zoom:100%;/*IE6*/
}

/* コンテナ
----------------------------------------------- */
#container {
	width:950px; margin:auto;
	}
	
/* ヘッダー
----------------------------------------------- */
#header{
	height:87px;
	}
#header .box_r{ text-align: right; margin-top:38px;}

h1{
	margin:0;
	padding:28px 0px 0px 0px;
	font-size:12px;
	font-weight:normal;
	}
	
/* グランドナビ
----------------------------------------------- */
#gnavi {
	width:950px;
	height:65px; padding-top:5px;
}
div#gnavi ul {
	margin: 0;
	padding:0;
}
div#gnavi li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#gnavi li a {
	height: 42px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;background-repeat: no-repeat;
}
div#gnavi li.gnavi01 a {width:146px;background-image: url(../img/gnavi01.jpg);}
div#gnavi li.gnavi02 a {width:106px;background-image: url(../img/gnavi02.jpg);}
div#gnavi li.gnavi03 a {width:158px;background-image: url(../img/gnavi03.jpg);}
div#gnavi li.gnavi04 a {width:142px;background-image: url(../img/gnavi04.jpg);}
div#gnavi li.gnavi05 a {width:135px;background-image: url(../img/gnavi05.jpg);}
div#gnavi li.gnavi06 a {width:106px;background-image: url(../img/gnavi06.jpg);}
div#gnavi li.gnavi07 a {width:157px;background-image: url(../img/gnavi07.jpg);}

div#gnavi li a:hover {
	filter: alpha(opacity=75); -moz-opacity:0.75;  opacity:0.75;
	}

/* メインコンテンツ
----------------------------------------------- */
h2{margin:0px; padding:0px;}
h3{margin:0px; padding:0px; font-size:14px;}
h4{margin:0px; padding:0px; font-size:14px;}

#content{
	padding:0px 0px 30px 0px;
	}

/* トップコンテンツ
----------------------------------------------- */	
#top_concept{
	width:568px; float:right;
	background-image:url(../img/top_message_bg.gif);
	background-repeat:no-repeat;
	}
#top_concept p{ padding:75px 20px 10px 25px;}

/* 見出し
----------------------------------------------- */	
.ttl1{
	background-image:url(../img/h3bg.gif); background-repeat:no-repeat;
	padding:0px 0px 10px 40px; font-size:18px; margin:0px 0px 10px 0px; color:#996;
	}

/* 下層共通
----------------------------------------------- */	
#profile_box{
	border:10px solid #F6E5E2; padding:50px; margin:20px; font-size:14px;
	background-image:url(../img/profile_bg.gif); line-height:220%;
	}
.profile_photo{
	padding:0px 0px 13px 0px; width:263px; text-align:center;
	background-image:url(../img/profile_picbtm.gif);
	background-repeat: repeat-y; 
	background-position: bottom;
	}
#con_box{
	padding:30px 50px 30px 50px;
	background-image:url(../img/con_bg.gif);
	line-height:220%;
	background-repeat: repeat-y;
	}
#con_box td,#con_box th{ font-size:14px;
	}
.dog_therapy_name{
	width:510px;
	padding:10px 0px 20px 0px;
	color:#960; font-size:18px; text-align:center;
	background-image:url(../img/dog_therapy_name.gif);
	background-repeat: no-repeat;
	}
.dog_therapy_text{
	margin:0px 50px 0px 50px;
	color:#900;
	font-size:12px;
	background-image:url(../img/dog_therapy_text.gif);
	line-height:30px;
	}
.voices_name{
	width:300px;
	padding:50px 0px 50px 0px;
	color:#666;
	font-size:16px;
	text-align:center;
	background-image:url(../img/voices_name.gif);
	background-repeat: no-repeat;
	}
.voices_line{
	background-image:url(../img/voices_line.gif); background-repeat:repeat-x;
	height:5px; margin:20px 50px 20px 50px;
	}
ul#gallery,
ul#gallery li{
	list-style:none;}


ul#gallery li{
	float:left;
	padding:8px 8px 0 8px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0 15px 10px 0;
}

	
/* カート
----------------------------------------------- */
#side{
	 float:left; width:175px;margin:20px 0px 20px 0px; 
	}
#snavi{
	background-color:#FCC;
	padding:5px;
	margin:20px 0px 0px 0px;
}
#snavi ul{
	margin:0; padding:0; list-style:none;
	line-height:130%;
	}
#snavi li{
	padding:0;margin:0;
	}
#snavi li a{
	display:block;background-color:#FFF;
	text-decoration:none;font-weight:bold;
	padding:8px 0px 8px 15px;
	margin:1px 0px 1px 0px;
	}
#snavi li a:hover,#snavi li a.on{
	background-color:#F99;
	color:#FFF;
	}
#product_box{
	border:10px solid #F6E5E2; padding:25px 15px 25px 15px; margin:20px 0px 20px 0px; 
	background-image:url(../img/profile_bg.gif); float:right; width:710px;
	}
#product_box td.photo{ border:1px solid #CCC; padding:4px;background-color:#FFF;
	}
	
/* フッター
----------------------------------------------- */	
#footer_top {
	background-image:url(../img/footer_bg.gif);background-repeat: no-repeat; height:43px; background-position:20px;
}
#footer {
	background-color:#E3D8C6;
	padding:40px 0px 25px 0px; text-align:center; 
}

/* テーブル
----------------------------------------------- */		
table.table{ background-color: #CCC;
	}
.table td{ background-color:#FFF;
	}

/* ボックス
----------------------------------------------- */		
.box1{ width:100%; clear:both;}
.box_l{ float:left;}
.box_r{ float:right;}
	
/* その他
----------------------------------------------- */
ul{margin:0px 0px 0px 20px; padding:0;}
ol{margin:0px 20px 0px 40px; padding:0;}
img{ border:0px;}
p{margin:0; padding:0;}
form{ margin:0; padding:0;}

.textRed{color:#C00;}
.textOrange{color:#F60;}
.textWhite{color:#FFF;}
.textBrown{color:#960;}
.textSky{color:#74D2E0;}
.textGray{color:#999;}
.textPink{color:#F09;}

.textLL{ font-size:20px;line-height:140%;}
.textL{ font-size:16px;line-height:140%;}
.textM{ font-size:12px;line-height:140%;}
.textS{ font-size:10px;line-height:140%;}

.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.clear{ clear:both; height:0px;}
.normal{ font-weight:normal;}
.bd{ border:1px solid #CCC; padding:4px; background-color:#FFF;}
.bd1{ border:3px solid #eaeaeb; padding:7px; background-color:#FFF;}
.bold{ font-weight:bold;}