@charset "Shift_JIS";

/* ブラウザースタイル初期化設定 */

*{margin:0px;padding:0px;}

fieldset{border:none;}

blockquote,li,dt,dd{margin-left:1em;}

li{list-style:none;}

input,textarea{font-size:1em;}

/* 基本スタイル設定 */

body{
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
font-size:14px;
line-height:140%;
margin:5px auto;
padding:0px;
background-color:#eee;
}
#container{
width:860px;
margin:0px auto;
text-align:left;
border:1px solid #999;
background:#fff;
}
#main_top{
width:420px;
padding:5px 0px;
vertical-align:top;
}
#main{
width:640px;
padding:5px 0px;
vertical-align:top;
}
#left{
width:220px;
padding:5px 0px;
vertical-align:top;
}
#right{
width:220px;
margin:0px;
padding:5px 0px;
vertical-align:top;
}
p{
line-height:150%;
margin:5px 0px;
padding:2px 0px;
}

/* ----- リンク ----- */
a{color:#36f;text-decoration:none;}
a:hover{color:#096;text-decoration:underline;}

/* ----- リスト ----- */
ul,li{list-style-type:none;}

/* -----イメージ ----- */
img{border:0px;}

/* ----- テーブル ----- */
table{
border:0px none;
border-collapse:collapse;
margin:0px;
padding:0px;
text-align:left;
}
th,td{
border:0px none;
border-collapse:collapse;
margin:0px;
padding:0px;
vertical-align:top;
}
th{white-space:nowrap;}

/* ----- 位置関係 ----- */
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.clear_both{clear:both;}

/* ----- フォント ----- */
.red{color:#f00;}
.red12{
font-size:12px;
color:#f00;
font-weight:normal;
}
.orange{
color:#f90;}
.ora16{
font-size:16px;
color:#f90;
font-weight:bold;
line-height:150%;
}
.ora20{
font-size:20px;
color:#f90;
font-weight:bold;
line-height:150%;
}
.blue{color:#00f;}
.green{color:#3c3;}
.gray{color:#666;}
.brown{color:#963;}
.small{
font-size:12px;
font-weight:normal;
line-height:150%;
}
.big{
font-size:20px;
font-weight:bold;
line-height:150%;
}

/* ----- レイアウト ----- */
.layout1{
width:100%;
margin:5px 5px 5px 0px;
padding:5px;
color:#f90;
}
.layout1 td{
padding:3px;
text-align:right;
}
.layout2{
width:100%;
margin:5px 5px 5px 0px;
padding:5px;
}
.layout3{
width:100%;
margin:20px 5px;
padding:5px;
}
.layout3 td{
padding:5px;
}
.layout4{
width:100%;
margin:5px;
padding:5px;
}
.layout4 td{
padding:5px;
text-align:center;
}
li.list{
height:20px;
margin:10px 0px;
padding:0px 0px 0px 25px;
background-image:url(img/icon1.gif);
background-repeat:no-repeat;
}
.list a{color:#630;text-decoration:none;}
.list a:hover{color:#f69;text-decoration:underline;}

/* ----- ヘッダー部分 ----- */
#header{
width:860px;
height:286px;
background:url(img/headerbk.gif) no-repeat;  
}
.sitename {
padding:3px;
font-family:'Times New Roman';
font-size:12px;
text-align:center;
}
.sitecopy{
padding:200px 0px 0px 256px; 
font-size:14px;
font-weight:normal;
color:#096;
}
#headmenu{margin:0px;padding:0px;}
#headmenu li{
width:auto;
height:23px;
padding:7px 0px 0px 18px;
display:block; 
background-image:url(img/menu.gif);
background-repeat:no-repeat;
float:left;
}
.hmenu{font-size:14px;font-weight:normal;}
.hmenu a{color:#630;text-decoration:none;}
.hmenu a:hover{color:#f69;text-decoration:underline;}

/* ----- サイド部分 ----- */
#sidemenu{margin:5px;padding:5px 0px;}
#sidemenu ul{
width:200px;
margin:0px 5px;
list-style-type:none;
}
#sidemenu li{
padding:0px 0px 0px 5px;
font-size:12px;
border-bottom:1px dotted #999;
}
#sidemenu a{color:#630;text-decoration:none;}
#sidemenu a:hover{color:#f69;text-decoration:underline;}
.smenu{
padding:5px 25px;
background:url(img/icon1.gif) no-repeat;
background-position:left center;
font-size:14px;
}
.sidebox1{margin:5px;padding:5px 0px;}
.prbox{
width:190px;
margin:0px auto;
padding:10px 5px;
background:#eee;
font-size:12px;
line-height:130%;
font-weight:normal;
color:#630;
}
.prbox2{
width:190px;
margin:0px auto;
padding:10px 5px;
background:#fff;
font-size:12px;
line-height:130%;
font-weight:normal;
color:#630;
}
.sideline{
width:200px;
height:20px;
background-color:#e8e7e7;
}

/* ----- うちの子部分 ----- */
.uchinoko_top{
width:200px;
height:19px;
background:url(img/cork_top.gif) no-repeat;
margin:0px auto;
}
.uchinoko_middle{
width:200px;
background:url(img/cork_mid.gif);
margin:0px auto;
}
.uchinoko_bottom {
width:200px;
height:15px;
background:url(img/cork_bot.gif) no-repeat;
margin:0px auto;
}
.uchinoko{
width:170px;
padding:1px 15px;
font-size:12px;
font-weight:normal;
color:#300;
}
.uchinoko a{
font-weight:bold;
color:#300;
text-decoration:none;
}
.uchinoko a:hover{
font-weight:bold;
color:#fff;
text-decoration:underline;
}

/* ----- カレンダー ----- */
.calendarbox{margin:5px 5px 20px 10px;}
.caletitle{
width:160px;
height:19px;
padding:5px 0px 0px 40px;
background:url(img/calendar.gif) no-repeat;
font-size:14px;
color:#f69;
} 
.chert{margin:5px;font-size:12px;}
.holiday{
width:20px;
height:10px;
border:1px solid #ccc;
background:#f36;
}
.business{
width:20px;
height:10px;
border:1px solid #ccc;
background:#ffc;
}
.message{
padding:10px 5px;
font-size:14px;
line-height:150%;
color:#630;
font-weight:normal;
}
caption{
font-weight:bold;
text-align:center;
padding:3px;
font-size:14px;
color:#630;
}
caption a{color:#630;text-decoration:underline;} 
caption a:hover{color:#f69;text-decoration:underline;}
.calendar{
width:180px;
margin:5px 10px;
padding:0px;
border-collapse:collapse;
font-size:14px;
}
.calendar td{
padding:3px;
border-collapse:collapse;
text-align:right;
border:1px solid #ccc;	
}
.calendar th{
padding:3px;
border-collapse:collapse;
border:1px solid #ccc;	
}
th.day{
font-weight:bold;
color:#333;
background:#eee;
text-align:center;
}
th.sun{
color:#f00;
background:#fddffc;
text-align:center;
}
th.sat{
color:#00f;
background:#d0e8ff;
text-align:center;
}

/* ----- センター部分 ----- */
.mainbox1{
margin:5px 5px 15px;
padding:5px;
font-size:14px;
color:#630;
letter-spacing:0.1em;
}
.maintitle{
width:620px;
height:22px;
margin:0px 5px;
padding:18px 5px 0px;
font-size:14px;
color:#f69;
font-weight:bold;
background:url(img/maintitle.gif) no-repeat;
}
.subtitle{
height:25px;
padding:25px 0px 0px 80px;
font-size:16px;
color:#630;
background:url(img/sub_title.gif) no-repeat;
}

/* ----- メッセージ部分 ----- */
#message{
width:420px;
height:300px;
margin:5px 0px 15px;
vertical-align:top;
background:url(img/message.jpg) no-repeat;
}
.messa_t{
padding:20px;
font-size:14px;
color:#630;
font-weight:normal;
}

/* ----- ニュース部分 ----- */
#news{
width:418px;
border:1px #333 solid;
}
.newstitle{
width:340px;
height:35px;
padding:15px 0px 0px 80px;
background:url(img/news.gif) no-repeat;
font-size:14px;
color:#f69;
}
#news ul{
height:120px;
padding:5px 0px;
overflow:auto;
}
li.day_t{
margin:0px;
padding:3px 5px;
font-size:14px;
color:#f00;
list-style-type:none;
}
li.news_t{
margin:0px;
padding:3px 8px;
font-size:14px;
color:#333;
list-style-type:none;
}

/* ----- センターメニュー ----- */
.top_cont1{
width:418px;
height:130px;
margin:15px 0px;
border:1px solid #c2c2c2;
clear:both;
}
.top_cont2{
width:418px;
height:155px;
margin:15px 0px;
border:1px solid #c2c2c2;
clear:both;
}
.m_img{
padding:5px;
margin:0px;
width:100px;             
float:left;
}
.m_text{
width:303px;
padding:5px 5px 5px 0px;
margin:0px;
font-size:12px;
float:left;
}
.m_title{
padding:3px 25px;
background:url(img/icon1.gif) no-repeat;
background-position:left center;
font-size:14px;
}
.m_text a{color:#630;text-decoration:none;}
.m_text a:hover{color:#f69;text-decoration:underline;}
.center_menu{padding:0px 5px;clear:both;}
.center_menu li{
width:auto;
padding:0px 15px 0px 0px;
margin:0px;
font-size:12px;
display:block;
float:left;
}

.main_line {
margin:5px 10px 0px;
color:#630;
font-size:12px;
font-weight:bold;
text-align:left;
}
.pagetop{
width:75px;
height:17px;
margin:10px 0px;
padding:3px 0px 0px 25px;
font-size:12px;
font-weight:bold;
background:url(img/page.gif) no-repeat;
float:right;
}
.pagetop a{color:#630;text-decoration:none;}
.pagetop a:hover{color:#f69;text-decoration:none;}

/* ----- フッダー部分 ----- */
#footer{
width:860px;
height:100px;
margin:5px 0px 0px;
background:url(img/footer.gif) no-repeat;  
clear:both;
}
.copyright{ /* h6 */
padding:10px 0px;
font-size:12px;
color:#666;
text-align:center;
}

/* ----- コンテンツ ----- */
.contents_box{
width:600px;
height:85px;
margin:15px 0px 5px;
padding:5px; 
border:1px dotted #c2c2c2;
}
.c_img{
padding:5px;
margin:0px;
width:100px;             
float:left;
}
.c_text{
width:485px;
padding:5px 5px 5px 0px;
margin:0px;
font-size:12px;
float:left;
}
.c_title{
padding:0px 25px 3px;
background:url(img/icon1.gif) no-repeat;
background-position:left center;
font-size:14px;
}
.c_text a{color:#630;text-decoration:none;}
.c_text a:hover{color:#f69;text-decoration:underline;}

/* ----- スタジオ ----- */
.ssl{
height:122px;
margin:5px;
padding:28px 205px 0px 90px;
font-size:12px;
color:#630;
line-height:150%;
letter-spacing:0.1em;
background:url(img/robertbk.jpg) no-repeat;
}
li.question{
margin:15px 0px;
padding:3px 0px 0px 25px;
background-image:url(img/question.gif);
background-repeat:no-repeat;
color:#f90;
font-weight:bold;
}
li.answer{
margin:10px 0px;
padding:2px 0px 0px 25px;
background-image:url(img/answer.gif);
background-repeat:no-repeat;
}
li.price{
height:20px;
margin:10px 0px;
padding:0px;
font-weight:bold;
}
li.price2{
height:20px;
margin:10px 0px;
padding:0px;
font-weight:bold;
text-align:center;
}

/* ----- ドッグカフェ ----- */
.photo1{float:left;margin:5px;}
.photo2{float:right;margin:5px;}

/* ----- ギャラリー ----- */

/* -- 基本設定 -- */
fieldset{
border:1px solid #e8e7e7;
margin:0px;
padding:5px;
}
legend{
margin:0px;
padding:0px;
display:none;
}
#contents{margin:0px;padding:5px;}
#contents ul{margin:0px 0px 20px;padding:0px;}
#contents li{margin:0px;padding:0px;}
#contents form dl{margin:0px;padding:0px;}
#contents form dt{
font-weight:normal;
margin:0px;
padding:0px;
width:5em;
float:left;
clear:left;
}
#contents form dd{margin:0px;padding:0px;}
#contents form ul{
margin:10px 40px 0px 0px;
padding:0px;
}
#contents form li{
margin:0px;
padding:0px;
list-style-type:none;
}
#contents form p{
margin:10px 40px 10px 0px;
padding:0px;
}
#navi{
margin:-20px 0px 0px;
padding:0px;
clear:both;
}
#navi ul{
margin:0px;
padding:0px;
}
#navi li{
font-weight:normal;
margin:0px;
padding:0px;
display:inline;
}
#navi2{
margin:20px 0px 0px;
padding:0px;
clear:both;
}
#navi2 ul{
margin:0px;
padding:0px;
}
#navi2 li{
font-weight:normal;
margin:0px;
padding:0px;
display:inline;
}
.link{
margin:0px 20px;
padding:0px;
clear:both;
}
.link ul{
text-align:right;
margin:10px 5px 0px;
padding:0px;
}
.link li{
margin:0px 0px 0px 10px;
padding:0px;
list-style-type:none;
display:inline;
}
.link p{
text-align:right;
margin:10px 5px 0px;
padding:0px;
}

/* -- メニュー -- */
#gallery_menu{
margin:5px 0px 10px;
padding:0px;
}
#gallery_menu ul{
border-top:2px solid #e8e7e7;
border-bottom:2px solid #e8e7e7;
padding:5px 0px;
text-align:center;
}
#gallery_menu li{
padding:0px 5px;
display:inline;
}

