@charset "utf-8";
html {
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit
}
html {
	font-size: 13px
}
body {
	background: #fff;
	text-align: center;
	word-wrap: break-word;
	font-size: 14px;
	font-size: 1.08rem;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	overflow-wrap: break-word
}
body, textarea {
	line-height: 1.5
}
a, a:visited {
	color: #06c;
	text-decoration: underline
}
a:hover, a:focus {
	text-decoration: none;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out
}
a:active {
	position: relative;
	top: 1px;
	color: #f33
}
a:link {
	-webkit-tap-highlight-color: rgba(000,000,000,0)
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}
input, textarea {
	max-width: 100%;
	height: auto
}
.iframe-wrap {
	position: relative;
	padding-top: 56.25%;
	width: 100%
}
.iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.wrapper {
	margin: 0 auto
}
.header-bar {
	width: 100%;
	min-height: 30px
}
.header-bar-inner, .banner-inner, .glovalnavi-inner, .container-inner, .footer-menu-inner, .footer-inner {
	margin: 0 auto;
	width: 1000px
}
.glovalnavi-inner:before, .glovalnavi ul:before, .container:before, .entry:before, .entry-content:before, .social-buttons:before, .entry-navi:before, .sidebar:before, .footer-menu-inner:before, .footer-inner:before, .widget-item:before, .search-bar:before, .c3:before, .c2:before, .c1:before, .cf:before {
	content: "";
	display: table
}
.glovalnavi-inner:after, .glovalnavi ul:after, .container:after, .entry:after, .entry-content:after, .social-buttons:after, .entry-navi:after, .sidebar:after, .footer-menu-inner:after, .footer-inner:after, .widget-item:after, .search-bar:after, .c3:after, .c2:after, .c1:after, .cf:after {
	content: "";
	display: table;
	clear: both
}
.glovalnavi-inner, .glovalnavi ul, .container, .entry, .entry-content, .social-buttons, .entry-navi, .sidebar, .footer-menu-inner, .footer-inner, .widget-item, .search-bar, .c3, .c2, .c1, .cf {
	zoom: 1
}
.header-bar {
	background: #666;
	overflow: hidden
}
.header-bar .menu, .header-bar .sb-menu {
	float: right;
	margin: 0 0 0 5px;
	padding: 6px 0 9px;
	line-height: 1
}
.header-bar .menu li, .header-bar .sb-menu li {
	display: inline;
	margin: 0 0 0 10px;
	color: #ededed;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1
}
.header-bar .menu li a, .header-bar .sb-menu li a {
	padding: 11px 0;
	color: #ededed;
	text-decoration: none
}
.header-bar .menu li a:hover, .header-bar .sb-menu li a:hover {
	color: #fff;
	text-decoration: none
}
.header-bar .menu li a {
	padding-left: 18px;
	background-image: url(img/icon-arrow1.png);
	background-position: left center;
	background-repeat: no-repeat
}
.header-bar .sb-menu li a {
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat
}
.header-bar .sb-menu li a.law {
	background-image: url(img/icon-law.png)
}
.header-bar .sb-menu li a.facebook {
	background-image: url(img/icon-facebook.png)
}
.header-bar .sb-menu li a.twitter {
	background-image: url(img/icon-twitter.png)
}
.header-bar .sb-menu li a.google-plus {
	background-image: url(img/icon-g-plus.png)
}
.header-bar .sb-menu li a.email {
	background-image: url(img/icon-email.png)
}
.header-bar .sb-menu li a.profile {
	background-image: url(img/icon-profile.png)
}
.header-bar .sb-menu li a.sitemap {
	background-image: url(img/icon-sitemap.png)
}
.header-bar .sb-menu li a.rss {
	background-image: url(img/icon-rss.png)
}
.banner {
	text-align: left;
	letter-spacing: 1px;
	zoom: 1
}
.banner:after {
	display: table;
	clear: both;
	content: ""
}
.banner-inner {
	line-height: 0
}
.site-title {
	margin: 0;
	padding: 1em 0 5px;
	font-weight: bold;
	font-size: 26px;
	font-size: 2rem;
	line-height: 1.33
}
.site-title a, .site-title a:visited {
	color: #333;
	text-decoration: none
}
.site-title a:hover {
	color: #999
}
.site-description {
	margin-bottom: 2.5em;
	width: 66%;
	color: #666;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.5
}
.glovalnavi-inner {
	margin: 0 auto
}
.glovalnavi ul {
	list-style: none;
	text-align: left;
	line-height: 0
}
.glovalnavi li {
	float: left;
	margin: 0 20px 15px 0;
	padding: 18px 0 0;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1
}
.glovalnavi li a, .glovalnavi li a:visited {
	text-decoration: none
}
.glovalnavi ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.glovalnavi li {
	float: left;
	white-space: nowrap
}
.glovalnavi ul ul {
	position: absolute;
	z-index: 10;
	display: none;
	padding: 15px 0 0;
	border: 0;
	background-image: none
}
.glovalnavi li li {
	position: relative;
	display: block;
	clear: left;
	padding: 15px;
	width: 100%;
	border: 1px solid #ccc;
	border-top-width: 0;
	background: #fff;
	box-shadow: none;
	font-weight: normal
}
.glovalnavi li li:first-child {
	border-top-width: 1px
}
.glovalnavi li li:last-child {
	border-radius: 0 0 5px 5px
}
.glovalnavi li li:hover {
	background: #f3f3f3;
	border-bottom: 1px solid #bbb
}
.glovalnavi li li a {
	padding: 0;
	background: 0;
	box-shadow: none;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1
}
.glovalnavi li li:hover>a, .glovalnavi li li a:hover {
	box-shadow: none;
	color: #000;
	text-shadow: 0 1px 0 #fff
}
.glovalnavi li li a:before {
	content: none
}
.glovalnavi ul ul ul {
	top: -1px;
	left: 100%;
	padding-top: 0
}
.glovalnavi ul li:hover>ul {
	display: block
}
.breadcrumb {
	margin-bottom: 15px
}
.breadcrumb a, .breadcrumb a:visited {
	color: #444
}
.breadcrumb ol {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-size: 0
}
.breadcrumb li {
	display: inline;
	padding-right: 5px;
	color: #666;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.333
}
.breadcrumb a {
	text-decoration: none;
	font-weight: normal
}
.breadcrumb a:hover {
	color: #222
}
.breadcrumb a:after {
	padding-left: 5px;
	color: #ccc;
	content: ">"
}
.breadcrumb li:last-child a:after {
	content: none
}
.container {
	padding-bottom: 20px
}
.page-title {
	margin: 0;
	padding: 18px 0 22px;
	border-top: 1px solid #999;
	color: #222;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	font-weight: normal;
	font-size: 20px;
	font-size: 1.54rem;
	line-height: 1.5
}
.contents {
	display: block;
	float: none;
	width: auto
}
.main {
	float: left;
	margin-right: -356px;
	width: 100%
}
.main>* {
	margin-right: 356px
}
.sidebar1 {
	float: right;
	width: 336px
}
.sidebar2 {
	float: right;
	clear: right;
	width: 336px
}
.sidebar2 {
	position: relative;
	z-index: 1
}
.column3 .main, .right_sidebar .main, .left_sidebar .main, .column1 .main {
	margin-right: 0;
	width: auto
}
.column3 .main>*, .right_sidebar .main>*, .left_sidebar .main>*, .column1 .main>* {
	margin-right: 0
}
.column3 .sidebar1, .right_sidebar .sidebar1, .left_sidebar .sidebar1, .column1 .sidebar1 {
	width: auto
}
.column3 .sidebar2, .right_sidebar .sidebar2, .left_sidebar .sidebar2, .column1 .sidebar2 {
	width: auto
}
.column3 .contents {
	display: inline;
	float: left;
	width: 800px
}
.column3 .main {
	display: inline;
	float: right;
	margin-right: 20px;
	width: 560px
}
.column3 .sidebar1 {
	display: inline;
	float: left;
	margin-bottom: 15px;
	width: 200px
}
.column3 .sidebar2 {
	display: inline;
	float: right;
	margin-bottom: 20px;
	width: 200px
}
.right_sidebar .contents {
	display: block;
	float: none;
	width: auto
}
.right_sidebar .main {
	float: left;
	margin-right: -356px;
	width: 100%
}

@media screen and (min-width:769px) {
.main-inner {
	float: left;
	width: 96%;
	margin-right: -310px !important;
	padding-right: 310px;
	box-sizing: border-box
}
}

