@charset "shift_jis";



body {
	color: #000;
	text-align: center;	/*壁紙設定箇所。ページ上部の中央よせという意味。通常の設定にしたいなら「no-repeat center top」を外す。*/
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	background-image: url(images/bg.jpg);
	background-position: center top;
	background-color:#f7fff0;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
/*汎用
---------------------------------------------------------------------------*/
.color1 {
	color: #976a95;
}
.look {
	background: #222222;
}

.tensen {
	padding-top: 0.5em;
	padding-right: 0.5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align:center

	
}


.Gre {
	background-color: #C5E8BD;
		
}
.pink {
	background-color: #FFECFF;
}
.red {
	color: #E10000;
	
}
.blue {
	background-color: #DEE7E8;
	
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #E1F7DB;
	}
.gurei {
	background-color: #EBEBEB;
}


.midashibana444 {
	background-image: url(images/bana444.gif);
	background-repeat: no-repeat;

}
.frortreft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.frolefclear {
	clear: left;
	float: left;
}
.frori {
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

.profblue {
	background-image:url(images/gbg1.gif);
	height:250px;
	width: 550px;

	
	
}	
.profpink {
	background-image:url(images/gbg2.gif);
	height:250px;
	width: 550px;
　
	
}


.gure- {
	background-color: #F0E9D0;
}


	
/* ポラロイド風 */
.pora{
background-color: #ffffff;/*ポラ台紙色*/
margin: 5px;/*周りにスキマをあける*/
padding: 10px 10px 10px 10px;/*画像と台紙のスキマ*/
border-width: 1px;/*枠の太さ*/
border-style: solid;/*枠線*/
border-color: #dce3e3 #c1c1c1 #c1c1c1 #dce3e3;/*枠線の色・上右下左*/
background-image:url(1ポイント画像のURL);
background-repeat:no-repeat;/*繰り返さない*/
background-position:95% 98%;/*画像の位置*/
}

.green {
	background-color: #F7FFF0;
}

.greenwaku {
	background-color: #F7FFF0;
	border: 1px dotted #CCC;
	width: auto;
}
#sitemap {
	background-repeat: repeat;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#otoiawase {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*ドッグショーの写真の大枠
---------------------------------------------------------------------------*/
#dogshowbg1 {
	width: 800px;
	float: right;
	margin-right: 56px;
	margin-top: 20px;
	height: auto;
}
/*テーブルのわく。autoは大きさにあわせる。650ｐｘは、横指定でhyoukiにて使用
---------------------------------------------------------------------------*/
#tableauto {
	height: auto;
	width:auto;
	margin-right: auto;
	margin-left: auto;
}
#table650{
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/*ドッグショーページの写真白枠（3段のうち真ん中）
---------------------------------------------------------------------------*/
.dogshow {
	background-color: #FFF;
	background-repeat: no-repeat;
	height: 320px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: none;
	border-left-style: inset;
	border-top-color: #F0F0F0;
	border-right-color: #999;
	border-bottom-color: #F0F0F0;
	border-left-color: #999;
}
/*ドッグショーページの写真白枠（上段茶色）name1２，３段目name3ha下線部アンダーライン
---------------------------------------------------------------------------*/
.name {
	background-color: #F0E9D0;
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: none;
	border-left-style: inset;
	border-top-color: #999;
	border-bottom-color: #999;
	border-right-color: #999;
	border-left-color: #999;
}
.name1 {
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: inset;
	border-bottom-style: dotted;
	border-left-style: inset;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.name2 {
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;

}
.cc {
	font-size: 14px;
	color: #F60;
	font-weight: bold;
}
.mcc {
	font-size: 14px;
	font-weight: bold;
	color: #F3C;
}
.dogshowmini11 {
	background-color: #FFF7FF;
	background-repeat: repeat-x;
	width: 250px;
	border: 1px dotted #CCC;
}
.dogshowmini113 {
	background-color: #F6F6F6;
	background-repeat: repeat-x;
	width: 250px;
	border: 1px dotted #CCC;
}

.midas {
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}





/*h1タグ設定
---------------------------------------------------------------------------*/
h1 {
	font-size: 10px;	/*文字サイズを10pxに*/
	text-align: left;	/*左よせ。もし右よせがいいなら「left」を「right」、センタリングがいいなら「center」にする。*/
}
/*トップページのFLASH（メイン画像）設定
---------------------------------------------------------------------------*/
#fla {
	text-align: center;
}

