@charset "utf-8";
/*
Theme Name: A8 Login beforetop Theme
Version: 1.0
Description: ログイン前top用テーマです。
Author: a8
*/

* {
	margin: 0;
	padding: 0;
}

/*-------------------------------------
reset
---------------------------------------*/

html {
	color:#333;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-y:scroll;
	margin-top:0;
	font-size: 62.5%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	font-size:16px; font-size:1.6rem;
	line-height:1.5;
	color:#333;
	background:#eee;
	margin:0;
	padding:0;
min-width:950px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}

ol,ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}


address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

.nowrap {white-space:nowrap;}
.bold {font-weight:bold;}
strong { font-weight: bold;}


/*-------------------------------------
common
---------------------------------------*/

/* float */
.floatL {float:left;}
.floatR {float:right;}

/* clear */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
}

/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}

/* margin */
.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}

.mgb3 {margin-bottom:3px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}



/* padding */

.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}

.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}


/* align */

.alR {text-align:right;}
.alL {text-align:left;}
.alC {text-align:center;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}


/* link */
a:link {   color: #003366; text-decoration: none;}
a:visited {color: #003366; text-decoration: none;}
a:hover {  color: #660033; text-decoration: none;}
a:active { color: #660033; text-decoration: none;}


/* text */

.corRed { color:#C00; font-weight:bold;}
.corBlue { color:#0091dc; font-weight:bold;}

.txtS {
	font-size:12px !important; font-size:1.2rem !important;
	line-height:1.3 !important;
}

.txtR {
	font-size:14px !important; font-size:1.4rem !important;
	line-height:1.4 !important;
}

/*--201812--*/
.txtM {
	font-size:16px !important; font-size:1.6rem !important;
	line-height:1.75 !important;
}

.txtB {
	font-size:18px !important; font-size:1.8rem !important;
	line-height:1.75 !important;
}


/* arrow */

.arrow a {
	background:url(/wp/wp-content/uploads/2014/12/icon_arrow01.gif) left center no-repeat;
	padding-left:15px;
}

/* toTop */
.toTop {
	padding-top:20px;
	text-align:right;
}

.toTop a{
	background:url(/wp/wp-content/uploads/2014/12/icon_arrow02.gif) left center no-repeat;
	padding-left:15px;
}


/* border */
.border01 {
	background:url(images/border01.gif) left top repeat-x;
	height:1px;
}

.border02 {
	border-top:1px solid #CCC;
}

/* box */

.g01Box{
	border:1px solid #CCC;
	padding:10px;
}

.g02Box{
	background:#eee;
	padding:10px;
}

/* table */
table.spec {
	border:1px solid #ccc;
	border-collapse:collapse;
}

table.spec th{
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#efefef;
	padding:3px;
	white-space:nowrap;
}

table.spec td{
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#fff;
	padding:3px;
}

/* care */
ul.care {
	 font-size:10px;
	 line-height:1.3;
}

ul.care li{
	text-indent:-10px;
	padding-left:10px;
	padding-bottom:3px;
}

/* ancer */

ul.ancNavi{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.ancNavi li{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}

ul.ancNavi li.last{
	margin:0;
}

ul.ancNavi a{
	background:url(images/icon_arrow03.gif) left center no-repeat;
	padding-left:12px;
}

.md01 {
	border-left:5px solid #ff8a00;
	padding-left:5px;
	font-size:16px; font-size:1.6rem;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
}

a.blankLink{
display: inline-block;
background: url(images/redblank.png) left 5px center no-repeat;
background-size: 24px 16px;
padding: 1px 0 1px 34px;
color: #c91422;
text-decoration: underline;
}
a.ulLink{ text-decoration:underline;}

/*-------------------------------------
wrapper
---------------------------------------*/

/* Wrapper */
#wrapper01 {
	width:auto;
	margin:0 auto;
	background:url(images/header_bg01_1.jpg) left top repeat-x #ffffff;

}

#wrapper02 {
	width:950px;
	margin:0 auto;
}

#wrapper03 {
	width:930px;
	margin:0 auto;
	padding:15px 10px;
}

/*-------------------------------------
wrapper_tmp
---------------------------------------*/

#wrapperTmp01{
    width:auto;
    background:url(/wp/wp-content/uploads/2014/12/target_headerBg.jpg) left top repeat-x #ffffff;
}

#wrapperTmp02 {
    width:950px;
    background:#ffffff;
    margin:0 auto;
}


/*-------------------------------------
header
---------------------------------------*/
#headerBox {
	width:950px;
	margin:0 auto;
	padding-top:3px;
}

#headerBox h1{
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#headerBox #loginArea {
	padding:5px 10px 15px;
}

#headerBox #selectLang {
	float:right;
	padding:3px 10px;
	font-size:12px;
	line-height:1;
	border:1px solid #cccccc;
}

#headerBox #ssL{
	font-size:10px;
	line-height:180%;
	float:right;
	margin-right:10px;
}

#headerBox #ssL a{
	background:url(images/lgnform_icon_ssl.gif) left center no-repeat;
	padding-left:15px;
}
#headerBox #beginner{
	font-size:10px;
	line-height:180%;
	padding-right:7px;
	margin-right:10px;
	float:right;
}

#headerBox #beginner a{
	background:url(images/lgnform_icon_beginner.gif) left center no-repeat;
	padding-left:15px;
	vertical-align:middle;
}


#headerBox .passHelp{
	font-size:10px;
	line-height:150%;
	float:left;
	vertical-align:middle;
        margin:3px 10px 0 0;
}

#headerBox .passHelp a{
    font-size:10px;
    line-height:150%;
	background:url(images/lgnform_icon_pass.gif) left center no-repeat;
    padding:0 0 0 15px;
    display:block;
}

#headerBox .newApp{
	font-size:10px;
	line-height:150%;
	float:left;
	vertical-align:middle;
        margin:3px 10px 0 0;
}

#headerBox .newApp a{
    font-size:10px;
    line-height:150%;
	background:url(images/lgnform_icon_app.gif) left center no-repeat;
    padding:0 0 0 15px;
    display:block;
}


#headerBox #headerLeft, #headerBox #headerRight{
	width:350px;
	float:left;
	margin-top:7px;
    position:static;
}

#headerBox #logo{
	width:230px;
	float:left;
	text-align:center;
}

/*  loginArea  */

#headerBox form{
	width:350px;
	height:34px;
	background:url(images/lgin_bg01.gif) left top no-repeat;
    margin:0;
	padding:0;
    display:table-cell;
    vertical-align:middle;
}

/*-- ie6 --*/
 * html #headerBox form{
    padding-top:2px;
}

/*-- ie7 --*/
*:first-child+html #headerBox form{
    padding-top:4px;

}

/*-- ie8 --*/
#headerBox form{
    padding-top:0\9;
}

#headerBox input{
    display:inline;
    border:none;
    vertical-align:middle;
}

#headerBox ul.loginForm{
    width:318px;
    padding:0 5px 0 27px;
    margin:0;
    vertical-align:middle;
}

#headerBox ul.loginForm li.idInput{
    width:80px;
    float:left;
	height:22px;
    padding-right:45px;
    vertical-align:middle;
}

/*-- ie6 --*/
 *html #headerBox ul.loginForm li.idInput{
    width:80px;
    float:left;
    height:22px;
    padding-right:37px;
    vertical-align:middle;
}

#headerBox ul.loginForm li.idInput input{
    width:80px;
    height:22px;
    margin:0;
    padding:0 2px;
	display:inline;
    line-height:22px;
	vertical-align:top;
}

#headerBox ul.loginForm li.passInput{
    width:120px;
    float:left;
    display:table-cell;
	padding:0 2px;
	height:22px;
	vertical-align:middle;
}

/*-- ie6 --*/
 *html #headerBox ul.loginForm li.passInput{
    width:116px;
    float:left;
    display:table-cell;
    padding:0 2px;
    height:22px;
    vertical-align:top;
}

#headerBox ul.loginForm li.passInput input{
    width:120px;
	height:22px;
    display:inline;
    margin:0;
    padding:0 2px;
    line-height:22px;
    vertical-align:top;
}

/*-- ie6 --*/
 *html #headerBox ul.loginForm li.passInput input{
    width:116px;
    height:22px;
    display:inline;
    margin:0;
    padding:0 2px;
    line-height:22px;
    vertical-align:top;
}

#headerBox ul.loginForm li.lgnBtn{
    width:60px;
    height:22px;
    display:table-cell;
    float:right;
    vertical-align:middle;
    margin:0;
    padding:0;
}

#headerBox ul.loginForm li.lgnBtn input{
	vertical-align:top;
}

/*-- ie6 --*/
 *html #headerBox ul.loginForm li.lgnBtn input{
    vertical-align:top;
    padding:2px;
}

#headerBox .asTit{
	width:85px;
	float:left;
	margin-right:10px;
}

#headerBox .ecTit{
	width:77px;
	float:left;
	margin-right:10px;
}

/*-------------------------------------
globalNavi
---------------------------------------*/

#gNaviBox{
	width:930px;
	margin:0 auto 0;
	padding:0 10px;
	background:url(images/gnavi_bg01.png) left bottom no-repeat;
}

#gNaviBox li{
	width:auto;
	float:left;
	margin-right:2px;
	text-indent:-9999px;
}

#gNaviBox a{
	display:block;
	height:37px;
}

/* rollover_off */
#gNaviBox #gnavi01 a{width:131px; background:url(images/gnavi02.jpg) left top no-repeat; margin-left:2px;}
#gNaviBox #gnavi02 a{width:130px; background:url(images/gnavi02_02.jpg) left top no-repeat;}
#gNaviBox #gnavi03 a{width:131px; background:url(images/gnavi03.jpg) left top no-repeat;}
#gNaviBox #gnavi04 a{width:131px; background:url(images/gnavi04.jpg) left top no-repeat;}
#gNaviBox #gnavi05 a{width:131px; background:url(images/gnavi05.jpg) left top no-repeat;}
#gNaviBox #gnavi06 a{width:131px; background:url(images/gnavi06.jpg) left top no-repeat;}
#gNaviBox #gnavi07 a{width:129px; background:url(images/gnavi07.jpg) left top no-repeat;}

/* rollover_on */
#gNaviBox #gnavi01 a:hover{background-position:left bottom;}
#gNaviBox #gnavi02 a:hover{background-position:left bottom;}
#gNaviBox #gnavi03 a:hover{background-position:left bottom;}
#gNaviBox #gnavi04 a:hover{background-position:left bottom;}
#gNaviBox #gnavi05 a:hover{background-position:left bottom;}
#gNaviBox #gnavi06 a:hover{background-position:left bottom;}
#gNaviBox #gnavi07 a:hover{background-position:left bottom;}

/*-------------------------------------
side
---------------------------------------*/
#newASBtn p.mediaBtnTxt{ color:#019c72; font-weight:bold; text-align:center;}

#newASBtn{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.2;
}
#newASBtn a{position:relative;}

#newASBtn span.freeMedia{font-size: 14px; color: #e60019; display: inline-block; padding: 3px 10px; background: #ffffff; margin: 5px 0 8px 0; text-shadow: none; border-radius: 3px;}

#newASBtn span.newasBtn{
 display:block; background:#0fb582; border-radius:5px; color:#fff; font-weight:bold; box-shadow: #038c62 0px 6px 0px 0px; text-align:center; padding:8px 20px; font-size:22px; font-size:2.2rem; text-shadow:1px 1px 1px #06965c; margin:0 2px 0 0;}

