@charset  "utf-8";

/* ============================================================
共通・汎用モジュール
（基本段落／区切り線／見出し／テキスト／リンク、画像マーカー／リスト／表組み／画像まわり／フォーム／汎用クラス）

%update / 2016.07.08

------------------
【目次】
------------------
▼01.共通項目
▼02.header
▼03.ナビメニュー
▼04.メインコンテンツ
▼05.サイドバー
▼06.footer
▼07.profile
▼08.puppy
▼09.flow
▼10.rule
▼11.contact
▼12.poodle
▼13.knowledge
▼14.faq
============================================================ */
/* ------------------------------------------------------------
▼01.共通項目
------------------------------------------------------------ */
#body_index {
	background-color: #f0dfc8;
	margin-top: 0;
	background-image: url(images/common/bg_01.jpg);
	background-repeat: repeat-x;
}
body {
	background-color: #f0dfc8;
	margin-top: 0;
	background-image: url(images/common/bg_02.jpg);
	background-repeat: repeat-x;
}
#wrap {
    width: 950px;  
    margin: 0 auto;
    text-align: left;
}



#container {
    width: 950px;

}

#contents {
    float: left;
    width: 700px;
    margin: 10px 0;
    padding: 20px 0 0 0;
}

#sidenavi {
    float: right;
    width: 240px;
    margin: 10px 0;
    padding: 20px 0 0 0;
}

area{
  border:none;
  outline:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
a {
text-decoration: none;
}
/* ------------------------------------------------------------
▼02.header
------------------------------------------------------------ */
#header_index {
 /*    background: #FFF url(./images/common/bg_header.jpg) repeat-x bottom;*/
    
	height: 20px;
    
}

#header {
 /*    background: #FFF url(./images/common/bg_header.jpg) repeat-x bottom;*/
    
	height: 270px;
    
}
/* ------------------------------------------------------------
▼03.ナビメニュー
------------------------------------------------------------ */
#globalNavi {
	width: 950px;
    margin: 10px 0 0 0;
	padding:0px 0px 0px 25px;
}

#globalNavi ul{
	list-style: none; /* リスト形式を削除 */
    clear: both;
}

 /* リストを横並びに */
#globalNavi ul li{
	/* width: 150px;*/
	height: 40px;
	float: left;
}
#globalNavi ul li a{
	text-indent: -9999px; /* テキストをとばす */
	text-decoration: none;
	display: block;
	/* width: 150px;*/
	height: 40px;
	background-image: url(./images/common/navi.gif);
	background-repeat: no-repeat;
}

 
#globalNavi ul li#menu1 a { width:130px;background-position: 0 0; }
#globalNavi ul li#menu2 a { width:155px;background-position: -130px 0px; }
#globalNavi ul li#menu3 a { width:145px;background-position: -285px 0px; }
#globalNavi ul li#menu4 a { width:180px;background-position: -430px 0px; }
#globalNavi ul li#menu5 a { width:115px;background-position: -610px 0px; }
#globalNavi ul li#menu6 a { width:225px;background-position: -725px 0px; }



#globalNavi ul li a:hover{
	text-decoration: none;  
	background-image: url(./images/common/navi.gif);  
	background-repeat: no-repeat;   
}


#globalNavi ul li#menu1 a:hover { background-position: 0 -40px; }
#globalNavi ul li#menu2 a:hover { background-position: -130px -40px; }
#globalNavi ul li#menu3 a:hover { background-position: -285px -40px; }
#globalNavi ul li#menu4 a:hover { background-position: -430px -40px; }
#globalNavi ul li#menu5 a:hover { background-position: -610px -40px; }
#globalNavi ul li#menu6 a:hover { background-position: -725px -40px; }

