@charset "utf-8";

/*-------------------------------------------------------
ランディングページCSS

●ランディングページ共通
　　#wrapper
　　#header
　　#footer

●女性保険・年金保険 共通
　　#contents .achievement　
　　#contents .companyList
　　#contents .contentsList

●女性保険のみ
　　#womanA / #womanB

●年金保険のみ
　　#nenkinA / #nenkinB

-------------------------------------------------------*/


/*---------------------------------------
Uniersal Selector
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
body {
	background: url(/sort/images/bg.gif) #fff repeat-y center;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
	*font-size:small;
	*font:x-small;
}

html {
	overflow-y:scroll;
	background-color:#fff;
}

table {
	border-collapse:collapse;
	border:0;
}

strong {
	font-weight:bold;
}

img {
	border:0;
}

.clear { 
	clear:both;
}

/*---------------------------------------
#wrapper
----------------------------------------*/
#wrapper {
	margin:0 auto;
	padding:5px 0 30px;
	width:730px;
}

/*---------------------------------------
#header
----------------------------------------*/
#header {
	margin:0 auto 3px;
	padding:0 20px;
	width:690px;
	float:left;
}

#header h1 {
	margin-top:12px;
	font-weight:bold;
	float:left;
}

#header img {
	float:right;
}

/*---------------------------------------
#footer
----------------------------------------*/
#footer {
	margin:0 auto;
	text-align:center;
	font-size:80%;
}



/*---女性保険・年金保険　共通------*/
/*------------------------
#contents .achievement
-------------------------*/
#contents .achievement {
	padding:40px 78px 10px;
	border:1px solid #cdcdcd;
	background:url(/sort/images/frameshadow_top.gif) #fff repeat-x top;
	zoom:1;
}

#contents .achievement h3 {
	margin:20px auto 10px;
	padding-bottom:5px;
	border-bottom:1px dotted #666;
	font-size:110%;
	font-weight:bold;
	color:#009;
}

#contents .achievement span {
	font-weight:bold;
	color:#E13CA4;
}

#contents .achievement p {
	margin:0 120px 25px 0;
	min-height:60px;
}

/*------------------------
#contents .companyList
-------------------------*/
#contents #womanA .companyList,
#contents #nenkinA .companyList {
	margin:0 auto 10px;
	clear:both;
}

#contents #womanB .companyList,
#contents #nenkinB .companyList {
	margin:3px auto;
	clear:both;
}

#contents .companyList table {
	margin:0 auto;
	width:720px;
}

#contents .companyList img.title {
	margin-bottom:3px;
}

#contents .companyList td {
	padding:2px 0;
	width:80px;
	text-align:center;
}

/*------------------------
#contents .lineup
-------------------------*/
#contents .lineup .featureBox,
#contents .lineup .featureBox {
	margin:0 59px;
}

#contents .lineup .featureTerm,
#contents .lineup .featureWoman {
	width:100%;
}

#contents .lineup .featureTerm td.logo,
#contents .lineup .featureWoman td.logo {
	vertical-align:top;
}

/*------------------------
#contents .contentsList
-------------------------*/
#contents .contentsList {
	margin-bottom:5px;
	padding:15px 0;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	background-color:#f2f2f2;
	text-align:center;
	clear:both;
}

#contents .contentsList p {
	margin-bottom:5px;
	font-weight:bold;
}

#contents .contentsList a {
	margin-right:15px;
}




/*-----------------------------------------------
-------------------------------------------------
女性保険
(/life/sort/women/index.html) 　…#womanA
(/life/sort/women/index2.html)　…#womanB

body
└#wrapper	　　　　　　…………　全体格納コンテナ
  ├#header	　　　　　　　………　ヘッダ格納コンテナ
  ├#contents	　　　　　………　コンテンツ格納コンテナ
   └#womanA/#womanB	　………　レイアウトの違いにより区別	
  └#footer	　　　　　　…………　フッタ格納コンテナ

-------------------------------------------------
-----------------------------------------------*/