@media screen and (max-width:768px) {
.main-inner {
	width: 100%
}
}
.right_sidebar .sidebar1 {
	float: right;
	width: 336px
}
.right_sidebar .sidebar2 {
	float: right;
	clear: right;
	width: 336px
}
.left_sidebar .contents {
	display: block;
	float: none;
	width: auto
}
.left_sidebar .main {
	float: right;
	margin-left: -356px;
	width: 100%
}
.left_sidebar .main>* {
	margin-left: 356px
}
.left_sidebar .sidebar1 {
	float: left;
	width: 336px
}
.left_sidebar .sidebar2 {
	float: left;
	clear: left;
	width: 336px
}
.column1 .contents {
	display: inline;
	float: left;
	width: 100%
}
.column1 .main {
	float: none;
	margin: 0 auto;
	padding: 0;
	width: 80%
}
.column1 .sidebar1, .column1 .sidebar2 {
	display: none
}
.h1, .entry-content h1, .textwidget h1 {
	color: #222;
	font-size: 18px;
	font-size: 1.39rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 .5em;
	padding: 0
}
.h2, .entry-content h2, .textwidget h2 {
	padding: .4em .5em;
	color: #333;
	background: #f4f4f4;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7;
	margin: 40px 0 20px;
	line-height: 28px
}
.h3, .entry-content h3, .textwidget h3, .entry-content .yarpp-related h3 {
	margin: 40px 0 20px
}
.h3, .entry-content h3, .textwidget h3, .entry-content h3 {
	position: relative;
	padding: 14px 14px;
	background: #e0edff;
	margin: 40px 0 20px;
	font-size: 20px;
}
.h3:after, .entry-content h3:after, .textwidget h3:after, .entry-content h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
	width: 0;
	height: 0
}
.h4, .entry-content h4, .textwidget h4 {
    padding: 6px 10px;
    background: transparent;
    border-left: solid 5px #7db4e6;
    font-size: 20px;
    margin: 15px 0;
	line-height: 36px;
}
.h5, .entry-content h5, .textwidget h5 {
    border-bottom: 5px solid #a7d6ff;
    font-size: 20px;
    display: inline-block;
    line-height: 18px;
    margin: 10px 0 10px;
}
.h6, .entry-content h6, .textwidget h6 {
	font-size: 20px;
	color: #30acdf;
	margin: 20px 0 5px;
}
.entry-content img, .textwidget img {
	height: auto;
	max-width: 100%
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .h1 a:visited, .h2 a:visited, .h3 a:visited, .h4 a:visited, .h5 a:visited, .h6 a:visited, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #222;
	text-decoration: none
}
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #222;
	text-decoration: underline
}
.widget-title {
	margin: 0;
	padding: 0 0 1em;
	color: #222;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.16rem;
	line-height: 1.3
}
.widget .entry-title a {
	text-decoration: none
}
.widget .entry-title a:hover {
	text-decoration: underline
}
.entry, .main .widget {
	margin: 0 0 20px;
	text-align: left
}
.entry>*:last-child, .main .widget>*:last-child {
	margin-bottom: 0
}
.main p {
	margin: 0 0 1.5em;
	padding: 0;
	color: #222;
	text-align: left;
	font-size: 15px;
	font-size: 1.08rem;
	line-height: 28px
}
.main p small {
	color: #222333;
	font-size: 12px;
	font-size: .93rem
}
.main blockquote {
	margin: 20px;
	padding: 1.5em;
	border: 1px #ccc solid;
	border-radius: 4px;
	background: #f3f3f3
}
.main blockquote>:first-child {
	margin-top: 0
}
.main blockquote>:last-child {
	margin-bottom: 0
}
.main dl {
	margin: 20px 20px 20px 20px;
	padding: 0;
	color: #222333;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.95
}
.main dt {
	font-weight: bold
}
.main dd {
	margin-left: 2em
}
.main ul {
	margin: 0 0 1.5em 3em;
	padding: 0;
	list-style-type: disc;
	text-align: left
}
.main ol {
/*	margin: 0 0 1.5em 3em;
	padding: 0;
	list-style-type: decimal;
	text-align: left
*/}
.main li {
/*	margin: 0;
	padding: 0;
	color: #222333;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.95*/
}
.main table {
	margin: 0 0 1em;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #fbfbfb;
	color: #222;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5
}
.main th, .main td {
	padding: .75em 1em;
	border: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: top
}
.main th {
	background: #f3f3f3;
	font-weight: bold;
	color: #333
}
.entry-content {
	color: #222;
	line-height: 1.95
}
.entry-content img {
	max-width: 100%;
	height: auto
}
.entry-content p {
	font-size: 15px;
	line-height: 28px
}
.entry-img {
	float: right;
	overflow: hidden
}
.entry-img img {
	margin: 0 0 15px 15px;
	width: inherit;
	height: auto
}
.column3 .entry-img img {
	max-width: 186px
}
.right_sidebar .entry-img img, .left_sidebar .entry-img img {
	max-width: 220px
}
a .moretext {
	display: block;
	text-align: right;
	font-size: 12px;
	font-size: .93rem
}
.social-buttons {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0;
	line-height: 1
}
.sb-button {
	float: left;
	margin-right: 5px
}
.entry-meta {
	margin: 0 0 20px;
	padding: 1em 0 0;
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	font-size: .93rem;
	line-height: 2
}
.entry-meta a, .entry-meta a:visited, .entry-meta a:hover {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.entry-meta-item {
	margin-right: .5em;
	margin-bottom: .5em
}
.entry-meta-item.author {
	display: none
}
.entry-meta-item.date-modified {
	margin-left: -1em
}
.main .widget-title {
	margin: 0;
	padding: 0 0 1em;
	color: #222;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.39rem;
	line-height: 1.3
}
.main .widget ul {
	margin: -10px 0 0
}
.main .widget ul li {
	padding: 6px 0 5px;
	border-bottom: 1px solid #ddd;
	list-style: none
}
.main .widget ul li ul {
	margin: 2px 0 2px 1em
}
.main .widget ul li li {
	margin: 0 0 0 13px;
	padding: 0 0 2px;
	border-bottom: 0;
	background: 0;
	list-style: none
}
.main .widget_recent_entries .post-date {
	float: right;
	margin-top: .3em;
	color: #666;
	font-size: 12px;
	font-size: .93rem
}
.page-navi {
	text-align: left;
	background: #fff
}
.page-navi .page-numbers {
	margin: 0 2px 1em 0;
	display: inline-block;
*display:inline;
*zoom:1
}
.page-navi a.page-numbers, .page-navi .current, .page-navi a.next, .page-navi a.prev {
	padding: 5px 12px;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0, #e6e6e6 100%);
	background: linear-gradient(top, #fff 0, #e6e6e6 100%);
	box-shadow: 0 1px 2px rgba(000,000,000,.1);
	color: #222;
	text-decoration: none;
	font-size: 12px;
	font-size: .93rem;
	font-family: Arial, Helvetica, sans-serif
}
.page-navi .dots {
	margin: 0 2px 1em 0;
	padding: 5px 5px
}
a.page-numbers:hover {
	border: 1px solid #aaa;
	background: #ccc;
	background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
	background: linear-gradient(top, #ddd 0, #bbb 100%);
	color: #000;
	text-shadow: 0 1px 0 rgba(255,255,255,1)
}
a.page-numbers:active {
	box-shadow: 0 1px 1px rgba(000,000,000,0.6) inset
}
.page-navi .current {
	border: 1px solid #444;
	border-radius: 4px;
	background: #666;
	background: -webkit-linear-gradient(top, #555 0, #777 100%);
	background: linear-gradient(top, #555 0, #777 100%);
	box-shadow: 0 2px 3px rgba(000,000,000,0.5) inset;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(000,000,000,1);
	font-size: 12px;
	font-size: .93rem;
	font-family: Arial, Helvetica, sans-serif
}
.entry-navi {
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(0,0,0,.1);
	color: #666;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.618
}
.entry-navi a, .entry-navi a:visited {
	color: #666;
	text-decoration: none
}
.entry-navi .previous {
	float: left;
	padding: 0 .5em 0 0;
	width: 50%;
	text-align: left
}
.entry-navi .next {
	float: right;
	padding: 0 0 0 .5em;
	width: 50%;
	text-align: right
}
#comments, #respond {
	margin: 20px 0 0;
	padding: 1px 20px;
	background: #f3f3f3;
	text-align: left
}
#respond {
	padding: 1px 20px 20px
}
#comments h3.title, h3#reply-title {
	margin: 15px 0 15px;
	padding: 0;
	color: #222;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.24rem;
	line-height: 1.3
}
#comments p.wait {
	margin: 5px;
	color: #F00
}
#comments .comment-meta a:hover {
	color: #ccc
}
ul.commentlist, ul.pinglist {
	margin: 0 0 30px;
	padding: 0;
	list-style-type: none
}
li.comment, li.trackback {
	position: relative;
	margin: 15px 0;
	padding: 15px 0 0;
	border-top: 1px dotted #ccc
}
.commentlist .reply .comment-reply-link {
	position: absolute;
	top: 15px !important;
	right: 0;
	margin: 0;
	padding: 0 0 2px 20px;
	background: url(img/icon_com.gif) no-repeat left 6px;
	font-size: 12px;
	font-size: .93rem
}
.commentlist .avatar {
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff
}
.comment-author {
	padding-bottom: 3px
}
.fn {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	font-size: 1.24rem
}
.comment-meta {
	margin-top: -2px;
	margin-bottom: 10px;
	color: #999;
	text-align: left;
	font-size: 12px;
	font-size: .93rem
}
.comment-meta a {
	color: #999
}
.commentlist p, .pinglist li p {
	margin: 10px 0 10px;
	color: #666;
	text-align: left;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.5
}
.comment-body {
	margin: 0 0 15px
}
.commentlist ul.children {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.commentlist ul.children li {
	margin: 0 0 15px 55px;
	padding: 15px 0 0;
	font-size: 13px;
	font-size: 1rem
}
.commentlist ul.children li .fn, .commentlist ul.children li .comment-meta {
	padding-right: 25px
}
#commentform {
	text-align: left
}
textarea#comment {
	width: 100%;
	height: 10em;
	border: 1px solid #ccc;
	padding: .5em
}
.sub {
	margin: 0 0 20px;
	text-align: left
}
.sub p {
	margin: 0 0 .75em;
	padding: 0;
	color: #222;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5
}
.sub ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: disc
}
.sub li {
	margin: 0;
	padding: 0 0 4px;
	color: #222;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5
}
.sub li a, .sub li a:visited {
	color: #222;
	text-decoration: none
}
.sub li a:hover {
	text-decoration: underline
}
.img-sub {
	margin: 0 auto;
	text-align: center
}
.img-sub img {
	margin: 0 0 5px;
	width: 150px
}
.sub h1 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1rem
}
.sub h2 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 13px;
	font-size: 1rem
}
.sub h3 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 13px;
	font-size: 1rem
}
.sub h4 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 13px;
	font-size: 1rem
}
.sub h5 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1rem
}
.sub h6 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1rem
}
.sub .widget {
	margin-bottom: 20px
}
.sub .widget:last-child {
	margin-bottom: 0
}
.sub .widget-title {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	font-weight: bold;
	line-height: 1.3
}
.column3 .sub .widget-title {
	font-size: 14px;
	font-size: 1.08rem
}
.right_sidebar .sub .widget-title, .left_sidebar .sub .widget-title {
	font-size: 15px;
	font-size: 1.16rem
}
.sub .widget_text, .sub .textwidget {
	text-align: left
}
.sub .widget_text *:first-child, .sub .textwidget *:first-child {
	margin-top: 0
}
.fixed-sidebar-wrapper {
	margin-top: 1.5em
}
.fixed-sidebar-wrapper .fixed-sidebar {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}
select.postform {
	padding: .1em .2em 0;
	width: 100%
}
.search-input {
	margin: 0;
	padding: .3em .6em;
	width: 100%;
	border: 1px solid #bbb;
	border-radius: 1px;
	background: #f8f8f8;
	box-shadow: 0 1px 2px rgba(000,000,000,.1) inset;
	color: #777;
	font-size: 11px;
	line-height: 1.33
}
.search-input:hover {
	border: 1px solid #999
}
.search-input:focus {
	border: 1px solid #999;
	background: #fff
}
.search-submit {
	margin: 0;
	padding: 0 1em;
	height: 24px;
	border: 1px solid #bbb;
	border-radius: 1px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0, #e6e6e6 100%);
	background: linear-gradient(top, #fff 0, #e6e6e6 100%);
	color: #444;
	font-size: 12px;
	line-height: 2;
	cursor: pointer;
	position: relative;
	zoom: 1;
	-pie-background: linear-gradient(#fff 0, #e6e6e6 100%);
	behavior: url("<?php bloginfo( 'template_directory' ); ?>/PIE.htc")
}
.search-submit:hover {
	border: 1px solid #999;
	color: #000
}
.search-submit:active {
	box-shadow: 0 1px 2px rgba(000,000,000,0.6) inset
}
#wp-calendar {
	width: 100%;
	color: #222
}
#wp-calendar td, #wp-calendar th {
	padding: 8px 0;
	text-align: center;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1
}
#wp-calendar caption {
	padding: 10px 0 8px 0;
	color: #666;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: .93rem
}
#wp-calendar th {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f3f3f3;
	font-weight: bold
}
#wp-calendar tfoot td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.tagcloud {
	text-align: left
}
.tagcloud a[class^="tag-link"] {
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: .4em;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #f8f8f8;
	color: #555;
	text-decoration: none;
	line-height: 1
}
.tagcloud a[class^="tag-link"]:hover {
	border: 1px solid #bbb;
	background: #f3f3f3
}
.footer-menu {
	clear: both;
	margin: 0 auto;
	width: 100%
}
.footer-menu .footer-menu1, .footer-menu .footer-menu2, .footer-menu .footer-menu3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 33.333%
}
.footer-menu .footer-menu1-inner {
	padding-right: 4%;
	padding-left: 0
}
.footer-menu .footer-menu2-inner {
	padding-right: 2%;
	padding-left: 2%
}
.footer-menu .footer-menu3-inner {
	padding-right: 0;
	padding-left: 4%
}
.footer-menu .footer-menu1-inner>.widget, .footer-menu .footer-menu2-inner>.widget, .footer-menu .footer-menu3-inner>.widget {
	margin-top: 20px
}
.footer-menu .footer-menu1-inner>.widget:last-child, .footer-menu .footer-menu2-inner>.widget:last-child, .footer-menu .footer-menu3-inner>.widget:last-child {
	margin-bottom: 20px
}
.footer {
	clear: both;
	border-top: 1px solid #222;
	background: #464646;
	box-shadow: 0 10px 10px rgba(000,000,000,.25) inset
}
.footer-inner {
	padding: 2em 0;
	text-align: left;
	font-style: normal;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1
}
.footer p, .footer li, .footer small {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.333
}
.footer p a, .footer p a:visited, .footer li a, .footer li a:visited, .footer small a, .footer small a:visited {
	color: #ccc;
	text-decoration: none
}
.footer p a:hover, .footer li a:hover, .footer small a:hover {
	color: #fff
}
.footer small.site-info {
	float: left;
	text-align: left
}
.footer-navigation {
	float: right
}
.footer-navigation ul {
	list-style-type: none;
	font-size: 0
}
.footer-navigation li {
	float: left;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #aaa
}
.footer-navigation li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0
}
.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	clear: both;
	text-align: right
}
.back-to-top a {
	display: block;
	background: url("img/back-to-top.png") no-repeat center center;
	background-size: contain;
	width: 40px;
	height: 40px;
	line-height: 100px;
	overflow: hidden
}
.back-to-top a:active {
	outline: 0 none black
}
.sitemap .main p {
	margin: 0 0 10px;
	padding: 0;
	color: #666;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.5
}
.sitemap .main ul {
	margin: 0 0 30px 15px;
	padding: 0
}
.sitemap .main ul li {
	margin-left: 2em;
	padding: 5px 0 5px 24px;
	background: url("img/sitemap-li.gif") left center no-repeat;
	list-style-type: none;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.5
}
.sitemap .main ul li:last-child {
	background: url("img/sitemap-li-last.gif") left center no-repeat
}
.rewg {
	text-align: left
}
.rewg ul {
	margin: 0;
	padding: 0
}
.main .rewg .widget-item {
	margin-bottom: .7em;
	padding-bottom: .4em;
	border: 0;
	border-bottom: 1px solid #ddd;
	list-style: none
}
.main .rewg .widget-item:last-child {
	margin-bottom: 0
}
.sub .rewg .widget-item {
	padding: 5px 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
	background: 0
}
.sub .rewg .widget-item:last-child {
	margin-bottom: 0
}
.main .rewg-entry-img {
	float: right;
	overflow: hidden;
	margin-bottom: .5em;
	margin-left: 1em;
	width: 81px;
	height: 50px
}
.main .rewg-entry-img img {
	max-width: 81px;
	max-height: 50px;
	margin: 0
}
.sub .rewg-entry-img {
	float: right;
	overflow: hidden;
	margin-bottom: .5em;
	margin-left: 1em;
	width: 40px;
	height: 40px
}
.sub .rewg-entry-img img {
	max-width: 40px;
	max-height: 40px;
	margin: 0
}
.main .rewg-entry-title {
	margin-bottom: .25em;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.5
}
.sub .rewg-entry-title, .main .entry .rewg-entry-title {
	margin-bottom: .3em;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5
}
.main .rewg p {
	color: #555;
	margin-bottom: 5px;
	text-align: left;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.5;
	margin-top: 0
}
.sub .rewg p {
	color: #555;
	text-align: left;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.5
}
.main .rewg-entry-date {
	margin-bottom: .4em;
	color: #666;
	font-size: 12px;
	font-size: .93rem
}
.sub .rewg-entry-date {
	margin-bottom: .4em;
	color: #666;
	font-size: 12px;
	font-size: .93rem
}
.main .rewg .comment-num {
	color: #666;
	text-align: right;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.5
}
.sub .rewg .comment-num {
	color: #666;
	text-align: right;
	font-size: 10px;
	font-size: .77rem;
	line-height: 1.5
}
.banners {
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.618
}
.banners .unit {
	float: left
}
.banners-image {
	overflow: hidden;
	margin-bottom: 5px;
	text-align: left
}
.banners-title {
	display: block;
	margin-bottom: 5px
}
.banners img {
	max-width: 100%;
	height: auto
}
.banners.c1 .unit {
	width: 100%
}
.banners.c2 .unit {
	width: 50%
}
.banners.c2 .unit1 {
	margin-right: 10px
}
.banners.c2 .unit2 {
	margin-left: 10px
}
.banners.c3 .unit {
	width: 33.333333%
}
.banners.c3 .unit1 {
	margin-right: 10px
}
.banners.c3 .unit2 {
	margin-right: 5px;
	margin-left: 5px
}
.banners.c3 .unit3 {
	margin-left: 10px
}
.sub .banners {
	margin-bottom: -5px;
	text-align: left;
	font-size: 12px;
	font-size: .93rem;
	line-height: 1.618
}
.sub .banners .unit {
	float: none;
	margin-bottom: 5px
}
.sub .banners.c1 .unit, .sub .banners.c1 .unit, .sub .banners.c2 .unit, .sub .banners.c2 .unit, .sub .banners.c3 .unit, .sub .banners.c3 .unit {
	width: auto
}
.sub .banners.c1 .unit2, .sub .banners.c2 .unit1, .sub .banners.c2 .unit2, .sub .banners.c3 .unit1, .sub .banners.c3 .unit2, .sub .banners.c3 .unit3 {
	margin-right: 0;
	margin-left: 0
}
.sub .banners .image {
	margin-bottom: 5px
}
.sub .banners img {
	max-width: 100%;
	height: auto
}
.sub-btn, .gnavi-btn {
	display: none
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em
}
.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto
}
p img, .wp-caption {
	margin-top: .4em
}
.wp-caption {
	margin-bottom: 1.625em;
	padding: 9px;
	max-width: 96%;
	background: #eee
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	font-size: 12px;
	font-size: .93rem;
	font-family: Georgia, serif
}
.wp-caption .wp-caption-text {
	position: relative;
	margin-bottom: .6em;
	padding: 10px 0 5px 40px
}
.wp-caption .wp-caption-text:before {
	position: absolute;
	top: 7px;
	left: 10px;
	margin-right: 5px;
	color: #666;
	content: '\2014';
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	font-size: 1.08rem
}
.wp-caption img {
	border-color: #eee
}
.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {
	border-color: #ddd;
	background: #fff
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em
}
.indexed.format-image .wp-caption {
	margin-bottom: 0;
	padding: 2% 2% 0;
	max-width: 96%;
	background: #111
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	font-size: 12px;
	font-size: .93rem;
	font-family: Georgia, serif
}
.wp-caption .wp-caption-text {
	position: relative;
	margin-bottom: .6em;
	padding: 10px 0 5px 40px
}
.wp-caption .wp-caption-text:before {
	position: absolute;
	top: 7px;
	left: 10px;
	margin-right: 5px;
	color: #666;
	content: '\2014';
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	font-size: 1.08rem
}
.blog .sticky .entry-header .entry-meta {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px)
}
.commentlist>li.bypostauthor {
	border-color: #d3d3d3;
	background: #ddd
}
.commentlist>li.bypostauthor .comment-meta {
	color: #575757
}
.commentlist>li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png)
}
.commentlist .children>li.bypostauthor {
	border-color: #d3d3d3;
	background: #ddd
}
.m0 {
	margin: 0 !important
}
.m0-t {
	margin-top: 0 !important
}
.m0-r {
	margin-right: 0 !important
}
.m0-b {
	margin-bottom: 0 !important
}
.m0-l {
	margin-left: 0 !important
}
.m10 {
	margin: 10px !important
}
.m10-t {
	margin-top: 10px !important
}
.m10-r {
	margin-right: 10px !important
}
.m10-b {
	margin-bottom: 10px !important
}
.m10-l {
	margin-left: 10px !important
}
.m20 {
	margin: 20px !important
}
.m20-t {
	margin-top: 20px !important
}
.m20-r {
	margin-right: 20px !important
}
.m20-b {
	margin-bottom: 20px !important
}
.m20-l {
	margin-left: 20px !important
}
.m30 {
	margin: 30px !important
}
.m30-t {
	margin-top: 30px !important
}
.m30-r {
	margin-right: 30px !important
}
.m30-b {
	margin-bottom: 30px !important
}
.m30-l {
	margin-left: 30px !important
}
.m40 {
	margin: 40px !important
}
.m40-t {
	margin-top: 40px !important
}
.m40-r {
	margin-right: 40px !important
}
.m40-b {
	margin-bottom: 40px !important
}
.m40-l {
	margin-left: 40px !important
}
.m50 {
	margin: 50px !important
}
.m50-t {
	margin-top: 50px !important
}
.m50-r {
	margin-right: 50px !important
}
.m50-b {
	margin-bottom: 50px !important
}
.m50-l {
	margin-left: 50px !important
}
.m60 {
	margin: 60px !important
}
.m60-t {
	margin-top: 60px !important
}
.m60-r {
	margin-right: 60px !important
}
.m60-b {
	margin-bottom: 60px !important
}
.m60-l {
	margin-left: 60px !important
}
.p0 {
	padding: 0 !important
}
.p0-t {
	padding-top: 0 !important
}
.p0-r {
	padding-right: 0 !important
}
.p0-b {
	padding-bottom: 0 !important
}
.p0-l {
	padding-left: 0 !important
}
.p10 {
	padding: 10px !important
}
.p10-t {
	padding-top: 10px !important
}
.p10-r {
	padding-right: 10px !important
}
.p10-b {
	padding-bottom: 10px !important
}
.p10-l {
	padding-left: 10px !important
}
.p20 {
	padding: 20px !important
}
.p20-t {
	padding-top: 20px !important
}
.p20-r {
	padding-right: 20px !important
}
.p20-b {
	padding-bottom: 20px !important
}
.p20-l {
	padding-left: 20px !important
}
.p30 {
	padding: 30px !important
}
.p30-t {
	padding-top: 30px !important
}
.p30-r {
	padding-right: 30px !important
}
.p30-b {
	padding-bottom: 30px !important
}
.p30-l {
	padding-left: 30px !important
}
.p40 {
	padding: 40px !important
}
.p40-t {
	padding-top: 40px !important
}
.p40-r {
	padding-right: 40px !important
}
.p40-b {
	padding-bottom: 40px !important
}
.p40-l {
	padding-left: 40px !important
}
.p50 {
	padding: 50px !important
}
.p50-t {
	padding-top: 50px !important
}
.p50-r {
	padding-right: 50px !important
}
.p50-b {
	padding-bottom: 50px !important
}
.p50-l {
	padding-left: 50px !important
}
.p60 {
	padding: 60px !important
}
.p60-t {
	padding-top: 60px !important
}
.p60-r {
	padding-right: 60px !important
}
.p60-b {
	padding-bottom: 60px !important
}
.p60-l {
	padding-left: 60px !important
}
*[class*="col-"] {
	margin-left: .83333333333333%;
	margin-right: .83333333333333%;
	float: left;
	display: block
}
.col-1 {
	width: 6.6666666666667%
}
.col-2 {
	width: 15%
}
.col-3 {
	width: 23.333333333333%
}
.col-4 {
	width: 31.666666666667%
}
.col-5 {
	width: 40%
}
.col-6 {
	width: 48.333333333333%
}
.col-7 {
	width: 56.666666666667%
}
.col-8 {
	width: 65%
}
.col-9 {
	width: 73.333333333333%
}
.col-10 {
	width: 81.666666666667%
}
.col-11 {
	width: 90%
}
.col-12 {
	width: 98.333333333333%
}
*[class*="col-"].alpha {
	margin-left: 0
}
*[class*="col-"].omega {
	margin-right: 0
}
.cl {
	clear: both
}
.b {
	font-weight: bold !important
}
.normal {
	font-weight: normal !important
}
.f8pt {
	font-size: 8pt !important
}
.f9pt {
	font-size: 9pt !important
}
.f10pt {
	font-size: 10pt !important
}
.f11pt {
	font-size: 11pt !important
}
.f12pt {
	font-size: 12pt !important
}
.f13pt {
	font-size: 13pt !important
}
.f14pt {
	font-size: 14pt !important
}
.f15pt {
	font-size: 15pt !important
}
.f16pt {
	font-size: 16pt !important
}
.f17pt {
	font-size: 17pt !important
}
.f18pt {
	font-size: 18pt !important
}
.f19pt {
	font-size: 19pt !important
}
.f20pt {
	font-size: 20pt !important
}
.f21pt {
	font-size: 21pt !important
}
.f22pt {
	font-size: 22pt !important
}
.f23pt {
	font-size: 23pt !important
}
.f24pt {
	font-size: 24pt !important
}
.f25pt {
	font-size: 25pt !important
}
.lh10 {
	line-height: 1.0 !important
}
.lh11 {
	line-height: 1.1 !important
}
.lh12 {
	line-height: 1.2 !important
}
.lh13 {
	line-height: 1.3 !important
}
.lh14 {
	line-height: 1.4 !important
}
.lh15 {
	line-height: 1.5 !important
}
.lh16 {
	line-height: 1.6 !important
}
.lh17 {
	line-height: 1.7 !important
}
.lh18 {
	line-height: 1.8 !important
}
.lh19 {
	line-height: 1.9 !important
}
.lh20 {
	line-height: 2.0 !important
}
.al-c {
	text-align: center !important
}
.al-r {
	text-align: right !important
}
.al-l {
	text-align: left !important
}
.first-line {
	margin-top: 0 !important
}
.red {
	color: #f00 !important
}
.blue {
	color: #00d !important
}
.green {
	color: #008000 !important
}
.yellow {
	color: #ff0 !important
}
.navy {
	color: #000080 !important
}
.orange {
	color: #f60 !important
}
.pink {
	color: #ff69b4 !important
}
.purple {
	color: #609 !important
}
.olive {
	color: #808000 !important
}
.lime {
	color: #0f0 !important
}
.aqua {
	color: #0ff !important
}
.black {
	color: #000 !important
}
.gray {
	color: #ccc !important
}
.white {
	color: #fff !important
}
.bgc-red {
	background-color: #f00 !important
}
.bgc-blue {
	background-color: #00d !important
}
.bgc-green {
	background-color: #008000 !important
}
.bgc-yellow {
	background-color: #ff0 !important
}
.bgc-navy {
	background-color: #000080 !important
}
.bgc-orange {
	background-color: #f60 !important
}
.bgc-pink {
	background-color: #ff69b4 !important
}
.bgc-purple {
	background-color: #609 !important
}
.bgc-olive {
	background-color: #808000 !important
}
.bgc-lime {
	background-color: #0f0 !important
}
.bgc-aqua {
	background-color: #0ff !important
}
.bgc-black {
	background-color: #000 !important
}
.bgc-gray {
	background-color: #ccc !important
}
.bgc-white {
	background-color: #fff !important
}
.left {
	float: left;
	margin: 0 20px 20px 0 !important
}
.right {
	float: right;
	margin: 0 0 20px 20px !important
}
.cl {
	visibility: hidden;
	clear: both;
	height: .1px;
	font-size: .1em;
	line-height: 0
}
.entry-content .yarpp-related {
	clear: both;
	margin-top: 20px
}
.entry-content .yarpp-related h3 {
	margin: 2em 0 1em !important;
	padding: 10px !important;
	font-weight: normal !important;
	font-size: 16px !important;
	font-size: 1.24rem !important
}
u {
	text-decoration: none
}
.logo {
	width: 281px;
	position: absolute;
	top: 20px;
	left: 0
}
.seb {
	height: 120px
}
.rankboximg2 {
	margin: 0 0 10px
}
.search-bar {
	width: 280px;
	margin: 0 auto
}
.searchsubmit {
	font-size: 1.4em;
	padding: 0;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	width: 50px;
	height: 36px;
	border: 0;
	background: #f19b2c;
	position: absolute;
	right: 0;
	font-size: 15px
}
.search-input {
	width: 284px;
	height: 36px;
	position: absolute;
	left: 0;
	border: 0;
	background: #ededed
}
.search-bar {
	position: relative
}
.inquiry {
	width: 133px;
	height: 40px;
	line-height: 40px;
	background: #f19b2c;
	border-radius: 5px;
	position: absolute;
	top: 30px;
	right: 0;
	color: #fff;
	padding: 0 0 0 10px;
	font-weight: bold
}
.inquiry a {
	color: #fff;
	text-decoration: none
}
.inquiry:before {
	content: "";
	background: url(images/mailico.png) no-repeat;
	width: 19px;
	height: 15px;
	position: absolute;
	left: 8px;
	top: 29%
}
.intro {
	width: 158px;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	padding: 0 0 0 8px;
	border: 1px solid #000;
	position: absolute;
	top: 30px;
	right: 150px
}
.intro a {
	color: #000;
	text-decoration: none
}
.intro:before {
	content: "";
	background: url(images/pencilico.png) no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 8px;
	top: 28%
}
.descr {
	width: 500px;
	position: absolute;
	top: 50px;
	left: 300px;
	text-align: left
}
.newpc {
	width: 1050px;
	height: 120px;
	margin: 0 auto;
	position: relative
}
nav {
	background: #30acdf
}
#dropmenu {
	list-style-type: none;
	width: 1050px;
	height: 70px;
	margin: 0 auto 30px;
	padding: 0
}
#dropmenu li {
	position: relative;
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center
}
#dropmenu li:before {
	content: "";
	width: 0;
	height: 50px;
	position: absolute;
	top: 17%;
	left: 0;
	border-left: 2px solid rgba(15,119,162,0.1);
	box-shadow: 0 0 1px rgba(119,211,249,1)
}
#dropmenu li.navl:after {
	content: "";
	width: 0;
	height: 50px;
	position: absolute;
	top: 17%;
	right: 0;
	border-left: 2px solid rgba(15,119,162,0.1);
	box-shadow: 0 0 1px rgba(119,211,249,1)
}
#dropmenu li a {
	display: block;
	margin: 0;
	color: #fff;
	line-height: 23px !important;
	padding: 12px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none
}
#dropmenu li ul {
	list-style: none;
	position: absolute;
	top: 69px;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 9999
}
#dropmenu li ul li {
	overflow: hidden;
	width: 280px;
	height: 0;
	color: #fff;
	opacity: 0;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s
}
#dropmenu li ul li a {
	background: #30acdf;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 60px !important;
	padding: 0 0 0 20px;
	display: block;
	position: relative
}
#dropmenu li ul li a:after {
	content: "";
	background: url(images/arrow.png) no-repeat;
	width: 8px;
	height: 14px;
	position: absolute;
	right: 25px;
	top: 40%
}
#dropmenu li ul li a:hover {
	background: #018fca
}
#dropmenu li:hover>a {
	background: #30acdf;
	color: #eff7b1
}
#dropmenu li:hover ul li {
	overflow: visible;
	height: 60px;
	opacity: 1
}
#dropmenu li:hover ul li a {
	height: 60px
}
#dropmenu li:hover ul li:first-child {
	border-top: 0
}
#dropmenu li:hover ul li:last-child {
	border-bottom: 0
}
.box, .box2 {
	background: #fff;
	box-shadow: 0 0 4px 1px #ababab
}
.box h3 {
	background: #30acdf;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 60px;
	height: 50px;
	font-size: 18px;
	text-align: left;
	line-height: 50px;
	position: relative
}
.box2 h3 {
	background: #30acdf;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 60px;
	height: 50px;
	font-size: 15px;
	text-align: left;
	line-height: 50px;
	position: relative
}
.boxsimu h3 {
	background: #30acdf;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 60px;
	height: 50px;
	font-size: 18px;
	text-align: left;
	line-height: 50px;
	position: relative
}
.box h3.search:before {
	content: "";
	background: url(images/ico1.png) no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.osu:before {
	content: "";
	background: url(images/ico2.png) no-repeat;
	width: 34px;
	height: 29px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.ra:before {
	content: "";
	background: url(images/ico3.png) no-repeat;
	width: 34px;
	height: 29px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box2 h3.ra:before {
	content: "";
	background: url(images/ico3.png) no-repeat;
	width: 34px;
	height: 29px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.po:before {
	content: "";
	background: url(images/ico4.png) no-repeat;
	width: 39px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.ne:before {
	content: "";
	background: url(images/ico5.png) no-repeat;
	width: 38px;
	height: 40px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.re:before {
	content: "";
	background: url(images/ico6.png) no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.boxsimu h3.simu:before {
	content: "";
	background: url(images/ico7.png) no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.ca:before {
	content: "";
	background: url(images/ico8.png) no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.cu:before {
	content: "";
	background: url(images/ico11.png) no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.co:before {
	content: "";
	background: url(images/ico9.png) no-repeat;
	width: 33px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.box h3.ot:before {
	content: "";
	background: url(images/ico10.png) no-repeat;
	width: 33px;
	height: 34px;
	position: absolute;
	left: 10px;
	top: 15%
}
.grbox {
	padding: 5px 10px
}
.rankbox h4.r1, .rankbox h4.r2, .rankbox h4.r3 {
	padding: 0 0 0 40px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 10px;
	position: relative
}
.rankbox2 h4.r1, .rankbox2 h4.r2, .rankbox2 h4.r3 {
	padding: 4px 0 0 40px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 10px;
	position: relative
}
.rankbox table {
	border-collapse: collapse;
	margin: 10px 0 20px;
	font-size: 12px
}
.rankbox td {
	padding: 7px 8px;
	border: 1px solid #e2e2e2
}
.rankbox table td:nth-child(odd) {
	background: #f3f3f3
}
.rankboxlink {
	background: #f19b2c;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
	margin: 0 0 15px;
	width: 280px;
	height: 60px;
	line-height: 60px
}
.rankboxlink a {
	text-decoration: none;
	color: #fff
}
.rankboxlink:after {
	content: "";
	background: url(images/arrow1.png) no-repeat;
	width: 10px;
	height: 18px;
	position: absolute;
	right: 20px;
	top: 37%
}
.rankboxlink2 {
	background: #e02517;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
	margin: 0 auto 15px;
	height: 60px;
	max-width: 300px;
	line-height: 60px
}
.rankboxlink2 a {
	text-decoration: none;
	color: #fff
}
.rankboxlink2:after {
	content: "";
	background: url(images/arrow1.png) no-repeat;
	width: 10px;
	height: 18px;
	position: absolute;
	right: 20px;
	top: 37%
}
.rankbox {
	border-bottom: dotted 1px #707070;
	width: 280px;
	margin: 0 auto 10px
}
.rankbox2 {
	width: 260px;
	margin: 0 auto 20px
}
.rankboxalllink {
	background: #ea7067;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
	margin: 5px auto 25px;
	width: 280px;
	height: 60px;
	line-height: 60px
}
.rankboxalllink a {
	text-decoration: none;
	color: #fff
}
.rankboxalllink:after {
	content: "";
	background: url(images/arrow1.png) no-repeat;
	width: 10px;
	height: 18px;
	position: absolute;
	right: 20px;
	top: 37%
}
.underbox {
	padding: 0 0 1px
}
.h4b h4 {
	margin: 5px 10px;
	line-height: 40px;
	padding: 0 0 0 30px;
	position: relative;
	border-bottom: 3px solid #30acdf;
	text-align: left
}
.h4b h4:before {
	content: "";
	background: url(images/h4ico.png) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 25%
}
.rankbox h4.r1:before {
	content: "";
	background: url(images/1.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 10%
}
.rankbox h4.r2:before {
	content: "";
	background: url(images/2.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 10%
}
.rankbox h4.r3:before {
	content: "";
	background: url(images/3.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 10%
}
.rankbox2 h4.r1:before {
	content: "";
	background: url(images/1.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 10%
}
.rankbox2 h4.r2:before {
	content: "";
	background: url(images/2.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 10%
}
.rankbox2 h4.r3:before {
	content: "";
	background: url(images/3.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 10%
}
.re, .po {
	margin-bottom: 0
}
.lineheight70 {
	line-height: 70px
}
.main .lineheight70 p {
	line-height: 70px !important
}
.main .lineheight25 p {
	line-height: 25px !important
}
.lineheight25 {
	padding: 10px 0 0;
	line-height: 25px
}
.lineheight25 p {
	padding: 0 0 10px 30px !important
}
#abutton, #abutton2, #abutton3, #abutton4, #abutton5, #abutton6, #abutton7, #abutton8, #abutton9, #abutton10, #abutton11, #abutton12 {
	cursor: pointer
}
.main .purboxlink {
	position: relative;
	text-align: left;
	height: 70px;
	font-weight: bold
}
.main .purboxlink:before {
	content: "";
	width: 4px;
	height: 50px;
	background: #30acdf;
	position: absolute;
	left: 0;
	top: 12px
}
.main .purboxlink:after {
	content: "";
	width: 14px;
	height: 14px;
	background: url(images/arrow2.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 40%
}
.main .purboxlink a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none
}
.main .purboxlink a:hover {
	background: #e0f6ff
}
.main .purboxlink p {
	margin: 0 10px;
	padding: 0 0 0 30px;
	border-bottom: dashed 1px #707070
}
.main .purboxlink p.lastp {
	margin: 0 10px;
	padding: 0 0 0 30px;
	line-height: 60px;
	border-bottom: 0
}
.main .purboxlink2 {
	position: relative;
	text-align: left;
	height: 70px;
	font-weight: bold
}
.main .purboxlink2:before {
	content: "";
	width: 4px;
	height: 50px;
	background: #30acdf;
	position: absolute;
	left: 0;
	top: 12px
}
.main .purboxlink2:after {
	content: "";
	width: 20px;
	height: 12px;
	background: url(images/arrow3.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 40%
}
.main .purboxlink2 a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none
}
.main .purboxlink2 a:hover {
	background: #e0f6ff
}
.main .purboxlink2 p {
	margin: 0 10px;
	padding: 0 0 0 30px;
	border-bottom: dashed 1px #707070
}
.catbox2 {
	height: 60px !important;
	background: #f2f2f2 !important;
	position: relative !important;
	border-bottom: 1px solid #d4d4d4 !important;
	text-align: left !important
}
.catbox2:after {
	content: "" !important;
	width: 8px !important;
	height: 14px !important;
	background: url(images/arrow4.png) no-repeat !important;
	position: absolute !important;
	right: 20px !important;
	top: 40% !important
}
.catbox2 a {
	color: #333 !important;
	font-weight: bold !important;
	text-decoration: none !important
}
.catbox2 p {
	margin: 0 !important;
	padding: 0 0 0 40px !important;
	line-height: 60px !important
}
#atarget2, #atarget3, #atarget4, #atarget5, #atarget6, #atarget7, #atarget8, #atarget9, #atarget10, #atarget11, #atarget12, #atarget13, #atarget14, #atarget15, #atarget16, #atarget17, #atarget18, #atarget19, #atarget {
	display: none
}
.main .catlast p {
	border: 0
}
.rboxarea div.bor {
	margin: 0 10px;
	border-bottom: dashed 1px #707070;
	padding: 15px 0
}
.rboxarea div.nobor {
	margin: 0 10px;
	padding: 15px 0
}
.rboxarea a .rtitle {
	color: #333
}
.rboxarea a {
	cursor: pointer;
	display: block
}
h3.ca, h3.co, h3.ot, h3.cu, h3.ne {
	margin-bottom: 0
}
.rboxarea:hover {
	background: #e0f6ff
}
.simubox {
	background: #fff;
	box-shadow: 0 0 4px 1px #ababab;
	position: relative;
	height: 80px;
	margin: 0 0 12px;
	border-radius: 3px
}
.bg1:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_1.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0
}
.bg2:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_2.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	top: 0;
	right: 0
}
.bg3:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_3.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0
}
.bg4:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_4.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0
}
.bg5:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_5.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0
}
.bg6:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_6.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0
}
.bg7:before {
	content: "";
	width: 66px;
	height: 80px;
	background: url(images/image_7.png) no-repeat;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0
}
.simubox a {
	color: #333;
	display: block;
	text-decoration: none
}
.simubox:hover {
	background: #e0f6ff
}
.main p.simu1 {
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 80px
}
.main p.simu2 {
	padding: 15px 0 0 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px
}
.compbox {
	height: 80px;
	border-bottom: 1px solid #ccc;
	position: relative
}
.compbox p {
	margin: 0 0 0 20px;
	font-size: 18px;
	line-height: 80px
}
.compbox a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	text-align: left
}
.compbox:hover {
	background: #e0f6ff
}
.compbox:before {
	content: "";
	width: 4px;
	height: 50px;
	background: #30acdf;
	position: absolute;
	left: 0;
	top: 12px
}
.compbox:after {
	content: "";
	width: 20px;
	height: 12px;
	background: url(images/arrow3.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 43%;
	z-index: 10
}
.compbox2 {
	background: #9a9a9a;
	color: #fff;
	height: 40px;
	position: relative
}
.compbox2:after {
	content: "";
	width: 14px;
	height: 8px;
	background: url(images/arrow5.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 43%;
	z-index: 10
}
.compbox2 p {
	line-height: 40px;
	padding: 0 0 0 40px;
	text-align: left;
	margin: 0
}
.compbox3 {
	height: 60px;
	position: relative;
	background: #f2f2f2
}
.compbox3 p {
	line-height: 60px;
	padding: 0 0 0 40px;
	text-align: left;
	margin: 0
}
.compbox3 a {
	text-decoration: none;
	color: #333;
	font-weight: bold
}
.compbox3:after {
	content: "";
	width: 8px;
	height: 14px;
	background: url(images/arrow4.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 40%
}

@media(max-width:768px) {
.old, .nosp {
	display: none !important
}
.footlogo {
	width: 200px;
	margin: 0 auto 25px
}
ul.footnav {
	padding: 0;
	font-size: 10px !important;
	margin: 20px auto 0
}
ul.footnav li {
	display: inline-block;
	position: relative;
	padding: 4px 10px;
	font-size: 14px
}
ul.footnav li:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	right: 0
}
ul.footnav li:nth-child(3):after, ul.footnav li:nth-child(6):after {
	content: "";
	width: 0;
	height: 20px;
	background: #fff;
	position: absolute;
	right: 0
}
ul.footnav li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold
}
.newfoot {
	background: #30acdf;
	padding: 20px 0
}
}

@media(max-width:768px) {
.topagetop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 20px;
	bottom: 60px;
	z-index: 3
}
.container {
	margin: 60px 0 0
}
.sidebox {
	width: 100% !important;
	margin: 20px 0
}
.rimg {
	width: 25%;
	height: 70px;
	overflow: hidden;
	float: left
}
.rtitle {
	width: 70%;
	height: 70px;
	float: right;
	text-align: left
}
}

@media(min-width:769px) {
.topagetop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 20px;
	bottom: 20px
}
.sp, .old {
	display: none !important
}
.footlogo {
	width: 279px;
	height: 79px;
	margin: 0 auto 40px
}
ul.footnav {
	margin: 30px auto
}
ul.footnav li {
	display: inline-block;
	position: relative;
	padding: 0 20px;
	font-size: 14px
}
ul.footnav li:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	right: 0
}
ul.footnav li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold
}
.newfoot {
	background: #30acdf;
	padding: 30px 0
}
.rimg {
	width: 80px;
	height: 70px;
	overflow: hidden;
	float: left
}
.rtitle {
	width: 180px;
	height: 70px;
	float: right;
	text-align: left
}
}
.sidebox {
	width: 310px;
	float: right
}
.box h3.search {
	margin: 0 0 1em
}
footer.newf {
	text-decoration: none;
	font-size: 12px;
	background: #008dc7;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-weight: bold
}
.menu-trigger {
	width: 60px;
	height: 60px;
	background: #30acdf;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box
}
.menu-trigger span {
	position: absolute;
	left: 25%;
	width: 50%;
	height: 3px;
	background-color: #fff;
	border-radius: 4px
}
a.menu-trigger:active {
	position: absolute !important;
	top: 0 !important;
	right: 0
}
.menu-trigger span:nth-of-type(1) {
	top: 30%
}
.menu-trigger span:nth-of-type(2) {
	top: 47%
}
.menu-trigger span:nth-of-type(3) {
	bottom: 30%
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(11px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg)
}
.menu-trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards
}
@-webkit-keyframes active-menu-bar02 {
100% {
height:0
}
}
@keyframes active-menu-bar02 {
100% {
height:0
}
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg)
}
.headroom {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all .2s linear
}
.headroom--unpinned {
	top: -60px
}
.headroom--pinned {
	top: 0
}
.sphead {
	height: 60px;
	background: #fff;
	z-index: 1;
	box-shadow: 0 1px 2px 0 #ccc
}
body.no-scroll {
	overflow: hidden
}
.spmenu {
	padding: 0 0 30px;
	overflow: auto;
	background: #fff;
	font-weight: bold;
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-overflow-scrolling: touch
}
.spmenuinner {
	background: #fff;
	z-index: 8;
	height: 60px
}
.opa {
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	opacity: 0
}
.spmenu .spmenua {
	line-height: 60px;
	text-align: left;
	border-top: 1px solid #ccc
}
.spmenu .spmenub {
	line-height: 45px;
	text-align: left;
	background: #f8f8f8;
	border-top: 1px solid #ccc
}
.spmenua a {
	text-decoration: none;
	color: #666;
	padding: 0 0 0 20px
}
.spmenub {
	position: relative
}
.spmenub a {
	text-decoration: none;
	color: #666;
	padding: 0 0 0 60px
}
.spmenub:before {
	content: "";
	position: absolute;
	left: 40px;
	top: 48%;
	width: 8px;
	height: 2px;
	background: #666
}
.splogo {
	max-width: 36%;
	position: absolute;
	left: 10px;
	top: 8px;
	max-height: 58px
}
.splogo img {
	width: auto;
	max-height: 58px
}
.spinq {
	height: 60px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 60px;
	top: 0
}
.spinq img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.spinq2 {
	height: 60px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 105px;
	top: 0
}
.spinq2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.spinq3 {
	height: 60px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 152px;
	top: 0
}
.spinq3 a {
	height: 60px;
	width: 60px;
	position: absolute;
	right: 0;
	top: 0;
}
.spinq3 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.spinqbu {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #f19b2c;
	text-align: center;
	font-size: 18px
}
.spinqbu a {
	color: #fff;
	text-decoration: none;
	position: relative
}
.spinqbu a:before {
	content: "";
	background: url(images/spmailico2.png) no-repeat;
	position: absolute;
	left: -30px;
	top: 0;
	width: 23px;
	height: 25px;
	background-size: contain
}
.header-logo-sp {
	margin: 0
}

@media screen and (max-width:768px) {
.container-inner {
	padding-top: 20px
}
.spinqbu a {
	color: #fff !important;
	text-decoration: none !important;
	position: relative !important
}
}
.labelframe1 {
	margin: 2em 0;
	background: #f1f1f1;
	box-shadow: 0 2px 4px rgba(0,0,0,0.22)
}
.labelframe1 .box-title {
	font-size: 1.2em;
	background: #5fc2f5;
	padding: 4px 10px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: .05em;
	margin: 0
}
.labelframe1 p {
	padding: 15px 20px;
	margin: 0;
	font-size: 15px;
	font-weight: bold
}
.boxframe1 {
	padding: 1.5em 1em;
	margin: 2em 0;
	color: #333;
	background: #e4fcff;
	border-top: solid 5px #1dc1d6;
	box-shadow: 0 3px 5px rgba(0,0,0,0.22);
	font-size: 16px;
	font-weight: bold;
}
.boxframe1 p {
	margin: 0;
	padding: 14px 0;
	font-size: 16px;
	line-height: 28px
}
#tablescroll {
	overflow: auto;
�@�@�@�@ white-space:nowrap;
	-webkit-overflow-scrolling: touch
}
#tablescroll table {
	width: 700px;
	-webkit-overflow-scrolling: touch
}
#tablescroll::-webkit-scrollbar {
�@�@ height:5px;
-webkit-overflow-scrolling:touch
}
#tablescroll::-webkit-scrollbar-track {
�@�@ background:#f1f1f1;
-webkit-overflow-scrolling:touch
}
#tablescroll::-webkit-scrollbar-thumb {
�@�@ background:#bcbcbc;
-webkit-overflow-scrolling:touch
}
.cr_check_text {
	margin-bottom: 30px
}
.cr_check_text p {
	color: #333
}
.cr_check_text span {
	position: relative;
	padding-left: 1.6em;
	line-height: 40px;
	font-size: 20px
}
.cr_check_text span:before {
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	font-size: 1em;
	left: 0;
	color: #5ab9ff
}
.cr_check_text2 {
	margin-bottom: 30px
}
.cr_check_text2 p {
	color: #333
}
.cr_check_text2 span {
	position: relative;
	padding-left: 1.6em;
	line-height: 30px;
	font-size: 16px
}
.cr_check_text2 span:before {
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	font-size: 1em;
	left: 0;
	color: #ffc03a
}
.point_box {
	position: relative;
	margin: 60px 0 20px;
	padding: .5em 1em;
	border: solid 3px #62c1ce
}
.point_box .point_box_titl {
	position: absolute;
	display: inline-block;
	top: -32px;
	left: -3px;
	padding: 4px 9px;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #62c1ce;
	color: #fff;
	border-radius: 5px 5px 0 0
}
.point_box p {
	margin: 0;
	padding: 0;
	line-height: 60px;
	font-size: 18px
}
.point_box2 {
	position: relative;
	margin: 60px 0 20px;
	padding: .5em 1em;
	border: solid 3px #62c1ce
}
.point_box2 .point_box_titl2 {
	position: absolute;
	display: inline-block;
	top: -32px;
	left: -3px;
	padding: 4px 9px;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #62c1ce;
	color: #fff;
	border-radius: 5px 5px 0 0
}
.point_box2 p {
	margin: 0;
	padding: 0;
	line-height: 30px;
	font-size: 16px
}
.point_box2 ul li {
	position: relative;
	margin: 10px;
	font-size: 18px;
	padding-left: 22px
}
.point_box2 ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 14px;
	height: 7px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.boxtitl01 {
	padding: .5em 1em;
	margin: 2em 0;
	color: #333;
	background: #e4fcff;
	border-top: solid 5px #1dc1d6;
	box-shadow: 0 3px 5px rgba(0,0,0,0.22)
}
.boxtitl01 p {
	margin: 0;
	padding: 14px 0;
	font-size: 16px;
	line-height: 28px
}
.boxtitl02 {
	position: relative;
	margin: 50px 0;
	padding: .5em 1em;
	border: solid 3px #95ccff;
	border-radius: 8px;
	background-color: #fbfbfb
}
.boxtitl02 .box-title02 {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 22px;
	background: #FFF;
	color: #333;
	font-weight: bold
}
.boxtitl02 p {
	margin: 0;
	padding: 10px 10px
}
.boxtitl03 {
	padding: .5em 1em;
	margin: 2em 0;
	color: #232323;
	background: #fff8e8;
	border-left: solid 10px #ffc06e;
	font-weight: bold;
}
.boxtitl03 p {
	margin: 10px 10px;
	padding: 0;
	line-height: 34px;
	font-weight: bold
}