/* ------------------------------------------------------------
▼04.メインコンテンツ
------------------------------------------------------------ */
.index_img01 {
        margin:0px 0px 0px 0px;
        padding: 10px 0px 0px 10px;
	
}
.index_img02 {
        margin:20px 0px 0px 0px;
        padding: 20px 0px 0px 10px;
	
}
.index_img03 {
        margin:20px 0px 0px 0px;
        padding: 20px 0px 0px 10px;
	
}
.index_text01{
	font-size: 14px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}

/*--リストでテーブル--*/
.table {
	list-style: none;
	mergin: 0;
	padding: 10px 0px 0px 20px;
	
}
.table li {
	clear: both;
}
.table li div {
	display: block;
	float: left;
}
.col1 {
	width: 130px;
	font-size: 14px;
	color: black;
	padding: 3px;
}
.col2 {
	width: 520px;
	font-size: 14px;
	color: black;
	padding: 3px;
}

/* ------------------------------------------------------------
▼05.サイドバー
------------------------------------------------------------ */
.side_img01 {
        margin:0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
	
}
.side_box01 {
		width: 240px;
		
		border: solid 1px #000000;
        margin:0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
	
}
.side_text01{
	font-size: 14px;
	
	padding: 10px 0px 0px 10px;	
}
/* ------------------------------------------------------------
▼06.footer
------------------------------------------------------------ */


#footer {
	height: 300px;
	width: 950px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	padding-top: 0px;
}
#footerbg {
	background-image: url(images/common/footer_003.gif);
	background-repeat: repeat-x;
}
.footer_text01{
	font-size: 18px;
	color: white;
	width: 300px;
	padding: 150px 0px 0px 20px;	
	float: left;
}
.footer_img01 {
        margin:0px 0px 0px 0px;
        padding: 120px 0 0 0;
	
}
/* ------------------------------------------------------------
▼07.profile
------------------------------------------------------------ */
.profile_text01{
	font-size: 14px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}

/* ------------------------------------------------------------
▼08.puppy
------------------------------------------------------------ */
.puppy_box_wrap{
	width: 650px;
	height: 450px;
	/*border: medium solid #ff00ff; */
	margin:10px 0px 0px 0px;
    padding: 10px 0 0 0;	
}
.puppy_box_wrap02{
	width: 550px;
	
	/*border: medium solid #ff00ff; */
	margin:10px 0px 0px 10px;
    padding: 10px 0 0 0;	
}
.puppy_left{
		width: 300px;
		height: 500px;
		background-color: white;
		
		/*border: medium solid #ff00ff; */
        margin:10px 0px 0px 10px;
        padding: 10px 0 0 0px;	
        float: left;
}
.puppy_right{
		width: 300px;
		height: 500px;
		background-color: white;
		
        margin:10px 0px 0px 0px;
        padding: 10px 0 0 0;	
        float: right;
}
.puppy_text01{
	font-size: 14px;
	
	padding: 10px 0px 0px 10px;	
}
.puppy_text02{
	font-size: 14px;
	color: blue;
	padding: 10px 0px 0px 10px;	
}
.puppy_text03{
	font-size: 20px;
	color: blue;
	padding: 10px 0px 0px 20px;	
}
.puppy_img01 {
        margin:0px 0px 0px 0px;
        padding: 0px 0 0 10px;
	
}
.puppy_img02 {
        margin:10px 0px 0px 0px;
        padding: 0px 0 0 10px;
	
}
.puppy_list01{
	width: 550px;
	
	/*border: medium solid #ff00ff; */
	margin:10px 0px 0px 10px;
    padding: 10px 0 0 0;	
}
.puppy_list01 dl, dt, dd {
  margin : 0;
  padding : 0;
}
 
.puppy_list01 dl {
  /* dlの背景色をdt用に使う。区切り線はdtの上部に持たせる */
  background-color : #f4b436;
  
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #000000;
  width  : 100%;
}
 
.puppy_list01 dt {
  float : left;
  clear : both;
  width : 100px;
   /* 上線のみ表示 */
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #000000;
  font-size: 14px;
  font-weight : bold;
  padding : 5px;
}
 
