@charset "utf-8";





p {
  word-wrap: break-word;
}

img {
  display:inline;
  -ms-interpolation-mode: bicubic;
}


.pc { display: block; }
.sp { display: none; }

/* ---------------------------------------------------
	ハイパーテキスト
---------------------------------------------------- */
a {
	color:#35a200;
  text-decoration:underline;
}

a:hover {
	color:#ff6600;
	text-decoration:underline;
}





/* ----------------------------------------------------
	基本テキスト
---------------------------------------------------- */
body {
	color:#666;
}
	
	body table {
		_color:#666;
	}

p {
}

em {
	font-weight:bold;
}

label {
	margin-left:5px;
}

.fwb { font-weight: bold; }



/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.clearfix,
.content_inner {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.content_inner:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	メインレイアウト
---------------------------------------------------- */
body {
	text-align:center;
  background:#8cfda6 url(../images/bg_body.png) repeat-x top left;
}
  
	.wrapper {
		width:1050px;
		margin:0 auto;
		text-align:left;
    background:url(../images/bg_wrapper.png) no-repeat top center;
	}
	.w_short {
		background:url(../images/bg_wrapperShort.png) no-repeat top center;
	}
    
  	.wrapper_inner {
  		width:820px;
  		margin:0 auto;
  		text-align:left;
  	}
		  
  		.content {
  			margin-bottom:1em;
  		}
        
    		.content_inner {
    			background:#feffe8;
          border:2px solid #a4f13f;
          padding:12px;
    		}

.leftColumn {
	float:left;
	width: 165px;
}
	.leftColumn ul.sNav li {
		margin-bottom: 2px;
	}
	.leftColumn ul.sNav li a {
		background: url(../images/sNav_li.png) no-repeat;
		color: #666;
		display: block;
		font-weight: bold;
		padding: 15px 10px;
		text-decoration: none;
	}
		.leftColumn ul.sNav li a:hover {
			background: url(../images/sNav_li_over.png) no-repeat;
			color: #fff;
		}
	.leftColumn ul.sNav li.current a {
		background: url(../images/sNav_li_over.png) no-repeat;
		color: #fff;
	}

.rightColumn {
	float:right;
	width: 615px;
}
	.rightColumn .rightColumn_inner {
		padding: 10px 10px 20px 10px;
	}

.content_inner .block {
  margin-bottom:10px;
  padding:0 13px 20px;
}
	.content_inner .block .block_inner {
		padding:10px 10px 20px;
	}

.bottomNav {
}
	.bottomNav ul.sNav li {
  	float:left;
  	width: 146px;
    margin-bottom: 10px;
		margin-right: 7px;
	}
	.bottomNav ul.sNav li.end {
		margin-right: 0;
	}
	.bottomNav ul.sNav li a {
		background: url(../images/sNav_li.png) no-repeat;
		color: #666;
    border: 1px solid #a8a8a8;
		display: block;
		font-weight: bold;
		padding: 10px 5px;
		text-decoration: none;
	}
  
	.bottomNav ul.sNav li a:hover {
		background: url(../images/sNav_li_over.png) no-repeat;
		color: #fff;
	}
	.bottomNav ul.sNav li.current a {
		background: url(../images/sNav_li_over.png) no-repeat;
		color: #fff;
	}

/* ----------------------------------------------------
	ヘッダー
---------------------------------------------------- */
.header {
	width:100%;
	height:110px;
	position:relative;
}
	
	.header .siteLogo {
		position:absolute;
		top:20px;
		left:0px;
	}
	
	.header h1 {
		position:absolute;
		top:20px;
		left:160px;
	}
	
  .gNav {
  	padding-bottom:25px;
  		position:absolute;
  		top:53px;
  		left:160px;
  }
  	
  	.gNav li {
  		float:left;
  	}
      
    	.gNav li img {
    		vertical-align:top;
    	}




/* ----------------------------------------------------
	フッター
---------------------------------------------------- */
.footer {
	background: url(../images/bg_footer.png) repeat-x top left;
	height: 253px;
}
.footer_inner {
	background: url(../images/bg_footerCont.png) no-repeat top center;
	width: 820px;
	margin: 0 auto;
	height: 109px;
	padding-top: 110px;
}
.footerNav {
	position: relative;
	overflow: hidden;
	margin-top: 5px;
}
.footerNav ul {
	position: relative;
	left: 50%;
	float: left;
}
.footerNav li {
	float: left;
	padding: 0 1em;
	position: relative;
	left: -50%;
}
.footerNav li + li {
	border-left: 1px solid #fff;
}
.footerNav li a {
	color: #fff;
	text-decoration: none;
}
.footerNav li a:hover {
	color: #ff6600;
	text-decoration: underline;
}
.footerNav li.end {
	border: none;
}
.footer .footerCopy {
	clear: both;
	float: left;
	color: #fff;
}
.footer .footerCopy + ul {
	left: unset;
	float:right;
}

.footer .footerCopy + ul li {
	font-size: 100%;
	left: unset;
}
.footer .footerCopy, .footer .footerCopy + ul li {
	margin-top: 5px;
}

.footerNav .logo_footer + ul {
	left: unset;
	float:right;
}

.footerNav .logo_footer + ul li {
	left: unset;
}

.footerNav .logo_footer li {
	border: 0;
	margin-bottom: 15px;
	padding: 0;
	width: 100px;
	line-height: 1;
}
.footerNav .logo_footer li span {
	display: block;
	font-size: 11px;
}
.footerNav .logo_footer li a img {
	width: 50px;
	margin-bottom: 8px;
}


/* ----------------------------------------------------
	フラッシュエリア
---------------------------------------------------- */
#flashArea {
	margin-bottom: 1em;
	background: #feffe8;
	height: 250px;
	overflow: hidden;
}
#flashArea ul#flashAreaNav, #flashArea .flashAreaMain {
	float: right;
}
#flashArea ul#flashAreaNav li img {
	vertical-align: bottom;
}

