@charset "utf-8";
/* ============================================================
	設定リセット
	=========================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	color: #333333;
	background-image: url(/gt-dogsearch/img/body_bg.gif);
	background-repeat: repeat;
	background-position: center top;
}

body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

html>body body { font-size: 12px; }

h1,h2,h3,h4,h5,h6 { font-size: 12px; }

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

ol,ul {	list-style: none; }

address,em,cite { font-style: normal; }

img { border: none; vertical-align: top; }

a { overflow: hidden; text-decoration: none; }

/*==================================================
	共通設定
==================================================*/

/*--------------------------------------------------
	余白
--------------------------------------------------*/

.mgT05 { margin-top: 5px; }
.mgT07 { margin-top: 7px; }
.mgT10 { margin-top: 10px; }
.mgT12 { margin-top: 12px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT34 { margin-top: 34px; }
.mgT35 { margin-top: 35px; }
.mgT40 { margin-top: 40px !important; }


.mgB10 { margin-bottom: 10px; }
.mgB40 { margin-bottom: 40px; }

.mgL10 { margin-left: 10px; }
.mgL55 { margin-left: 55px; }

.pdT10 { padding-top: 10px; }

.pdB07 { padding-bottom: 7px; }
.pdB15 { padding-bottom: 15px; }


/*--------------------------------------------------
	リンクカラー
--------------------------------------------------*/

a:link    { color: #00a0e9; text-decoration: underline; }
a:visited { color: #00a0e9; text-decoration: underline; }
a:hover   { color: #00a0e9; text-decoration: none; }
a:active  { color: #00a0e9; }


/*--------------------------------------------------
	フォントサイズ
--------------------------------------------------*/

.fs10 {	font-size: 10px; }
.fs12 {	font-size: 12px; }
.fs14 {	font-size: 14px; }
.fs16 {	font-size: 16px; }

.bold { font-weight: bold; }


/*--------------------------------------------------
	フォントカラー
--------------------------------------------------*/

.red { color: #e60012; }
.orange { color: #ff6600; }


/*--------------------------------------------------
	位置
--------------------------------------------------*/

.alnR { text-align: right; }
.alnC { text-align: center; }
.alnL { text-align: left; }

.fltR { float: right; }
.fltL { float: left; }


/*--------------------------------------------------
	float解除
--------------------------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clear {
	overflow: hidden;
	display: block !important;
	display: inline-block;
}

.both { clear: both; }


/*--------------------------------------------------
	ロールオーバー
--------------------------------------------------*/

.rollover a { display: block; }
.rollover a:hover img { visibility: hidden; }
.rollover a:hover { background-color: transparent; }


/*==================================================
	レイアウト
==================================================*/
/* wrap ----------------------------------------- */
#wrap {
	width: 878px;
	margin:0 auto;
	clear: both;
}
/* header --------------------------------------- */
#head {
	width: 850px;
	height: 86px;
	margin-left: 15px;
	margin-right: 13px;
	background: url(/gt-dogsearch/img/header_bg.gif) no-repeat left top;
	position: relative;
	clear: both;
}
#head .logo {
	width: 230px;
	height: 60px;
	position: absolute;
	left: 10px;
	top: 0px;
}
#head .tel {
	width: 356px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: 246px;
	clear: both;
}
#head .mail {
	background: url(/gt-dogsearch/img/head_mail.gif) top left no-repeat;
	width: 155px; /* 211px */
	height: 12px; /* 18px */
	padding-top: 6px;
	padding-left: 106px;
	line-height: 12px;
	position: absolute;
	top: 43px;
	left: 246px;
	clear: both;
	text-align: left;
}
/* footer --------------------------------------- */
#footer {
	width: 878px;
	height: 114px;
	background: url(/gt-dogsearch/img/footer_bg.gif) no-repeat left top;
	position: relative;
	clear: both;
}
#footer .logo {
	width: 88px;
	height: 31px;
	position: absolute;
	top: 19px;
	left: 30px;
}
#footer .copy {
	position: absolute;
	top: 19px;
	left: 133px;
	color: #5a3404;
	text-align: left;
	line-height: 1.5;
	font-size: 10px;
}
/* contents --------------------------------------- */
#contents {
	width: 878px;
	background: url(/gt-dogsearch/img/contents_bg.gif) repeat-y left top;
	clear: both;
}