.puppy_list01 dd {
  /* dtの幅だけ横にずらす */
  margin-left : 110px;
  /* dlやdtとは異なった背景色を使用 */
  background-color : #fce8c2;
  /* 上線と，dt・ddの左右間の区切り */
  border-width : 1px 0 0 1px; 
  border-style : solid;
  border-color : #000000;
 font-size: 14px;
  padding : 5px;
}  
.puppy_list02{
	width: 280px;
	
	/*border: medium solid #ff00ff; */
	margin:5px 0px 0px 10px;
    padding: 5px 0 0 0;	
}
.puppy_list02 dl, dt, dd {
  margin : 0;
  padding : 0;
}
 
.puppy_list02 dl {
  /* dlの背景色をdt用に使う。区切り線はdtの上部に持たせる */
  background-color : #b2f8a2;
  
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #000000;
  width  : 100%;
}
 
.puppy_list02 dt {
  float : left;
  clear : both;
  width : 60px;
   /* 上線のみ表示 */
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #000000;
  font-size: 14px;
  font-weight : bold;
  padding : 5px;
}
 
.puppy_list02 dd {
  /* dtの幅だけ横にずらす */
  margin-left : 60px;
  /* dlやdtとは異なった背景色を使用 */
  background-color : #e2f8dd;
  /* 上線と，dt・ddの左右間の区切り */
  border-width : 1px 0 0 1px; 
  border-style : solid;
  border-color : #000000;
 font-size: 14px;
  padding : 5px;
}     
/* ------------------------------------------------------------
▼09.flow
------------------------------------------------------------ */
.flow_img01 {
        margin:10px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
	
}

/* ------------------------------------------------------------
▼10.rule
------------------------------------------------------------ */
.rule_text01{
	font-size: 14px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.rule_text02{
	font-size: 18px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.rule_img01 {
        margin:10px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
	
}

/* ------------------------------------------------------------
▼11.contact
------------------------------------------------------------ */
.contact_text01{
	font-size: 14px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.contact_text02{
	font-size: 18px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.contact_img01 {
        margin:10px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
	
}

/* ------------------------------------------------------------
▼12.poodle
------------------------------------------------------------ */
.poodle_text01{
	font-size: 14px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.poodle_text02{
	font-size: 18px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.poodle_img01 {
        margin:10px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
	
}

.poodle_img02 {
        margin:20px 0px 0px 15px;
        padding: 0px 0px 5px 0px;
	
}

/* ------------------------------------------------------------
▼13.knowledge
------------------------------------------------------------ */
.knowledge_text01{
	font-size: 14px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.knowledge_text02{
	font-size: 18px;
	width: 650px;
	padding: 10px 0px 0px 20px;	
}
.knowledge_img01 {
        margin:10px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
	
}
.knowledge_img02 {
        margin:20px 0px 0px 15px;
        padding: 0px 0px 5px 0px;
	
}

/* ------------------------------------------------------------
▼14.faq
------------------------------------------------------------ */

.faq{
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
}


div.faq dl{
	margin-top:30px;
	padding-left:20px;
	padding-bottom:30px;
	border-bottom:1px dotted #666666;
}

div.faq dl dt{
	background:url(images/faq/q.gif) top left no-repeat;
	font-size:16px;
	font-weight:bold;
	padding:6px 0px 15px 50px;
	margin:20px 0px 10px 0px;
	}
div.faq dl dd{
	background:url(images/faq/a.gif) top left no-repeat;
	font-size:14px;
	padding:6px 0px 15px 50px;
	margin: 0px;
	}





#formWrap {
	width:680px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

#slideshow2 {
   position: relative;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 400px; /* 画像の高さに合わせて記述 */
}
#slideshow {
   position: relative;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 400px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

/* clearfix */


.floatclear{
         clear: both;
}
      
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; 
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}