#newASBtn a:hover span.newasBtn{background:#1ecc96;}
#newASBtn .mediaLink{margin-top: 15px;}
#newASBtn .mediaLink li{
	font-size: 14px;
	background: url(/wp/wp-content/themes/a8/images/medialink.png) left center no-repeat;
	padding-left: 20px;
	background-size: 14px 14px;
	line-height: 1.7;
}

/*firefoxのみ追加*/
@-moz-document url-prefix() {
#newASBtn span.freeMark{top:14px;}
}

#newECBtn{ margin-top:15px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.2;}

#newECBtn p.ecBtnTxt{ color:#1785af; font-weight:bold; text-align:center;}
#newECBtn a span.newecBtn{ display:block; background:#27a7d7; border-radius:5px; color:#fff; font-weight:bold; box-shadow: #1785af 0px 6px 0px 0px; text-align:center; padding:18px 5px; font-size:20px; font-size:2rem; text-shadow: 1px 1px 1px #1781b4;}

#newECBtn a:hover span.newecBtn{background:#34c8ff;}
#newECBtn .ecLink{margin-top: 15px;}
#newECBtn .ecLink li{
	font-size: 14px;
	background: url(/wp/wp-content/themes/a8/images/eclink.png) left center no-repeat;
	padding-left: 20px;
	background-size: 14px 14px;
	line-height: 1.7;
}

#newECBtn .ecTelTit{
	margin-top: 10px;
	font-size: 12px;
	background:#eee;
	padding:8px;
	text-align:center;
}
#newECBtn .ecTel{
	font-size: 14px;
	font-weight: bold;
}

#sideBox #breadcrumb{
margin-bottom:10px;
}

#sideBox {
	width:280px;
	float:left;
	margin-right:20px;
}

#sideBox #newEcBox {
	width:280px;
	background:url(images/newec_bg01.jpg) left top no-repeat;
	text-align:center;
	padding:6px 0 4px 0;
	margin-top:15px;
}

#sideBox #newEctit{ padding-bottom:7px;}
#sideBox #newEcbtn{ padding-bottom:13px;}

#sideBox #todayNum{
	border:2px solid #eee;
	padding:10px;
	font-size:12px;
	margin-top:20px;
}

#sideBox #todayNum .bigNum{
	font-size:20px;
	line-height:120%;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-weight:bold;
}

#sideBox #todayNum #todayToal01 dt{
	width:140px;
	float:left;
	margin-right:5px;
}

#sideBox #todayNum #todayToal01 dd{
	width:111px;
	float:left;
}


#sideBox #todayNum #todayToal02 dt{
	width:100px;
	float:left;
	margin-right:10px;
}

#sideBox #todayNum #todayToal02 dd{
	width:146px;
	float:left;
}



#sideBox h2.sideTit {
	background:url(images/tit_bg01.svg) #eee left top repeat-x;
	border-radius:3px 3px 0 0;
	padding-top:5px;
	margin-top:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	line-height:1.3;
}
#sideBox h2.sideTit span.bg{ display:inline-block; padding:2px 10px 5px;}

#sideBox .sideFrame{
	border-radius:0 0 5px 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 10px 7px;
	font-size:14px !important; font-size:1.4rem !important;
	line-height:1.3;
}


#sideBox #best3Content{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-radius:0 0 5px 5px;
	padding:5px 5px 7px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sideBox #best3Content ul{ margin-top:5px;}
#sideBox #best3Content li{
	display:inline;
	font-size:16px !important; font-size:1.6rem !important;
	padding:3px 0 0 15px;
	margin-right:3px;
}
#sideBox #best3Content li.best1{background:url(images/best3_icon01.gif) left center no-repeat;}
#sideBox #best3Content li.best2{background:url(images/best3_icon02.gif) left center no-repeat;}
#sideBox #best3Content li.best3{background:url(images/best3_icon03.gif) left center no-repeat; margin-right:0;}


/*-------------------------------------
main
---------------------------------------*/

#mainBox {
	width:630px;
	float:right;
}

#mainBox h2{
	border-bottom:1px solid #cccccc;
        font-size:24px;
        font-weight:bold;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mainBox h2 span.tit{
       display:block;
       background:url(images/tit01.gif) left top no-repeat;
       padding-left:15px;
       line-height:1.3;
}

#mainBox h2.mainTit{
	background:url(images/main_tit_bg01.jpg) left top no-repeat;
	padding:8px 0 6px 10px;
	margin-top:15px;
}

#mainBox .mainFrame{
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	padding:10px 10px 7px;
}

/*--201901--*/
#mainBox h2.titChara{
background: url(/wp/wp-content/uploads/2019/01/icon_h2chara.png) left no-repeat;
-webkit-background-size: 46px 50px;background-size: 46px 50px;
padding-left: 50px;
border-bottom: none;
margin-top: 15px;
}
#mainBox h2.titChara span{
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 15px;
padding: 10px 15px;
min-width: 560px;
max-width: 100%;
color: #fff;
font-size: 18px;
background: #0fb582;
border-radius: 6px;
}
#mainBox h2.titChara span:before{
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #0fb582;
}
h3.subTitSquare{
font-size: 16px;font-size: 1.6rem;
font-weight: bold;
margin-top: 20px;
}
h3.subTitSquare:before,.characteristic li:before{
display:inline-block; 
vertical-align: middle;
content:'';
width:10px;
height: 10px;
background: #ccc;
margin-right: 7px;
}
.characteristic li:before{
margin-right: 10px;
}

/*-------------------------------------
footer
---------------------------------------*/

#footer {
	background:url(images/footer_bg01.gif) left top repeat-x #eeeeee;
	margin-top:50px;
	padding:20px 0 80px 0;
	font-size:12px;

}

#footer #copyright{
	margin-top:20px;
	text-align:center;
	line-height:180%;
}

#footer #footerArea{
	width:930px;
	margin:0 auto;
	padding:0 10px;
}


#footer dl{
	width:162px;
	float:left;
	margin-right:30px;
}

#footer dl.last{
	width:162px;
	float:left;
	margin:0;
}

#footer dt {
	font-weight:bold;
	background:#999999;
	padding:3px 10px 3px;
	color:#FFFFFF;
	margin-bottom:5px;
	background:url(images/footer_tit_bg01.gif) left top repeat;
}


#footer dd {
	padding-left:10px;
	margin-bottom:3px;
}


#footer a{
	background:url(images/footer_icon_arrow.gif) left center no-repeat;
	padding-left:13px;
	display:inline-block;
}


/*-------------------------------------
index
---------------------------------------*/

#recommendS {
	margin: 0 auto;
	width: 630px;
	text-align: left;
}

#recommendS div {
	width: 630px;
	height: 270px;
	overflow: hidden;
	position: relative;
}

#recommendS div div {
	top: 0;
	left: 0;
	position: absolute;
}

#recommendS ul{
	width: 625px;
	height:50px;
	background:#cccccc;
	padding:4px 0 4px 4px;
	margin:0;
}

#recommendS li{
	width: 100px;
	height:50px;
	float:left;
	margin:0 4px 0 0;
	padding:0;
}

#recommendS li.last{
	width: 100px;
	height:50px;
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#recommendS .active {
	filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}

#newsBox{
	width:630px;
	margin-top:15px;
border:1px solid #ccc;
	border-radius:3px;
}
#newsBox #newsArea{ display:table; width:100%;}
#newsBox #newsArea h4{
	display:table-cell;
	padding:10px;
	background:#ffb546;
	vertical-align:top;
	color:#fff;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px; font-size:1.6rem;
	white-space:nowrap;
}

#newsBox #newsArea #newsEntry{
	display:table-cell;
	padding:5px 10px;
	background:#FFF;
}
#newsBox #newsArea #newsEntry span.newIcon{
	background:url(images/icon_new01.gif) left center no-repeat;
	padding-left:32px;
}
#newsBox #newsArea #newsEntry li,#newProgram li{ border-top:1px dotted #ccc; padding:5px;}
#newsBox #newsArea #newsEntry li:first-child,#newProgram li:first-child{ border:none;}
#newProgram a{background:url(images/icon_arrow01.gif) left center no-repeat; padding-left:15px;}

/* =======================================
	ClearFixElements
======================================= */
#recommendS ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#recommendS ul{
	display: inline-block;
	overflow: hidden;
}


/* mainEcList */

#mainEcList {
	width:628px;
	border:1px solid #dedede;
	margin-top:15px;
}

#mainEcList #mainEcTit{
	background:#fffbd3;
	padding:4px 8px;
}

#mainEcList #mainEcTit h4{
	width:75px;
	float:left;
	padding:2px 0;
}

#mainEcList #mainEcTit #mainEcBtn{
	width:75px;
	float:right;
}

#mainEcList #mainEcframe {
	padding:0 9px;
	background:#FFF;
}

#mainEcList #mainEcLogo{
	background:#ffffff;
	width:580px;
	height:110px;
	float:left;
}

#mainEcLogo img {
    width: 580px;
    height:110px;
}

#mainEcnaviL {
	width:15px;
	float:left;
	padding-top:47px;
}

#mainEcnaviR {
	width:15px;
	float:right;
	padding-top:47px;
}

/*-------------------------------------
pankuzu
---------------------------------------*/

#pankuzu{ font-size:10px; margin-bottom:10px; word-break: break-word;}

/*-------------------------------------
bottomTx
---------------------------------------*/

#bottomTx{ font-size:13px; line-height:1.6em; margin-top:10px; border:solid 1px #e2e2e2; padding:20px;}


#footer {
	margin-top:25px;
}


/*-------------------------------------
2015.08.12 add
---------------------------------------*/
#aboutAffiliate { margin-top:30px;}
#aboutAffiliate h3.subTit{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
        font-weight:bold;
	padding-bottom:5px;
}

#mainBox h3.subTit {
    background: url(images/sub_tit_border01.gif) left bottom repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom: 5px;
    font-weight: bold;
}

#aboutAffiliate h3.subTit p.arrow{
	display:inline-block;
	float:right;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	font-weight:normal;	
}

#aboutAffiliate #aboutWrap{ padding:15px 10px 30px 10px;}

#aboutAffiliate #aboutWrap p.lead{line-height:1.5;}

#aboutAffiliate h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size:16px;
	font-weight:bold;
	background:url(/wp/wp-content/uploads/2015/08/a8_circleicon.jpg) left 5px no-repeat;
	padding-left:20px;
	margin-bottom:5px;
}
#aboutAffiliate h4 p.arrow{
	display:inline-block;
	float:right;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	font-weight:normal;	
}

#aboutAffiliate #newMainEcList{ margin-top:40px;}
#aboutAffiliate #newMainEcList #mainEcframe2{ margin-top:15px;}
#aboutAffiliate #newMainEcList #mainEcnavisL{
	width:15px;
	float:left;
}
#aboutAffiliate #newMainEcList #mainEcLogos{
	width:580px;
	float:left;
}
#aboutAffiliate #newMainEcList #mainEcnavisR{
	width:15px;
	float:left;
}


#aboutAffiliate #exampleAffi{ margin-top:25px;}
#aboutAffiliate #exampleAffi ul.siteArea{ margin-top:15px;}
#aboutAffiliate #exampleAffi ul.siteArea li.left{ width:295px; float:left; text-align:center;}
#aboutAffiliate #exampleAffi ul.siteArea li.right{ width:295px; float:right; text-align:center;}

#aboutAffiliate #exampleAffi ul.siteArea li p.title{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size:12px; color:#7e7e44;
	background:#eeeec9;
	padding:3px;
	margin-bottom:8px;
}


/*-------------------------------------
about.php
---------------------------------------*/

@charset "euc-jp";

#a8point01 {
	width:228px;
	float:left;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon01.jpg) left top no-repeat;
	padding-left:77px;
}

