@charset "utf-8";

/*------------------------------------------------------------
	Universal Style
------------------------------------------------------------*/
html{
overflow-y:scroll;
}
body{
background:#fff;
font-size:100.01%;
color:#262626;
}
html,body,div,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,
* html p,* html dt,* html dd,* html li,
* html caption,* html th,* html td,
* html address{font-family:sans-serif;}

img{
border:0;
vertical-align:bottom;
}
ul{
list-style-position:outside;
list-style-type:none;
}
ul li{
margin-bottom:5px;
padding:0;
}
ol{
margin-left:22px;
list-style-position:outside;
}
* html ol{margin-left:25px;}
*+html ol{margin-left:25px;}
ol li{
margin-bottom:3px;
padding:0;
}
dl dd{
margin-bottom:7px;
}
em{
font-style:normal;
font-weight:bold;
}
strong{
color:#ff8200;
}
table{
border:medium none;
border-collapse:collapse;
}
th,td{
font-weight:normal;
vertical-align:top;
}
a:link{color:#007ab9;}
a:visited{color:#800080;}
a:hover,
a:active{color:#f90;}

fieldset{border:0;}
legend{display:none;}
input{vertical-align:middle;}
sup{vertical-align:text-top;line-height:0.6;}
sub{vertical-align:baseline;}
hr{display:none;}


/*	枠組み	*/

/*============================================================
	Base Layout
============================================================*/
#page{
min-width:980px;
background:#fff url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/page-bg01.gif?20130207) left top repeat-x;
}
body.rwd #page{
min-width: 0;
}

#universal{
margin:0 auto;
padding:0 10px;
width:960px;
}
body.rwd #universal{
box-sizing:border-box;
width:100%;
max-width:730px;
}

/*------------------------------------------------------------
	Header Area
------------------------------------------------------------*/
#header{
margin-bottom:13px;
width:960px;
min-height:51px;
_height:51px;
}
body.rwd #header{
width: auto;
}
#header #site-id{
float:left;
margin:0;
padding-top:19px;
width:163px;
}
#header .sub-nav{
margin:0;
float:right;
}
#header .sub-nav li{
float:left;
}


/*------------------------------------------------------------
	Page Infomation Area
------------------------------------------------------------*/
#page-info{
clear:both;
margin:0 0 10px;
width:960px;
}
body.rwd #page-info{
width:auto;
}

#page-info #site-id{
float:left;
margin:5px 0 0;
width:310px;
}

#page-info .topic-path{
float:left;
margin:0;
width:730px;
font-size:0.75em;
line-height:1.5;
}
body.rwd #page-info .topic-path{
width:auto;
}
#page-info .topic-path em{
color:#6a6a6a;
font-weight:bold;
}

#page-info .page-id-area{
position:relative;
float:right;
z-index:0;
margin:0 0 10px;
padding:6px 6px 6px 12px;
background:#ebebeb url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/page-id-area-bg01.gif?20130207) left bottom no-repeat;
width:192px;
zoom:1;
}
#page #page-info .page-id-area{
margin:-43px 0 10px;
}
#page-info .page-id-area dt{
float:left;
margin:3px 0 0;
padding:0;
width:85px;
line-height:0;
}
#page-info .page-id-area dt img{vertical-align:middle;}
#page-info .page-id-area dd{
float:right;
margin:0;
padding:5px 5px 4px;
width:97px;
background:#fff;
color:#333;
font-size:0.875em;
font-weight:bold;
text-align:center;
line-height:1;
}
#page-info .message-area{
float: left;
font-size: 0.84em;
margin: 0 0 0 0;
padding: 0 0 0 20px;
width: 203px;
}

#page-eke{padding:0 0 10px;}
#page-eke p{margin:0;}