@media screen and (min-width:946px) {
.accars_area {
	max-width: 864px;
	height: auto;
	margin: 30px auto;
	border-left: 5px solid #d3bc62;
	border-right: 5px solid #d3bc62;
	border-bottom: 5px solid #d3bc62;
	box-shadow: 4px 4px rgba(0,0,0,0.22);
	background: #fff
}
.ac_head {
	max-width: 890px;
	height: 70px;
	margin: 0 auto;
	background: linear-gradient(180deg, #d3bc62, #d2bc61)
}
.aclabel {
	position: relative;
	top: -14px;
	max-width: 900px;
	float: left
}
.aclabel img {
	width: 100px
}
.actitl {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 16px 0 0 110px
}
.actitl2 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 16px 0 0 110px
}
.actitl3 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	padding: 10px 0 0 110px
}
.accard_img {
	width: 30%;
	margin: 0 3% 4% 3%;
	float: left;
	clear: both
}
.accard_img img {
	width: 100%
}
.accard_img2 {
	width: 32%;
	margin: 0 3% 4% 3%;
	float: left;
	clear: both
}
.accard_img2 img {
	width: 100%
}
.accard_img3 {
	width: 300px;
	margin: 30px auto 30px
}
.accard_img3 img {
	width: 100%
}
.accard_r {
	width: 60%;
	margin-right: 20px;
	float: left
}
.accard_r2 {
	width: 59%;
	margin-right: 10px;
	float: left
}
.accard_point {
	width: 100%;
	height: 60px;
	border: solid 2px #ff842a;
	border-radius: 3px;
	background: #fffccb
}
.point_label {
	width: 90px;
	height: 56px;
	float: left
}
.point_label img {
	width: 90px
}
.point_text {
	max-width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 10px;
	float: left
}
.acbtn {
	width: 100%;
	margin: 7% 0 0;
	padding: 0
}
.acbtn img {
	width: 100%;
	margin: 0;
	padding: 0
}
.reco_frame {
	width: 100%;
	margin-top: 3%
}
.reco_frame2 {
	width: 100%
}
.accars_area a:hover img {
	opacity: .8
}
.sptext01 {
	display: none
}
.point_bnr_sp {
	display: none
}
}