#a8point02 {
	width:228px;
	float:right;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon02.jpg) left top no-repeat;
	padding-left:77px;
}

#a8point03 {
	width:228px;
	float:left;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon03.jpg) left top no-repeat;
	padding-left:77px;
}

#a8point04 {
	width:228px;
	float:right;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon04.jpg) left top no-repeat;
	padding-left:77px;
}

#a8point05 {
	width:228px;
	float:left;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon05.jpg) left top no-repeat;
	padding-left:77px;
}

#a8point06 {
	width:228px;
	float:right;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon06.jpg) left top no-repeat;
	padding-left:77px;
}


#a8point07 {
	width:228px;
	float:left;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon07.jpg) left top no-repeat;
	padding-left:77px;
}

#a8point08 {
	width:228px;
	float:right;
	background:url(/wp/wp-content/uploads/2014/12/a8_point_icon08.jpg) left top no-repeat;
	padding-left:77px;
}


#a8recEc{
	width:598px;
        font-size:14px;
	margin-top:10px;
	border:solid 1px #ccc;
	padding:15px 15px 5px 15px;
}

#a8recEc ul.left{
	float:left;
	margin-right:35px;
}

#a8recEc ul.last{
	float:left;
	margin-right:0;
}

#a8recEc li{
	white-space:nowrap;
	padding-bottom:10px;
}

#a8recEc a{
	background:url(images/icon_arrow01.gif) left center no-repeat;
	padding-left:12px;
}


/*-------------------------------------
about.html
2017.03.21 change s_shimizu
---------------------------------------*/
#affiliateMovie h3.subTit,
#process h3.subTit,
#beginnerCont h3.subTit,
#flow-of-affiliate h3.subTit,
#choice-of-reason h3.subTit{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;font-size:1.8rem;
padding-bottom:5px;
}
/*flow-of-affiliate*/
#flow-of-affiliate{
margin-top:40px; 
}
#flow-of-affiliate .step{
overflow:hidden;
margin-top: 20px;
}
#flow-of-affiliate .step .step-area{
float:left;
width:150px;
padding-right:9px;
}
#flow-of-affiliate .step .last-step{
padding-right:0;
}
#flow-of-affiliate .step .step-area dt.step-title{
display: block;
float: left;
height: 22px;
background: #e5e5e5;
padding:0 3px;
position: relative;
margin: 0 22px 0 0;
font-size: 13px;font-size: 1.3rem;
line-height: 22px;
width:128px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#flow-of-affiliate .step .step-area dt.step-title:after{
content: "";
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 11px solid #e5e5e5;
position: absolute;
right: -11px;
top: 0;
}
#flow-of-affiliate .step .step-area dt.step-title b,#flow-of-affiliate .step .step-area dt.step-title-last b{
font-weight:bold;
margin-right:3px;
}
#flow-of-affiliate .step .step-area dt.step-title-last {
background: #e5e5e5 none repeat scroll 0 0;
font-size: 13px;font-size: 1.3rem;
height: 22px;
padding: 3px 3px 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#flow-of-affiliate .step .step-area dd{
font-size:16px;font-size:1.6rem;
font-family:"ＭＳ Ｐゴシック", "MS PGothic";
}
#flow-of-affiliate .step .step-area dd p.arrow{
font-size: 15px;font-size: 1.5rem;
}
#flow-of-affiliate .step .step-area dd p.arrow a{
padding-left: 13px;
}
#flow-of-affiliate .step .step-area dd img{
width:150px;
height:150px;
margin:10px 0;
}
/*choice-of-reason*/
#choice-of-reason{
margin-top:40px;
}
#choice-of-reason .reason-title{
margin-top:35px;
padding-left: 16px;
vertical-align: middle;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	 
}
#choice-of-reason > .reason-title{
margin-top:20px;
}
#choice-of-reason .reason-title h4{
font-weight:bold;
font-size:24px;font-size:2.4rem;
color:#333;
margin-left:105px;    
}
#choice-of-reason .reason-title h4 em{
color:#d00000;
font-weight: bold;
}
#choice-of-reason .reason-num{
background: #17b987 none repeat scroll 0 0;
color: #fff;
font-weight: bold;
height: 30px;
line-height: 30px;
padding: 0 5px;
position: relative;
float:left;
font-size: 12px;font-size: 1.2rem;
margin-top: 3px;
}
#choice-of-reason .reason-num::after,#choice-of-reason .reason-num::before {
content: "";
position: absolute;
}
#choice-of-reason .reason-num::after {
border-color: #17b987 transparent #17b987 #17b987;
border-style: solid;
border-width: 15px 8px;
right: -16px;
top: 0;
z-index: 2;
}
#choice-of-reason .reason-num::before {
border-color: #17b987 #17b987 #17b987 transparent;
border-style: solid;
border-width: 15px 8px;
left: -16px;
top: 0;
z-index: 2;
}
#choice-of-reason .reason-num > span {
display: block;
text-shadow: 0 2px 0 rgb(6, 141, 98);
}
:root #choice-of-reason .reason-num > span {
filter: none \0/; /*IE9用ハック*/
}
#choice-of-reason .reason-summary{
margin-top:20px;
margin-bottom:30px;
}
/*process*/
#process { margin-top:40px;}
#process h4.step{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;font-size:1.6rem;
font-weight:bold;
}
#process h4.step span{
font-size:12px;font-size:1.2rem;
color:#fff;
background:#cf0000;
padding:3px 5px;
border-radius:3px;
margin-right:10px;
}
#process .btnArea p{ display:inline;}
#process p.redBtn a{
display:inline-block;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;font-size:1.4rem;
font-weight:bold;
color:#fff;
padding:8px 15px;
background:#e95858;
border-radius:5px;
}
#process p.redBtn a span{
background:url(/wp/wp-content/uploads/2015/08/a8_btnarrow_white.png) left center no-repeat;
padding-left:14px;
}
/*beginnerCont*/
#beginnerCont { margin-top:40px;}
#beginnerCont dl.bgCont{ display:table; width:630px;}
#beginnerCont dl.bgCont dt{ display:table-cell; width:180px; padding-right:30px;}
#beginnerCont dl.bgCont dd{ display:table-cell; vertical-align:top;}
#beginnerCont dl.bgCont dt img{ border:1px solid #ccc;}
#beginnerCont h4{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
font-size:16px;font-size:1.6rem;
font-weight:bold;
background:url(/wp/wp-content/uploads/2015/08/a8_circleicon.jpg) left no-repeat;
padding-left:20px;
margin-bottom:5px;
}
#beginnerCont dl.bgCont2{ display:table; width:630px;}
#beginnerCont dl.bgCont2 dt{ display:table-cell; width:290px; padding-right:30px;}
#beginnerCont dl.bgCont2 dd{ display:table-cell; vertical-align:top;}

.wa8ivent{margin-top:20px;}
.wa8ivent dd{width: 100%;}
.wa8ivent dd{margin-top:10px;}
#beginnerCont h4.wa8ivent-title{font-size: 18px;}

/*btmCatchBoxWa8*/
.btmCatchBoxWa8{
position: relative;
}

/*-------------------------------------
camp.html
---------------------------------------*/
#rewritable_camp dl{ display:table; width:100%; margin-top:15px; padding-top:15px; border-top:1px dotted #ccc;}
#rewritable_camp dl dt{ width:260px; display:table-cell; padding-right:10px; vertical-align:top;}
#rewritable_camp dl dd{ display:table-cell; vertical-align:middle;}
#rewritable_camp .campBan dl, #rewritable_camp .campBan dt, #rewritable_camp .campBan dd{ display:block;}
#rewritable_camp .campBan dd{ margin-top:10px;}
#rewritable_camp .campResult{ background:#ffffec; margin-top:15px;}
#rewritable_camp .campResult .resultTit{font-weight:bold; color:#d19513; padding:5px 0 0 10px; font-size:14px;}
#rewritable_camp .campResult .campL{width: 280px; float: left; padding: 10px 20px 10px 10px;}
#rewritable_camp .campResult .campR{width: 280px; float: right; padding: 10px 20px 10px 10px;}


dl.mediaSite1807 { display:table; width:100%; margin-top:15px; padding-top:0; border:none;}
dl.mediaSite1807 dt{ width:260px; display:table-cell; padding-right:10px; vertical-align:top;}
dl.mediaSite1807 dd{ display:table-cell; vertical-align:middle;}




/*================
recommend
================*/



#mainBox .item{
	width:630px;
	margin-top:15px;
}

#mainBox .item ul{
	width:562px;
	text-align:center;
	padding:0 34px
}

#mainBox .item li{
	width:164px;
	float:left;
	margin-right:30px;
}

#mainBox .item li.last{
	width:164px;
	float:left;
	margin:0;
}

#mainBox .item .ecname{
	font-size:10px;
}

/*================
detail
================*/

#mainBox #detail{
	background:#ffffec;
	margin-top:15px;
	border:solid 1px #dca225;
	padding:10px;
}

#mainBox #detail ul{
	margin-top:10px;
}

#mainBox #detail .fLeft{
	float:left;
	margin-right:30px;
}

#mainBox #detail .fRight{
	float:left;
}


/*-------------------------------------
event
---------------------------------------*/

.semiTxt{
	width:362px;
	float:left;
}

.semiPic{
	width:258px;
	float:right;
	margin-top:30px;
}

.semiPic.semifesPic { margin-top:40px; }
.semiGarally { margin-top:20px;}

.festivalreport{
	border:solid 1px #CCC;
	padding:10px;
	margin-top:20px;
}

.reportLeft{
	width:294px;
	float:left;
	margin-top:6px;
	margin-right:20px;
}

.reportRight{
 	width:280px;
 	float:left;
 	margin-top:6px;
}


/*-------------------------------------
interview
---------------------------------------*/

.Interview{
	border:solid 1px #ccc;
	margin-top:15px;
	padding:10px;
}


.asPic{
	width:277px;
	float:left;
	margin-right:15px;
}


.asComment{
	width:300px;
	float:left;
	background:url(/wp/wp-content/uploads/2014/12/interview_icon01.gif) left top no-repeat;
	padding-left:15px;
}

.ecLogo img{
	border:solid 1px #ccc;
}


.ecCap{
	width:153px;
	float:left;
}

.ecCap img{
	border:solid 1px #ccc;
}

.ecInterview{
	width:283px;
	border:solid 1px #ccc;
	margin-top:15px;
	padding:10px;
	float:left;

}

.ecComment{
	width:283px;
	text-align:center;

}

.asecName{
	color:#0b407c;
	font-weight:bold;

}

.ecLogo{
	text-align:center;
	margin-top:10px;
}

/*================
as01,as02.html style
================*/

.introL{
	width:222px;
	float:left;
}

.introR{
	width:378px;
	float:right;
	line-height:1.3;
	margin-top:10px;
}

.dot02{background:url(/wp/wp-content/uploads/2014/12/dot.gif) repeat-x bottom left; font-size:1px; height:1px;}


#mainBox #case h2{
	border-bottom:1px solid #cccccc;
	background:url(/wp/wp-content/uploads/2014/12/title_bg.gif) top left no-repeat;
	padding:5px 0 6px 12px;
	font-size:21px;
	font-weight:bold;
        line-height:0.9;
}

#mainBox .whatFanblogL{
	width:104px;
	float:left;
	margin-right:10px;
}

#mainBox .whatFanblogR{
	width:516px;
	float:left;
	margin-top:5px;
}

#mainBox .spCapL{
	width:177px;
	float:left;
	margin-right:45px;
}

#mainBox .spCapL02{
	width:177px;
	float:left;
	margin-right:60px;
}

#mainBox .spCapR{
	width:162px;
	float:left;
}


