/* common */

/* -----構造-----*/
div#wrapper_nav_u {
	width: 874px;
	margin: 0 auto 0 auto;
	padding: 32px 0 0;
}

div#wrapper_nav_u .header {
	width: 874px;
	margin: 0 auto;
}
div#wrapper_nav_u .header .left {
	width: 424px;
	margin: 0;
	float:left;
}
div#wrapper_nav_u .header .left h2{
	display:block;
	height: 125px;
	margin-bottom:15px;
	background:url(../Images/line.gif) no-repeat bottom;
}

div#wrapper_nav_u .header .left p.btn{
	display:block;	
	background:url(../Images/line.gif) no-repeat bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}
div#wrapper_nav_u .header .right {
	width: 424px;
	margin: 0;
	float:right;
}
div#wrapper_nav_u .header .right h3 {
	display:block;
	position:absolute;
	left: 25px;
	top: 30px;
}

div#wrapper_nav_u .header .right p.read {
	display:block;
	position:absolute;
	left: 25px;
	top: 144px;
}

div#wrapper_nav_u .header .right p.btn {
	display:block;
	position:absolute;
	left: 205px;
	top: 226px;
}

div#wrapper_nav_u .clum2 {
	background:url(../Images/bg_2clum_main.gif) repeat-y;
}
div#wrapper_nav_u .clum2,
div#wrapper_nav_u .header {
	width: 874px;
	margin:0 0 40px;
	padding:0 !important;
	clear:both;
}
div#wrapper_nav_u .clum2 .left,
div#wrapper_nav_u .clum2 .right,
div#wrapper_nav_u .header .right {
	width: 423px;
	background:url(../Images/aboutpetamap.jpg) no-repeat;
	height: 276px;
	position: relative;
	margin-top: 11px;
}
div#wrapper_nav_u .clum2 p.foot,
div#wrapper_nav_u .header p.foot  {
	clear:both;
	height:12px !important;
	padding:0 !important;
	margin:0 !important;
	line-height:1 !important;
	font-size:1px !important;
}
div#wrapper_nav_u .clum2 p.foot img,
div#wrapper_nav_u .header p.foot img {
	padding:0 !important;
	margin:0 !important;
}
div#wrapper_nav_u .clum2 .left {
	float:left;
}
div#wrapper_nav_u .clum2 .right {
	float:right;
}
div#wrapper_nav_u .header .right .inside {
	padding:0px 22px 0px 22px;
	background:url(../Images/ph_petamap.jpg) no-repeat 202px 0px;
}
div#wrapper_nav_u .clum2 .left .inside {
	padding:0 22px;
	background:url(../Images/ph_nav-u.jpg) no-repeat 240px 0px;
}
div#wrapper_nav_u .clum2 .right .inside {
	padding:0 22px;
	background:url(../Images/ph_nav-u75.jpg) no-repeat 239px 0px;
}
div#wrapper_nav_u .clum2 .left .inside h3 {
	padding:18px 0 30px 9px;
}
div#wrapper_nav_u .clum2 .right .inside h3 {
	padding:18px 0 33px 9px;
}
div#wrapper_nav_u .clum2 .left .inside ul,
div#wrapper_nav_u .clum2 .right .inside ul ,
div#wrapper_nav_u .header .right .inside ul{
	width:380px;
	list-style:none;
}
div#wrapper_nav_u .clum2 .left .inside ul li,
div#wrapper_nav_u .clum2 .right .inside ul li,
div#wrapper_nav_u .header .right .inside ul li {
	width:153px;
	display:block;
	height:13px;
	margin:10px 0px 10px 15px;
	text-align:right;
	float:right;
}


div#contentNavi {
	padding-bottom:35px !important;
}
div#contentNavi h3 {
	padding-bottom:25px !important;
}
div#contentNavi ul.menu {
	width:787px;
	height:187px;
	margin:0 auto;
}
div#contentNavi ul.menu li {
	width:208px;
	height:187px;
	background:url(../Images/icon_stepway.gif) no-repeat 184px 82px;
	float: left; 
}
div#contentNavi ul.menu li.last {
	width:159px;
	background:none;
}
div#wrapper_nav_u h4 {
	margin: 0px 0 10px 0px;
	clear: both;
}