/*------------------------
資料請求ボタン
-------------------------*/
#contents #womanA .pointInsuranceButton,
#contents #womanB .pointInsuranceButton {
	margin:-65px 0 0 335px;
	display:block;
	width:269px;
	height:76px;
	overflow:hidden;
	background:url(/sort/images/women_point_button.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9999px;
}

#contents #womanA .pointBangButton,
#contents #womanB .pointBangButton {
	margin:-73px 0 0 325px;
	*margin:-77px 0 0 325px;
	display:block;
	width:269px;
	height:76px;
	overflow:hidden;
	background:url(/sort/images/women_point_button.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9999px;
}

#contents #womanA a.pointInsuranceButton:hover,
#contents #womanB a.pointInsuranceButton:hover,
#contents #womanA a.pointBangButton:hover,
#contents #womanB a.pointBangButton:hover {
	background:url(/sort/images/women_point_button.gif) no-repeat 0 -76px;
}

#contents #womanA .checkButton,
#contents #womanB .checkButton {
	margin:-79px 0 0 418px;
	*margin:-83px 0 0 418px;
	display:block;
	width:269px;
	height:76px;
	overflow:hidden;
	background:url(/sort/images/women_check_button.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9999px;
}

#contents #womanA a.checkButton:hover,
#contents #womanB a.checkButton:hover {
	background:url(/sort/images/women_check_button.gif) no-repeat 0 -76px;
}

/*------------------------
.pointInsurance
-------------------------*/
#contents #womanA .pointInsuranceBox {
	margin:3px 0 5px;
	border:1px solid #f69;
	background-color:#ffecc9;
}

#contents #womanB .pointInsuranceBox {
	margin:3px 0;
	border:1px solid #f69;
	background-color:#ffecc9;
}

#contents #womanA .pointLead,
#contents #womanB .pointLead {
	padding:20px 10px 20px 175px;
	background:url(/sort/images/women_pointInsurance_bg01.gif) no-repeat left top;
	color:#633;
	font-size:110%;
	line-height:1.5;
}

#contents #womanA .pointLead img,
#contents #womanB .pointLead img {
	margin-bottom:5px;
}

#contents #womanA .pointInsurance,
#contents #womanB .pointInsurance {
	padding:18px 15px 0 105px;
	background:url(/sort/images/women_pointInsurance_bg02.gif) no-repeat center top;
	height:85px;
}

/*------------------------
.data
-------------------------*/
#contents #womanA .data,
#contents #womanB .data {
	margin-bottom:3px;
	padding:15px 18px 15px 110px;
	border-width:0 1px 1px 1px;
	border-color:#BFBF84;
	border-style:solid;
	background:url(/sort/images/women_data_bg.jpg) #F8F8ED no-repeat center top;
	color:#633;
	line-height:1.5;
	zoom:1;
}

#contents #womanA .data img,
#contents #womanB .data img {
	margin-left:400px;
}

#contents #womanA .data div.percentage,
#contents #womanB .data div.percentage {
	margin:-140px auto 15px 0;
	width:380px;
	min-height:160px;
}

#contents #womanA .data div.cost,
#contents #womanB .data div.cost {
	margin:-90px auto 15px 0;
	width:380px;
	min-height:80px;
}

#contents #womanA .data p,
#contents #womanB .data p {
	margin-bottom:3px;
	padding-bottom:5px;
	border-bottom:1px dotted #c60;
	font-weight:bold;
	color:#f36;
}

#contents #womanA .data p.note,
#contents #womanB .data p.note {
	margin:0;
	padding:0;
	border:none;
	color:#633;
	font-size:80%;
	font-weight:normal;
}

/*------------------------
.check
-------------------------*/
#contents #womanA .check {
	padding:9px 16px 0 24px;
	background: url(/sort/images/women_check_bg.gif) no-repeat left top;
	height:95px;
}

#contents #womanB .check {
	margin-bottom:3px;
	padding:9px 16px 0 24px;
	background: url(/sort/images/women_check_bg.gif) no-repeat left top;
	height:95px;
}