#flashArea ul#flashAreaNav {
	width: 220px;
}
#flashArea .flashAreaMain {
	width: 600px;
	overflow:hidden;
}
	*html #flashArea .flashAreaMain {
		width: 597px;
	}



/* ----------------------------------------------------
	パンくずリスト
---------------------------------------------------- */
.breadCrumb {
  margin-bottom:12px;
}
	.breadCrumb ol li {
		display: inline;
	}
	.breadCrumb ol li a {
		background: url(../images/breadCrumb.png) right center no-repeat;
		padding-right: 10px;
	}





/* ----------------------------------------------------
	ライブラリ
---------------------------------------------------- */
/* ページの先頭へリンク */
.linktoTop {
  clear:both;
}
  
  .linktoTop p {
    text-align:right;
  }
  
  .linktoTop img {
    vertical-align:top;
  }
  
/* ----------------------------------------------------
	デフォルトデザインテーブル
---------------------------------------------------- */
table.dTable {
	border-top: 1px dotted #ddd;
	width: 100%;
}
	table.dTable th, table.dTable td {
		padding: 8px;
		border-bottom: 1px dotted #ddd;
	}
	table.dTable th {
		background: #ebffc4;
		font-weight: normal;
		vertical-align: top;
	}
	table.dTable td {
		background: #fff;
	}

/* ----------------------------------------------------
	list-type付 ol
---------------------------------------------------- */
ol.txt_ol {
	list-style-type: decimal;
	margin-left: 25px;
}
	ol.txt_ol li {
		margin-bottom: 20px;
	}
	
/* ----------------------------------------------------
	list-type付 ul
---------------------------------------------------- */
ul.txt_ul {
	list-style-type: circle;
	margin-left: 17px;
}
	ul.txt_ul li {
		margin-bottom: 10px;
	}

/* ----------------------------------------------------
	indent付 list
---------------------------------------------------- */
.list_indent li {
	margin: 0 0 5px 17px;
	text-indent: -1.5em;
}
	.list_indent li a {
		text-indent: 0;
	}

/* ---------------------------------------------------
	box用 共通dl
---------------------------------------------------- */
dl.boxDl {
}
	dl.boxDl dt {
		clear: both;
		float: left;
		width: 3.5em;
		text-align: right;
	}
	dl.boxDl dd {
		margin-bottom: 5px;
		margin-left: 4em;
	}

/* ---------------------------------------------------
	info用 共通dl
---------------------------------------------------- */
dl.infoDl {
}
	dl.infoDl dt {
		font-weight: bold;
	}
	dl.infoDl dd {
		margin: 0 0 10px 15px;
	}

/* ----------------------------------------------------
	資料請求ボタン用 共通class
---------------------------------------------------- */
.box_inquiry {
  width:595px;
	background: #fff9b4;
	border: 3px solid #ff8400;
	clear: both;
	margin: 15px auto;
	padding-top: 10px;
	text-align: center;
}
.box_inquiry p {
	margin-bottom: 10px;
	text-align: center;
}

/* ----------------------------------------------------
	用語集・ペット保険とは他 box用共通class
---------------------------------------------------- */
.box {
	float: left;
	margin-top: 15px;
	width: 49%;
}
	.box p {
		margin-bottom: 10px;
	}
	.box .box_photo {
		float: left;
		width: 148px;
	}
	.box .box_txt {
		float: right;
		line-height: 1.2;
		width: 200px;
		position: relative;
	}
		.box .box_txt p {
			margin: 0;
		}
		.box .box_txt .notice {
			background: #fff;
			border: 3px solid #ffd28e;
			color: #f90;
			font-size: 120%;
			font-weight: bolder;
			padding: 5px 10px;
		}
		.box .box_txt .notice em {
			font-size: 175%;
		}

/* ----------------------------------------------------
	404/403/500
---------------------------------------------------- */
.error435 {
	margin: 50px 0;
	text-align: center;
}
	.error435 p {
		margin-bottom: 10px;
		text-align: center;
	}