/* -----ヘッダー部分-----*/
div.header h2 {
	margin: 0 0 20px 20px; 
}
div.header .left p {
	margin: 0 0 0 20px;
	text-align: center;
}
div#header_nav_u p.txt02 {
	margin: 30px 0 0 440px; 
}

div.header .left p.new{
	margin:0px 0px 10px 25px;
	vertical-align: top;
	font-size: 105%;
	;
	font-weight: bold;
	background-color: #FFFFCC;
	padding: 10px;
}

div.infobar {
	margin: 10px 0 0 55px;
	padding: 5px 0 5px 8px;
}

div.infobar p.txtImg01 img.txtImg01a {
	margin: 0 10px 3px 0;
}

div.infobar img.txtImg01_navi {
	margin: 0 0px 3px 0;
	float: left;
}
img.txtImg01_navi_head  {
	margin: 0 0px 3px 0;
	float: left;
}
.navi_head {
	margin: 0 0px 0px 0;
	float: left;
}
div#contentNavi { padding-bottom: 40px; }
div#contentNavi h3 { margin-bottom: 15px; }
div.box {
	margin: 0 auto;
	width:760px;
	padding: 0 0 40px 0; 
}



div.box p.pict1 {
	float: left; 
	width: 351px;
	color:#ff3300;
	font-size:10px;
	line-height:1.2 !important;
}
div.box p.pict1 img {
	margin-bottom:5px;
}

div.box .text1 {
	float: right; 
	width: 377px;
	padding-bottom:34px; 
}



div.box div.pict2 {
	float: right; 
	width: 369px; 
}
div.box div.pict2 div {
	padding-bottom:13px; 
}
div.box div.pict2 p {
	color:#ff3300;
	font-size:10px;
	line-height:1.2 !important;
}
div.box div.pict2 p.left {
	float: left; 
	padding: 0 10px 0 0;
}


div.box .text2 {
	float: left; 
	width: 372px; 
	padding-bottom:34px; 
}


div.box div.pict3 {
	float: left; 
	width: 348px;
	padding-bottom:35px;
}
div.box div.pict3 img {
	margin-bottom:5px;
}
div.box div.pict3 p {
	color:#ff3300;
	font-size:10px;
	line-height:1.2 !important;
}



div.box div.pict4 {
	float: right; 
	width: 362px;
	padding-bottom:40px;
}
div.box div.pict4 img {
	margin-bottom:5px;
}
div.box div.pict4 p {
	color:#ff3300;
	font-size:10px;
	line-height:1.2 !important;
}


div.box p.notice {
	text-align:center;
	font-size:10px;
}



p.pagetop_nav_u {
	float: right;
	padding-left: 15px;
	padding-bottom: 20px;
	clear: both;
}
p.subpict1 { padding: 20px 0 14px 0; }


div.subpict2 {
	padding: 20px 0 0 0;
}
div.subpict2 p.left {
	padding: 0 10px 0 0;
	float:left;
}
div.subpict2 p.right {
	padding: 0;
	float:left;
}


p.subpict3 { padding: 20px 0 0 33px; }
p.subpict4 { 
	padding: 20px 0 20px 60px;
	float: left;
	clear: both;
 }
p.note { color: #777777; padding-top: 5px; }

div.next_button {
	margin: 10px auto 5px auto;
	width: 600px;
	clear: both;
}
div.next_button_txt {
	padding: 5px auto 35px 40px;
	margin-top: 10px;
	float: right;
	width: 180px;
	line-height: 1.5;
}
div.next_button_txt p{
	background-repeat: no-repeat;
	line-height: 1.5;
	font-weight: 600;
	padding-left: 20px;
}
.clear:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color: #fff; 
}
/* text properties */
.css5, .css51, .css50 { font-size:14pt; font-family:'MS PGOTHIC', san-serif; }
.css4, .css41, .css40 { font-size:12pt; font-family:'MS PGOTHIC', san-serif; }
.css3, .css31, .css30 { font-size:10pt; font-family:'MS PGOTHIC', san-serif; }
.css2, .css21, .css20 { font-size:9pt; font-family:'MS PGOTHIC', san-serif; }
.css1, .css11, .css10 { font-size:8.5pt; font-family:'MS PGOTHIC', san-serif; }
.css3, .css2 { line-height:1.2; }
.css5, .css4, .css1 { line-height:1.2; }
.css51, .css41, .css31, .css21, .css11 { line-height:1.3; }