/*========================
entry
========================*/

#mainBox #entry .graybox{
	background-color:#f6f6f6;
	border:1px solid #cccccc;
	width:608px;
	padding:10px;
}
#mainBox #entry .graybox .fLeft{
	width:372px;
	float:left;
}
#mainBox #entry .graybox .fRight{
	width:228px;
	float:right;
	text-align:right;
}

#mainBox #entry .whitebox .fLeft01{
	width:332px;
	float:left;
}
#mainBox #entry .whitebox .fRight01{
	width:266px;
	float:right;
}

#mainBox #entry .graybox .fLeft02{
	width:224px;
	float:left;
}
#mainBox #entry .graybox .fRight02{
	width:376px;
	float:right;
	text-align:right;
}


#mainBox #entry .whitebox{
	background-color:#fff;
	border:1px solid #cccccc;
	width:608px;
	padding:10px;
}

#mainBox #entry .whitebox .fLeft02{
	width:259px;
	float:left;
}
#mainBox #entry .whitebox .fRight02{
	width:341px;
	float:right;
}

#mainBox #entry .left295{
	width:295px;
	float:left;
}

#mainBox #entry .right295{
	width:295px;
	float:right;
}

.dotbg610{
	background:url(/wp/wp-content/uploads/2014/12/entry_bg01.gif) repeat-y top left;
	width:610px;
	margin:10px auto 0;
}

.headBtn{
	background:url(/wp/wp-content/uploads/2014/12/entry_tit01.jpg) no-repeat top left;
	padding-top:11px;
	padding-bottom:13px;
	padding-left:730px;
}

#mainBox #entry .footBtn{background:url(/wp/wp-content/uploads/2014/12/entry_img09.png) no-repeat top left;
width:630px;
text-align:center;
padding-top:30px;
padding-bottom:25px;
}

#mainBox #entry .arrowS{ text-align:center; margin:3px auto;}

#entry h3.heading {
background: rgba(0, 0, 0, 0) url("//support.a8.net/as/supportguide/common/images/tit_ahachi.png") no-repeat scroll left center / 45px 49px;
color: #000;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0 5px 52px;
min-height:50px;
}
#entry h3.heading span {
background: #b3cd03 none repeat scroll 0 0;
border-radius: 5px;
color: #000;
display: block;
padding: 10px;
}
.whitebox h4.flow,.graybox h4.flow{font-weight:bold;}
.whitebox h4.flow,.graybox h4.flow{font-weight:bold;}
.whitebox h4.flow span,.graybox h4.flow span{
font-size:2rem;
color:#fff;
background:#4f9bf5;
text-align:center;
display:inline-block;
padding:0 8px;
border-radius:50%;
margin-right:5px;
}
.whitebox h4.flow span:not(:target),.graybox h4.flow span:not(:target){
padding:5px 10px 0px 10px\9; /* IE9 */
}
@media all and (-ms-high-contrast:none){
  .whitebox h4.flow span,.graybox h4.flow span{
   padding:5px 10px 0px 10px !important;
  }
}


/*========================
affiliate
========================*/

#mainBox #affi .boxL01 {
	width:208px;
	float:left;
}

#mainBox #affi .boxR01 {
	width:214px;
	float:left;
}

#mainBox #affi .boxL02 {
	width:280px;
	float:left;
	padding-left:71px;
}

#mainBox #affi .boxR02 {
	width:202px;
	float:left;
}

/*========================
ad
========================*/
#mainBox #ad .txt{
	margin-top:10px;
	border:solid 1px #ccc;
	padding:10px;
	font-size:14px;
	text-decoration:underline;
	color:#003366;
}

#mainBox #ad .txt li{
	margin-bottom:5px;
}

#mainBox #ad .spLeft{
	width:323px;
	float:left;	
}

#mainBox #ad .spRight{
	width:287px;
	float:right;	
}

/*========================
sp
========================*/
#mainBox #sp .spLeft{
	width:123px;
	float:left;
	padding-left:10px;
	margin-right:20px;
}

#mainBox #sp .spRight{
	width:477px;
	float:left;
}

/*---------------------
compliance.css  2011.04.22
---------------------*/

/*---------------------
header
---------------------*/
#wrapper01Comp{
    width:auto;
   background:url(/wp/wp-content/uploads/2014/12/target_headerBg_a8.jpg) repeat-x top left #ffffff;
}

#wrapper01Comp #header{
    width:950px;
    margin:0 auto;
    padding-bottom:10px;
    border-bottom:1px solid #cccccc;
}

#header #logo{
    padding-top:21px;
	float:left;
	width:76px;
}

#header #headerNavi{
	width:864px;
	float:right;
	text-align:right;
	margin-top:40px;
}

#header #headerNavi li{
	display:inline;
	background:url(/wp/wp-content/uploads/2014/12/icon_arrow01.gif) no-repeat left;
	margin-left:20px;
	padding-left:13px;

}

#header .grayborder01{
    border-top:solid 1px #cccccc;

}

/*========================
contents
========================*/
#contents{
	width:810px;
	margin:0 auto;
	padding:30px 0;
}

#contents h2{
	background:url(/wp/wp-content/uploads/2014/12/sub_tit_border01.gif) left bottom repeat-x;
	padding-bottom:12px;
}

/* ancer */
ul.ancNavi{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

ul.ancNavi li{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}

ul.ancNavi li.last{
	margin:0;
}	

ul.ancNavi a{
	background:url(/wp/wp-content/uploads/2014/12/icon_arrow01.gif) left center no-repeat;
	padding-left:15px;
}


.pagearrow03 a{
	background:url(/wp/wp-content/uploads/2014/12/icon_arrow01.gif) no-repeat left;
	padding-left:13px;

}


/*========================
main
========================*/
#compliance_ttl {
	font-size: 24px !important;
	font-size: 2.4rem !important;
	font-weight: bold;
	letter-spacing: -0.03em;
}
#compliance_main h3{
	border-bottom:2px solid #ccc;
	font-size: 20px !important;
	font-size: 2.0rem !important;
	font-weight: bold;
	letter-spacing: -0.03em;
	padding-bottom:5px;
}

#compliance_main h4{
	background:url(/wp/wp-content/uploads/2014/12/compliance_sub.gif) no-repeat left center;
    font-weight:bold;
    padding:0 0 0 15px;
	font-size:18px; font-size: 1.8rem;
	margin-top:20px;
}

#compliance_main h5{
	background:url(/wp/wp-content/uploads/2014/12/compliance_icon.gif) no-repeat left;
	padding-left:20px;
	color:#ff5400;
	font-size:16px; font-size: 1.6rem;
	font-weight:bold;
	margin-top:15px;
}

#compliance_main p{
	margin-top:10px;
}

#compliance_main .exposition{
	padding:0 0 8px 20px;
	background:url(/wp/wp-content/uploads/2014/12/dot_ccc.gif) repeat-x bottom left;
}

#compliance_main .gmenuCap{
	background-color:#003366;
	padding:5px;
	text-align:left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-top:20px
}


#compliance_main .comContent{
	margin:10px 0 20px 0;
}

#compliance_main .comContent .fLeft{
	width:395px;
	float:left;
}

#compliance_main .comContent .fRight{
	width:395px;
	float:right;
}


#compliance_main .exposition span{
	background-color:#FF9;
}

/*
----top button setting
*/
.complianceWrap{
	width:792px;
   border:#BDBCBD solid 1px;
   padding:8px;
   margin:10px 0;
}

.complianceWrap .fLeft{
	width:152px;
	float:left;
	padding-right:8px;
}
.complianceWrap .fRight{
	width:152px;
	float:right;
}

/* care */
ul.care {
	 font-size:12px;
	 line-height:1.3;
	 padding:5px 0 0 0;
}
/*========================

a8compliance  2017.10.25

========================*/
#wrapper01Comp #header #headerNavi{
	width:75%;
	margin-top: 28px;
    font-size: 1.6rem;
} 

#wrapper01Comp #contents .ancNavi li:first-child:after{
		content:"|";
		padding: 0 2px 0 15px;
	}	
#wrapper01Comp #compliance_main .mTxt{
	text-align: center;
	background: linear-gradient(0deg, rgba(237, 237, 237, .9) 50%, rgba(255, 255, 255, .9) 50%);
	background-size: cover;
	border:1px solid #cecece;
	position: relative;
}

#wrapper01Comp #compliance_main .mTxt:hover{
	opacity: 0.7;
}

#wrapper01Comp #compliance_main .mTxt a{
	font-size: 1.4rem;
	color:#3b3b3b;
	font-weight: bold;
	vertical-align: middle;
	display: block;
	padding:10px 0;
}
#wrapper01Comp #compliance_main .tIcon{
	margin: 3px;
	color: #fff;
	background: linear-gradient(0deg, rgba(252, 123, 0, .9), rgba(255, 168, 9, .9));
	width: 15px;
	height: 15px;
	border-radius: 3px;
	font-size: 1.1rem;
	position: absolute;
	right: 0;
	bottom:0;
	display: inline-block;
}
#wrapper01Comp #compliance_main{
	width: 100%;
	max-width: 810px;
}
#wrapper01Comp #header{
	width: 95%;
	max-width: 950px;
}

#wrapper01Comp #contents{
	width: 100%;
	max-width: 810px;
}

#wrapper01Comp #compliance_main .complianceWrap{
	width: auto;
	max-width: 792px;
}
#wrapper01Comp #footer #footerArea{
	width: 100%;
	max-width: 930px;
}
#wrapper01Comp #compliance_main .clearfix .sBtn{
	padding-right:0; 
}
/* a8compliance page only footer */
#special #footer {
	margin-top: 20px;
    padding: 20px 0 80px 0;
    text-align: center;	
}
#special #footer ul {
    padding: 20px 5px;
}
#special #footer li {
    font-size: 12px;
    display: inline;
    margin-right: 5px;
    color: #333333;
}
#special #footer li a{
	background: none;
	text-decoration: underline;
}
#special #footer ul a{
	padding-left: 0;
	margin-right: 5px;
}

#special #footer p#copyR a {
    font-size: 12px;
    text-align: center;
    color: #333333;
	background: none;	
}

/*========================

privacy.css  2014.10.31

========================*/

/*========================
contents
========================*/

#contents h2.title {
font-weight: bold;
font-size: 24px;
}

#contents h2{
	background:url(/wp/wp-content/uploads/2014/12/sub_tit_border01.gif) left bottom repeat-x;
	padding-bottom:12px;
}


/*========================
main
========================*/

#privacy_main h3{
	border-bottom:2px solid #ccc;
	padding-bottom:5px;
}

#privacy_main h4{
	background:url(/wp/wp-content/uploads/2014/12/sub.gif) no-repeat left center;
    font-weight:bold;
    padding:0 0 0 15px;
	font-size:14px;
	margin-top:20px;
}

#privacy_main p{
	margin-top:10px;
}

/*========================

interview.css  2014.12.26
========================*/

/*========================

kenkoucorp.html

========================*/
#kenkoucorp .ecLeft{
	width:164px;
	float:left;
}

#kenkoucorp h3{
	font-size:14px;
	font-weight:bold;
}

#kenkoucorp .ecRight{
	width:446px;
	float:right;
}

#kenkoucorp .questionL{
	width:427px;
	float:left;
	margin-top:10px;
}

#kenkoucorp .questionR{
	width:153px;
	float:right;
	margin-top:10px;
}

#kenkoucorp .program{
	width:600px;
	margin-top:30px;
	padding:10px;
	border:solid 5px #ffea77;
	background-color:#fff;
}

#kenkoucorp .programL{
	width:143px;
	float:left;
	margin-right:10px;
}