/*------------------------
.lineup
-------------------------*/
#contents #womanA .lineup {
	margin:3px 0 5px;
	padding:20px;
	border:1px solid #cdcdcd;
	background:url(/sort/images/frameshadow_top.gif) repeat-x top;
	width:688px;
}

#contents #womanB .lineup {
	padding:20px;
	border:1px solid #cdcdcd;
	background:url(/sort/images/frameshadow_top.gif) repeat-x top;
	width:688px;
}

#contents #womanA .lineup .lead,
#contents #womanB .lineup .lead {
	margin-bottom:15px;
	color:#633;
	text-align:left;
}

#contents #womanA .lineup .lead p,
#contents #womanB .lineup .lead p {
	margin:10px 0;
	padding-bottom:3px;
	border-bottom:1px dotted #c60;
	font-size:110%;
	font-weight:bold;
	color:#f36;
}

#contents #womanA .lineup .featureWoman td,
#contents #womanA .lineup .featureWoman th,
#contents #womanB .lineup .featureWoman td, 
#contents #womanB .lineup .featureWoman th {
	padding:2px;
	border:1px solid #FCC;
}

#contents #womanA .lineup .featureWoman td.goods,
#contents #womanB .lineup .featureWoman td.goods {
	padding:0;
}

#contents #womanA .lineup .featureWoman th,
#contents #womanB .lineup .featureWoman th {
	width:5em;
	background-color:#FFEBEB;
	font-weight:bold;
}

#contents #womanA .lineup .featureWoman td td,
#contents #womanB .lineup .featureWoman td td {
	border:0;
	background-color:#FCC;
	font-weight:bold;
}

/*------------------------
.pointBang
-------------------------*/
#contents #womanA .pointBang,
#contents #womanB .pointBang {
	margin-top:3px;
	padding:15px 0 5px;
	background:url(/sort/images/women_pointBang_bg01.gif) no-repeat left top;
}

#contents #womanA .pointBang img,
#contents #womanB .pointBang img {
	margin-bottom:5px;
}

#contents #womanA .pointBang h2,
#contents #womanB .pointBang h2 {
	margin-bottom:5px;
	text-align:center;
}

#contents #womanA .pointBang .point,
#contents #womanB .pointBang .point {
	padding:15px 20px 0 110px;
	background:url(/sort/images/women_pointBang_bg02.gif) no-repeat left top;
	height:95px;
}




/*-----------------------------------------------
-------------------------------------------------
年金保険
(/life/sort/nenkin/index.html)
(/life/sort/nenkin/index2.html)

body
└#wrapper	　　　　　　…………　全体格納コンテナ
  ├#header	　　　　　　　………　ヘッダ格納コンテナ
  ├#contents	　　　　　………　コンテンツ格納コンテナ
   └#nenkinA/#nenkinB	　………　レイアウトの違いにより区別	
  └#footer	　　　　　　…………　フッタ格納コンテナ

-------------------------------------------------
-----------------------------------------------*/

/*------------------------
資料請求ボタン
-------------------------*/
#contents #nenkinA .pointNenkinButton,
#contents #nenkinB .pointNenkinButton {
	margin:-75px 0 0 335px;
	display:block;
	width:269px;
	height:76px;
	overflow:hidden;
	background:url(/sort/images/nenkin_point_button.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9999px;
}

#contents #nenkinA .pointBangButton,
#contents #nenkinB .pointBangButton {
	margin:-69px 0 0 320px;
	*margin:-72px 0 0 320px;
	display:block;
	width:269px;
	height:76px;
	overflow:hidden;
	background:url(/sort/images/nenkin_point_button.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9999px;
}

#contents #nenkinA a.pointNenkinButton:hover,
#contents #nenkinB a.pointNenkinButton:hover,
#contents #nenkinA a.pointBangButton:hover,
#contents #nenkinB a.pointBangButton:hover {
	background:url(/sort/images/nenkin_point_button.gif) no-repeat 0 -76px;
}

#contents #nenkinA .checkButton,
#contents #nenkinB .checkButton {
	margin:-72px 0 0 400px;
	display:block;
	width:269px;
	height:76px;
	overflow:hidden;
	background:url(/sort/images/nenkin_check_button.gif) no-repeat 0 0;
	text-align:left;
	text-indent:-9999px;
}

