@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

body.common {
	font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
	font-size: 11px;
	background-color: #e5e5e5;
	color: #404040;
	margin-top: 0;
	line-height: 1.4em;
	box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
select,
textarea {
	font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
	font-size: 12px;
	color: #404040;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
	border: 1px solid #c9cacb;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
select:hover,
textarea:hover {
	border: 1px solid #c9cacb;
}

input {
	outline: none;
}

input[type="image"] {
	padding: 0;
}

a:link {
	color: #000;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #222222;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border-style:none;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

td, th {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6, strong, em, small {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4em;
}

header, nav, article, aside, section, main, footer {
	display: block;
}

.container {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

header {
	width: 980px;
	padding: 0 10px 10px 10px;
	background-color: #FFF;
}

main {
	/*
	margin-left: 10px;
	*/
}

footer {
	width: 1000px;
	margin: 10px 0 0 0;
	background-color: #FFF;
}

pre {
	font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.f10 {
	font-size: 10px;
}
.f9 {
	font-size: 9px;
}

.w-col,
.w-col2 {
	width: 1000px;
	overflow: hidden;
	padding-top: 10px;
	height: 100%;

}

.w-col aside.sidebar,
.w-col2 aside.sidebar {
	float: left;
	width: 232px;
	margin: 0;
}

.w-col aside.sidebar:after,
.w-col2 aside.sidebar:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.w-col main,
.w-col2 main {
	width: 758px;
	/*
	margin: 0 0 0 242px;
	padding-right: 10px;
	*/
}


.w-col main,
.w-col2 main {
	float: left;
	background-color: #FFF;
	padding-bottom: 10px;
}

.w-col main:after,
.w-col2 main:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.b {
	font-weight: bold;
}

.remark {
	color: #ff0000;
}

.err-ul {
	margin-top: 15px;
	margin-bottom: 15px;
}

.err-ul span.error {
	color: #ff0000;
}

.clear {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.clearfix: before,
.clearfix: after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix {
	clear: both;
}

.br:before {
	content: "\A" ;
	white-space: pre ;
}

.hov:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
	background:none!important;
}

.hov a {
	color:#404040;
	text-decoration: none;
}

a.hovi:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
	background:none!important;
}

.inp-btn {
	padding: 2px;
	color: #fff;
	background-color: #339900;
	border: 1px solid #339900;
}

.inp-btn:hover { background-color: #339900; }

*:first-child+html .tbl-cell {/* IE 7 */
	display:inline;
	zoom:1;
}

.t-smab {
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
}

.t-smab a {
	width: 180px;
	margin-top: 12px;
	margin-left: 8px;
	float: left;
	display: block;
	color: #404040;
	text-decoration: none;
}

.t-smab a img {
	max-width: 180px;
	max-height: 135px;
}

.t-smab a div {
	width: 172px;
	margin: 4px;
}

.t-wideb {
	width: 760px;
	margin: 20px auto 0 auto;
}

.t-wideb div {
	text-align: right;
}

.scrollnavi {
	background-color: #fff;
	overflow: hidden;
	width: 70px;
	height: 122px;
	position: fixed;
	bottom: 0;
	margin-left: 1010px;
	display: none;
}

.f-navi {
	text-align: center;
	padding-bottom: 50px;
}

.f-top {
	height: 12px;
	text-align: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 15px;
	background: url(http://www.cdn.the360.life/ecimage/site/top.png) no-repeat left bottom;

}

.f-top-s img {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	border-style: none;
}
.f-home-s img {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	border-style: none;
}

#topBtn {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 65px;
	z-index: 9999;
	padding-left: 10px;
	display: none;
}
#topBtn a {
	text-decoration: none;
}
#homeBtn {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 7px;
	z-index: 9999;
	padding-left: 10px;
	display: none;
}
#homeBtn a {
	text-decoration: none;
}


.f-img1 {
	margin: 10px auto;
}
.f-img1 img {
	width: 171px;
	height: 55px;
}


ul.f-link,
ul.f-link2  {
	margin-top: 2px;
	height: 17px;
}

ul.f-link  li,
ul.f-link2  li {
	height: 1em;
	line-height: 1em;
	display: inline;
}

.f-link-dtl:after {
	content: "";
	background: url(http://www.cdn.the360.life/ecimage/site/slash.png) no-repeat;
	background-size: 15px 15px;
	padding-right: 13px;
	margin-left: 5px;
}

.f-guide {
	width: 218px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.f-guide div {
	width: 218px;
	float: right;
}

.f-guide ul li {
	width: 218px;
	float: left;
}
.f-guide-testedby img {
	width: 218px;
	height: 15px;
}

.f-guide-mono {
	margin-right: 7px;
}
.f-guide-mono img {
	width: 89px;
	height: 21px;
}
.f-guide-ka {
	margin-right: 8px;
}
.f-guide-ka img {
	width: 60px;
	height: 21px;
}
.f-guide-ldk img {
	width: 46px;
	height: 21px;
}

.l-mail-link1 img {
	width: 212px;
	height: 214px;
	padding: 15px 0 10px;
}
.l-mail-link2 img {
	width: 212px;
	height: 149px;
	padding: 20px 0 10px;
}
.l-mail-link3 img {
	width: 212px;
/*
	height: 137px;
	padding: 20px 0 0;
*/
	height: 160px;
	padding: 0;
}



/* 会員系 */
.a-container {
	width: 1000px;
	margin: 10px 0;
	overflow: hidden;
	background-color: #FFF;
}

.a-container h1 {
	text-align: center;
}

.a-main {
	margin: 10px;
	width: 980px;
	overflow: hidden;
	border-radius: 15px;
	background-color: #dddddd;
	background: -webkit-linear-gradient(
		#f7f7f7 20%,
		#dddddd 100%
	);
	background: linear-gradient(
		#f7f7f7 20%,
		#dddddd 100%
	);
}

.a-top {
	margin: 0 auto;
	padding-top: 40px;
	width: 270px;
	text-align: center;
}

.a-top p {
	color: #339900;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 15px 0 20px 0;
}

.a-top img {
	width: 200px;
	height: 73px;
}

.a-login {
	width: 980px;
    margin: 0 auto 76px;
}

.a-login p {
	margin-top: 1em;
    text-align: center;
}

.a-login p+p {
	margin-top: 0;
}


.a-login .a-form-tbl {
	width: 940px;
	margin-left: 300px;
}

.a-login .a-fjump {
	margin: 15px auto 10px;
	width: 270px;
}

.a-login p span {
	color: #339900;
	font-weight: bold;
	padding-left: 5px;
}

.a-login dd input[type=radio],
.a-login dd input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.a-login dd input[type=radio] + label,
.a-login dd input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 13px;
    line-height: 30px;

    cursor: pointer;
}

@media (min-width: 1px) {
    .a-login dd input[type=radio],
    .a-login dd input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .a-login dd input[type=radio] + label,
    .a-login dd input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .a-login dd input[type=radio] + label::before,
    .a-login dd input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 14px;
        height: 14px;
        margin-top: -9px;

        background: #FFF;
    }
    .a-login dd input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .a-login dd input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .a-login dd input[type=radio]:checked + label::after,
    .a-login dd input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .a-login dd input[type=radio]:checked + label::after {
        left: 4px;

        width: 6px;
        height: 6px;
        margin-top: -5px;

        background: #339900;
        border-radius: 4px;
    }
    .a-login dd input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 10px;
        height: 6px;
        margin-top: -7px;
        border-left: 2px solid #339900;
        border-bottom: 2px solid #339900;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.a-login dd input[type="radio"],
.a-login dd input[type="checkbox"] {
	vertical-align: middle;
}

.a-retire ol {
	margin-left: 2.2em;
	padding-left: 345px;
}
.a-reissue ol {
	text-align: left;
	margin-left: 300px;
}


.a-top h2 {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
    margin-top: 15px;
    margin-bottom: 10px;
}

.a-top h2:before,
.a-top h2:after {
    border-top: 1px solid #c9cacb;
    content: "";
    display: inline; /* for IE */
    -webkit-flex-grow:1;/*--- safari（PC）用 ---*/
    flex-grow: 1;
    min-width: 3em;
}

.a-top h2:before {
    margin-right: 0.5em;
}

.a-top h2:after {
    margin-left: 0.5em;
}




/* 問合せ pw変更 */
.a-tbl {
	border-collapse: collapse;
	margin: 0 auto;
}

.a-tbl th {
	/*
	background-color: #f7f7f7;
	border: 2px solid #339900;
	*/
}

.a-tbl td {
	/*
	border: 2px solid #339900;
	*/
	line-height: 2em;
	padding: 5px;
}

.a-tbl caption {
	line-height: 1.8em;
	color: #fff;
	background-color: #339900;
	border: 2px solid #339900;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.a-form-tbl {
	width: 940px;
}

.a-form-tbl input,
.a-form-tbl textarea {
	padding: 2px;
	border: 1px solid #c9cacb;
	box-sizing: border-box;
}

.a-form-tbl input:focus,
.a-form-tbl textarea:focus {
	outline: solid 1px #339900;
}

.a-form-tbl th {
	text-align: left;
	vertical-align: middle;
}

.a-form-tbl th span{

}

.a-form-tbl td {
	padding: 6px 0;
	text-align: left;
	vertical-align: middle;
	width: 800px;
}

.a-form-tbl2 {
	width: 940px;
}

.a-form-tbl2 input,
.a-form-tbl2 textarea {
	padding: 2px;
	border: 1px solid #c9cacb;
	box-sizing: border-box;
}

.a-form-tbl2 th {
	margin-bottom: 5px;
	text-align: left;
	vertical-align: middle;
}


.a-form-tbl2 td {
	margin-bottom: 5px;
	padding: 6px 0;
	text-align: left;
	vertical-align: middle;
	width: 800px;
}

.a-bw100 {
	width: 100%;
}

.a-bw150 {
	width: 150px;
}










.a-bw360 {
	width: 360px;
}

.a-dh250 {
	height: 250px;
}

.a-bw192 {
	width: 192px;
}

.a-bw10 {
	width: 100px;
}

.a-dh330 {
	height: 330px;
}

.a-input dl dt dd {
	margin: 0;
	padding: 0;
}

.a-input dl {
	width: 270px;
	margin: 0 auto;
}

.a-input dt {
	float:left;
	clear: left;
	width:200px;
	padding:5px;
}

.a-input dd {
	margin-top: 10px;
	width: 270px;
	text-align: center;
}

.a-input-box:focus {
	outline: solid 1px #339900;
}

.a-input-box::-webkit-input-placeholder {
	color: #c9cacb;
	text-align: center;
}

.a-input-box:-moz-placeholder { /* Firefox 18- */
	color: #c9cacb;
	text-align:center;
}

.a-input-box::-moz-placeholder {  /* Firefox 19+ */
   color: #c9cacb;
   text-align:center;
}

.a-input-box:-ms-input-placeholder {
	color: #c9cacb;
	text-align:center;
}

.a-input-box {
	width: 264px;
	height: 27px;
	padding: 2px;
	border: 1px solid #c9cacb;
	text-align: left;
	vertical-align: middle;
}

.a-findent {
	text-indent: 1em;
}

.a-fjump {
	margin: 60px 0;
	text-align: center;
}

/*
.a-fjump img,
.a-fjump input[type="image"] {
	margin: 0 30px;
}
*/

.a-fjump p {
	margin: 10px 0;
}

.a-fjump2 {
	margin: 40px 0 20px;
	text-align: center;
}

.a-auth {
	margin-bottom: 15px;
}

.a-btn {
	padding: 36px 0;
}



















.a-ads-wide {
	width: 100%;
	margin-top: 40px;
}

.a-ads-wide div {
	width: 730px;
	margin: 10px auto 0 auto;
}

.a-ads-bigbanner {
	width: 100%;
	margin-top: 60px;
}

.a-ads-bigbanner div {
	width: 730px;
	margin: 10px auto 0 auto;
}

.a-ads-skyscraper {
	width: 100%;
	margin-top: 40px;
}

.a-ads-skyscraper div {
	width: 164px;
	margin: 0 auto;
}

.a-ads-square-small {
	width: 100%;
	margin-top: 40px;
}

.a-ads-square-small div {
	width: 200px;
	margin: 0 auto;
}

.red { color: #ff0000; }
.green { color: #008000; }
.orange { color: #ff8d45; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.a-lognavi,
.a-lognavi2 {
	border-top: 1px solid #c0c0c0;
}

.a-lognavi p,
.a-lognavi2 p {
	margin: 14px 0;
	text-align: center;
}

.a-logname {
	color: #ff6633;
}

.a-logem {
	color: #FE6417;
    font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.a-soclogin {
	width: 484px;
	margin: 10px auto 22px auto;
	overflow: hidden;
}

.a-soclogin div {
	width: 200px;
	margin: 6px 20px;
	line-height: 34px;
	float: left;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.a-soclogin .a-soctw { background-color:#2ca7e2; }
.a-soclogin .a-socfb { background-color:#3b5998; }

/*
#topBtn {
	height: 40px;
	width: 40px;
	background: #f8f8f8;
	position: fixed;
	bottom: 30px;
	margin-left: 980px;
	z-index: 9999;
	color: #333;
	border: solid 1px #e6e6e6;
	text-align: center;
	font-size: 100%;
	padding-top: 3px;
	-webkit-box-shadow: 0px 0 2px rgba(0,0,0,0.6);
	box-shadow: 0px 0 2px rgba(0,0,0,0.6);
	border-radius: 5px;
}

#topBtn a {
	text-decoration: none;
}
*/

div#s-mdlmsgbox {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1001;
}

div#s-mdlmsgbox div.s-mdlbg {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

div#s-mdlmsgbox div.s-mdlInner {
	position: fixed;
	width: 600px;
	height: 150px;
	padding-top: 15px;
	background-color: #fff;
}

div#s-mdlmsgbox div.s-mdlmsg {
	font-weight: bold;
	background-color: #ccc;
	width: 550px;
	margin: 0 auto 40px;
	padding: 10px 0 10px 10px;;
}

div#s-mdlmsgbox div.s-mdllink {
	width: 300px;
	float: left;
}

div#s-mdlmsgbox p.s-mdllinkbtn {
	margin: 0 auto;
	padding: 10px 25px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

div#s-mdlmsgbox a.s-btn {
	padding: 10px 25px;
	width: 150px;
	border: 1px solid #ccc;
	text-decoration: none;
	background-color: #339900;
	color: #fff;
}



.t-main {
	margin-left: 10px;
	overflow: hidden;
}

/* trace */


.trc-ttl {
	width: 146px;
	height: 228px;
	margin: 10px 0;
	float: left;
}

li.trc-ttl + li.trc-ttl > dl dd div {
	height: 62px;
}

li.trc-ttl  > dl dd div p {
	border-left: 1px solid #c9cacb;
}

.trc-ttl dt,
.trc-body dt {
	width: 146px;
	height: 129px;
	padding: 10px 0 10px 10px;

	background: #c9cacb;
	/*
	background: -webkit-linear-gradient(
		#f7f7f7 0%,
		#c9cacb 100%
	);
	background: linear-gradient(
		#f7f7f7 0%,
		#c9cacb 100%
	);
	*/

}

.trc-ttl dd,
.trc-body dd {
	width: 146px;
	height: 72px;
	background-color: #f7f7f7;
	padding: 10px 10px 10px 0;
}

.trc-ttl-img {
	width: 126px;
	height: 126px;
	border-radius:250px;
    background-repeat: no-repeat;
	background-position: center;
	background:url(http://www.cdn.the360.life/ecimage/site/check.png);
	background-size: 126px 126px;
display: block;

}

.trc-img {
	width: 126px;
	height: 126px;
	border-radius:250px;
    background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.trc-cate {
	height: 15px;
	width: 146px;
	background-color: #f7f7f7;
	text-align: center;
}
.trc-name {
	height: 47px;
	width: 136px;
	background-color: #f7f7f7;
	text-align: center;
	padding: 0 4px;
}

.car-top {
	width: 738px;
	margin-left: 10px;
	border-top: 2px solid #c9cacb;
	padding-top: 10px;
	margin-top: 20px;
}
.car-idx {
	margin-left: 10px;
}

.bookmark-art-on {
	width: 145px;
	height: 18px;
}
.bookmark-art-off {
	width: 115px;
	height: 18px;
}

.bookmark-item-on {
	width: 163px;
	height: 18px;
}
.bookmark-item-off {
	width: 115px;
	height: 18px;
}

.bookmark-item-on-kakakucom {
	margin-top:10px;
	width: 163px;
	height: 18px;
}
.bookmark-item-off-kakakucom {
	margin-top:10px;
	width: 115px;
	height: 18px;
}

.mem-btn {
	width: 270px;
	height: 27px;
	border-radius: 5px;
}
.mem-btn2 {
	width: 225px;
	height: 27px;
	border-radius: 5px;
}
.mem-btn3 {
	width: 91px;
	height: 18px;
}
.mem-btn4 {
	width: 46px;
	height: 17px;
	border-radius: 15px;
}


.mem-btn-shadow {
	display: inline-block;
	box-shadow: 1px 1px 3px -1px #000;
}




a.btn:hover,
a.btn:active {
	text-decoration: none;
}