/* --------------------------------- */
/* 初期設定                          */
/* --------------------------------- */
 
*{
	margin  : 0px;
	padding : 0px;
}



html{
	direction: ltr;
	border   : 0px;
}

body {
}

address,blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,map,p,pre {
	display  : block;
}

code, pre, samp, var, kbd, input, select, textarea{
	font-family : "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
}

img {
	border: 0px;
}
#flash { margin-bottom: 2px; }


ul  { list-style-type: none; }

table {
	border-collapse: collapse;
	font-weight: normal;
	/* border-collapse: separate; */
}

input, select, textarea{
	font-size: 12px;
}

a:link{
	color: #333333;
}
a:visited{
	color: #333333;
}
a:hover {
	color           : #000000;
	text-decoration : none;
}
a:active {
	color           : #000000;
	text-decoration : none;
}



.c-both { clear      : both;  }

.left   { text-align : left;  }

.right  { text-align : right; }

.center { text-align : center;}

.larger { font-size  : 16px; }

.taller { line-height: 30px; }

.blue   { color      : #0000ff; }
.red    { color      : #ff0000; }

.smaller{ font-size  : 90%; }

.none   { display    :none;   }

.float-left  { float  : left;  }

.float-right { float  : right; }

.red {
	color  : red;
}

body {
	margin          : 0px;
	padding         : 0px;
	background-color: #CCCCCC;
}
br {
	clear           : both;
}

/* --------------------------------- */
/* 初期設定 End                      */
/* --------------------------------- */





#body {
	margin: 0px auto 0px auto;
	width:1000px;
	background-color    : #ffffff;
}

/* --------------------------------- */
/* header                            */
/* --------------------------------- */

#header {

}

#header h1 {
	text-align   : center;
	margin       :  0px;
	font-size    : 12px;
	background-color: #333333;
	color        : #cccccc;
	width        : 1000px;
}
#header ul { margin       : 0px 0px 0px 4px; 
}
#header li {
	float        : left;
	margin       : 0px 1px;
}
#header li a {
	width        : 163px;
	height       :  43px;
	text-indent  : -9999px;
	display      : block;
}
#header li.g01 {
	background-image: url(../img/gnavi01.gif);
	background-position: left bottom;
	display: inline;
}
#header .g01 a:hover   {
	background-image: url(../img/gnavi01.gif);
	background-position: left -1px;
}

#header li.g02 {
	background-image: url(../img/gnavi02.gif);
	background-position: left bottom;
}
#header .g02 a:hover   {
	background-image: url(../img/gnavi02.gif);
	background-position: left -1px;
}

#header li.g03 {
	background-image: url(../img/gnavi03.gif);
	background-position: left bottom;
}
#header .g03 a:hover   {
	background-image: url(../img/gnavi03.gif);
	background-position: left -1px;
}

#header li.g04 {
	background-image: url(../img/gnavi04.gif);
	background-position: left bottom;
}
#header .g04 a:hover   {
	background-image: url(../img/gnavi04.gif);
	background-position: left -1px;
}

#header li.g05 {
	background-image: url(../img/gnavi05.gif);
	background-position: left bottom;
}
#header .g05 a:hover   {
	background-image: url(../img/gnavi05.gif);
	background-position: left -1px;
}

#header li.g06 {
	background-image: url(../img/gnavi06.gif);
	background-position: left bottom;
}
#header .g06 a:hover   {
	background-image: url(../img/gnavi06.gif);
	background-position: left -1px;
}



#content {
	background-color : #ffffff;
	clear: both;
}
#content h2#h2-1 {
	background   : url('../img/index-h2-1.jpg') no-repeat;
	width        : 1000px;
	height       :  105px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	position: relative;
}
#content h2#h2-1 span {
	position     : absolute;
	font-size: 12px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 2px;
	width: 394px;
	height: 21px;
	left: 374px;
	top: 19px;
	line-height: 1.2;
}
#content h2 span.s1 {
	top          : 3px;
	left         : 294px;
	color        : #ff3f3f;
	font-size    : 18px;
}
#content h2#h2-1 span.s2 {
	top          : 87px;
	left         : 655px;
	color        : #333333;
	font-size    : 12px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#content h2#h2-1 span.s3 {
	top          : 1px;
	left         : 359px;
	color        : #00000;
	font-size    : 14px;
	font-weight: bold;
}

#content .doglist-frame {
	height       :  610px;
	overflow     : auto;
	background-color: #333333;
	margin-top: -5px;
}
#content .doglist {
	height       :  305px;
	background   : url('../img/index-doglist-bg.jpg') repeat-x;
	width: 327px;
}
#content .doglist .image {
	width        :  300px;
	height       :  265px;
	margin       :  20px 10px 0px 10px;
	background-color : #ffffff;
}
#content .doglist .image .text {
	width        :  220px;
}
#content .doglist .image .text .newup {
	height       : 12px;
	margin-left  : 10px;
}
#content .doglist .image .desc1 {
	color        : #333333;
	font-size    : 14px;
	margin-left  : 10px;
}
#content .doglist .image .desc2 {
	margin-left  : 10px;
	color        : #333333;
	font-size    : 13px;
	font-weight  : bold;
}
#content .doglist .image .desc3 {
	color        : #ff0000;
	font-size    : 15px;
	font-weight  : bold;
}
#toiawase_btn {
	height: 30px;
	width: 80px;
	float: left;
	background-repeat: no-repeat;
	background-position: left -27px;
	background-image: url(../img/detail.gif);
}
#toiawase_btn a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 25px;
	width: 80px;
}
#toiawase_btn a:hover {
	background-image: url(../img/detail.gif);
	background-position: left 1;
}





#content #ad {
	background   : url('../img/index-ad.jpg') no-repeat;
	width        : 985px;
	height       :  295px;
	margin-top: -18px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 15px;
}
#content #ad div {
	width        : 280px;
	margin       : 20px 0px 20px 35px;
	display: inline;
}
#content #ad div p {
	font-size    : 13px;
	color        : #333333;
	margin-top: 15px;
	margin-bottom: 8px;
}

#content #index-comment {
	background-color:#000000;
	width        : 1000px;
	height       : 220px;
	clear        : both;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content #index-comment p#left {
	float        : left;
	color        : #cccccc;
	margin       : 10px 0px 10px 40px;
	font-size    : 12px;
	width        : 600px;
	display      : inline;
}
#content #index-comment p#right {
	float        : left;
	color        : #cccccc;
	margin       : 30px 20px;
	padding      : 15px;
	font-size    : 12px;
	width        : 260px;
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px;
	display      : inline;
}

#footer {
	text-align   : center;
	width        : 1000px;
}
#footer {
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer ul {
	width        : 800px;
	margin-left  : 180px;
}
#footer li {
	float        : left;
	margin       : 10px 5px;
}
#footer li a {
	font-size    : 12px;
}
#footer p {
	clear        : both;
	width        : 1000px;
	border-style : solid none none none;
	border-width : 1px;
	border-color : #000000;
	padding      : 10px 0px;
}

h2 {
	background-image: url(../img/index-h2-1.jpg);
	background-repeat: no-repeat;
	height: 100px;
}
.p1 {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	width: 300px;
	margin-top: 10px;
	margin-left: 340px;
	display: block;
	float: left;
}
.p2 {
	font-size: 26px;
	width: 300px;
	margin-left: 350px;
	line-height: 1.2;
	display: block;
	float: left;
}