/*------------------------------------------------------------
	Contents Area
------------------------------------------------------------*/
#contents-ins{/* 自動車保険用メインコンテンツ角丸グレー枠下側用 */
position:relative;
clear:both;
z-index:0;
margin:0 0 13px;
padding:0 0 10px;
width:960px;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/contents-ins-bg01.png?20130207) left bottom no-repeat;
}
body.rwd #contents-ins{
width: auto;
background: none;
}

#contents-ins.breadth{/* 自動車保険用メインコンテンツ全幅用 */
background:none;
}

/*	Main Contents
--------------------------------------*/
#main-contents{
float:left;
margin:0;
padding:0;
width:730px;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/main-contents-bg01.png?20130207) left top no-repeat;
}
body.rwd #main-contents{
width:auto;
float: none;
}
.breadth #main-contents{
width:960px;
background:none;
}
#contents-ins #sec-area{
padding:15px 0 0;
min-height:450px;
_height:450px;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/contents-ins-bg01.png?20130207) left top no-repeat;
}
body.rwd #contents-ins #sec-area{
border:solid 1px #ddd;
border-radius: 8px;
background: none;
}
#contents-ins #sec-area #sa-cont{
padding:0 16px 10px;
width:698px;
min-height:200px;
_height:200px;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/contents-ins-bg02.png?20130207) left top repeat-y;
}
body.rwd #contents-ins #sec-area #sa-cont{
width:auto;
background: none;
}

/*	Sub Contents
--------------------------------------*/
#sub-contents{
float:right;
margin:0;
width:210px;
}
#contents-ins #sub-contents{margin-bottom:-15px;}

#sub-contents p,
#sub-contents li,
#sub-contents dt,
#sub-contents dd,
#sub-contents caption,
#sub-contents th,
#sub-contents td{
font-size:0.75em;
}
#sub-contents li p,
#sub-contents li li,
#sub-contents li dt,
#sub-contents li dd,
#sub-contents li th,
#sub-contents li td,
#sub-contents dd p,
#sub-contents dd li,
#sub-contents dd dt,
#sub-contents dd dd,
#sub-contents dd th,
#sub-contents dd td,
#sub-contents th li,
#sub-contents td p,
#sub-contents td li,
#sub-contents td dt,
#sub-contents td dd,
#sub-contents td th,
#sub-contents td td{
font-size:1em;
}

/* contact-block01 */
#sub-contents .contact-block01{
margin:0 0 15px;
padding-top:10px;
border:1px solid #ddd;
background:#ebf1fa;
}
#sub-contents .contact-block01 p{margin:0;}
#sub-contents .contact-block01 .ib-cont{
margin:0x;
padding:8px 8px 5px;
}
#sub-contents .contact-block01 .ib-cont p{
margin:0 0 8px;
line-height:1.5;
}
#sub-contents .contact-block01 .ib-cont dl{margin:0}
#sub-contents .contact-block01 .ib-cont dt{
margin:0 0 6px;
margin-bottom:0;
line-height:1;
}
#sub-contents .contact-block01 .ib-cont dt img{vertical-align:top;}
#sub-contents .contact-block01 .ib-cont dd ul{margin:0;}
#sub-contents .contact-block01 .ib-cont dd ul li{
margin:0 0 3px;
padding-left:4em;
line-height:1.5;
}
#sub-contents .contact-block01 .ib-cont dd ul li span{
float:left;
margin-left:-4em;
width:4em;
}

/* pick-title01 */
#sub-contents .pick-title01{
margin:0 0 10px;
padding:3px 7px 4px;
background:#ebf1fa;
font-size:0.75em;
font-weight:bold;
line-height:1.5;
}
#sub-contents .pick-title01 img{vertical-align:middle;}
#sub-contents .pick-title01 .tooltip-pointer span{
padding-bottom:0;
background:none;
}

#sub-contents .seg-block04 .sb-cont{
padding:2px 5px 2px;
background:#fff url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/contents/seg-block04-bg02.gif?20130207) left bottom no-repeat;
zoom:1;
}

#sub-contents .u-list01 li{margin:0 0 3px 0;}