/*コンテナー設定
---------------------------------------------------------------------------*/
#container {
	background: url(images/container_bg.gif) repeat-y;
	width: 915px;
	/*最上部の画像とサイト名の高さに合わせてここも変更する200*/
	margin-right: auto;
	margin-left: auto;
	
	
}
/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
#container a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}




/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	width: 912px;
	height:230px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	background: #text-align: left;
}

#header h1 {
	position: absolute;
	left: 584px;
	bottom: 143px;
	font-size: 80%;
	font-weight: normal;
	color: #666666;
	width: 300px;
	height: 60px;
}

#logo {
	position: relative;
	width: 100px;
	left: 10px;
	top:10px;
}

/*----------------------------------------------------
	#Nav
----------------------------------------------------*/
#nav {
	position: absolute;
	right: 10px;
	top: 189px;
	width: 302px;
}

#nav li {
	display: inline;
}









/*----------------------------------------------------
	#globalNavi　メニュー
----------------------------------------------------*/
#globalNavi, #globalNavi ul {   
    margin:0;   
    padding:0;   
    list-style-type:none;   
    position:relative;   
}   
#globalNavi li  {
	float:left;
	position:relative;
	background-color: #999999;
}  
#globalNavi ul {   
    width: 150px;   
    position: absolute;   
    top:50px;   
    left: 3px;   
    display: none;  
}
#globalNavi ul {   
    width: 150px;   
    position: absolute;   
    top: 50px;   
    left: 3px;   
}  

#globalNavi ul li a {   
    width: 120px;   
    display: block;   
    background:  url(image/icon.gif) no-repeat;   
    padding: 7px 5px 8px 27px;   
    border-bottom: 1px dotted #909090;   
    color: #000;   
    text-decoration: none;   
}  
#globalNavi ul li a:hover   {   
    background: #000 url(image/icon_on.gif) no-repeat;   
    color: #FFF;   
}   
#globalNavi ul li.first a   {   
    background: #BFC0C0 url(image/bg_navi.gif) no-repeat;   
    padding: 16px 5px 7px 27px;   
}   
#globalNavi ul li.first a:hover {   
    background: #000 url(image/bg_navi_on.gif) no-repeat;   
}  
 
#nav-one li {
	border-top: 1px solid #565656;
	border-left: 1px solid #565656;
	float: left;
	position: relative;
}
#nav-one li a {
	background: #000;
	color: #FFF;
	display: block;
	padding: 5px 25px;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
	background: #DDD;
	color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #000;
	color: #FFF;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	background: #DDD;
	color: #000;	
}
#nav-one ul {
	background: #000;
	margin-top: 3px;
	width: 100px;
	position: absolute;
	top: -999em;
	left: -1px;
}
#nav-one li:hover ul,
#nav-one li.sfHover ul {
	top: 25px;
}
#nav-one ul li {
	border: 0;
	float: none;
}
#nav-one ul a {
	width: 100px;
	border: 1px solid #000;
	border-bottom: 0;
	padding-right: 20px;
	white-space: nowrap;
}
#nav-one ul a:hover {
	background: #ccc;
	color: #000;
}
 
 


	
/*メインメニュー設定
---------------------------------------------------------------------------*/
ul#menu li {
	float: left;	/*ビルダー編集画面で崩れないようにフロート設定にしました*/
	width: 152px;
}



/*コンテンツ設定
---------------------------------------------------------------------------*/
#contents {
	clear: left;	/*上のメインメニューのフロート処理の解除*/
	width: 100%;
	
}





/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	display: inline;
	float: left;
	width: 550px;	/*メインコンテンツ(左ブロック)の幅*/
	
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
	text-align:left
	
}

/*メインコンテンツ内の見出し設定箇所*/
#main h2 {
	font-size: 100%;
	border-top: 1px solid #2A1C29;		/*上に入っている線。1pxの直線(solid)を#2A1C29の色で入れています*/
	border-bottom: 1px solid #2A1C29;	/*下に入っている線。1pxの直線(solid)を#2A1C29の色で入れています*/
	line-height: 50px;					/*見出しの高さ*/
	background: url(images/h2_bg.jpg) no-repeat right center;	/*見出しに入っている梅の花画像設定*/
	padding-left: 10px;
	letter-spacing: 0.2em;
	color: #000;		/*文字色を白に*/
}

