@charset "utf-8";

/* 

このファイルには、全ページに共通して使用するCSSを書き込みます

*/

/*-- 共通部分 --*/
#header{
	display:block;
	background: #303030;
	background: -moz-linear-gradient(top, #3D3D3D, #222);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D3D3D), to(#222));
	border-bottom:#000000 solid 1px;
}
#header a{
	color:#FFF;
	text-shadow:0 1px 0 #000000;
}
#head_navi li{display:inline-block;}
#head_navi li a{
	display:inline-block;
	line-height:100%;
}
#contents a:hover{color:#FF0000;}
#footer{
	display:block;
	width:100%;
	border-top:#CCC solid 1px;
	background: url(../images/white_border.gif) repeat-x #F0F0F0 left top;
	padding:14px 0 60px 0;
}
#footer ul li{
	display:inline-block;
	float:left;
	font-size:12px;
}
#footer a:hover{text-decoration:none;}
#footer address{
	color:#666;
	font-size:12px;
	text-align:center;
}
#backTop a{
	display:block;
	position:fixed;
	width:31px;
	height:31px;
}
#quick_shadow , #navi_shadow{
	display:block;
	height:10px;
	border-top:#FFF solid 1px;
	background: #FFF;
	background: -moz-linear-gradient(top, #F5F5F5, #FFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#FFF));
	margin-bottom:10px;
}




/*-- 以下PC --*/
@media screen and (min-width: 981px){
#logo{
	display:inline-block;
	float:left;
	padding:13px 0 13px 20px;
}
#head_navi{
	display:inline-block;
	float:right;
	padding-top:16px;
	font-size:12px;
}
#head_navi li a:hover{text-decoration:underline;}
#head_navi li.help{
	float:left;
	padding:0 10px 0 0;
}
#head_navi li.help a{
	padding:6px 10px 5px 17px;
	background:url(../images/pc_head_navi.gif) no-repeat -13px -4px;
}
#head_navi li.home{
	display:none;
}
#head_navi li.pay{
	display:none;
	min-width:135px;
	padding:2px 4px;
	background:#000;
	border-radius:4px;
	float:left;
	margin-right:10px;
}
#head_navi li.pay a{
	display:inline-block;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../images/pc_head_navi.gif) no-repeat -9px -41px;
}
#head_navi li.pay a span{
	display:inline-block;
	paddin:5px 0 0 0s;
}
#head_navi li.pay a:hover span{
	text-decoration:underline;
}
/*#head_navi li.pay a div.icon{
	display:inline-block;
	width:37px;
	float:right;
	height:23px;
	padding-left:10px;
	background:url(../images/pc_head_navi.gif) no-repeat 10px -82px;
}*/
#head_navi li.user{
	padding:4px 17px 1px 17px;
	background:#474747;
	border-radius:3px;
	float:left;
	margin-right:20px;
}
#head_navi li.user a.name{
	padding:3px 0 3px 17px;
	background:url(../images/pc_head_navi.gif) no-repeat -14px -128px;
}
#head_navi li.user a.logout{
	margin-left:20px;
	padding:3px 0 3px 20px;
	background:url(../images/pc_head_navi.gif) no-repeat -12px -163px;
}
#mainNavi{
	display:block;
	background: #DFDFDF;
	background: -moz-linear-gradient(top, #FAFAFA, #DFDFDF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#DFDFDF));
	border-bottom:#B4B4B4 solid 1px;
	padding:0 20px;
}
#mainNavi ul li{
	display:inline-block;
	float:left;
	line-height:20%;
	border-right:#CACACA solid 1px;
}
#mainNavi ul li.home{border-left:#CACACA solid 1px;}
#mainNavi ul li a{
	display:inline-block;
	padding:8px 20px 0 15px;
	border-left:#EFEFEF solid 1px;
	border-right:#EFEFEF solid 1px;
	height:34px;
}
#mainNavi ul li.home a{padding:8px 15px 0 15px;}
#mainNavi ul li a:hover,
#mainNavi ul li a.now{
	background: #FAFAFA;
	background: -moz-linear-gradient(top, #DFDFDF, #FAFAFA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#FAFAFA));
}
#mainNavi ul li a span{display:none;}
#navi_shadow{display:none;}
#contents{
	display:block;
	padding:0 20px;
}
#footer{text-align:center;}
#footer #footer_navi{
	display:inline-block;
	margin:0 auto;
}
#footer_navi ul li a{
	padding:0 15px 0 15px;
	text-decoration:underline;
}
#footer_navi ul li.li01 a{background:url(../images/pc_foot_navi01.gif) no-repeat left center;}
#footer_navi ul li.li02 a{background:url(../images/pc_foot_navi02.gif) no-repeat left center;}
#footer_navi ul li.li03 a{background:url(../images/pc_foot_navi03.gif) no-repeat left center;}
#footer_navi ul li.li04 a{background:url(../images/pc_foot_navi04.gif) no-repeat left center;}
#footer_navi ul li.li05 a{background:url(../images/pc_foot_navi05.gif) no-repeat left center;}
#footer address{margin-top:13px;}
#backTop a{
	right:10px;
	bottom:10px;
}
/* ログイン前ページ */
.login_before #navi_shadow{display:block;}
.login_before #header .regist_btn{
	display:inline-block;
	float:right;
	padding:8px 20px 0 0;
}
.login_before #header .regist_btn a.btn_green{box-shadow:1px 1px 1px #000;}
/*サービス一覧*/
#serviceArea{
	display:block;
	padding:25px 0 0 0;
}
#serviceArea #serviceArea_inner{
	display:block;
	width:970px;
	margin:0 auto;
	padding-bottom:30px;
}
#serviceArea .service_listArea{
	display:block;
	width:780px;
	float:left;
	border-right:#CCC solid 1px;
}
#serviceArea .service_listArea ul li{
	display:block;
	float:left;
	text-align:center;
	width:180px;
	padding:0 15px 10px 0;
}
#serviceArea .service_listArea ul li .logoLine{
	display:block;
	text-align:center;
	height:40px;
	margin-bottom:10px;
}
#serviceArea .service_listArea ul li a{color:#333;}
#serviceArea .service_listArea ul li strong{
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	font-size:16px;
}
#serviceArea .service_listArea ul li a span{
	display:block;
	font-size:11px;
	line-height:130%;
	color:#333;
}
.companyArea{
	display:block;
	width:165px;
	float:left;
	padding:0 0 0 15px;
	text-align:left;
	color:#333;
}
.companyArea p{
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:120%;
}
.companyArea p img{
	display:block;
	padding:2px 0 6px 0;
}
.companyArea address{
	font-size:11px;
	color:#666;
	line-height:130%;
}



}