/* -- サムネイル -- */
#thumbnail{
margin:20px 20px 0px;
padding:20px 0px 0px;
float:none;
clear:both;
}
#thumbnail table{
border:0px solid #99ccff;
margin:0px;
}
#thumbnail td{
text-align:center;
vertical-align:middle;
border:0px solid #99ccff;
width:180px;
}
#thumbnail dl{margin:5px 0px 10px;}
#thumbnail dt{
margin:0px;
padding:0px;
float:left;
clear:left;
}
#thumbnail ul{
margin:10px 0px 0px;
padding:0px;
}
#thumbnail li{
margin:0px;
padding:0px;
list-style-type:none;
}
#thumbnail img{
border:3px double #aaa;
}
.name{font-size:14px;font-weight:normal;}
.name a{color:#630;text-decoration:none;}
.name a:hover{color:#f69;text-decoration:underline;}

/* -- ミニ画像 -- */
.mini_title{
font-size:14px;
border-left:10px solid #e8e7e7;
border-bottom:3px solid #e8e7e7;
margin:10px 0px 15px;
padding:3px 0px 3px 10px;
}

/* -- 作品表示 -- */
#work{
margin:0px 20px 20px;
padding:0px;
clear:both;
}
#work fieldset{
border:1px solid #99ccff;
margin:0px;
padding:15px;
width:300px;
}
#work legend{
margin:0px;
padding:0px;
display:inline;
}
#work dl{
margin:20px 0px;
padding:0px 0px 20px;
text-align:center;
}
#work dt{
font-weight:bold;
margin:0px;
padding:0px;
width:5em;
float:left;
clear:left;
}
#work dd{margin:0px;padding:0px;}
#work ul{
margin:10px 5px 20px;
padding:0px;
}
#work li{
margin:0px;
padding:5px 0px;
list-style-type:none;
}
#work p{
margin:0px 0px 10px;
padding:0px;
}
#work img{
margin:0px 0px 10px;
padding:0px;
}
#work .file{
margin:20px 0px;
padding:0px;
float:left;
}
#work .detail{
margin:0px;
padding:15px;
float:left;
}
#work .file2{
margin:20px 0px;
padding:0px;
text-align:center;
}
#work .detail2{
margin:0px;
padding:15px;
background-color:#f7f7f7;
}
#cm{
width:100%;
margin:20px auto;
padding:20px 0px;
text-align:center;
clear:both;             
}