#contents #nenkinA a.checkButton:hover,
#contents #nenkinB a.checkButton:hover {
	background:url(/sort/images/nenkin_check_button.gif) no-repeat 0 -76px;
}

/*------------------------
.pointNenkinBox
-------------------------*/
#contents .pointNenkinBox {
	margin:3px 0 5px;
	border:1px solid #B2AA86;
	background-color:#f9f7ea;
}

#contents .pointNenkinBox .pointLead {
	padding:15px 10px 20px 260px;
	background:url(/sort/images/nenkin_pointNenkin_bg01.gif) no-repeat left top;
	color:#633;
	font-size:110%;
}

#contents .pointNenkinBox .pointLead img {
	margin-bottom:5px;
}

#contents .pointNenkin {
	padding:15px 20px 0 105px;
	background:url(/sort/images/nenkin_pointNenkin_bg02.gif) no-repeat center top;
	height:100px;
}

/*------------------------
.data
-------------------------*/
#contents #nenkinA .data,
#contents #nenkinB .data {
	margin-bottom:5px;
	padding:20px 20px 10px 210px;
	border-width:0 1px 1px 1px;
	border-color:#BFBF84;
	border-style:solid;
	background:url(/sort/images/nenkin_data_bg.jpg) #F8F8ED no-repeat center top;
	color:#633;
	line-height:1.5;
}

#contents #nenkinA .data p,
#contents #nenkinB .data p {
	margin-bottom:3px;
	padding-bottom:5px;
	border-bottom:1px dotted #c60;
	font-weight:bold;
	color:#4E7533;
}

#contents #nenkinA .data img,
#contents #nenkinB .data img {
	margin:10px 0;
}

/*------------------------
.check
-------------------------*/
#contents #nenkinA .check,
#contents #nenkinB .check {
	padding:17px 16px 0 38px;
	background: url(/sort/images/nenkin_check_bg.gif) no-repeat left top;
	height:85px;
}


/*------------------------
.lineup
-------------------------*/
#contents #nenkinA .lineup {
	margin:3px 0 5px;
	padding:20px 20px 20px;
	border:1px solid #cdcdcd;
	background:url(/sort/images/frameshadow_top.gif) repeat-x top;
	width:688px;
}

#contents #nenkinB .lineup {
	padding:20px 20px 20px;
	border:1px solid #cdcdcd;
	background:url(/sort/images/frameshadow_top.gif) repeat-x top;
	width:688px;
}

#contents #nenkinA .lineup .lead,
#contents #nenkinB .lineup .lead {
	margin-bottom:15px;
	color:#633;
}

#contents #nenkinA .lineup .lead p,
#contents #nenkinB .lineup .lead p {
	margin:10px 0;
	padding-bottom:3px;
	border-bottom:1px dotted #c60;
	font-size:110%;
	font-weight:bold;
	color:#4E7533;
}

#contents #nenkinA .lineup .featureTerm td,
#contents #nenkinA .lineup .featureTerm th,
#contents #nenkinB .lineup .featureTerm td, 
#contents #nenkinB .lineup .featureTerm th {
	padding:2px;
	border:1px solid #B8CCFF;
}

#contents #nenkinA .lineup .featureTerm td.goods,
#contents #nenkinB .lineup .featureTerm td.goods {
	padding:0;
}

#contents #nenkinA .lineup .featureTerm th,
#contents #nenkinB .lineup .featureTerm th {
	width:5em;
	background-color:#DEEEFF;
	font-weight:bold;
}

#contents #nenkinA .lineup .featureTerm td td,
#contents #nenkinB .lineup .featureTerm td td {
	border:0;
	background-color:#B8CCFF;
	font-weight:bold;
}


/*------------------------
.pointBang
-------------------------*/
#contents #nenkinA .pointBang,
#contents #nenkinB .pointBang {
	margin-top:3px;
	padding:20px 0 5px;
	background:url(/sort/images/nenkin_pointBang_bg01.gif) no-repeat left top;
}