/* agreement-block01 */
#sub-contents .agreement-block01{
margin:0 0 20px;
padding:0 0 5px;
background:#ebf1fa;
zoom:1;
}
#sub-contents .agreement-block01 .pick-title01{
margin:0 0 5px;
padding:0;
background:none;
}
#sub-contents .agreement-block01 .ab-cont{
margin:0;
padding:5px 10px 10px;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/framework/agreement-block01-bg02.png?20130207) left bottom repeat-x;
zoom:1;
}
#sub-contents .agreement-block01 .last-child{
padding:5px 10px 5px;
background:none;
}
#sub-contents .agreement-block01 .agreement-item{
position:relative;
margin:0 0 5px;
padding:5px 0 0 80px;
min-height:23px;
_height:23px;
font-size:0.75em;
font-weight:bold;
}
#sub-contents .agreement-block01 .agreement-item .icon01{
position:absolute;
top:0;
left:0;
margin:0;
}
#sub-contents .agreement-block01 .contract-period{
margin:0 0 5px;
padding:5px 10px;
background:#fff;
}
#sub-contents .agreement-block01 .contract-period dt{margin:0 0 5px;}
#sub-contents .agreement-block01 .contract-period dd{margin:0;}

/*------------------------------------------------------------
	Footer Area
------------------------------------------------------------*/
#footer{padding-bottom:10px;}
#footer .eke-nav{
margin:0;
padding:0 0 15px;
zoom:1;
}
#footer .eke-nav li{
float:left;
margin:0 12px 5px 0;
padding-left:11px;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/contents/arrow-bg01-r.gif?20130207) left 0.2em no-repeat;
font-size:0.6875em;
}
#footer .eke-nav li a:link,
#footer .eke-nav li a:visited{color:#626262;}
#footer .eke-nav li a:hover,
#footer .eke-nav li a:active{color:#f90;}
* html #footer .eke-nav li{font-size:0.55em;}

#footer.breadth .eke-nav{
text-align:center;
}
#footer.breadth .eke-nav li{
display:inline;
float:none;
background:url(https://d18f657670wm8u.cloudfront.net/otona/clause/css/images/contents/arrow-bg01-r.gif?20130207) left 0.1em no-repeat;
}

#footer #copyright{
background: url("https://d18f657670wm8u.cloudfront.net/otona/clause/images/copyright02.png?20240819") no-repeat scroll 0 0 transparent;
color: #696969;
font-family: arial;
font-size: 75%;
font-weight: bold;
height: 56px;
line-height: 56px;
text-align: center;
}
body.rwd #footer #copyright{
background-color: #e4e4e4;
background-position: calc(100% - 5px);
background-size: 230px auto;
border-radius: 4px;
line-height: 1.5;
text-align: right;
width: auto;
height: auto;
padding: 20px 240px 20px 0;
}
body.rwd #footer #copyright.type-01{
background-image: url("https://d18f657670wm8u.cloudfront.net/otona/clause/images/copyright03.png?20190927");
}

@media only screen and (max-width: 768px) {
body.rwd #footer #copyright.type-01{
padding-bottom: 60px;
}
body.rwd #contents-ins #sec-area #sa-cont{
padding: 0 10px;
}
}


/*	clearFix
--------------------------------------*/
#header:after,
#page-info:after,
#contents-ins:after,
#sub-contents .contact-block01 .ib-cont dd ul li:after,
#footer .eke-nav:after{
display:block;
clear:both;
visibility:hidden;
content:".";
height:0;
line-height:0;
}
#header,
#page-info,
#contents-ins,
#sub-contents .contact-block01 .ib-cont dd ul li,
#footer .eke-nav{
display:inline-block;
}
#header,
#page-info,
#contents-ins,
#sub-contents .contact-block01 .ib-cont dd ul li,
#footer .eke-nav{
display:block;
}

@media only screen and (max-width: 768px) {
.reset_spFont085 {
	font-size: 85%;
}
}