@charset "UTF-8";

/* Common
---------------------------------- */

a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

body {
	color: #4c4c4c;
	font-family: Verdana, Roboto, sans-serif;
}

#wrapper {
	width: 100%;
	position: relative;
	/* position: fixed; */
}

/* Header
---------------------------------- */

#header {
	width: 100%;
	height: 77px;
	margin: 0 auto;
	position: relative;
	border-top: 5px solid #fff;
	background: url(../img/smp/top/header_bg_1.jpg) center top no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#header #menu-btn {
	position: absolute;
	top:0;
	left: 0;
}
#header h1 {
	width: 192px;
	margin: 0 auto;
	background: none;
}
#header #member-btn {
	position: absolute;
	top:0;
	right: 0;
}


/* Footer
---------------------------------- */

#smp_footer {
	background-color: #f7f7f7;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
}

/* Topics */

#smp_footer #topics {
	width: 100%;
	background-color: #3f3e3c;
}
#smp_footer #topics a {
	width: 100%;
	height: 103px;
	display: block;
	
	color: #e2e1e1;
}
#smp_footer #topics #topics-inner {
	width: 100;
	height: 103px;
	margin: 0 auto;
}
#smp_footer #topics #topics-inner h3 {
	padding: 10px 0 0 24px;
	margin: 0;
	width: 250px;
}
#smp_footer #topics #topics-inner p {
	margin: 0;
	padding: 0 0 0 28px;
	width: 240px;
	text-align: left;
}
#smp_footer #topics #topics-inner #ar {
	width: 42px;
	height: 103px;
    background:#fff url(../img/smp/top/topics_ar.gif) left top no-repeat;
    background-size:42px 103px;
    background-position: left top;
    
    float: right;
}


/* BackBtn */

#smp_footer #backbtn {
	width: 100%;
	background-color: #3f3e3c;
}
#smp_footer #backbtn #backbtn-inner {
	width: 320px;
	height: 72px;
	margin: 0 auto;
}
#smp_footer #backbtn #back-search {
	float: left;
}


/* Pagetop */

#smp_footer .pagetop {
	width: 100%;
	background-color: #fff100;
	text-align: center;
	margin: 0;
	padding: 0;
}
#smp_footer .pagetop a {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 72px;
	display: block;
	text-align: center;
}
#smp_footer .pagetop img {
	margin: 0;
	padding: 0;
}

/* SNS */

#smp_footer #sns {
	width: 320px;
	margin: 0 auto;
}
#smp_footer #sns li {
	float: left;
}

/* PC-Site */

#smp_footer #pc-site {
	width: 100%;
    background: url(../img/smp/common/pc_btn_bg.gif) left top repeat-x;
    background-size:34px 51px;
    background-position: left top;
	text-align: center;
}
#smp_footer #pc-site a {
	width: 100%;
	height: 51px;
	display: block;
	text-align: center;
}


/* Footer-Nav */

#smp_footer #fnav {
	margin: 18px auto 14px;
	display: table;
}
#smp_footer #fnav li {
	float: left;
	height: 20px;
	display: block;
	padding-right: 13px;
	padding-left: 1px;
	padding-top: 2px;
    background: url(../img/smp/common/footer_line.gif) right top no-repeat;
    background-size:11px 20px;
    background-position: right top;
}
#smp_footer #fnav li:last-Child {
	background-image: none;
	padding-right: 0;
}
#smp_footer #fnav li a {
	color: #585858;
	font-size: 11px;
}

#smp_footer #copyright {
	color: #585858;
	font-size: 11px;
	background-color: #f7f7f7;
	margin: 0 auto;
	padding: 0;
	display: table;
}

/* Side-Nav
---------------------------------- */



#sidr #nav {
	width: 225px;
	margin: 0 auto;
}
#sidr #nav li {
	width: 225px;
	height: 54px;
	/* background: url(../img/smp/common/side_nav_ar_1.gif) right center no-repeat; */
	border-bottom: 1px solid #666666;
	position: relative;
	font-size: 14px;
	padding-top: 6px;
}
#sidr #nav li:last-Child {
	border-bottom: none;
	padding-bottom: 5px;
}
#sidr #nav li #ar {
	width: 36px;
	height: 33px;
	position: absolute;
	top: 12px;
	right: 0px;
	background: url(../img/smp/common/side_nav_ar_1.gif) center top no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}
#sidr #nav li.active #ar {
	background: url(../img/smp/common/side_nav_ar_1_.gif) center top no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}