#contents #nenkinA .pointBang h2,
#contents #nenkinB .pointBang h2 {
	margin-bottom:10px;
	text-align:center;
}

#contents #nenkinA .pointBang .point,
#contents #nenkinB .pointBang .point {
	padding:15px 20px 0 110px;
	background:url(/sort/images/nenkin_pointBang_bg02.gif) no-repeat left top;
	height:90px;
}



/*-----------------------------------------------
-------------------------------------------------
ネットで入る保険
(/life/sort/internet/index.html)

body
└#wrapper	　　　…………　全体格納コンテナ
  ├#header	　　　………　ヘッダ格納コンテナ
  ├#contents	　………　コンテンツ格納コンテナ
  └#footer	　　　…………　フッタ格納コンテナ

-------------------------------------------------
-----------------------------------------------*/

/*---------------------------------- ネットで入る保険の魅力 ----------------------------------*/
#netInsurance {
	background:transparent url(/sort/images/net_body_bg.jpg) repeat-y center top;
}
#netInsurance #wrapper {
	background:transparent url(/sort/images/net_body_top_bg.jpg) no-repeat center top;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}

#netInsurance #wrapper #mainContents {
	margin:0 auto;
	width:740px;
}

#netInsurance #wrapper #header {
	background:transparent url(/sort/images/net_contents_bg.jpg) repeat-x left top;
	border-top:5px solid #009;
	padding:0;
	overflow:hidden;
	float:none;
	width:739px;
}
#netInsurance #wrapper #header img {
	margin:15px auto 10px 40px;
	display:block;
	float:none;
}
#netInsurance #wrapper #header p {
	margin:-40px 0 15px 0;
	padding:0 0 0 120px;
	height:18px;
	text-align:left;
	clear:both;
	font-size:144%;
	font-weight:bold;
	color:#339;
	float:none;
}
#netInsurance #contents {
	margin:0;
	padding:0 0 30px 0;
	width:740px;
	clear:both;
}
#netInsurance #contents .contentsTitle {
	margin-bottom:5px;
	width:100%;
}
#netInsurance #contents .contentsTitle img {
	margin:0;
	padding:0;
}
#netInsurance #contents h1 {
	font-size:150%;
	color:#333399;
}
#netInsurance #contents .breadcrumbs {
	font-size:85%;
	margin:0 0 20px 0;
}
#netInsurance #contents h2 {
	clear:both;
	margin-bottom:5px;
	padding:15px 0 5px 0;
}

#netInsurance #contents .right {
	text-align:right;
}
#netInsurance #contents .imgRight {
	float:right;
	margin:0 0 5px 10px;
	overflow:hidden;
}
#netInsurance #contents .imgLeft {
	float:left;
	clear:both;
	margin:0 10px 5px 0;
}
#netInsurance #contents img {
	margin:0 0 5px 0;
}
#netInsurance #contents .textArea01 {
	width:560px;
	margin:0 auto 5px auto;
	padding:0 10px;
	text-align:left;
	overflow:hidden;
}
#netInsurance #contents .textArea02 {
	width:365px;
	margin:0 auto 5px auto;
	padding:0 205px 0 10px;
	text-align:left;
	overflow:hidden;
	height:auto !important;
	min-height:210px;
	background:url(/sort/images/net_price.gif) no-repeat 380px 0;
}
#netInsurance #contents .textArea03 {
	width:360px;
	margin:0 auto 5px auto;
	padding:0 10px 0 210px;
	text-align:left;
	overflow:hidden;
	height:auto !important;
	min-height:175px;
	background:url(/sort/images/net_img01.gif) no-repeat 10px 0;
}
#netInsurance #contents .textArea04 {
	width:560px;
	margin:0 auto 5px auto;
	padding:0 10px;
	text-align:left;
	overflow:hidden;
}
#netInsurance #contents .textArea05 {
	width:560px;
	margin:0 auto 5px auto;
	padding:0 10px;
	text-align:left;
	overflow:hidden;
}
#netInsurance #contents p {
	text-align:left;
	line-height:1.2;
	overflow:hidden;
	display:block;
}
#netInsurance #contents span.copy {
	color:#339;
	font-weight:bold;
	font-size:116%;
}