/*-- 以下タブレット --*/
@media screen and (max-width: 980px){
.sp_ind{padding:0 5px;}
#logo{
	display:block;
	border-bottom:#000 solid 1px;
}
#logo a{
	display:block;
	width:56px;
	height:23px;
	background:url(../images/sp_logo.png) no-repeat left 9px;
	background-size:56px 23px;
	margin:0 auto;
	text-align:center;
	padding:9px 0 7px 0;
	text-align:center;
}
#logo a img{display:none;}
#head_navi{
	display:block;
	border-top:#3D3D3D solid 1px;
	border-bottom:#000000 solid 1px;
	font-size:12px;
}
#head_navi li a{
	padding:13px 0;
	width:43px;
	height:21px;
}
#head_navi li a span{display:none;}
#head_navi li.home{
	display:inline-block;
	float:left;
}
#head_navi li.home a{
	background:url(../images/sp_head_navi01.png) no-repeat center 14px;
	background-size:18px 18px;
}
#head_navi li.help{
	display:inline-block;
	float:left;
}
#head_navi li.help a{
	background:url(../images/sp_head_navi02.png) no-repeat center 13px;
	background-size:14px 20px;
}
#head_navi li.pay{
	display:none;
	float:left;
}
#head_navi li.pay a{
	background:url(../images/sp_head_navi03.png) no-repeat center 16px;
	background-size:26px 19px;
}
#head_navi li.user{
	display:inline-block;
	float:right;
}
#head_navi li.user a.name{
	width:auto;
	float:left;
	padding-top:18px;
	height:16px;
	padding-right:10px;
}
#head_navi li.user a.name span{
	display:inline-block;
}
#head_navi li.user a.logout{
	float:left;
	background:url(../images/sp_head_navi04.png) no-repeat center 12px;
	background-size:20px 25px;
}
#mainNavi{display:block;}
#mainNavi ul li{
	display:block;
	float:left;
	width:33%;
	background: #EAEAEA;
	background: -moz-linear-gradient(top, #FFF, #EEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
	border-bottom:#CCC solid 1px;
	text-shadow:0 1px 0 #999;
}
#mainNavi ul li.navi02,
#mainNavi ul li.navi05{width:34%;}
#mainNavi ul li.home{display:none;}
#mainNavi ul li a{
	display:block;
	height:39px;
	padding:18px 0 0 45px;
	font-size:16px;
	border-left:#CCC solid 1px;
}
#mainNavi ul li.navi01 a,
#mainNavi ul li.navi04 a{border-left:none;}
#mainNavi ul li a img{display:none;}
#mainNavi ul li.navi01 a{
	background:url(../images/sp_mainnavi01.png) no-repeat 7px 15px;
	background-size:30px 25px;
}
#mainNavi ul li.navi02 a{
	background:url(../images/sp_mainnavi02.png) no-repeat 7px 15px;
	background-size:30px 25px;
}
#mainNavi ul li.navi03 a{
	background:url(../images/sp_mainnavi03.png) no-repeat 7px 15px;
	background-size:30px 25px;
}
#mainNavi ul li.navi04 a{
	background:url(../images/sp_mainnavi04.png) no-repeat 7px 15px;
	background-size:30px 25px;
}
#mainNavi ul li.navi05 a{
	background:url(../images/sp_mainnavi05.png) no-repeat 7px 15px;
	background-size:30px 25px;
}
#mainNavi ul li.navi06 a{
	background:url(../images/sp_mainnavi06.png) no-repeat 7px 15px;
	background-size:30px 25px;
}
#navi_shadow{display:block;}
#footer{text-align:center;}
#footer #footer_navi{
	display:inline-block;
	margin:0 auto;
}
#footer ul li{
	display:inline-block;
	text-shadow:0 1px 0 #FFF;
	font-size:12px;
}
#footer_navi ul li a{padding:0 15px 0 15px;}
#footer ul li.li01 a{
	background:url(../images/sp_foot_navi01.png) no-repeat left center;
	background-size:12px 13px;
}
#footer ul li.li02 a{
	background:url(../images/sp_foot_navi02.png) no-repeat left center;
	background-size:12px 14px;
}
#footer ul li.li03 a{
	background:url(../images/sp_foot_navi03.png) no-repeat left top;
	background-size:12px 14px;
}
#footer ul li.li04 a{
	background:url(../images/sp_foot_navi04.png) no-repeat left center;
	background-size:14px 13px;
}
#footer ul li.li05 a{
	background:url(../images/sp_foot_navi05.png) no-repeat left center;
	background-size:13px 10px;
}
#footer address{margin-top:15px;}
#backTop a{
	background:url(../images/sp_backtop.png) no-repeat left top;
	background-size:31px 31px;
	right:5px;
	bottom:5px;
}
#backTop img{ display:none;}
.login_before #header .regist_btn{
	display:inline-block;
	float:right;
	padding:8px 20px 0 0;
	margin-bottom:10px;
}
.login_before #header .regist_btn a.btn_green{box-shadow:1px 1px 1px #000;}