/*メインコンテンツ内の段落設定箇所*/
#main p {
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left: 10px;
	font-size: 100%;
	color: #333;
}

.kami {
	background-image: url(images/kami1.gif);
	background-repeat: no-repeat;
	width:280px;
	height:242px;
}
/*pan 
*/
#pan {
	
	height: 40px;
	
	
	margin-right:auto;
	margin-left:auto;
	
	width:320px;
	
	
	

}
 /*pannkuzuなび白いの
---------------------------------------------------------------------------*/
#breadcrumbs {
	height:2.7em;
	border:px solid #c9c9c9;
	
	
	

	
	
}
#breadcrumbs li {
	float:left;
	line-height:2.7em;
	color:#777;
	padding-left:.85em;
}
#breadcrumbs li a {
	background: url(http://www.geocities.jp/ryu_mama_wan/inf222/yado1/images/breadcrums.jpg) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}
#breadcrumbs li a:link, #breadcrumbs li a:visited {
	color:#777;
	text-decoration:none;
}
a:link, a:visited,#breadcrumbs li a:hover,
#breadcrumbs li a:focus {
	color:#222
	
	
/*上の枠のお問い合わせなど
---------------------------------------------------------------------------*/	
}
ol#topicPath {
	
	padding: 0;
	margin-right:150px
	margin:180px
	
	font-size: 90%;
	list-style: none;
	float:right
	
}

ol#topicPath li {
	float: left;
	padding-right: 6px;
	padding-left: 12px;
	background: url(images/ico_sample02_0.gif) no-repeat 0 50%;
}

ol#topicPath li.home {
	padding-left: 18px;
	background: url(images/ico_sample02_01.gif) no-repeat 0 50%;
}

ol#topicPath li a:link,
ol#topicPath li a:visited {
	
	text-decoration: underline;
}

ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #FF0000;
	text-decoration: underline;
}

ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}
/*サイドコンテンツ
---------------------------------------------------------------------------*/
#side {
	display: inline;
	float: right;
	width: 300px;	/*サイドコンテンツ(右ブロック)の幅*/
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
	text-align:left
}

/*サイドコンテンツ内の見出し設定箇所*/
#side h3 {
	background: #130d13;		/*見出し背景色*/
	letter-spacing: 0.2em;
	text-align: center;			/*文字のセンタリング。左よせでいいならこの1行を丸ごと削除。*/
	font-size: 100%;
	border: 1px solid #2A1C29;	/*見出しの枠線。1pxの直線(solid)を#2A1C29の色で設定。*/
	color: #FFFFFF;				/*文字色を白に*/
}

/*サイドコンテンツ内の段落設定箇所*/
#side p {
	padding-top: 0.5px;
	padding-bottom: 1px;
}



/*サイドコンテンツ内の「おしらせ」部分
---------------------------------------------------------------------------*/
#side dl {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#side dt {
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #481F1C;		/*日付の文字色を紫色（#976a95）に*/
}
#side dd {
	border-bottom: 1px dotted #2A1C29;	/*コメントの下に1pxの点線(dotted)を#2A1C29の色で入れる。*/
	padding-left: 1em;	/*コメントの左側に少しだけ空白を設ける。上の日付と同じくしたいなら、この1行を丸ごと削除。*/
}



/*フッター（copyright部分）
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 915px;
	text-align: center;
	background: url(images/footer_bg.gif) no-repeat center bottom;
	line-height: 1.4;
	height: 70px;
	padding-top: 30px;
}



/*ここから自作
---------------------------------------------------------------------------*/
/*メインコンテンツ　main2は横広　mainppはパピーの
---------------------------------------------------------------------------*/
#main2 {
	clear: both;
	width:800px
	text-align: center;
	display: inline;
	background-color: ;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	
}

/*メインコンテンツ内の見出し設定箇所*/
#main2 h2 {
	font-size: 100%;
	line-height: 60px;
	letter-spacing: 0.2em;
	color: #000;		/*文字色を白に*/
	width: auto;
	background-image: url(images/hone.jpg);
	background-repeat: no-repeat;
	background-position: center;
	float: none;
	text-align: center;
}