@media screen and (min-width :768px) and (max-width :945px) {
.accars_area {
	max-width: 864px;
	height: auto;
	margin: 30px auto;
	border-left: 5px solid #d3bc62;
	border-right: 5px solid #d3bc62;
	border-bottom: 5px solid #d3bc62;
	box-shadow: 4px 4px rgba(0,0,0,0.22);
	background: #fff
}
.ac_head {
	max-width: 890px;
	height: 70px;
	margin: 0 auto;
	background: linear-gradient(180deg, #d3bc62, #d2bc61)
}
.aclabel {
	position: relative;
	top: -14px;
	max-width: 900px;
	float: left
}
.aclabel img {
	width: 100px
}
.actitl {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 16px 0 0 110px
}
.actitl2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 0 110px
}
.actitl3 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	padding: 10px 0 0 110px
}
.accard_img {
	width: 30%;
	margin: 0 3% 4% 3%;
	float: left;
	clear: both
}
.accard_img img {
	width: 100%
}
.accard_img2 {
	width: 32%;
	margin: 0 3% 4% 3%;
	float: left;
	clear: both
}
.accard_img2 img {
	width: 100%
}
.accard_img3 {
	width: 300px;
	margin: 30px auto 30px
}
.accard_img3 img {
	width: 100%
}
.accard_r {
	width: 60%;
	margin-right: 20px;
	float: left
}
.accard_r2 {
	width: 59%;
	margin-right: 10px;
	float: left
}
.accard_point {
	width: 100%;
	height: 60px;
	border: solid 2px #ff842a;
	border-radius: 3px;
	background: #fffccb
}
.point_label {
	display: none
}
.point_text {
	max-width: 100%;
	height: 56px;
	margin: 0 auto;
	padding: 0 10px;
	float: left
}
.acbtn {
	width: 100%;
	margin: 7% 0 0;
	padding: 0
}
.acbtn img {
	width: 100%;
	margin: 0;
	padding: 0
}
.reco_frame {
	width: 100%;
	margin-top: 3%
}
.reco_frame2 {
	width: 100%
}
.accars_area a:hover img {
	opacity: .8
}
.sptext01 {
	display: none
}
.point_bnr_sp {
	display: none
}
}