#kenkoucorp .programR{
	width:432px;
	float:left;
	margin-top:20px;
}

#kenkoucorp .programTxt{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}

#kenkoucorp .banLeft{
	width:120px;
	float:left;
	margin-right:20px;
}

#kenkoucorp .banRight{
	width:234px;
	float:left;
}


/*========================

paperboy.html

========================*/

#paperboy .ecLeft{
	width:164px;
	float:left;
}

#paperboy h3{
	font-size:14px;
	font-weight:bold;
}

#paperboy .ecRight{
	width:446px;
	float:right;
}

#paperboy .questionL{
	width:427px;
	float:left;
	margin-top:10px;
}

#paperboy .questionR{
	width:153px;
	float:right;
	margin-top:10px;
}

#paperboy .banLeft{
	width:200px;
	float:left;
	padding-right:20px;
}

#paperboy .banRight{
	width:250px;
	float:left;
}


#paperboy .program{
	width:600px;
	margin-top:30px;
	padding:10px;
	border:solid 5px #ffea77;
	background-color:#fff;
}

#paperboy .programL{
	width:143px;
	float:left;
	margin-right:10px;
}

#paperboy .programR{
	width:432px;
	float:left;
	margin-top:20px;
}

#paperboy .programTxt{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}

/*========================

common_ecInterview

========================*/

#ecInterview .ecLeft{
	width:164px;
	float:left;
}

#ecInterview h3{
	font-size:14px;
	font-weight:bold;
}

#ecInterview .ecRight{
	width:446px;
	float:right;
}

#ecInterview .questionL{
	width:427px;
	float:left;
	margin-top:10px;
}

#ecInterview .questionR{
	width:153px;
	float:right;
	margin-top:10px;
}

#ecInterview .program{
	width:600px;
	margin-top:30px;
	padding:10px;
	border:solid 5px #ffea77;
	background-color:#fff;
}

#ecInterview .programL{
	width:143px;
	float:left;
	margin-right:10px;
}

#ecInterview .programR{
	width:432px;
	float:left;
	margin-top:20px;
}

#ecInterview .programTxt{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}

/*========================

dmm.html

========================*/


#ecInterview .dmm .banLeft{
	width:180px;
	float:left;
	margin-right:35px;
}

#ecInterview .dmm .banRight{
	width:180px;
	float:right;
	margin-right:0;
}

/*========================

gmo.html

========================*/

#ecInterview .gmo .banLeft{
	width:300px;
	float:left;
	margin-right:15px;
}

#ecInterview .gmo .banRight{
	width:200px;
	float:left;
	margin-right:0;
}

#ecInterview .gmo .banLeft02{
	width:468px;
	float:left;
	margin-right:15px;
}

#ecInterview .gmo .banRight02{
	width:125px;
	float:left;
	margin-right:0;
}

/*========================

dip.html

========================*/


#ecInterview .dip .banLeft{
	width:200px;
	float:left;
	margin-right:35px;
}

#ecInterview .dip .banRight{
	width:234px;
	float:left;
	margin-right:0;
}

/*========================

radishboya.html

========================*/

#ecInterview .radishboya .banLeft{
	width:250px;
	float:left;
	margin-right:20px;
}

#ecInterview .radishboya .banRight{
	width:234px;
	float:left;
	margin-right:0;
}

/*========================

ginzacalla.html

========================*/

#ecInterview .ginzacalla .banLeft{
	width:125px;
	float:left;
	margin-right:20px;
}

#ecInterview .ginzacalla .banRight{
	width:234px;
	float:left;
	margin-right:0;
}

/*========================

belluna.html

========================*/

#ecInterview .belluna .banPointL{
	width:125px;
	float:left;
	margin-right:15px;
}

#ecInterview .belluna .banPointR{
	width:125px;
	float:left;
}

#ecInterview .belluna .banLeft{
	width:125px;
	float:left;
	margin-right:20px;
}

#ecInterview .belluna .banRight{
	width:234px;
	float:left;
	margin-right:0;
}

/*========================
guthyrenker.html
========================*/

#ecInterview .guthyrenker .banLeft{
	width:125px;
	float:left;
	margin-right:35px;
}

#ecInterview .guthyrenker .banRight{
	width:200px;
	float:left;
	margin-right:0;
}

/*========================

aquaclara.html

========================*/

#ecInterview .aquaclara .banLeft{
	width:250px;
	float:left;
	margin-right:20px;
}

#ecInterview .aquaclara .banRight{
	width:234px;
	float:left;
	margin-right:0;
}

/*================
add 2018
================*/
.ecFlexbox { width: 562px; margin:20px auto 40px auto;}
.ecFlexbox li { width: 33%; float: left; text-align: center; font-size: 12px; margin-bottom: 20px;}


/*================
common
================*/
#case .iconQ{
	background:url(/wp/wp-content/uploads/2014/12/icon_q.gif) no-repeat 0 3px;
	padding-left:18px;
	font-weight:bold;
}

#case .iconA{
	background:url(/wp/wp-content/uploads/2014/12/icon_a.gif) no-repeat 0 3px;
	padding-left:18px;
}

#case #asCase ,#ecCase{
	background:#ffffec;
	margin-top:15px;
	border:solid 1px #dca225;
	padding:10px;
}

div#wrapperEc{
	background:#ffffff;
}

#ecCase{
	overflow-y:hidden;
}

#case #asCase ul ,#ecCase ul{
	margin-top:10px;
}


#case #asCase li{
	width:150px;
	float:left;
}

#ecCase li{
	width:303px;
	margin-bottom:3px;
	float:left;
}

#asCase a , #ecCase a{
	background:url(/wp/wp-content/uploads/2014/12/icon_arrow01.gif) left center no-repeat;
	padding-left:12px;
}

/*========================
jask
========================*/
/*========================
contents
========================*/
#contents h2.jask{
	background:#003366;
	padding:8px 0;
	text-align:center;
	/*width:810px;*/
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

#contents h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:#999999 solid 1px;
	margin-top:20px;
}

/*========================
404.php
========================*/
.maintext404{
	background:url(/wp/wp-content/uploads/2015/01/text-404error.jpg) no-repeat top center;
	width:360px;
	margin:50px auto 80px;
	padding-top:35px;
	line-height:1.5em;
}

h2#errortitle404{
	background:url(/wp/wp-content/uploads/2015/01/img-404.gif) 43px 0 no-repeat;
	font-size:138.5%;
	font-weight:bold;
	padding-left:88px;
	padding-top:10px;
	height:35px;
	margin:10px 0 20px;
	color:#8b0000;
	}


.errortext {
    background: none repeat scroll 0 0 #ffffd9;
    padding: 5px 10px;
    text-align: center;
}

/*========================
seminar.php
========================*/
#semi{
margin-top:10px;
font-size:14px;
}

#semi .semiinfo{
padding:10px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
border-left:solid 1px #cccccc;   
}

#semi h3 a{
color:#ffffff;
}

#semi h3{
background-color:#0db3dd;
padding:3px 5px; 
}

.nextSemi, .endSemi{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:5px;
font-weight:bold;
background:#ffea77;
}

/*========================
a8info.php
========================*/
.a8info{
margin-top:15px;
}

.a8info li{margin-bottom:6px;}

.a8info a:link {color: #003366; text-decoration:underline;}
.a8info a:visited {color: #003366; text-decoration:underline;}
.a8info a:hover {color: #660033; text-decoration:none;}
.a8info a:active {color: #660033; text-decoration:none;}

.a8info h3{
color:#ffffff;
font-weight:bold;
background-color:#0db3dd;
padding:4px;
}

#a8info h3{
color:#ffffff;
font-weight:bold;
background-color:#0db3dd;
padding:5px;
}

.infoTit{
padding:5px;
font-weight:bold;
background:#ffea77;
}

/*=======================
pankuzu
========================*/
.pankuzu{
font-size:12px;
padding-bottom:10px;
word-break:break-word;
}

.pankuzu li{
display:inline-block;
}

ul.prev-next{
        width:100%;
        text-align:center;
}

ul.prev-next li{
	display:inline-block;
}


/*=======================
spBtn
========================*/
a.spBtn{
width:75%;
margin:10px auto;
text-align:center;
display:block;
padding:25px 0;
vertical-align:middle;
color:#ffffff;
background:#0683bd;
border-radius:3px;
font-size:20px; font-size:2rem;
font-weight:bold;
}

span.spArrow{
padding-left:22px;
background:url(/wp/wp-content/uploads/2015/07/icon_whitearrow01.png) left center no-repeat ;
}


/*---------------------------------------------
 For A8TOP 1702 Additional Style by mas_takahashi
----------------------------------------------*/
#aboutAffiliate h3 strong,
#aboutAffiliate h4 strong {
	color: #d00000;
}

#aboutAffiliate h4 {
    	border-left: 6px solid #d00000;
    	background: none;
	padding-left: .5em;
    	margin-bottom: 5px;
}

#aboutAffiliate .fntB {
	font-weight: bold;
}

#aboutAffiliate .fntN {
	font-weight: normal;
}

#aboutAffiliate .fnt18 {
	font-size: 18px;
}

#aboutAffiliate #exampleAffi {
	margin-top: 35px;
}

.affiliateMovieWrap {
	background: url("data:image/gif;base64,R0lGODlhAgACAIAAAPf39////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmQ4ODdlMzhmLTc5MWItOWU0MC1hN2Q1LTMwZGIxYzJmYmY5OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDREU3NjhBN0ZGMUExMUU2QjlGQ0NFM0E0MUE3RDk5MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDREU3NjhBNkZGMUExMUU2QjlGQ0NFM0E0MUE3RDk5MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN2JjNTE2Yi01NmY0LTUxNDMtOWIxNS1kNTE1ZGI1ZTIyNTQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjM2I3OTEyOS1mZWZlLTExZTYtODA2OC1mOGJkMTQ4NThkMDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAgACAAACAkReADs=") repeat 0 0;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 15px;
}

.reasonList {
	table-layout: fixed;
	display: table;
	width: 100%;
}

.reasonItem {
	display: table-cell;
}

.reasonItem ul {
	background: #eee;
	border-radius: 50%;
	box-sizing: border-box;
	margin: 0 5px;
 	min-height: 192px;
	padding: 20px 0 0 0;
	text-align: center;
	width: 192px;
}

.reasonItem ul li:first-child {
	display: inline-block;
}

.reasonItem ul li:last-child {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	padding: 10px 0 0 0;
}

.reasonItem ul li strong {
	color: #d00000;
	display: inline-block;
	font-size: 30px;
	line-height: 1.2;
}

.reasonItem h5 {
	background: #17b987;
	color: #fff;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	position: relative;
}

.reasonItem h5:after,
.reasonItem h5:before {
	content: '';
	position: absolute;
}

.reasonItem h5:after {
	top: 0;
	right: -28px;
	z-index: 2;
	border-width: 17px 14px;
	border-style: solid;
	border-color: #17b987;
	border-right-color: transparent;
}

.reasonItem h5:before {
	top: 0;
	left: -28px;
	z-index: 2;
	border-width: 17px 14px;
	border-style: solid;
	border-color: #17b987;
	border-left-color: transparent;
}