/* -- フォーム -- */
#form{
margin:20px 20px 40px;
padding:0px;
clear: both;
}
#form ul{
margin:0px 0px 10px 20px;
padding:0px;
}
#form li{margin:0px;padding:0px;}
#form form{margin:0px;padding:0px;}
#form form dl{margin:0px;padding:0px;}
#form form dt{
font-weight:normal;
margin:0px;
padding:0px;
width:6em;
float:left;
clear:left;
}
#form form dd{
margin:0px;
padding:0px;
width:400px;
}
form form ul{
margin:10px 0px 0px;
padding:0px;
}
#form form li{
margin:0px;
padding:0px;
list-style-type:none;
}
#form form p{
margin:10px 0px 0px;
padding:0px;
}

/* ----- うちの子フォーム ----- */
#base{
width:590px;
background-color:#fff;
margin:0px auto; 
padding:0px;
font-size:14px;
color:#630;
letter-spacing:0.1em;
}
.formmain{padding:5px;}
#header2{
width:590px;
height:196px;
background:url(img/headerbk2.gif) no-repeat;  
}
#footer2{
width:590px;
height:69px;
margin:15px 0px 0px; 
background:url(img/footer2.gif) no-repeat;  
}
#data{
margin:5px 5px 20px; 
padding:5px;
border-top:2px solid #e8e7e7;
border-bottom:2px solid #e8e7e7;
}
.top{margin:0px;padding:0px;}