@media screen and (max-width:768px) {
.accars_area {
	max-width: 864px;
	height: auto;
	margin: 30px auto;
	border-left: 5px solid #d3bc62;
	border-right: 5px solid #d3bc62;
	border-bottom: 5px solid #d3bc62;
	box-shadow: 4px 4px rgba(0,0,0,0.22);
	background: #fff
}
.ac_head {
	max-width: 890px;
	height: 70px;
	margin: 0 auto;
	background: linear-gradient(180deg, #d3bc62, #d2bc61)
}
.aclabel {
	position: relative;
	top: -14px;
	max-width: 900px;
	float: left
}
.aclabel img {
	width: 80px
}
.actitl {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 0 10px;
	line-height: 24px;
	float: left
}
.actitl2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0 0 10px;
	line-height: 21px;
	float: left
}
.actitl3 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 8px 0 0 10px;
	line-height: 29px
}
.accard_img {
	width: 90%;
	margin: 20px auto 0
}
.accard_img img {
	width: 100%
}
.accard_img2 {
	width: 90%;
	margin: 20px auto 0
}
.accard_img2 img {
	width: 100%
}
.accard_img3 {
	width: 90%;
	margin: 20px auto 0
}
.accard_img3 img {
	width: 100%
}
.accard_r {
	display: none
}
.accard_r2 {
	width: 90%;
	margin: 26px auto 20px
}
.accard_point {
	width: 100%;
	height: 56px;
	border: solid 2px #ff842a;
	border-radius: 3px;
	background: #fffccb
}
.point_label {
	width: 90px;
	height: 56px;
	float: left
}
.point_label img {
	width: 90px
}
.point_text {
	max-width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 10px;
	float: left
}
.acbtn {
	width: 100%;
	margin-top: 20px;
	padding: 0
}
.acbtn img {
	width: 100%;
	margin: 0;
	padding: 0
}
.reco_frame {
	width: 100%;
	margin-top: 3%
}
.accars_area a:hover img {
	opacity: .8
}
.pctext01 {
	display: none
}
.point_bnr_sp {
	margin: 16px 0 0
}
}