/* contents --------------------------------------- */
#contents .box01 {
	background: url(/gt-dogsearch/img/img_02.jpg) no-repeat 0px 518px;
	width: 878px;
	height: 1336px;
	position: relative;
	clear: both;
}
#contents .box01 a {
	display: block;
	width: 335px;
	height: 94px;
	position: absolute;
	top: 420px;
	right: 36px;
}
#contents .box01 h1 {
	background: url(/gt-dogsearch/img/img_01.jpg) no-repeat top left;
	width: 878px;
	height: 518px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#contents .box01 h2 {
	background: url(/gt-dogsearch/img/txt_03.gif) no-repeat top left;
	width: 418px;
	height: 48px;
	text-indent: -9999px;
	position: absolute;
	right: 145px;
	top: 601px;
}
#contents .box01 h3 {
	background: url(/gt-dogsearch/img/txt_02.gif) no-repeat top left;
	width: 400px;
	height: 43px;
	text-indent: -9999px;
	position: absolute;
	right: 93px;
	top: 942px;
}
#contents .box01 .pic01 {
	position: absolute;
	top: 718px;
	left:125px;
}
#contents .box01 .pic02 {
	position: absolute;
	left: 85px;
	bottom: 72px;
}
#contents .box01 .txtBox01 {
	width: 400px;
	position: absolute;
	top: 994px;
	left: 386px;
}
#contents .box01 .txtBox01 p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}
#contents .box01 .txtBox02 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	position: absolute;
	top: 836px;
	left: 360px;
}
	