#sidr #nav li a {
	display: block;
	padding: 0;
	padding-left: 8px;
	margin: 0;
	color: #e0e0e0;
}
#sidr #nav li.active a {
	color: #5cbecc;
}
#sidr #other {
	width: 225px;
	margin: 0 auto 30px;
}
#sidr #other li.tit {
	height: 37px;
}
#sidr #other li.link {
	border: 2px solid #d6d6d6;
	border-top: none;
	height: 44px;
	font-size: 12px;
	position: relative;
}
#sidr #other li #ar {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 12px;
	right: 8px;
	background: url(../img/smp/common/side_nav_ar_2.gif) center top no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}
#sidr #other li a {
	display: block;
	padding: 0;
	padding-left: 13px;
	margin: 0;
	color: #e0e0e0;
}

/* Side-Nav(Android 2.3.3 */

#sidr-frame {
	width: 100%;
	position: absolute;
	top: 70px;
	display: none;
	z-index:999;
}
#sidr-frame-inner {
	background-color: #333434;
	width: 320px;
	padding-bottom: 10px;
	margin: 0 auto;
}
#sidr-frame #sidr #nav {
	width: 280px;
	margin: 0 auto;
}
#sidr-frame #sidr #nav li {
	width: 280px;
}
#sidr-frame #sidr #other {
	width: 280px;
}
#sidr-frame #sidr #nav li a {
	height: 33px;
	padding-top: 16px;
}
#sidr-frame #sidr #other li.tit {
	height: 37px;
	background-color: #d6d6d6;
}
#sidr-frame #sidr #other li a {
	height: 33px;
	padding-top: 16px;
}



/* 開閉メニュー
---------------------------------- */

#snav {
	width: 100%;
	background: #eaeaea url(../img/smp/common/sh_bottom.png) left top repeat-x;
    background-size:320px 9px;
    padding-bottom: 10px;
}
#snav li.main_menu {
	width: 100%;
	height: 54px;
	
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #f5f5f5;
	position: relative;
	cursor: pointer;
}
#snav li.hh {
	height: 74px;
}
#snav li.main_menu_2 {
	width: 100%;
	height: 74px;
}
#snav li #ar {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 13px;
	right: 18px;
	background: url(../img/smp/common/plus_icon.gif) center top no-repeat;
	background-size:30px 30px;
	background-image:
}
#snav li.hh #ar {
	top: 21px;
}
#snav li.hh span {
	margin-left: 2px;
	padding-left: 22px;
	background: url(../img/smp/common/attention_icon.gif) left center no-repeat;
	background-size:20px 19px;
}
#snav li p {
	padding: 19px 0 0 25px;
	margin: 0;
}
#snav li.hh p {
	padding: 15px 0 0 25px;
}
#snav li.sub_menu {
	width: 100%;
	background-color: #dedede;
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #f5f5f5;
	position: relative;
}
#snav li.sub_menu p {
	width: 88%;
	padding: 12px 0 12px 25px;
	margin: 0;
}
#snav li.sub_menu #ar {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -43px;
	right: 18px;
	z-index: 10;
	background: url(../img/smp/common/minus_icon.gif) center top no-repeat;
	background-size:30px 30px;
	background-image:
}
#snav li.hhh #ar {
	top: -55px;
}


/* Other
---------------------------------- */


.txt-10 {
	font-size: 10px;
	line-height: 1.6;
}
.txt-11 {
	font-size: 11px;
	line-height: 1.6;
}
.txt-12 {
	font-size: 12px;
	line-height: 1.6;
}
.txt-13 {
	font-size: 13px;
	line-height: 1.6;
}
.txt-14 {
	font-size: 14px;
	line-height: 1.6;
}
.txt-15 {
	font-size: 15px;
	line-height: 1.6;
}
.txt-16 {
	font-size: 16px;
	line-height: 1.6;
}
.txt-17 {
	font-size: 17px;
	line-height: 1.6;
}
.txt-18 {
	font-size: 18px;
	line-height: 1.6;
}
.txt-19 {
	font-size: 19px;
	line-height: 1.6;
}
.txt-20 {
	font-size: 20px;
	line-height: 1.6;
}
.txt-22 {
	font-size: 22px;
	line-height: 1.6;
}
.txt-24 {
	font-size: 24px;
	line-height: 1.6;
}
.txt-26 {
	font-size: 26px;
	line-height: 1.6;
}
.txt-28 {
	font-size: 28px;
	line-height: 1.6;
}
.txt-30 {
	font-size: 30px;
	line-height: 1.6;
}

.col-r {
	color: #eb5444;
}
.col-b {
	color: #3461a8;
}
.weight-b,
.bb {
	font-weight: bold;
}