.titlkbn_obi {
	color: #333;
	text-shadow: 0 0 5px white;
	padding: .3em .5em;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	font-size: 18px;
	margin: 30px 0 20px 0;
	font-weight: bold
}
.accordion-box {
	position: relative
}
.accordion-container h3 {
	margin: 0 0 20px 0
}
.accordion-box label {
	height: 100px;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 50%);
	background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 50%);
	background: -o-linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 50%);
	background: -ms-linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 50%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 50%)
}
.accordion-box input:checked+label {
	background: inherit
}
.accordion-box label:after {
	content: "\7D9A\304D\3092\898B\308B";
	letter-spacing: 2px;
	line-height: 2.5rem;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	background-color: #30acdf;
	width: 100%;
	font-family: 'Roboto', sans-serif
}
.accordion-box label:before {
	content: "\f063";
	font-weight: 700;
	position: absolute;
	bottom: 26px;
	left: 56%;
	-webkit-transform: translate(-140px, 0);
	transform: translate(-140px, 0);
	z-index: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-family: FontAwesome
}
.accordion-box input {
	display: none
}
.accordion-box .accordion-container {
	overflow: hidden;
	height: 150px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	margin: 0
}
.accordion-box input:checked+label:after {
	content: "�‚���"
}
.accordion-box input:checked+label:before {
	content: "��"
}
.accordion-box input:checked ~ .accordion-container {
	height: auto;
	padding-bottom: 80px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s
}