#contents .box01 .txtBox03 {
	width: 242px;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
	position: absolute;
	top: 927px;
	left: 95px;
}
#contents .box01 .movie {
	height: 200px;
	width: 250px;
	position: absolute;
	left: 516px;
	top: 711px;
	background: #000000;
}

	
#contents .box02 {
	background: url(/gt-dogsearch/img/img_04.jpg) no-repeat 0px 125px;
	width: 771px;
	height: 773px;
	margin: 0 auto;
	position: relative;
	clear: both;
}
#contents .box02 h2 {
	background: url(/gt-dogsearch/img/img_03.jpg) no-repeat top left;
	width: 771px;
	height: 125px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#contents .box02 h3.h3_01 {
	background: url(/gt-dogsearch/img/txt_04.gif) no-repeat top left;
	width: 199px;
	text-indent: -9999px;
	position: absolute;
	top: 169px;
	left: 128px;
	height: 36px;
}
#contents .box02 h3.h3_02 {
	background: url(/gt-dogsearch/img/txt_05.gif) no-repeat top left;
	width: 183px;
	height: 36px;
	text-indent: -9999px;
	position: absolute;
	top: 169px;
	right: 108px;
}
#contents .box02 h3.h3_03 {
	background: url(/gt-dogsearch/img/txt_06.gif) no-repeat top left;
	width: 199px;
	height: 36px;
	text-indent: -9999px;
	position: absolute;
	top: 364px;
	left: 128px;
}
#contents .box02 h3.h3_04 {
	background: url(/gt-dogsearch/img/txt_07.gif) no-repeat top left;
	width: 212px;
	height: 36px;
	text-indent: -9999px;
	position: absolute;
	top: 364px;
	right: 79px;
}
#contents .box02 h3.h3_05 {
	background: url(/gt-dogsearch/img/txt_08.gif) no-repeat top left;
	width: 237px;
	height: 35px;
	text-indent: -9999px;
	position: absolute;
	top: 583px;
	left: 128px;
}
#contents .box02 h3.h3_06 {
	background: url(/gt-dogsearch/img/txt_09.gif) no-repeat top left;
	width: 212px;
	height: 35px;
	text-indent: -9999px;
	position: absolute;
	top: 583px;
	right: 80px;
}
#contents .box02 .shortBox01 {
	width: 282px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	left: 70px;
	top: 239px;
}
#contents .box02 .shortBox02 {
	width: 282px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	right: 70px;
	top: 239px;
}
#contents .box02 .shortBox03 {
	width: 282px;
	height: 103px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	left: 70px;
	top: 434px;
}
#contents .box02 .shortBox04 {
	width: 282px;
	height: 103px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	right: 70px;
	top: 434px;
}
#contents .box02 .shortBox04 strong { color: #cc0000; }
#contents .box02 .shortBox05 {
	width: 282px;
	height: 76px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	left: 70px;
	top: 650px;
}
#contents .box02 .shortBox06 {
	width: 282px;
	height: 76px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	right: 70px;
	top: 650px;
}
#contents .box03 {
	width: 878px;
	height: 482px;
	margin: 0;
	clear: both;
}
#contents .box03 p strong {
	display: block;
	width: 878px;
	height: 299px;
	background: url(/gt-dogsearch/img/img_05.jpg) no-repeat top left;
	text-indent: -9999px;
	clear: both;
}
#contents .box03 h2 {
	background: url(/gt-dogsearch/img/img_06.jpg) no-repeat top left;
	width: 878px;
	height: 183px;
	margin-left: 55px;
	text-indent: -9999px;
}
#contents .box04 {
	background: url(/gt-dogsearch/img/img_08.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 274px;
	position: relative;
	clear: both;
}
#contents .box04 a {
	display: block;
	width: 329px;
	height: 106px;
	position: absolute;
	top: 130px;
	left: 276px;
}
#contents .box05 {
	width: 878px;
	font-size: 12px;
	line-height: 1.6;
	clear: both;
}
#contents .box05  strong { color: #e60012; }
#contents .box05 h2 {
	background: url(/gt-dogsearch/img/img_09.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 193px;
	clear: both;
	text-indent: -9999px;
}
#contents .box05 .shortBox01 {
	background: url(/gt-dogsearch/img/img_10.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 421px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox02 {
	background: url(/gt-dogsearch/img/img_11.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 334px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox03 {
	background: url(/gt-dogsearch/img/img_12.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 422px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox04 {
	background: url(/gt-dogsearch/img/img_13.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 407px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox05 {
	background: url(/gt-dogsearch/img/img_14.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 349px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox06 {
	background: url(/gt-dogsearch/img/img_15.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 409px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox07 {
	background: url(/gt-dogsearch/img/img_16.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 395px;
	text-align: left;
	position: relative;
	clear: both;
}
#contents .box05 .shortBox01 h3 {
	background: url(/gt-dogsearch/img/txt_10.gif) no-repeat top left;
	width: 477px;
	height: 99px;
	position: absolute;
	top: 15px;
	left: 228px;
	text-indent: -9999px;
}
#contents .box05 .shortBox02 h3 {
	background: url(/gt-dogsearch/img/txt_11.jpg) no-repeat top left;
	width: 396px;
	height: 70px;
	position: absolute;
	top: 30px;
	left: 233px;
	text-indent: -9999px;
}
#contents .box05 .shortBox03 h3 {
	background: url(/gt-dogsearch/img/txt_12.gif) no-repeat top left;
	width: 356px;
	height: 99px;
	position: absolute;
	top: 31px;
	left: 233px;
	text-indent: -9999px;
}
#contents .box05 .shortBox04 h3 {
	background: url(/gt-dogsearch/img/txt_13.gif) no-repeat top left;
	width: 318px;
	height: 100px;
	position: absolute;
	top: 31px;
	left: 233px;
	text-indent: -9999px;
}
#contents .box05 .shortBox05 h3 {
	background: url(/gt-dogsearch/img/txt_14.gif) no-repeat top left;
	width: 292px;
	height: 66px;
	position: absolute;
	top: 29px;
	left: 233px;
	text-indent: -9999px;
}
#contents .box05 .shortBox06 h3 {
	background: url(/gt-dogsearch/img/txt_15.jpg) no-repeat top left;
	width: 434px;
	height: 62px;
	position: absolute;
	top: 30px;
	left: 233px;
	text-indent: -9999px;
}
#contents .box05 .shortBox07 h3 {
	background: url(/gt-dogsearch/img/txt_16.gif) no-repeat top left;
	width: 358px;
	height: 99px;
	position: absolute;
	top: 32px;
	left: 233px;
	text-indent: -9999px;
}
#contents .box05 .shortBox01 div {
	width: 429px;
	height: 191px;
	position: absolute;
	top: 185px;
	left: 164px;
	text-align: left;
}
#contents .box05 .shortBox02 div {
	width: 348px;
	height: 111px;
	position: absolute;
	top: 169px;
	left: 166px;
	text-align: left;
}
#contents .box05 .shortBox03 div {
	width: 368px;
	height: 164px;
	position: absolute;
	top: 199px;
	left: 165px;
	text-align: left;
}
#contents .box05 .shortBox04 div {
	width: 367px;
	height: 156px;
	position: absolute;
	top: 200px;
	left: 167px;
	text-align: left;
}
#contents .box05 .shortBox05 div {
	width: 360px;
	height: 133px;
	position: absolute;
	top: 165px;
	left: 165px;
	text-align: left;
}
#contents .box05 .shortBox06 div {
	width: 427px;
	height: 194px;
	position: absolute;
	top: 163px;
	left: 167px;
	text-align: left;
}
#contents .box05 .shortBox07 div {
	width: 372px;
	height: 110px;
	position: absolute;
	top: 200px;
	left: 164px;
	text-align: left;
}
#contents .box06 {
	width: 878px;
	height: 554px;
	clear: both;
}
#contents .box06 p strong {
	display: block;
	width: 878px;
	height: 554px;
	background: url(/gt-dogsearch/img/img_17.jpg) no-repeat 15px 0px;
	text-indent: -9999px;
	clear: both;
}
#contents .box07 {
	width: 878px;
	height: 321px;
	position: relative;
	clear: both;
}
#contents .box07 p strong {
	display: block;
	width: 878px;
	height: 321px;
	background: url(/gt-dogsearch/img/img_18.jpg) no-repeat 15px 0px;
	text-indent: -9999px;
	clear: both;
}
#contents .box07 span {
	font-size: 12px;
	text-align: left;
	position: absolute;
	top: 261px;
	left: 144px;
}
#contents .box08 {
	background: url(/gt-dogsearch/img/img_07.jpg) no-repeat 55px 0px;
	width: 878px;
	height: 396px;
	position: relative;
	clear: both;
}
#contents .box08 ul { display: none; }
#contents .box08 span {
	color: #401010;
	font-size: 12px;
	text-align: left;
	position: absolute;
	bottom: 55px;
	left : 268px;
}
#contents #form {
	width: 878px;
	padding-top: 40px;
	padding-bottom: 60px;
	clear: both;
}



/*--------------------------------------------------
	フォームTable
--------------------------------------------------*/
table {
	font-size: 100% ;
}

table.sample {
	width: 688px ;
	margin: 5px 970px 5px 97px ;
	border: none;
	border-collapse: collapse;
}

table.sample th {
	padding: 0.5em ;
	font-weight: normal ;
	white-space: nowrap ;
	vertical-align : top ;
	height :40px;
	background : #fff url("/gt-dogsearch/img/th.png") repeat-x ;
	border : 1px solid #d8d8d8 ;
	
}

table.sample td {
	padding: 0.5em ;
	vertical-align : top ;
	border : 1px solid #d8d8d8 ;
	line-height : 1.5!important ;
	text-align : justify ;

}