/* ssprice format */
strong.prc1  { font-size:10pt; line-height:1.2; font-weight:bold; }
strong.prc2 { font-size:12pt; line-height:1.1; font-weight:bold; }
strong.prc3 { font-weight:normal; }

/* @nav-u  基本設定*/
.flLeft {
	float: left !important;
}

.flRight {
	float: right !important;
}

img.flLeft {
	float: left !important;
	margin-right: 10px;
}

img.flRight {
	float: right !important;
	margin-left: 10px;
}

.alLeft {
	text-align: left !Important;
}

.alCenter {
	text-align: center !Important;
}

.alRight {
	text-align: right !Important;
}

.mb10 {
	margin-bottom: 10px !Important;
}
.mb15 {
	margin-bottom: 15px !Important;
}
.mb20 {
	margin-bottom: 20px !Important;
}
.gray_b {
	color: #405468;
	font-weight: 600;
}
.download_nav_u {
	float: right;
	padding-top: 13px;
}
span.clear_both {
	display: block;
	margin-top: 0;
	font-size: 0.1%;
	line-height: 0.1%;
	overflow: hidden;
	clear: both;
}
.listBdr2 {
	background-color: #ffffff;
	border: 1px solid #a9a8a8;
	margin-bottom:12px;
	padding:12px;
}
.listBdr2tit_imgtitle {
	border-bottom: 1px solid #a9a8a8;
	padding-bottom: 10px;
}


.listBdr2img {
	border:1px solid #e4e4e4;
}

/* @nav-u  囲みお知らせ部分*/
div.listBdr2 #nav_u_info_top {
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
	width: 560px;
	height: 10px;
	text-align: left;
	}
	
div.listBdr2 #nav_u_info_bottom {
	margin: 0px auto 10px auto;
	padding: 0px 0px 13px 0px;
	width: 560px;;
	text-align: left;
	}

div.listBdr2 #nav_u_info_bottom #nav_u_txt1{
	padding: 0px 15px 0px 15px;
}
.listBdr2txt_bg {
	color:#4a4a4a;
	margin:12px 0;
}

.listBdr2txt_bg ul li {
	list-style: none;
	padding-left: 10px;
	margin: 2px 0px 2px 0px;
}
span.bg_link{
	font-weight: 600;
}
span.bg_link a{
	text-decoration: none;
	font-weight: 600;
	color: #fc4c23 !important;
}

span.bg_link a:hover{
	text-decoration: none;
	font-weight: 600;
	color: #006699 !important;
}
span.bg_link a:visited{
}




/* @nav-u  追加：route*/
#route {
	width:874px;
	margin:0px auto 30px auto;
	clear: both;
	border-top: 1px solid #FF9900;
	padding-top: 30px;
}
#route .wrapper{
	margin:0px 15px 15px 15px;
}
#route .imgMyroot{
	float:right;
	margin:0px 15px 0px 15px;
}
#route h4{
	width:100% !important;
	margin:0px 0px 15px 0px !important;
}
#route dl{
	margin:0px 0px 20px 0px !important;
}
#route dt{
	margin: 0px 0px 5px 0px;
}
#route dd{
	margin-bottom:0px !important;
}
#route dd ul{
	margin-left:20px !important;
}
.fred {color:#FF0000}
.mp0 {margin-bottom:0px !important; padding-bottom:0px !important;}
.bannerMyroot{float:right; width:424px; height:70px; background:#FFFFFF; text-align: right}
.fblue {color:#0099cc; font-weight:bold}
.clearboth {clear:both}
.bblue{ border:1px solid #0099cc}
.nav_list {
	font-size:80% !important;
	margin-left:30px !important;
	clear: both;
}

/* myroot news*/
#route .news{
	width:840px;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

#route h2{
	margin-bottom:10px
}

#route .leftArea {
	width:386px;
	float:left;
}

#route .rightArea {
	width:430px;
	float:right;
}

#route .img {
	float:left;
	margin:0 10px 0 0;
}

#route .line01 {
	clear:both;
	width:840px;
	height:40px;
	background:url(../Images/line01.gif) center repeat-x;
}

#route .btn {
	margin-bottom:10px;
	text-align:center;
}

.f11 {font-size:11px !important;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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