/* ----- メルマガ ----- */
.mailmag_ent{
margin:20px 0px 10px;
padding:12px 0px 0px 60px;
background:url(img/mailmag_icon1.gif) no-repeat;
font-size:16px;
}
.mailmag_cha{
margin:50px 0px 10px;
padding:12px 0px 0px 60px;
background:url(img/mailmag_icon2.gif) no-repeat;
font-size:16px;
}
.mailmag_can{
margin:50px 0px 10px;
padding:12px 0px 0px 60px;
background:url(img/mailmag_icon3.gif) no-repeat;
font-size:16px;
}
.button{
color:#630;
background:#fcc;
border:1px solid #c3bebe;
font-weight:bold;
}

/* ----- サイトマップ ----- */
ul.map{
font-size:14px;
text-align:left;
padding:0px 20px;
margin:0px;
color:#630;
}
.map a{color:#630;text-decoration:none;}
.map a:hover{color:#f69;text-decoration:underline;}
li.sm1{margin:4px;display:block;}
li.sm2{margin:4px 4px 4px 8px;display:block;}
li.sm3{margin:4px 4px 4px 12px;display:block;}
.smap{
padding:10px 25px 5px;
background:url(img/icon1.gif) no-repeat;
background-position:left center;
font-size:14px;
}
.smap a{color:#630;text-decoration:none;}
.smap a:hover{color:#f69;text-decoration:underline;}