@media(max-width:768px) {
.cr_check_text span {
	position: relative;
	padding-left: 1.6em;
	line-height: 32px;
	font-size: 16px
}
.point_box p {
	margin: 0;
	padding: 0;
	line-height: 60px;
	font-size: 15px
}
.boxtitl02 .box-title02 {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 26px;
	font-size: 18px;
	background: #FFF;
	color: #333;
	font-weight: bold
}
.cr_check_text2 span {
	position: relative;
	padding-left: 1.6em;
	line-height: 28px;
	font-size: 14px
}
.accordion-container ul {
	list-style: none;
	margin: 0
}
.accordion-container li {
	line-height: 20px;
	margin-bottom: 16px;
	border-left: 2px solid #ffc03a;
	padding-left: 8px;
	font-size: 12px
}
.accordion-box .accordion-container {
	overflow: hidden;
	height: 200px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	margin: 0
}
.h3, .entry-content h3, .textwidget h3, .entry-content .yarpp-related h3 {
	margin: 0 0 10px;
	line-height: 28px
}
.h3, .entry-content h3, .textwidget h3, .entry-content h3 {
	position: relative;
    padding: 10px;
    background: #e0edff;
    margin: 40px 0 20px;
    font-size: 17px;
    line-height: 24px;
}
.h3:after, .entry-content h3:after, .textwidget h3:after, .entry-content h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
	width: 0;
	height: 0
}
.h4, .entry-content h4, .textwidget h4 {
    padding: .25em .5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #7db4e6;
    font-size: 18px;
    margin: 15px 0;
	line-height: 24px;
}
.h5, .entry-content h5, .textwidget h5 {
    border-bottom: 3px solid #a7d6ff;
    font-size: 16px;
    display: inline-block;
    line-height: 20px;
    margin: 0px 0 10px;
}
.h6, .entry-content h6, .textwidget h6 {
	font-size: 16px;
	color: #30acdf;
	margin: 0;
}
}
#prfarea {
	max-width: 864px;
	height: auto;
	border: 5px solid #ffdb88;
	box-shadow: 4px 4px rgba(0,0,0,0.2);
	padding: 2%;
	margin: 0 auto 30px;
	background: #fff;
	overflow: hidden
}
#prfarea .prfimg {
	width: 15%;
	height: auto;
	margin-right: 3%;
	float: left
}
#prfarea .prfname {
	width: auto;
	margin: 70px 0 0;
	padding: 0;
	float: left
}
#prfarea .prfname p {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0
}
#prfarea table {
	width: 100%;
	float: left;
	font-size: 13px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	text-align: left;
	margin: 0 auto 20px
}
#prfarea table td {
	padding: 1%;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: left
}
#prfarea table th {
	padding: 1%;
	color: #fff;
	font-weight: normal;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: left
}
#prfarea .prftext {
	width: 96%;
	clear: both;
	padding: 0;
	margin: 0 auto 20px
}
#prfarea .prftext p {
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 15px;
	line-height: 26px;
	padding: 2%;
	margin: 0
}
#prfarea .prftext {
	position: relative;
	background: #fff0cd;
	box-shadow: 0 0 0 5px #fff0cd;
	border: dashed 2px white;
	color: #454545
}
#prfarea .prftext:after {
	position: absolute;
	content: '';
	right: -7px;
	top: -7px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #ffdb88 #fff #ffdb88;
	box-shadow: -1px 1px 1px rgba(0,0,0,0.15)
}