#serviceArea,
#serviceArea .service_listArea{
	padding-bottom:20px;
}
#serviceArea,#serviceArea_inner,
#serviceArea{width:auto;}
#serviceArea{padding-top:0;}
#serviceArea .service_listArea{
	width:auto;
	float:none;
	border-bottom:#CCC solid 1px;
}
#serviceArea .service_listArea ul li{
	display:block;
	width:97% !important;
	text-align:left;
	padding:10px 0 0 3%;
	color:#333;
}
#serviceArea .service_listArea ul li .logoLine{
	display:block;
	float:left;
	margin-right:3%;
	width:30%;
	text-align:center;
	height:50px;
}
#serviceArea .service_listArea ul li .logoLine img{
	display:block;
	max-width:100%;
	max-height:50px;
	margin:0 auto;
}
#serviceArea .service_listArea ul li a span{
	display:block;
	float:left;
	width:65%;
	text-align:left;
	font-size:11px;
	line-height:130%;
	color:#333;
	margin-top:10px;
}
#serviceArea .service_listArea ul li span span{
	display:inline;
	width:auto;
	float:none;
	margin:0;
}
.companyArea{
	display:block;
	padding:20px 3% 0 3%;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}
.companyArea p{
	font-size:13px;
	font-weight:bold;
	color:#333;
	line-height:120%;
}
.companyArea p img{
	display:block;
	margin:0 auto 8px auto;
	max-width:60px;
}
.companyArea address{
	font-size:11px;
	color:#666;
}
}

/*-- 以下スマートフォン --*/
@media screen and (min-width: 0px) and (max-width: 640px){
#mainNavi ul li:nth-child(even){width:47%;}
#mainNavi ul li:nth-child(odd){width:53%;}
#mainNavi ul li a{border-left:none;}
#mainNavi ul li:nth-child(odd) a{border-left:#CCC solid 1px;}
#footer_navi{ text-align:left;}
#footer ul li{
	width:50%;
	margin-bottom:8px;
}
#footer ul li a{padding:0 0 0 15px;}

}