@charset "utf-8";
#staticPage .cf .txt2 { display: inline-block; float: right; width: 50%; font-size: 14px; margin-bottom: 20px;}
.commonLinks {margin-top: 30px;}
/*=============================
 お役立ち情報　共通
=============================*/
.tips{}
.tips > *{ width: 100%; float: left;}
.tips h1{ position: relative; height: 60px; margin-bottom: 30px;}
.tips h1:after{ position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; display: block; content: ""; background: #ccc; z-index: -1;}
.tips h1 span{ display: inline-block; border-bottom:4px solid #008342; font-size: 30px; line-height: 60px; padding: 0 15px;}
.tips h1 span img{ height: 24px; width: auto; margin-right: 15px;}
.tips > p{ font-size: 17px;}
/*=============================
 お役立ち情報　リスト
=============================*/
/*共通メニュー*/
.tipsMenu{ margin-bottom: 30px;}
.tipsMenu li{ width: 17%; float: left; display: inline-block; margin: 0 1.5%; text-align: center;}
.tipsMenu li a{ display: block; padding: 10px 0; font-size: 16px; color: #333; border-radius: 4px; border: solid 1px #777;}
.tipsMenu li a:hover{ background: #ddd;}
.tipsMenu li.now a, 
.tipsMenu li.now a:hover{border:1px solid #008342; background: #008342; color: #fff;}
/*リスト指定*/

.tipsList dl { width: 100%; float: left;}
.tipsList dl dt{ float: left; background: #008342; padding: 5px 30px; color: #fff; font-size: 20px; margin: 50px 0 5px; border-radius: 50px;}
.tipsList dl dt:first-child{ margin-top: 20px;}
.tipsList dl dd{ width: 100%; float: left; font-size: 18px; padding: 0 2%; border-bottom: dotted 1px #999;}
.tipsList dl dd a{ display: block; color: #333; line-height: 46px;}
.tipsList dl dd a:hover{ color: #008342; text-decoration: underline;}


/*=============================
 お役立ち情報　詳細
=============================*/
.tipsPage.tips h1{ margin-top: 30px;}
.tipsPage.tips h1 b{ width: auto; display: inline-block; position: absolute; left: 0; top: -30px; font-size: 14px; padding:5px 30px; background:#008342; line-height: 1.2em; color: #fff; border-radius: 50px;}
.tipsPage.tips > p { font-size: 22px; line-height: 1.8em; padding-bottom: 80px;}
.tipsPage.tips > p .btn{ display: inline-block; padding: 10px 50px; border: solid 1px #999; font-size: 16px; color: #333; border-radius: 4px; margin-top: 50px; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 75%, #dddddd 100%);
background: -webkit-linear-gradient(top, #ffffff 75%,#dddddd 100%);
background: linear-gradient(to bottom, #ffffff 75%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );}
.tipsPage.tips > p .btn::before{ content: "<"; padding-right: 30px;}
.tipsPage.tips > p .btn:hover{ border: solid 1px #008342; color: #008342; box-shadow: 0 0 0 4px #008342;}