/*メインコンテンツ内の段落設定箇所*/


#waku{
	width:855px;
	float: right;
	padding-right: 50px;
	

	
}
.waku_2{
	width:150px;
	float:right;
	height:auto
   
}
.waku_3{
	width:150px;
	float:right;
	padding-left:26px;
	height:auto
   
}










/*商品テーブル
---------------------------------------------------------------------------------------*/
.box {
	margin: 10px auto 20px;
}
.box img {
	padding: 4px;				/*商品画像とフチ線の間にある白い余白*/
	border: 1px solid #CCCCCC;	/*ボックスのグレー色のフチ設定。solidは直線という意味。dottedとかにすると可愛くなります。*/
	margin: 2px;
	color: #D6D6D6;
}
.box td {
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #481F1C;	/*カーソルオーバー時のボックスのフチ色（茶色）設定*/
}


.sidetop {
	background-image: url(images/sideue.gif);
	background-repeat: no-repeat;
background-position: bottom;
	float: none;
	margin-top: 0px;
}


.sideno {
	height: auto;
	width: 310px;
	
	
	background-image: url(images/sidenaka.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	float: left;
	
}
.sidebotm {
	background-image: url(images/sideshita.gif);
	background-repeat: no-repeat;
}
	
	
	

#sidenomae {
	background-image: url(images/side111.gif);
	background-repeat: no-repeat;
	height: 230px;
	width: 230px;
}
#blue {
	background-color: #DEE7E8;
}
}
#flame dl {
	overflow: hidden;
}
#flame dt {
	float: left;
	width: 130px;
	padding-top: 12px;
	padding-left: 10px;
}
#flame dd {
	float: left;
	width: 300px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 5px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main3 {
	display: inline;
	float: left;
	width: 880px;	/*メインコンテンツ(左ブロック)の幅*/
	margin-left: 20px;
	padding-top: 20px;

	background-color: #FFF;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*メインコンテンツ内の見出し設定箇所*/
#main3 h2 {
	font-size: 100%;
	line-height: 60px;
	letter-spacing: 0.2em;
	color: #000;		/*文字色を白に*/
	width: auto;
	background-image: url(images/hone.jpg);
	background-repeat: no-repeat;
	background-position: center;
	float: none;
	text-align: center;
}

/*メインコンテンツ内の段落設定箇所*/
#main3 p {
	padding: 0.5em 10px 1em;
	color: #333;
.green {
	background-color: #C5E8BD;
}





/*サイドコンテンツパピーページ
---------------------------------------------------------------------------*/
#sidepp {
	display: inline;
	float: right;
	width: 300px;	/*サイドコンテンツ(右ブロック)の幅*/
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
}

/*サイドコンテンツ内の見出し設定箇所*/
#sidepp h3 {
	background: #130d13;		/*見出し背景色*/
	letter-spacing: 0.2em;
	text-align: center;			/*文字のセンタリング。左よせでいいならこの1行を丸ごと削除。*/
	font-size: 100%;
	border: 1px solid #2A1C29;	/*見出しの枠線。1pxの直線(solid)を#2A1C29の色で設定。*/
	color: #FFFFFF;				/*文字色を白に*/
}





/*サイドコンテンツ内の「おしらせ」部分パピーページ
---------------------------------------------------------------------------*/
#sidepp dl {
	margin-top: 0.5em;
	margin-bottom: 1em;

}
#sidepp dd {
	border-bottom: 1px dotted #2A1C29;	/*コメントの下に1pxの点線(dotted)を#2A1C29の色で入れる。*/
	padding-left: 1em;	/*コメントの左側に少しだけ空白を設ける。上の日付と同じくしたいなら、この1行を丸ごと削除。*/
}

.jrha {
	width: auto;
}
.migini {
	clip: rect(auto,20px,auto,auto);





}

#photowaku {
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
}



.kaisai {
	font-size: 100%;
	height: 30px;
	width: 463px;
}
.center123 {
	margin-right: auto;
	margin-left: auto;
}



#naka {
	height: 500px;
	width:900px;
	margin-right: auto;
	margin-left: auto;