/*-----------------------------------------------
 reset
-----------------------------------------------*/

* {
	margin: 					0;
	padding: 					0;
	list-style: 				none;
}

* html .iepngfix {
	behavior:url(iepngfix.htc);
}

body{
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:						0 auto;
	text-align: 				center;
	border: 					0px;
	font-size:					10pt;
	color:						#333;
	background:					url(img/bg.jpg);
}

h1 {
	margin:						0 11px;
	line-height:				0;
}

h2 {
	margin:						0 0 3px;
	line-height:				0;
}

h3 {
	margin:						0 0 5px 25px;
	padding:					20px 0 0;
	line-height:				0;
}

form{
	margin:						0px;
	padding:					0px;
	border:						0px;
}

p {
	line-height:				1.5em;
	margin:						0;
	font-size:					10pt;
}

table {
	line-height:				1.4em;
	font-size:					10pt;
}

td,th {
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img {
	border:						0;
}

.clear {
	clear:						both;
}

br.clear {
	height:						0;
}


/*-----------------------------------------------
 link
-----------------------------------------------*/

a {
	text-decoration: none;
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}



/*-----------------------------------------------
 container
-----------------------------------------------*/

#container {
	width:						100%;
	text-align: 				center;
	padding:					0px;
	margin:						0px auto;
	background:					url(img/bg_side.jpg) top repeat-x;
}

#wrapper {
	width:						860px;
	text-align: 				center;
	padding:					0px;
	margin:						0px auto;
	background:					url(img/bg_bottom2.jpg) top repeat-y;
}

#header {
	width: 						860px;
	height:						558px;
	margin:						0;
	background:					url(img/bg_top.jpg) top no-repeat;
	text-align: 				left;
}

#header1 {
	width: 						860px;
	padding:					0 0 25px;
	background:					url(img/bg_top1.jpg) top no-repeat;
	text-align: 				left;
}

#contentsbody {
	margin:						5px 55px;
}

#contentsbody h2 {
	background:url(images/h2/h2_tex_ol.png) no-repeat;
	line-height:50px;
	font-size:20px;
	font-weight:bold;
	color:#FF3366;
	text-indent:40px;
	margin-bottom:10px;
}

#contentsbody h3 {
	font-size:20px;
	line-height:1.5em;
	font-weight:bold;
	color:#FF3366;
	text-indent:0;
	padding:0;
	margin:0;
}

#contentsbody h4 {
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	color:#FF3366;
	text-indent:0;
	padding:0;
	margin:0;
}

#contents {
	width: 						860px;
	margin:						0;
	padding:					0 0 25px;
	background:					url(img/bg_bottom2.jpg) top repeat-y;
	text-align: 				left;
}

#contents p {
	margin:						5px 55px;
}

#footer {
	width:						860px;
	height:						75px;
	background:					url(img/fotter.jpg) top repeat-y;
}



/*-----------------------------------------------
 menu
-----------------------------------------------*/

ul#menu{
	position:					relative;
	width:						838px;
	height:						65px;
	list-style:					none;
	overflow:					hidden;
	padding:					0px;
	margin:						0 11px 15px;
	top:						0px;
}

ul#menu li a{
	position:					absolute;
	height:						65px;
	overflow:					hidden;
	padding:					65px 0px 0px 0px;
	text-decoration:			none;
	top:						0px;
}

ul#menu1{
	position:					relative;
	width:						838px;
	height:						65px;
	list-style:					none;
	overflow:					hidden;
	padding:					0px;
	margin:						0 11px 5px;
	top:						0px;
}

ul#menu1 li a{
	position:					absolute;
	height:						65px;
	overflow:					hidden;
	padding:					65px 0px 0px 0px;
	text-decoration:			none;
	top:						0px;
}

li#m1 a{ 
	background: transparent url(img/m1.jpg) top left no-repeat;
	width: 145px;
	left: 0px;
}
li#m2 a{ 
	background: transparent url(img/m2.jpg) top left no-repeat;
	width: 135px;
	left: 145px;
}
li#m3 a{ 
	background: transparent url(img/m3.jpg) top left no-repeat;
	width: 135px;
	left: 280px;
}
li#m4 a{ 
	background: transparent url(img/m4.jpg) top left no-repeat;
	width: 135px;
	left: 415px;
}
li#m5 a{ 
	background: transparent url(img/m5.jpg) top left no-repeat;
	width: 140px;
	left: 555px;
}
li#m6 a{ 
	background: transparent url(img/m6.jpg) top left no-repeat;
	width: 148px;
	left: 695px;
}

body.m1 li#m1 a{ 
	background: transparent url(img/m1.jpg) top left no-repeat;
	width: 145px;
	left: 0px;
	background-position: 0px -70px;
}
body.m2 li#m2 a{ 
	background: transparent url(img/m2.jpg) top left no-repeat;
	width: 135px;
	left: 145px;
	background-position: 0px -70px;
}
body.m3 li#m3 a{ 
	background: transparent url(img/m3.jpg) top left no-repeat;
	width: 135px;
	left: 280px;
	background-position: 0px -70px;
}
body.m4 li#m4 a{ 
	background: transparent url(img/m4.jpg) top left no-repeat;
	width: 135px;
	left: 415px;
	background-position: 0px -70px;
}
body.m5 li#m5 a{ 
	background: transparent url(img/m5.jpg) top left no-repeat;
	width: 140px;
	left: 555px;
	background-position: 0px -70px;
}
body.m6 li#m6 a{ 
	background: transparent url(img/m6.jpg) top left no-repeat;
	width: 148px;
	left: 695px;
	background-position: 0px -70px;
}

