@charset "utf-8";
/*
目次
	共通項目
	ボタン共通設定
	ロゴ
	関連カテゴリ
	タイトル
	タブ
	保険詳細枠
	保険データ
	保険チャート
	FPコメント
	保険会社コメント
	下部共通部分
	注意事項
	会社情報
	閉じるボタン
	デジタルパンフレット
	アリコ注意事項部分下線共通
*/





/* =共通項目 ---------------------------------------- */

.item-page .hokende-contents {
	width:800px;
	margin:0 auto;
}

.item-page .hokende-contents a       {color:#00f;}
.item-page .hokende-contents a:hover {color:#f60;}

.item-page .hokende-contents .heading {
	color:#f60;
	font-size:1.3em;
	font-weight:bold;
	margin:5px 0;
	padding-left:12px;
	background:url(/img_new/item/common/triangle.gif) 0 40% no-repeat;
	min-height:10px;
}
.item-page .hokende-contents .sub-heading {
	font-weight:bold;
}

.item-page .hokende-contents hr.area-end {
	clear:both;
	visibility:hidden;
}

.item-page .hokende-contents .annotation {
	font-size:0.8em;
	font-weight:normal;
}
.item-page .hokende-contents .emphasis {
	color:#f33;
	font-weight:bold;
}
.item-page .hokende-contents .semi-emphasis {
	text-decoration:underline;
}


/* =ボタン共通設定 ---------------------------------------- */

.item-page .hokende-contents a.request {
	display:block;
	width:220px;
	height:29px;
	margin:10px auto;
	padding:6px 20px 0 0;
	background:url(/img_new/item/common/btn.png) 0 0 no-repeat;
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.item-page .hokende-contents a.request-net     {background-position:0  -80px;}
.item-page .hokende-contents a.request-reserve {background-position:0 -160px;}
.item-page .hokende-contents a.request-sim     {background-position:0 -240px;}
.item-page .hokende-contents a.request-consul  {background-position:0 -320px;text-indent: 10px;}

.item-page .hokende-contents a:hover.request {
	color:#000;
	background-position:0 -40px;
}
.item-page .hokende-contents a:hover.request-net     {background-position:0 -120px;}
.item-page .hokende-contents a:hover.request-reserve {background-position:0 -200px;}
.item-page .hokende-contents a:hover.request-sim     {background-position:0 -280px;}
.item-page .hokende-contents a:hover.request-consul  {background-position:0 -360px;}

.item-page .hokende-contents a.request-s {
	display:block;
	width:188px;
	height:26px;
	margin:10px auto;
	padding:4px 12px 0 0;
	background:url(/img_new/item/common/btn_s.png) 0 0 no-repeat;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.item-page .hokende-contents a:hover.request-s {
	color:#000;
	background-position:0 -30px;
}

/* タブ内相談予約するボタン */
.item-page .hokende-contents .request-btn-box {
	text-align:center;
}
.item-page .hokende-contents .request-btn-box a.request {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}

/* 店舗相談ボタン ガード文言 */
.item-page .hokende-contents a.request-consul sup{
	font-size: 0.8em;
}
.item-page .hokende-contents .ins-title .consul_attention{
	display: block;
	clear: right;
	float: right;
	width: 240px;
	margin: 10px 0 0;
	text-align: left;
	font-size: 0.8em;
}


/* =ロゴ ---------------------------------------- */

.item-page .hokende-contents .ins-logo {
	text-align:center;
	width:170px;
	float:left;
}
.item-page .hokende-contents .ins-logo p {
	text-align:center;
	font-size:1em;
}
.item-page .hokende-contents .star {
	margin:10px 0 0;
	color:#f60;
	font-size:1.3em;
}
.item-page .hokende-contents .star span {
	color:#ccc;
}
.item-page .hokende-contents .star img {
	margin-bottom:3px;
}

.item-page .hokende-contents .status-icon {
	width:132px;
	margin:10px auto;
	text-align:left;
}
.item-page .hokende-contents .status-icon img {
	margin:3px;
}
/* =関連カテゴリ ---------------------------------------- */
.item-page .hokende-contents .ins-title .cate_link{
	text-align: right;
	margin: -28px 0 10px;
}
/* =タイトル ---------------------------------------- */

.item-page .hokende-contents .ins-title {
	width:620px;
	text-align:left;
	float:right;
}
.item-page .hokende-contents .ins-title a.request {
	clear:right;
	float:right;
	display:inline;/* for IE Doubled Float-Margin Bug */
	margin:5px 0;
}
.item-page .hokende-contents .ins-title .item-name {
	clear:right;
	margin:0 0 8px;
	padding:8px 0 2px;
	font-size:1.8em;
	font-weight:bold;
	border-bottom:dotted 2px #ccc;
}
.item-page .hokende-contents .ins-title .item-name .annotation {
	display:inline-block;
	font-size:0.55em;
	font-weight:normal;
}
.item-page .hokende-contents .ins-title p {
	margin:0 10px 10px;
}

.item-page .hokende-contents .company-logo {
	display:block;
}
.item-page .hokende-contents .ins-title .company-name {
	font-size:0.8em;
	color:#666;
}
.item-page .hokende-contents .summary h4 {
	font-weight:bold;
}
.item-page .hokende-contents .summary ul {
	margin:5px 0;
	padding-left:10px;
}
.item-page .hokende-contents .summary li {
	padding:2px 0 2px 8px;
	background:url(/img_new/item/common/dot.gif) 0 0.75em no-repeat;
}



/* =タブ ---------------------------------------- */

.item-page .hokende-contents .tab-box {
	overflow:hidden;
}
.item-page .hokende-contents .tab-box li {
	float:left;
	margin-bottom:-50px;
	text-align:center;
}
.item-page .hokende-contents .tab-box li .tab {
	display:block;
	padding:0 10px 0 0;
	background:url(/img_new/item/common/tab.gif) 100% -150px no-repeat;
	color:#999;
	font-size:1.25em;
	font-weight:bold;
	text-decoration:none;
	line-height:1.2;
}
.item-page .hokende-contents .tab-box li .tab span {
	display:block;
	padding:8px 0 52px 10px;
	background:url(/img_new/item/common/tab.gif) 0 -150px no-repeat;
}
.item-page .hokende-contents .tab-box li.current .tab ,
.item-page .hokende-contents .tab-box li a:hover {
	background-position:100% 0;
	color:#333;
}
.item-page .hokende-contents .tab-box li.current .tab span ,
.item-page .hokende-contents .tab-box li a:hover span {
	background-position:0 0;
}

.item-page .hokende-contents .tab-length-1 li      .tab {width:790px;}
.item-page .hokende-contents .tab-length-2 li      .tab {width:390px;}
.item-page .hokende-contents .tab-length-3 li      .tab {width:257px;}
.item-page .hokende-contents .tab-length-3 li.tab1 .tab {width:256px;}
.item-page .hokende-contents .tab-length-4 li      .tab {width:190px;}
.item-page .hokende-contents .tab-length-5 li      .tab {width:150px;}



/* =保険詳細枠 ---------------------------------------- */

.item-page .hokende-contents .ins-detail {
	clear:both;
	width:780px;
	padding:9px;
	margin:0 0 20px;
	background-color:#fff;
	border:solid 1px #666;
	display:inline-block;/* IEで枠線が消えるのを防止 */
}



/* =保険データ ---------------------------------------- */

.item-page .hokende-contents .ins-common {
	border-top:dotted 2px #ccc;
	padding-top:10px;
	margin-top:20px;
}
.item-page .hokende-contents .ins-common ul {
	width:500px;
	margin:5px auto 20px 0;
}
.item-page .hokende-contents .ins-common li {
	min-height:18px;
	margin:10px 30px;
	padding-left:17px;
	background:url(/img_new/item/common/list_mark.gif) 0 0.3em no-repeat;
	font-size:1.2em;
}
.item-page .hokende-contents .ins-common li strong {
	color:#f00;
	font-size:1.2em;
}
.item-page .hokende-contents .ins-common table.data-table {
	float:left;
	width:500px;
	margin:0 0 5px;
}
.item-page .hokende-contents .ins-common table.data-table th {
	width:100px;
	padding:4px;
	margin:2px;
	background:#ffc;
	border:solid 3px #fff;
}
.item-page .hokende-contents .ins-common table.data-table td {
	padding:4px 2px;
	margin:2px;
	line-height:1.5;
}
.item-page .hokende-contents .ins-common table.data-table td.data-table-note {
	padding:8px 2px;
	line-height:1.3;
}

/* =保険チャート ---------------------------------------- */

.item-page .hokende-contents .chart {
	float:right;
	width:250px;
	margin:-50px 0 5px;
}
.item-page .hokende-contents .chart .emphasis {
	font-weight:normal;
}
.item-page .hokende-contents .chart td {
	text-align:center;
}
.item-page .hokende-contents .chart td.chart-main {
	text-align:left;
	vertical-align:top;
}
.item-page .hokende-contents .chart .chart-title  {padding:2px 0 2px 20px;color:#f60;font-weight:bold;}
.item-page .hokende-contents .chart .chart-left   {width:56px;padding:2px;}
.item-page .hokende-contents .chart .chart-right  {width:36px;padding:2px;}
.item-page .hokende-contents .chart .chart-bottom {padding:2px 0 2px 20px;}
.item-page .hokende-contents .chart .chart-main {
	width:150px;
	height:151px;
	background:0 0 no-repeat;
}
.item-page .hokende-contents .chart .chart-main-type1 {background-image:url(/img_new/item/common/chart_01.gif);}
.item-page .hokende-contents .chart .chart-main-type2 {background-image:url(/img_new/item/common/chart_02.gif);}
.item-page .hokende-contents .chart .chart-main-type3 {background-image:url(/img_new/item/common/chart_03.gif);}
.item-page .hokende-contents .chart .chart-main-type4 {background-image:url(/img_new/item/common/chart_04.gif);}


/* =保険会社コメント ---------------------------------------- */
.item-page .hokende-contents .company-comment {
	clear:both;
	border-top:dotted 2px #ccc;
}
.item-page .hokende-contents .company-comment .heading {
	margin:10px 0 0;
	padding:10px 10px 0 24px;
	background:url(/img_new/item/common/triangle.gif) 10px 70% no-repeat #ffd;
}
.item-page .hokende-contents .company-comment p {
	padding:5px 24px 10px;
	background:#ffd;
	line-height:1.4;
}


/* =注意事項 ---------------------------------------- */
.item-page .hokende-contents .ins-detail .notes {
	margin-top:20px;
}
.item-page .hokende-contents .ins-detail .notes .attention {
	padding:2px 10px 5px;
	font-size:1em;
	color:#555;
	line-height:1.2;
}


/* =会社情報 ---------------------------------------- */

.item-page .hokende-contents .ins-detail .company-info {
	overflow:hidden;
	background:#fff;
	margin:10px 0 0;
	color:#666;
	line-height:1.2;
}
.item-page .hokende-contents .ins-detail .company-info .info-inner {
	margin-bottom:-45px;
	padding:3px 0 0 10px;
	padding-bottom:50px;
	text-align:left;
}
.item-page .hokende-contents .ins-detail .company-info .ins-company-info {
	float:left;
	width:400px;
}
.item-page .hokende-contents .ins-detail .company-info .advancecreate-info {
	float:right;
	width:334px;
	padding-left:15px;
	border-left:solid 1px #999;
}


/* =下部共通部分 ---------------------------------------- */
.item-page .hokende-contents .bucket {
	margin:0 0 20px;
	border-bottom:dotted 2px #ccc;
}
.item-page .hokende-contents .bucket .heading {
	margin:5px 0 0;
}
.item-page .hokende-contents .bucket .item-container {
	width:740px;
	margin:0 auto;
}
.item-page .hokende-contents .bucket .item-container2 {/* オンラインがある場合はこちら */
	width:800px;
}
.item-page .hokende-contents .bucket .item-container3 {/* 4商品の場合はこちら */
	width:800px;
}
.item-page .hokende-contents .bucket .item-container .item {
	float:left;
	width:160px;
	margin:0 5px 0 0;
	text-align:center;
}
.item-page .hokende-contents .bucket .item-container3 .item {/* 4商品の場合はこちら */
	width:140px;
	margin:0 5px 0 0;
}
/* FirefoxとSafariの画像部分の下線対策 */
.item-page .hokende-contents .bucket .item a img {
	display:block;
	margin:0 auto;
}

.item-page .hokende-contents .bucket .genre-button {
	display:block;
	width:120px;
	height:16px;
	margin:8px auto;
	padding-top:3px;
	background:50% 0 no-repeat;
}
.item-page .hokende-contents .bucket .genre-button a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.item-page .hokende-contents .bucket .genre-button a:hover {
	color:#e30;
}
.item-page .hokende-contents .bucket .cancer    .genre-button {background-image:url(/img_new/item/common/genre_btn/cancer.gif);}
.item-page .hokende-contents .bucket .medical   .genre-button {background-image:url(/img_new/item/common/genre_btn/medical.gif);}
.item-page .hokende-contents .bucket .life      .genre-button {background-image:url(/img_new/item/common/genre_btn/life.gif);}
.item-page .hokende-contents .bucket .senior    .genre-button {background-image:url(/img_new/item/common/genre_btn/senior.gif);}
.item-page .hokende-contents .bucket .child     .genre-button {background-image:url(/img_new/item/common/genre_btn/child.gif);}
.item-page .hokende-contents .bucket .accident  .genre-button {background-image:url(/img_new/item/common/genre_btn/accident.gif);}
.item-page .hokende-contents .bucket .leisure   .genre-button {background-image:url(/img_new/item/common/genre_btn/leisure.gif);}
.item-page .hokende-contents .bucket .female    .genre-button {background-image:url(/img_new/item/common/genre_btn/female.gif);}
.item-page .hokende-contents .bucket .pension   .genre-button {background-image:url(/img_new/item/common/genre_btn/pension.gif);}
.item-page .hokende-contents .bucket .chattel   .genre-button {background-image:url(/img_new/item/common/genre_btn/chattel.gif);}
.item-page .hokende-contents .bucket .auto      .genre-button {background-image:url(/img_new/item/common/genre_btn/auto.gif);}
.item-page .hokende-contents .bucket .bike      .genre-button {background-image:url(/img_new/item/common/genre_btn/bike.gif);}
.item-page .hokende-contents .bucket .pet       .genre-button {background-image:url(/img_new/item/common/genre_btn/pet.gif);}
.item-page .hokende-contents .bucket .ease      .genre-button {background-image:url(/img_new/item/common/genre_btn/ease.gif);}



.item-page .hokende-contents .bucket .request-s {
	float:right;
	display:inline;/* for IE Double Margin Float Bug */
}
.item-page .hokende-contents .bucket .item-container .request-s  {margin:48px 20px 0 0;}
.item-page .hokende-contents .bucket .item-container2 .request-s {margin:48px 10px 0 0;}
.item-page .hokende-contents .bucket .item-container3 .request-s {margin:48px 10px 0 0;}

/* オンラインがある場合 */
.item-page .hokende-contents .bucket .bucket-inner1       {float:left;width:465px;}
.item-page .hokende-contents .bucket .bucket-inner2       {float:right;width:335px;}
.item-page .hokende-contents .bucket .bucket-inner1 .item {width:120px;}
.item-page .hokende-contents .bucket .bucket-inner2 .item {width:120px;}



/* =この保険会社のその他の保険 ---------------------------------------- */
.item-page .hokende-contents .link-handling {
	clear:both;
	width:auto;
	padding:0 5px 20px 0;
	text-align:right;
}



/* =閉じるボタン ---------------------------------------- */
.item-page .hokende-contents .feature-window-close {
	margin:15px auto;
	padding:0 0 10px;
	line-height:1;
	text-align:center;
}
.item-page .hokende-contents .feature-window-close a ,
.item-page .hokende-contents .feature-window-close a:visited {
	display:block;
	width:95px;
	height:24px;
	margin:0 auto;
	padding:9px 0 0 25px;
	background:url(/img_new/item/common/close_btn.gif) 0 0 no-repeat;
	color:#666;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
.item-page .hokende-contents .feature-window-close a:hover {
	background-position:0 -35px;
	color:#400;
	text-decoration:none;
}

/* =デジタルパンフレット ---------------------------------------- */
/* 上部タイトル内PDF枠 */
.item-page .hokende-contents .pamphlet-pdf-title {
	float:right;
	padding:0 0 10px 10px;
	text-align:right;
}
.item-page .hokende-contents .pamphlet-pdf-title img {
	margin-bottom:5px;
}

/* 下部PDF枠 */
.item-page .hokende-contents .pamphlet-pdf {
	margin:10px 0 20px;
	padding:5px;
	border-bottom:dotted 2px #ccc;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-image {
	float:left;
	width:170px;
	margin-left:15px;
	display:inline;/* for IE Double Margin Float Bug */
	text-align:center;
	font-size:0.8em;
	padding: 0 15px 0 20px;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-image img {
	border:solid 1px #ccc;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link {
	float:left;
	max-width:560px;
	padding:40px 0 0;
	text-align:left;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link .adobereader-info {
	padding:40px 0 0;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link .adobereader-info .adobereader-image {
	float:left;
	margin-right:10px;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link .adobereader-info .adobereader-link {
	float:left;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link .adobereader-info .adobereader-note {
	clear:both;
	padding:5px 0 0;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link a.look-pdf {
	display:block;
	width:212px;
	height:29px;
	margin:10px auto;
	padding:6px 28px 0 0;
	background:url(/img_new/item/common/btn.png) 0 0 no-repeat;
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.item-page .hokende-contents .pamphlet-pdf .pamphlet-link a:hover.look-pdf {
	background-position:0 -40px;
	color:#000;
}

/* =アリコ注意事項部分下線共通 ---------------------------------------- */
.item-page .hokende-contents .ins-detail .notes .attention .u_line{
	text-decoration:underline;
}