.reasonItem h5 > span {
	text-shadow: 0px 2px 0px rgba(6, 141, 98, 1);
	filter:dropshadow(color=#068d62,offx=1,offy=1);
	filter: none\9;
	display:block; /* IE */
}

:root .reasonItem h5 > span {
	filter: none \0/; /*IE9用ハック*/
}

.exampleContent {
	background: #eee;
	border-radius: 4px;
	padding: 10px;
}

.exampleContent .voiceList {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.exampleContent .voiceItem {
	display: table-cell;
	vertical-align: top;
}

.exampleContent .voiceItem:first-child .voiceItemContent {
	margin-right: 5px;
}

.exampleContent .voiceItem:last-child .voiceItemContent {
	margin-left: 5px;
}

.exampleContent .voiceItemContent {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	padding: 10px 10px 0 10px;
}

.exampleContent .voiceItemCaption {
	display: table;
	padding: 10px 0;
	table-layout: fixed;
	width: 100%;
}

.exampleContent .voiceItemCaption dt,
.exampleContent .voiceItemCaption dd {
	display: table-cell;
}

.exampleContent .voiceItemContent dd {
	text-align: right;
}

.exampleContent .voiceItemContent dt span {
	background: #d00000;
	color: #fff;
	font-weight: bold;
	padding: 2px 10px;
}

.exampleContent .interviewBtn {
	border-top: 1px dashed #e2e2e2;
	text-align: center;
}

.exampleContent .interviewBtn a {
	display: block;
	padding: 10px;
}

.exampleContent .interviewBtn a:after {
	content: url("data:image/gif;base64,R0lGODlhDwANAPAAAMzMzAAAACH5BAEAAAEALAAAAAAPAA0AAAIejAOpC4fMHIyuyrkOzmYr3VgdKHaUGI5lipQtuDkFACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==");
	display: inline-block;
	margin-left: 0.5em;
	vertical-align: middle;
}

.exampleContent .interviewBtn a:before {
	content: url("data:image/gif;base64,R0lGODlhFAAUAPU2APOBB/ODDPOEDfOEDvSHE/SHFPSOIfSPIvSQJfWRJvWTKvWULPWVLvagRPahRfahRvemUPenUveoVPeqWPerWfesXPetXveuYPevYfiyZ/i0bPi2b/i2cPi3cvi4dPm7efm7evm8e/m8fPnAg/vSpvvVq/vVrPvVrfvWrvvWr/vXsP748f758v/79v/79//8+P/8+f/9+v/9+//+/P/+/f///v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADcALAAAAAAUABQAAAaVwJtQCCtZEgICw2KCDZ9ClQJArVIVKehtBrJ6q6DZs/stg4anshpwusEOXpFt1SgbYKSyhtaClEkUahcxMBVfEwhrES4zGV4IA2sADiw1HlYCBZKUNiOYC4otNR2PgWUWMTIYh3lfey4Sf29eITUsD3YvNyaSXyZDH71VH08zHMIbYlAoU2UKbVpEJBMJAQEJEyROT0EAIf8LWE1QIERhdGFYTVA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAA7");
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
	opacity: 1;
	transition: opacity 0.2s linear;
}

.exampleContent .interviewBtn a:hover:before {
	opacity: 0.7;
}

#fanBlogIntro a img {
	opacity: 1;
	transition: opacity 0.2s linear;
}

#fanBlogIntro a:hover img {
	opacity: 0.7;
}

.fanBlogIntroContent {
	display: table;
	width: 100%;
}

.fanBlogIntroContent p:last-child {
	display: table-cell;
	vertical-align: top;
	width: 300px;
}

.blogOrange{display:inline-block; background:#f38108; color:#ffffff; padding:3px 5px; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

h4 .blogBrown{display:inline-block; font-weight:bold; font-size:18px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-bottom:dashed 1px #f38108;}

.blogBrown{color:#482500;}

.faqList .subTxt {
	font-size: 12px;
	margin: 1em 0 0 0;
}
.faqList dl.acMenu dd{
line-height:1.75;
}

.acMenu dt {
	border: #e2e2e2 1px solid;
	border-bottom: none;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	line-height: 1.5;
	padding: 10px 30px;
	position: relative;
}

.faqItem:last-child dt {
    	border-bottom: #e2e2e2 1px solid;
}

.acMenu dt:before {
	content: "Q";
	color: #da5858;
	display: inline;
	font-size: 22px;
	left: 10px;
	margin-right: 0.5em;
	position: absolute;
	top: 5px;
}

.acMenu dt:after {
	content: url("data:image/gif;base64,R0lGODlhDAAHAPMAAMzMzM3Nzc7OztLS0tXV1dzc3OHh4enp6erq6u/v7/X19fn5+fz8/P7+/gAAAAAAACH5BAEAAA4ALAAAAAAMAAcAAAQh0IBJq2ml1tIcIxpAME65DNWwlKwiTILCzkkQJHOOHHkEACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==");
	display: inline;
	right: 10px;
	margin-left: 0.5em;
	position: absolute;
	top: 16px;
}

.acMenu dd {
 	background: #f2f2f2;
 	line-height: 1.5;
    	border: #e2e2e2 1px solid;
	border-bottom: none;
    	display: none;
	padding: 10px 10px 10px 30px;
	position: relative;
}

.acMenu dd:before {
	content: "A";
	color: #666;
	font-size: 22px;
	left: 10px;
	margin-right: 0.5em;
	position: absolute;
	top: 5px;
}

.faqItem:last-child dd {
	border-top: none;
    	border-bottom: #e2e2e2 1px solid;
}

.btmCatchBox {
	position: relative;
}

.btmCatchBox:before {
	content: url("images/top/a8kunCharaImg.png");
	display: block;
	position: absolute;
	left: -5px;
        top: -48px;
}

.btmCatchBox:after {
	content: url("images/top/hachikoImg.png");
	display: block;
	position: absolute;
	right: 16px;
	top: 0;
}

.btmCatch {
    	color: #f05847;
    	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    	font-size: 18px;
}

.btmCatch:after {
    	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAUFJREFUOI2d1D1LHFEUBuBndUGRIBGbgFUgpVgFDKRKo62NoBj8KEzAItktAiGBIKyCH4hLesEfIKQXklZsxVLSiZUhoIUJCZNiZs1lmd2dO7d63+HwzAwXTuXn3LQS5xnmUUNSLQFU0MQkEtTLIIsZAG+R9EUCD7DV9uxhLPIRj4L+HW9ikCeoB/0vXuImBtnFQNA3cQJFkSnMBP0UjVYpglSxF/Rb6W/8iUHWMB70Gi7CgV7IKNaD/gUH7UO9kAZGsnyF1byhbsgEXmU5wTKuY5Em+rP8GcedBjshs3iR5XO87/KyXGQQ21n+hQXcxSLv8DjLH3DWDchDxvz/9K/Y7wXkITsYwg8sSW8lCnkuXXnwGpdFgBDpk15pBYc4KgqEyAqeypZMDNBChrEhWDJlkE/SlXe/ZMogv/FNsGRizz8X8TZcRaG1twAAAABJRU5ErkJggg==");
    	display: inline;
    	margin-left: 0.5em;
    	vertical-align: middle;
}

.btmCatch:before {
    	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAR5JREFUOI2d1K9LQ1EUAOBvQwRNmmTYNJk0i1HwR1iQhbEgYtRgEaOoSYaITdEmWoZiFJto0rDgH2GxTASDKDPcO3hFhHPSPec9Pu69571T6tTnoIx9vOJIMPowgHPU8I02HiJYGVcZ6uEtjEaxPbwXaiMZ7I9gT6jis1CfxmEEI93REr4Kz9axHMHgDnX8FGrHmIpgcIOVAjiIawxHMLjAGro5H8PlH+/+i8EpNgv5ArajGKmbO4V8G4tRDHZxkNcl6bjjUQy2cJLXQ1JDBqNYV2rIec4ncRbFeuBq3hU0sBHFSN9eA7c5b2ImipF+txrupUHQQiWKkQZCVRoQFYUJE8HgA/N4kY7aJA3DaHQwi0epGc/RnfXiLYNtTPwCsDs3Ip3LyGMAAAAASUVORK5CYII=");
    	display: inline;
    	margin-right: 0.5em;
    	vertical-align: middle;
}

/*------ボタンのベースデザイン--------*/
.aboutAffiColumnBtn {
	text-align: center;
}

.aboutAffiColumnBtn a {
	background: #17b987;
	border-bottom: 7px solid #068d62;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	min-width: 220px;
	padding: 14px 24px;
	text-decoration:none !important;
}

.aboutAffiColumnBtn a span {
	text-shadow: 0px 2px 0px rgba(6, 141, 98, 1);
	filter: dropshadow(color=#068d62,offx=1,offy=1);
	filter: none\9;
	display: block; /* IE */
}

:root .aboutAffiColumnBtn a span {
	filter: none \0/; /*IE9用ハック*/
}

.aboutAffiColumnBtn a:hover {
	border-bottom: 4px solid #068d62;
	margin-top: 3px;
}
/*-----無料新規登録ボタンの矢印-------*/
.btmCatchBox .aboutAffiColumnBtn a {
	font-size: 22px;
	font-size: 2.2rem;

	padding: 24px;
}
.btmCatchBox .aboutAffiColumnBtn a span:after {
	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAZCAYAAAAFbs/PAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAh1JREFUOI11lEtoE0Ecxn+J0lDEB+ipF6VeBAvSixcpWAURD3pSsBqpCfi8yKISUBEqFYs1+IDK2mxFfNWWgi8aRdFUo2hV2qCiViw2EAPSGC1tk0myOx6SkTTuzm2++X7zzfPvklJeA7ZRbGmg3hP0j+HQXFLKecAQUFvSngONnqDftAPcnqC/o+Fma23e+jfeABx1SnAD+waTo6MtL2+X68eEZqxyAiaApvY34Xwk/knps4DrQjMW2AEAry0pjzc/CJHKTqqxxYDuBAC0JSd/P9n18DISqbQtQjN8ToAFeO9/G07psUi557zQjGV2AMAPwBcY6JEfxxNKmwPcEJpRZQcA3M0Uche9/TqZQk5p9cApAFfVGZ8NQzUwuGdFY925tduVJoENdgkAGWCrHotkvv8ZV5oLaHMCAD50rvfdWTJ/UWl6iR572jvbyS00YzmwSfUvvHvEoYFbm20ThGZUA92lvTD8M86RaJ8EAk5LagfqAKbygh39l8iZhbNA+D9AaMZGYK/qH4x08+VXcggIQMU9CM2oAboongh9I2/pev9sCmgCcjMAoRlu4CqwECA+kWL/4ysAB4DPyleecBhYA2BKi+ZwJ+nsdC8QKl+FuzT7SqBFiSdf3eNF4usYsLtyjy4p5VyKf3opQDQxwrqe06YprdVAtBJwAx3KnM5OszMcwpTWCTszFB/fjARKVQOwrxrlCRTrktfJDPAXSRzP93+lSsoAAAAASUVORK5CYII=");
	display: inline;
	margin-left: 5px;
    	position: relative;
    	top: 2px;
	vertical-align: middle;
}

/*--------オレンジ色のボタン---------*/
.aboutAffiColumnBtn.orange a {
	background: #ffa41b;
	border-bottom: 7px solid #e38e0d;
}

.aboutAffiColumnBtn.orange a span {
	text-shadow: 0px 2px 0px rgba(190, 118, 10, 1);
	filter: dropshadow(color=#be760a,offx=1,offy=1);
	filter: none\9;
	display: block; /* IE */
}

:root .aboutAffiColumnBtn.orange a span {
	filter: none \0/; /*IE9用ハック*/
}

.aboutAffiColumnBtn.orange a:hover {
	border-bottom: 4px solid #e38e0d;
	margin-top: 3px;
}

/*---------青色のボタン-----------*/
.aboutAffiColumnBtn.blue a {
	background: #1eaed2;
	border-bottom: 7px solid #0384a4;
}

.aboutAffiColumnBtn.blue a span {
	text-shadow: 0px 2px 0px rgba(26, 150, 181, 1);
	filter: dropshadow(color=#0384a4,offx=1,offy=1);
	filter: none\9;
	display: block; /* IE */
}

:root .aboutAffiColumnBtn.blue a span {
	filter: none \0/; /*IE9用ハック*/
}

.aboutAffiColumnBtn.blue a:hover {
	border-bottom: 4px solid #0384a4;
	margin-top: 3px;
}


/*=======================
20170314 add r_yoshida
========================*/

/*common #newAsBtn */
#entry #cmnNewASBtn{width:380px; margin:0 auto 10px; text-align:center;}
#cmnNewASBtn{width:380px; margin:35px auto 10px; text-align:center;}
.enjoyTxt{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; color:#666666;}
#cmnNewASBtn a{ position:relative;}
#cmnNewASBtn span.newasBtn{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display:block; background:#17b987; border-radius:5px; color:#fff; font-weight:bold; box-shadow: #068d62 0px 5px 0px 0px; text-align:center; padding:15px 20px; font-size:24px; font-size:2.4rem; text-shadow:1px 1px 1px #01a066; margin:0 2px 0 0;}
#cmnNewASBtn a:hover span.newasBtn{background:#1ecc96;}
#cmnNewASBtn span.freeMark{ display:block; position:absolute; left:110px; top:-2px; z-index:1;}

@-moz-document url-prefix() {
#cmnNewASBtn span.freeMark{top:14px;}
}/*firefoxのみ追加*/

@media screen and (-webkit-min-device-pixel-ratio:0){
::i-block-chrome, #cmnNewASBtn span.freeMark{left:300px;}
}/*safariのみ追加*/

/*#campus */
.campusIntroL{width:494px; float:left;}
.campusIntroR{width:111px; float:right;}


/* fanblog */
#cmnNewASBtn02{width:630px; margin:35px auto 0; text-align:center;}
#cmnNewASBtn02 .enjoyTxt{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; color:#666666;}
#cmnNewASBtn02 a{ position:relative;}
#cmnNewASBtn02 span.newasBtn02{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:260px; float:left; display:block; background:#17b987; border-radius:5px; color:#fff; font-weight:bold; box-shadow: #068d62 0px 5px 0px 0px; text-align:center; padding:15px 20px; font-size:24px; font-size:2.4rem; text-shadow:1px 1px 1px #01a066; margin:0 2px 0 0;}
#cmnNewASBtn02 a:hover span.newasBtn02{background:#1ecc96;}
#cmnNewASBtn02 span.freeMark{ display:block; position:absolute; left:-245px; top:-2px; z-index:1;}

@media screen and (-webkit-min-device-pixel-ratio:0){
::i-block-chrome, #cmnNewASBtn02 span.freeMark{left:221px;}
}/*safariのみ追加*/

@media all and (-ms-high-contrast:none) {
#cmnNewASBtn02 span.freeMark{left:-244px;}
}/*ieのみ追加*/

@supports (-ms-ime-align:auto){
#cmnNewASBtn02 span.freeMark{left:-244px;}
}/*edgeのみ追加*/

#cmnNewASBtn02 span.freeMark{left:-80px\9;}
/*ie9のみ追加*/

@-moz-document url-prefix(){
#cmnNewASBtn02 span.freeMark{top:14px; left:-244px;}
}/*firefoxのみ追加*/

#cmnNewASBtn02 span.fanblogBtn{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:260px; float:right; display:block; background:#f38108; border-radius:5px; color:#fff; font-weight:bold; box-shadow: #c36705 0px 5px 0px 0px; text-align:center; padding:15px 20px; font-size:24px; font-size:2.4rem; text-shadow:1px 1px 1px #c36705; margin:0 2px 0 0;}
#cmnNewASBtn02 a:hover span.fanblogBtn{background:#fa9830;}


/* affiliate.html */

/*--201901--*/
#affiAsp a{text-decoration: underline;}
ol.count{
counter-reset: item;
padding: 15px;
border: 1px solid #ccc;
margin-top: 10px;
}
ol.count li{
text-indent: -2em;
padding-left: 2em;
line-height: 1.75;
margin-top: 15px;
font-size: 14px;font-size: 1.4rem;
}
ol.count li:first-child{
margin-top: 0;
}
ol.count li:before {
counter-increment: item;
content: counter(item)'';
font-weight: bold;
color: #fff;
background: #444;
padding: 2px 8px;
margin-right: 3px;
}
ul.characteristic{
margin-top: 20px;
}
ul.characteristic li{
font-size: 18px;font-size: 1.8rem;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
margin-top: 15px;
text-indent: -1em;
padding-left: 1em;
}
ul.characteristic li b{
color: #d00;
}
ul.characteristic li span.txtS{
font-weight: normal;
}
h3.affiType{
margin-top: 20px;
font-size: 18px;font-size: 1.8rem;
font-weight: bold;
}
span.number{
background: #444;
color: #fff;
padding: 2px 8px;
display: inline-block;
margin-right: 5px;
font-weight: bold;
}
#affiAsp h4{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
border-left: 6px solid #d00000;
background: none;
padding-left: .5em;
margin-bottom: 5px;
}
#affiKind .ban, #affiKind .text, #affiKind .productLink, #affiKind .mail{
display: table;
width: 100%;
padding: 5px 0 15px;
border-bottom: dashed 1px #ccc;
}
#affiKind .ranking, .productExList.productAffiLink{
padding-bottom: 15px;
border-bottom: dashed 1px #ccc;
}
#affiKind .productLink{
border-bottom: none;
}
#affiKind .ban p, #affiKind .text p, #affiKind .productLink p, #affiKind .mail p{
display:table-cell;
}
#affiKind .ban p:last-child, #affiKind .text p:last-child, #affiKind .productLink p:last-child, #affiKind .mail p:last-child{
vertical-align: top;
text-align: center;
padding-left:20px;
}
.productEx{
margin-top: 10px;
text-indent: -2em;
padding-left: 2em;
}
ul.productExList{
display: table;
margin-top: 15px;
}
ul.productExList li{
display: table-cell;
vertical-align: top;
width: 170px;
padding-right: 55px;
background: url(/wp/wp-content/uploads/2019/01/img_exarrow.png) 98% 80px no-repeat;
-webkit-background-size: 44px 20px;background-size: 44px 20px;
}
ul.productExList li:last-child,ul.productExList.productAffiLink li:nth-child(2){
background: none;
padding-right: 0;
}
.productExList.productAffiLink li:last-child{width: 230px;}
.productExList.productAffiLink .comment{
width: 200px;
margin-left: 30px;
background: #fff799;
-webkit-box-sizing: border-box;box-sizing: border-box;
border-radius: 8px;
padding: 10px 15px;
}
ul.productExList li img{
width: 170px;
height: auto;
margin-bottom: 5px;
}
#affiAsp .em{
font-weight: bold;
color: #d00;
}
#affiFlow .cap01, #affiFlow .cap03{display: table; margin-top: 15px;}
#affiFlow .cap02, #affiFlow .cap04{margin-top: 15px;}
#affiFlow .cap01 div, #affiFlow .cap03 div{display: table-cell; vertical-align: middle;}
#affiFlow .cap01 .capArrow, #affiFlow .cap03 div{padding: 0 2px;}
/*--ここまで--*/