@media(max-width:768px) {
#prfarea .prfimg {
	width: 30%;
	height: auto;
	margin-right: 3%;
	float: left
}
#prfarea .prfname {
	width: auto;
	margin: 60px 0 0;
	padding: 0;
	float: left
}
#prfarea .prfname p {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0
}
#prfarea table {
	width: 100%;
	float: left;
	font-size: 12px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	margin: 0 auto 20px
}
#prfarea table td {
	padding: 2%;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc
}
#prfarea table th {
	padding: 2%;
	color: #fff;
	font-weight: normal;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc
}
}

@media screen and (min-width:900px) {
.accars_area {
	max-width: 864px;
	height: auto;
	margin: 30px auto;
	border-left: 5px solid #d3bc62;
	border-right: 5px solid #d3bc62;
	border-bottom: 5px solid #d3bc62
}
.ac_head {
	max-width: 890px;
	height: 70px;
	margin: 0 auto;
	background: linear-gradient(180deg, #d3bc62, #d2bc61)
}
.aclabel {
	max-width: 900px
}
.aclabel img {
	width: 100px
}
.actitl {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 8px 0 0 110px;
	line-height: 28px
}
.accard_img {
	width: 30%;
	margin: 0 3%;
	float: left
}
.accard_img img {
	width: 100%
}
.accard_r {
	width: 60%;
	margin-right: 20px;
	float: left
}
.accard_point {
	width: 100%;
	height: 60px;
	border: solid 2px #ff842a;
	border-radius: 3px;
	background: #fffccb
}
.point_label {
	width: 90px;
	height: 56px;
	float: left
}
.point_label img {
	width: 90px
}
.point_text {
	max-width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 10px;
	float: left
}
.acbtn {
	width: 100%;
	margin: 5% 0 0;
	padding: 0
}
.acbtn img {
	width: 100%;
	margin: 0;
	padding: 0
}
.reco_frame {
	width: 100%;
	margin-top: 3%
}
.accars_area a:hover img {
	opacity: .8
}
.sptext01 {
	display: none
}
.point_bnr_sp {
	display: none
}
.accordion-container ul {
	list-style: none
}
.accordion-container li {
	line-height: 20px;
	margin-bottom: 16px;
	border-left: 2px solid #ffc03a;
	padding-left: 8px
}
}

@media screen and (max-width:899px) {
.accars_area {
	max-width: 864px;
	height: auto;
	margin: 30px auto;
	border-left: 5px solid #d3bc62;
	border-right: 5px solid #d3bc62;
	border-bottom: 5px solid #d3bc62
}
.ac_head {
	max-width: 890px;
	height: 70px;
	margin: 0 auto;
	background: linear-gradient(180deg, #d3bc62, #d2bc61)
}
.aclabel {
	max-width: 900px
}
.aclabel img {
	width: 80px
}
.actitl {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px
}
.accard_img {
	width: 90%;
	margin: 20px auto 0
}
.accard_img img {
	width: 100%
}
.accard_r {
	display: none
}
.accard_point {
	width: 100%;
	height: 56px;
	border: solid 2px #ff842a;
	border-radius: 3px;
	background: #fffccb
}
.point_label {
	width: 90px;
	height: 56px;
	float: left
}
.point_label img {
	width: 90px
}
.point_text {
	max-width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 10px;
	float: left
}
.acbtn {
	width: 100%;
	margin-top: 20px;
	padding: 0
}
.acbtn img {
	width: 100%;
	margin: 0;
	padding: 0
}
.reco_frame {
	width: 100%;
	margin-top: 3%
}
.accars_area a:hover img {
	opacity: .8
}
.pctext01 {
	display: none
}
.point_bnr_sp {
	margin: 16px 0 0
}
}
.menu-item p {
	margin-bottom: 0 !important
}
.side-subtitle {
	position: relative;
	margin: .75em 0 .75em 0;
	padding: .75em 1em .75em 1.5em;
	background-color: rgba(234,234,234,.3)
}
.box .side-subtitle:nth-of-type(1) {
	margin-top: 0 !important
}
.side-subtitle a {
	text-decoration: none;
	cursor: default
}
.side-subtitle::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px
}
.bank_area {
	margin: 0 .75em .75em .75em;
	padding: .75em 1em 0 0;
	border-bottom: 1px solid #3498db
}
.bank_area a {
	text-decoration: none;
	cursor: default
}
.sub-menu-item:not(.bank_area) {
	margin: 0 .75em;
	padding: 0;
	border-bottom: 1px dotted #bcbcbc
}
.sub-menu-item:not(.bank_area) a {
	text-decoration: none
}
.sub-menu-item:not(.bank_area) a p:hover {
	background-color: #3498db !important;
	color: #fff !important
}