li#m1 a:hover, 
li#m2 a:hover, 
li#m3 a:hover, 
li#m4 a:hover, 
li#m5 a:hover, 
li#m6 a:hover{ 
	background-position: 0px -70px;
}



/*-----------------------------------------------
 contents
-----------------------------------------------*/

#sp1 {
	padding:					0 42px 0 32px;
	clear:						both;
}

.sp2 {
	margin:						0;
	padding:					0;
}

#play {
	width:						420px;
	margin:						0;
	float:						left;
}

#play h2 {
	font-size:18px;
	font-weight:bold;
	line-height:1.3em;
	color:#FF9900;
}

.topnews {
	width:398px;
	border:1px #999999 solid;
	background-color:#ffffff;
	padding:10px;
	opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-bottom:20px;
}

.topevents {
	width:398px;
	border:1px #999999 solid;
	background-color:#ffffff;
	padding:10px;
	opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.topevents .eventtitle {
	font-weight:bold;
	color:#FF3399;
	border-bottom:#cccccc 1px solid;
}

#info {
	width:						340px;
	margin:						0;
	text-align:					left;
	float:						right;
}

#info .dogphoto {
	padding:33px 0 0 37px;
	width:303px;
	height:222px;
	background:url(img/photoframe.jpg) no-repeat left top;
}

#info .dogphoto img {
	display:block;
	border:none;
}


table#info_in {
	margin:					 	0 0 17px 2.1em;
	text-align:					left;
}

#info_in th {
	width:						80px;
	font-weight: 				normal;
	color:						#669900;
}

#pic {
	width:840px;
	float:left;
	display:inline;
	padding:20px 0 30px 30px;
	zoom:1;
}

#pic .photo {
	width:148px;
	height:101px;
	margin:0 15px 15px 0; 
	float:left;
	display:inline;
	overflow:hidden;
	background-color:#ffffff;
}

#pic .photo img {
	display:block;
	margin:4px;
}


#pic .lastcolumn {
	margin:0 0 15px 0; 
}


.list1 {
	margin:						5px 0 15px;
}

.list1 li {
	margin:						5px 60px;
	list-style-type:			disc;
	list-style-position:		inside;
}

.t01{
	font-weight:				bold;
	color:						#ff0000;
}

.pan {
	font-size:					8pt;
	color:						#3080AB;
	margin:						0 55px;
}

.pan a {
	font-size:					8pt;
	color:						#3080AB;
}

.margin {
	margin-bottom:				20px;
}

.margin2 {
	margin-bottom:				20px;
	border:						1px solid #666;
}

.item {
	border:#cccccc 1px solid;
	padding:10px;
	margin-bottom:20px;
}

.floatleft { float:left; }
.floatright { float:right; }

.fontsmall {
	color: #3080AB;
	font-size:9px;
	line-height:1.3em;
}



/*-----------------------------------------------
 second
-----------------------------------------------*/

#dog{
	background:					url(img/dog.png) top no-repeat;
	width:						750px;
	height:						305px;
	padding:					0;
	margin:						0;
	behavior:					url(iepngfix.htc);
}

#dog_p{
	width:						220px;
	vertical-align:				middle;
	text-align:					center;
	padding:					0 38px 0 33px;
	margin:						50px 0 20px;
	float:						left;
	overflow: hidden;
}

.dog_b{
	border:						1px solid #C69E00;
	padding: 1px;
}

#box_cover{
	width:						246px;
	margin:						26px 0 20px;
	line-height:				0;
	float:						left;
}

#box1{
	background:					url(img/dog_t2.gif) repeat-y;
	width:						246px;
	line-height:				0;
}

#box2{
	background:					url(img/dog_t1.gif) top no-repeat;
	width:						246px;
	line-height:				0;
}

table#dog_in {
	margin:					 	10px 12px 0;
	text-align:					left;
	color:						#990000;
}

#dog_in th {
	white-space:				nowrap;
	padding:					0 0 0 3px;
	font-weight: 				normal;
	vertical-align:				top;
}

#dog_sp {
	padding:					0 0 0 3px;
	height:						90px;
	overflow:					auto;
}

#login{
	width:						165px;
	margin:						75px 0 0;
	padding:					0 0 0 35px;
	float:						left;
}

.login_t{
	color:						#666600;
}

.c{
	text-align:					center;
}

#pro_auto{
	width:						720px;
	margin:						0;
	padding:					0 15px;
}

.pro{
	width:						220px;
	margin:						20px 0 0;
	padding:					0 10px;
	float:						left;
}

.pro_in{
	width:						202px;
	padding:					9px;
	background:					url(img/dog_bg.gif);
	text-align:					left;
	height: 180px;
	overflow: hidden;
}

.proimage {
	width:200px;
	height:150px;
	overflow:hidden;
	border:1px solid #cccccc;
	background-color: #ffffff;
}

.proimage img {
	display:block;
}

.sp3{
	margin: 8px 10px 5px;
	text-align: center;
}


/*-----------------------------------------------
 footer
-----------------------------------------------*/

.t02{
	font-size:					10pt;
	color:						#ffffff;
	padding:					12px 0 0;
}

.t02 a {
	text-decoration:			none;
	color:						#ffffff;
}

.t02 a:hover {
	text-decoration:			underline;
	color:						#ffffff;
}

.t02 a:active {
	text-decoration:			underline;
	color:						#ffffff;
}

.t03{
	font-size:					8pt;
	color:						#63c600;
}

.t03 a {
	text-decoration:			none;
	color:						#63c600;
}

.t03 a:hover {
	text-decoration:			underline;
	color:						#63c600;
}

.t03 a:active {
	text-decoration:			underline;
	color:						#63c600;
}

.t04 {
	font-size:7pt;
}