#netInsurance #contents .form {
	width:540px;
	border:3px solid #F00;
	background-color:#FF9;
	margin:20px auto 30px auto;
	padding:10px;
	vertical-align:middle;
}

#netInsurance #contents .form img {
	margin:auto 5px;
	vertical-align:middle;
}


/*-----------------------------------------------
-------------------------------------------------
安心の医療保険特集
(/life/sort/insurance/index.html)

body
└#wrapper	　　　…………　全体格納コンテナ
  ├#contents	　………　コンテンツ格納コンテナ
  └#footer	　　　…………　フッタ格納コンテナ

-------------------------------------------------
-----------------------------------------------*/

#medicalInsurance #wrapper {
	margin:0 auto;
	padding:0 0 25px 0;
	width:741px;
	border-top:5px solid #009;
}
#medicalInsurance #contents {
	margin-left:40px;
	margin-bottom:15px;
	padding-top:20px;
	padding-bottom:40px;
	width:660px;
	clear:both;
	border-bottom:solid 1px #4747A3;
}
#medicalInsurance .headTitle {
	margin:0 0 15px 0;
}
#medicalInsurance h1 {
	width:509px;
	height:151px;
	background:url(/sort/images/mi_ttl02.jpg) no-repeat;
	text-indent:-9999px;
}
#medicalInsurance .note {
	font-size:85%;
	margin:5px auto 0 auto;
}
#medicalInsurance p {
	margin:0 auto 15px auto;
	width:580px;
}
#medicalInsurance h2 {
	margin:15px auto 10px auto;
	width:580px;
}

#medicalInsurance h2.subttl01 {
	width:580px;
	height:35px;
	background:url(/sort/images/mi_subttl01.gif) no-repeat;
	text-indent:-9999px;
}
#medicalInsurance h2.subttl02 {
	width:580px;
	height:35px;
	background:url(/sort/images/mi_subttl02.gif) no-repeat;
	text-indent:-9999px;
}
#medicalInsurance dl {
	margin:0 auto 20px auto;
	width:560px;
}
#medicalInsurance dt {
	margin:0 0 5px 0;
}
#medicalInsurance dt.feature01 {
	width:560px;
	height:33px;
	background:url(/sort/images/mi_feature01.gif) no-repeat;
	text-indent:-9999px;
}
#medicalInsurance dt.feature02 {
	width:560px;
	height:33px;
	background:url(/sort/images/mi_feature02.gif) no-repeat;
	text-indent:-9999px;
}
#medicalInsurance dt.feature03 {
	width:560px;
	height:33px;
	background:url(/sort/images/mi_feature03.gif) no-repeat;
	text-indent:-9999px;
}
#medicalInsurance dd {
	width:545px;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
}
#medicalInsurance .commodity {
	width:580px;
	margin:0 auto;
}
#medicalInsurance .commodity table {
	width:580px;
	margin:0 0 1px 0;
	border-top:solid 1px #3E3E9E;
	border-left:solid 1px #3E3E9E;
}
#medicalInsurance .commodity td {
	padding:5px;
	border-right:solid 1px #3E3E9E;
	border-bottom:solid 1px #3E3E9E;
	vertical-align:top;
}
#medicalInsurance .commodity tr.item {
	background-color:#C1C1E8;
}
#medicalInsurance .commodity tr.item td {
	font-weight:bold;
	text-align:center;
	color:#333;
}
#medicalInsurance ul li {
	padding:0 0 0 10px;
	background:url(/sort/images/mi_list.jpg) no-repeat 5px 3px;
	list-style: none;

}
#medicalInsurance #contents .form {
	width:574px;
	border:3px solid #F00;
	background-color:#FF9;
	margin:30px auto 10px auto;
	padding:7px 0;
	vertical-align:middle;
	text-align:center;
}
#medicalInsurance #contents .form img {
	margin:3px;
	vertical-align:middle;
	text-align:center;
}