/*--ここから古いの--*/
#AfficontentsAnc{
	margin-top: 30px;
	padding:12px 15px;
	background: #efefef;
	border: solid 1px #cccccc;
}
#AfficontentsAnc ul li{
	background: url(/wp/wp-content/themes/a8/images/icon_ancarrow.png) left center no-repeat;
	padding-left: 15px;
}
#AfficontentsAnc ul li a{
	font-size: 14px;
	line-height: 2;
	color: #003366;
	text-decoration: underline;
}

#AfficontentsAnc ul li a:hover{
text-decoration:none;
}

#affiAsp h3.subTit{
	margin-top: 30px;
}
#affiStructure h3.subTit, #affiHistory h3.subTit, #affiAchieve h3.subTit, #affiKind h3.subTit,#affiRequire h3.subTit, #affiFlow h3.subTit, #affiPeople h3.subTit, #affiStart h3.subTit, #affiGenre h3.subTit, #affiSelfback h3.subTit{
	margin-top: 40px;
}
#affiKind h4, #affiRequire h4{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
    border-left: 6px solid #d00000;
    background: none;
    padding-left: .5em;
    margin-bottom: 5px;
}
#affiKind .ban, #affiKind .text, #affiKind .productLink, #affiKind .mail, #affiRequire .pcNet, #affiRequire .address, #affiRequire .bank, #affiRequire .site, #affiRequire .mail{
	display: table;
	width: 100%;
	padding: 5px 0 15px;
	border-bottom: dashed 1px #7f7f7f;
}
#affiKind .mail, #affiRequire .site{
	border-bottom:none;
        padding-bottom:0;
}
#affiKind .ban p, #affiKind .text p, #affiKind .productLink p, #affiKind .mail p, #affiRequire .pcNet p, #affiRequire .address p, #affiRequire .bank p, #affiRequire .site p{
	display:table-cell;
}
#affiKind .ban p:last-child, #affiKind .text p:last-child, #affiKind .productLink p:last-child, #affiKind .mail p:last-child, #affiRequire .pcNet p:last-child, #affiRequire .address p:last-child, #affiRequire .bank p:last-child, #affiRequire .site p:last-child{
	vertical-align: top;
	text-align: center;
        padding-left:20px;
}
#affiStructure ul.step {
	width: 630px;
	display: table;
}
#affiStructure ul.step li{
	padding: 20px 15px 0 0;	
	display: table-cell;
}
#affiAchieve .affiAchieveImg{
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
}
#affiAchieve dl.exam{
	width: 200px;
	font-size: 14px;
	vertical-align: top;
	text-align: center;
	display: inline-block;
	margin-right: 40px;
}
#affiAchieve dl.exam:last-child{
	margin-right: 0;
}
#affiStructure ul.step li:nth-child(3){
	padding-top: 20px;	
	padding-right: 0;
}
#affiFlow h4{
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size:16px;
	margin-top:25px; 
}
#affiFlow h4 span.flowNum{
	display: block;
    float: left;
    height: 24px;
    background: #17b987;
    padding: 0 3px;
    position: relative;
    margin: 0 22px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
	color: #fff;
    line-height: 24px;
    width: 90px;
	text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#affiFlow h4 span.flowNum:after{
	content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 11px solid #17b987;
    position: absolute;
    right: -11px;
    top: 0;
}
#affiFlow .cap01, #affiFlow .cap03{display: table; margin-top: 15px;}
#affiFlow .cap02, #affiFlow .cap04{margin-top: 15px;}
#affiFlow .cap01 div, #affiFlow .cap03 div{display: table-cell; vertical-align: middle;}
#affiFlow .cap01 .capArrow, #affiFlow .cap03 div{padding: 0 9px;}

#affiPeople .peopleTxt{display: table; margin-top:15px;}
#affiPeople .peopleTxt .txt{display: table-cell; vertical-align: top; padding-right: 15px;}
#affiPeople .peopleTxt .pic{display: table-cell; width: 320px;}

#affiPeople .merit{background:#ffeaeb; margin-top: 10px; padding: 10px;}
#affiPeople .merit li{background: url(/wp/wp-content/themes/a8/images/affiPeople_icon01.png) left center no-repeat;
padding-left: 25px;}
#affiGenre .genreListArea { width: 100%; display: table; margin: 20px 0;}
#affiGenre .genreListArea .genreListAreaCell { display: table-cell; vertical-align:middle;}
#affiGenre .genreListAreaBox { background: #fff; border: 1px solid #ccc; padding: 20px;}
#affiSelfback .selfbackLogo { width: 210px; float: left; margin-right: 20px;}
/*--古いのここまで--*/


/* entry.html */
/*--201901--*/
#entryArea .flex{display: flex;}
#entryArea a{text-decoration: underline !important;}
#entryArea a:link{text-decoration: underline !important;}

h2.entryTit span.tit {background: url(../../uploads/2019/01/img_entryh2.png) left top repeat-y !important; padding-bottom:10px;}
h2.entryTit span.entryTitsub {font-size: 20px;font-size: 2.0rem;}

#AfficontentsAnc{font-weight:bold; font-size: 14px;font-size: 1.4rem; margin-top: 30px; padding:12px 15px; background: #efefef; border: solid 1px #cccccc;}
#AfficontentsAnc ul li{background: url(/wp/wp-content/themes/a8/images/icon_ancarrow.png) left top 10px no-repeat; padding-left: 15px; margin-bottom:10px;}
#AfficontentsAnc ul li a{font-size: 14px; line-height: 2; color: #003366; text-decoration: underline;}
#AfficontentsAnc ul li a:hover{text-decoration:none;}

.innerAnc01 li {margin-bottom:0px !important; background:none !important;}
.innerAnc01 li a{color: #4a79a7 !important; margin-left:20px;}
.innerAnc02 li{margin-left:80px; background: url(../../uploads/2019/01/img_entryanc.png) left center no-repeat !important; background-size:9px !important; padding-left:0px !important;}

.innerAnc{font-weight:bold; font-size: 14px;font-size: 1.4rem; margin: 20px 0; padding:10px 15px; background: #efefef; border: solid 1px #cccccc;}
.innerAnc ul li{background: url(/wp/wp-content/themes/a8/images/icon_ancarrow.png) left center no-repeat; padding-left: 15px;}
.innerAnc ul li a{font-size: 14px; line-height: 2; color: #4a79a7; text-decoration: underline;}
.innerAnc ul li a:hover{text-decoration:none;}

#whatsArea{width:100%;}
#preArea01 .meritBox{justify-content: space-between; margin:20px 0;}
#preArea01 .meritBox li{background: #d7ecf1; border-radius: 5px; width:48%; font-size: 14px;font-size: 1.4rem;}
#preArea01 .meritBox li div{margin:10px;}
#preArea01 .meritBox li h4{background: #67b4c5; color:#fff; text-align: center; border-left:0; border-radius: 5px 5px 0 0;  font-size: 18px;font-size: 1.8rem; font-weight:bold; padding:8px;}
#preArea01 .meritBox li h5{font-weight: bold; font-size: 16px;font-size: 1.6rem; color:#227588; margin-bottom:5px;}
#preArea01 .meritBox li ul li{width:97%; text-indent:-14px; padding-left:14px; background: none;}
#preArea01 .meritBox .care {margin-top:10px;}
#preArea01 .meritBox .care li{font-size: 12px;font-size: 1.2rem !important; text-indent:-12px; padding-left:12px;}
#preArea01 .meritBox li.tollCon{background: #fff2f6;}
#preArea01 .meritBox li.tollCon h4{background: #ed8b93;}
#preArea01 .meritBox li.tollCon h5{color:#af414a;}

h4.subTitentry{background: #ddd; padding:10px; font-weight: bold; border-left:5px solid #ce0012;}

#affiFree img{padding:0 0 10px 0px;}

#enstep02 img{margin:20px auto; text-align: center; display: block;}
#enstep03 img{margin:10px;}

h5.steptit{background: #4a79a7; color:#fff; padding:8px 10px; font-weight: bold;}
h5.steptit02{font-size: 16px;font-size: 1.6rem; font-weight:bold; background:url(../../uploads/2019/01/img_entrytitsub.png)no-repeat left top 8px; background-size:10px; padding-left:20px; margin-bottom:10px;}
.blueBox{background: #dfebf8; padding:15px; line-height: 1.8;}
.stepimg01 img{margin:20px 10px;}
.stepimg03 img{margin:20px 10px 0;}
.stepimg02 img{margin:10px;}

#preArea02 .grayBox{background: #eee; padding:15px; font-size: 14px;font-size: 1.4rem; width:auto; justify-content: space-between; margin:20px 0; line-height: 1.6;}
#preArea02 .grayBox dt {margin-right:15px;}
#preArea02 .grayBox h4{font-size: 18px;font-size: 1.8rem; border-left:0; background:none; padding-left:0; padding:0 0 5px 0; font-weight:bold;}
#preArea02 .grayBox h4 span{color:#fff; background: #a2000c; font-size: 16px;font-size: 1.6rem; border-radius: 5px; padding:3px 8px; margin-right:15px;}

.whiteBox{background: #fff; padding:15px; width:auto; justify-content: space-between; margin:20px 0; font-size: 14px;font-size: 1.4rem;}
.whiteBox dt{width: auto !important;}
.whiteBox dd{margin-left:20px;}
.whiteBox h4{font-size: 16px;font-size: 1.6rem !important; padding-left:20px !important; background:url(../../uploads/2019/01/img_entrytitsub.png)no-repeat left top 8px !important; background-size:10px !important;}

#entryArea .repoBox{margin-top:20px;}
#entryArea .repoBox p{margin-right:20px;}
#entryArea .chooseBox{margin:20px 0;}
#entryArea .chooseBox dt{margin-right:20px;}
#entryArea .chooseBox dt.flexorder02{order:2; margin-right:0px; margin-left:20px;}

#entryArea h3.subTit02{background:url(../../uploads/2019/01/img_entrytit02.png) repeat-x left center; color:#fff; padding:10px; border-radius: 5px; font-weight: bold;}
#entryArea .chooseBox dt.flexorder02{order:2; margin-right:0px; margin-left:20px;}


#preArea03 table.table01 {width:100%; border-right:#fff solid 2px; border-collapse: collapse; margin-top: 20px;}
#preArea03 table.table01 thead th {background:#20a5ac; color:#FFF; font-weight: bold; padding:5px; border-right:#FFF solid 2px; border-bottom:#FFF solid 2px; text-align: center;}
#preArea03 table.table01 thead th:last-child {border-right:#fff solid 2px;}
#preArea03 table.table01 tbody th {font-weight: bold; background:#57c4ca; color:#FFF; padding:5px; border-bottom:#FFF solid 2px; vertical-align:top; text-align: center;}
#preArea03 table.table01 tbody tr:last-child th {border-bottom:#fff solid 2px;}
#preArea03 table.table01 tbody td {background:#d9eaeb; color:#105c60; padding:5px; border-left:#fff solid 2px; border-bottom:#fff solid 2px; vertical-align:top;}

#entryArea #cmnNewASBtn {margin: 0px auto 10px;}
#entryArea #cmnNewASBtn a{text-decoration: none !important;}
#monetizeArea .btmCatch{margin-bottom:15px;}

/*--ここまで--*/




/* common */

#pagetop{
	display:none;
	position:fixed;
	right:20px;
	bottom:30px;
	margin-top:10px;
	width:90px;
	height:90px;
        z-index:100;
}

#pagetop a{
	width:90px;
	height:90px;
	display:block;
}

/* responsive style */
@media screen and (max-width: 768px){
body {
    min-width: 0;
}
#wrapper01Comp #pagetop{
    position: fixed;
    right: 20px;
    bottom: 20px;
    margin-top: 10px;
    width: 45px;
    height: 45px;
	}
#wrapper01Comp #pagetop a{
	width: 45px;
    height: 45px;
    display: block;
	}
#wrapper01Comp #pagetop img{
	max-width: 100%;
    height: auto;	
	}
#wrapper01Comp #contents .ancNavi a{
	display:block;
	padding:5px 5px 5px 15px;
	text-align: left;
	}
#wrapper01Comp #contents .ancNavi li:first-child:after{
		content:none;
	}
#wrapper01Comp #contents{
	width: 95%;
}

#wrapper01Comp #footer #footerArea{
	width: 100%;
	padding: 0;
	}
#wrapper01Comp #footer #footerArea dl{
    width: initial;
    float: none;
    margin: 10px;
	}
#wrapper01Comp #footer #footerArea dd{
	display: initial;
	}
#wrapper01Comp #footer #footerArea a{
    padding: 5px 5px 5px 13px;		
	}
#wrapper01Comp #footer #copyright{
		font-size: smaller;
}
#wrapper01Comp .clearfix .fRight{
	float:left;
	width:auto;
}
#wrapper01Comp #compliance_main .clearfix .fLeft{
    float: none;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 33.3%;
    vertical-align: top;
    text-align: center;
	padding:0 0 15px 0;
}
#wrapper01Comp #compliance_main .clearfix .fLeft ul.care{
		text-align: left;
	}
#wrapper01Comp #compliance_main .complianceWrap{
	font-size: 0;	
	}
#wrapper01Comp #compliance_main .clearfix .sTxt{
	overflow: hidden;
	float: left;
	width: auto;
	text-align: left;
	display: inline-table;
}
#wrapper01Comp #compliance_main .clearfix .sBtn{
	padding-right:0; 
	}
#wrapper01Comp #compliance_main .mTxt{
	width: 90%;
	}
#wrapper01Comp #compliance_main .mTxt a{
	font-size: 1.3rem;	
	}
}
@media screen and (max-width: 480px){
#wrapper01Comp #header #headerNavi{
    font-size: 1.3rem;
}
#wrapper01Comp #compliance_main .mTxt{
	width: 95%;
}
#wrapper01Comp #compliance_main .mTxt a{
	font-size: 1.3rem;
}
	
#wrapper01Comp #compliance_main .clearfix .fLeft{
	width: 50%;
}
#wrapper01Comp #compliance_main .clearfix .sTxt{
	width: auto;
}	
#wrapper01Comp #compliance_main h4{
    background: url(https://www.a8.net/wp/wp-content/uploads/2014/12/compliance_sub.gif) repeat-y left center;
}
}


/*-----------------------------
affiliater.html
-----------------------------*/
#affiliater .flex01{ display:flex;}

#rewardTimingCaption{
	background:#cc0033; 
	color:#fff; 
	padding:8px 20px;
	display:inline-block;
}

#rewardTimingTable{
	border:1px solid #333;
	border-collapse:collapse;
	width:auto;
	margin:0 auto;
}
#rewardTimingTable th,#rewardTimingTable td{
	border:1px solid #333;
	padding:5px 5px 5px 5px;
	font-weight: bold;
}
#rewardTimingTable th{white-space:nowrap; background:#fff2cc;}
#rewardTimingTable td{background:#fff;}

#affiliater h4.subTitSquare{
	font-size: 16px;font-size: 1.6rem;
	font-weight: bold;
	margin-top: 10px;
}
#affiliater h4.subTitSquare:before{
	display:inline-block; 
	vertical-align: middle;
	content:'';
	width:10px;
	height: 10px;
	background: #ccc;
	margin-right: 7px;
}
.blockquoteLink{ text-align:center; margin-top:5px;font-size: 14px;font-size: 1.4rem;}
.pad15{ padding:15px;}
.affiliaterChecklist li{
	margin-bottom:3px;
	margin-left: 1.8em;
	text-indent: -1.8em;
}
.affiliaterChecklist li:before {
    content:  "";
    width: 22px; 
	height: 22px;
    display:  inline-block; 
    position:  relative;
    margin-right: 7px; 
    background:  url(images/affiliaterCheck.png) no-repeat;
    vertical-align: top; 
}

#affiliater .checkscambox{background:#fef6c3;}
#affiliater .meritBox{background:#f9bec7;}
#affiliater .demeritBox{background:#bcddf6;}
#affiliater .defaultList{list-style-type: disc; padding-left:20px;}