@charset "UTF-8";
/* ===================================================================
 CSS Document

 file name  : common.css
 style info : reset / utility / common module
=================================================================== */

@import url("//fonts.googleapis.com/css?family=Source%20Sans%20Pro:300,900/");
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");

/*---------------------------------------------
	Browser Default Initialization
---------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
ul {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
ul li {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}
a, button, input, textarea {
	outline: none;
}
/** fade使用時のズレ対策（FF）**/
img {
	box-shadow: #000 0 0 0;
}
x:-moz-any-link, x:default {
 box-shadow: #000 0 0 0;
}
/* オブジェクト設定 */
embed, iframe, object {
	max-width: 100%;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.content a {
	color:#0066cc;
	}

/*---------------------------------------------
	FontSize Initialization
---------------------------------------------*/
html {
	font: 62.5%/1.231 'Noto Sans Japanese';
}
body {
	font-size: 1.0rem; /*10px*/
	letter-spacing: -0.001em; /* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%; /* 文字サイズの自動調整機能のキャンセル */
}
select, input, button, textarea, table {
	font: 1.0rem 'Noto Sans Japanese';/* 10px */
}
pre, code, kbd, samp, tt {
	font-family: 'Noto Sans Japanese';
	line-height: 1;
}
/*---------------------------------------------
	Utility
---------------------------------------------*/
/* Clearfix */
.cf:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}

@media all and (max-width: 768px) {
.pc {
	display: none;
}
input[type=”button”], input[type=”submit”] {
	-webkit-appearance: none;
	border-radius: 0;
}
img {
	max-width: 100%;
	height: auto;
}
a:hover {
	text-decoration: none;
}
#wrap {
	width: 100%;
	overflow: hidden;
}
/*--------------------------
	    Header
---------------------------*/
header {
	width: 100%;
	background: #FFFFFF;
	border-top: 6px solid #E30B19;
	border-bottom: 1px solid #ebebeb;
}
#login header {
	border-bottom: none;
	height: 50px;
	}
#pop header {
	border-bottom: none;
	height: 50px;
	}
header .inner {
	margin: 0px auto;
}
/*サイトタイトル*/

header .inner .logo {
	float: left;
	padding: 10px 0px 10px 15px;
}
header .inner .logo img {
	width: 130px;
}
header .inner .site_title {
	padding: 20px 0 0 15px;
	font-size: 1.2rem;
}
/*サブナビ*/
header .inner .snav {
	display: none;
}
/*グローバルナビ*/
header .inner nav {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
header .inner nav li a {
	width: 33%;
	background: url(../img/nav/nav_line.gif) repeat-y right top;
	padding: 5px 0px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
header .inner nav li:last-child a {
	background:none;
	}
header .inner nav li img {
	margin-bottom: 5px;
}
header .inner nav li span {
	display: block;
	font-size: 1.4rem;
}
header .inner nav li span.red {
	display: block;
	color: #E50C19;
	font-size: 1.1rem;
}
/*ユーザーログイン情報*/
header .inner .userinfo {
	background: #DFF0F4;
	font-size: 1.4rem;
}
header .inner .userinfo .name {
	display: block;
	padding: 15px 15px;
  color: #4b4b4b;
  font-size: 1.8rem;
	font-weight: bold;
}
header .inner .userinfo .name img {
  display: none;
}
header .inner .userinfo .user_prof {
	background: #FFFFFF;
	padding: 10px 20px 5px;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 1.3rem;
	margin:0px 15px 10px 15px;
}
header .inner .userinfo .user_prof dl {
  margin-bottom: 10px;
}
header .inner .userinfo .user_prof dt {
  margin-bottom: 5px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dadada;
  color: #45b5d1;
  font-size: 1.7rem;
  font-weight: bold;
}
header .inner .userinfo .user_prof dd {
  color: #303030;
}
header .inner .userinfo .user_prof li span {
	width: 64px;
	margin-right: 5px;
  font-size: 1.3rem;
	font-weight: bold;
	display: block;
	float: left;
}
header .inner .userinfo h2 a {
	background: #ff7780;
	color: #FFFFFF;
	padding: 10px 15px 10px 15px;
	display: block;
	font-size:1.5rem;
	margin-bottom:1px;
	color:#fff;
	position:relative;
	}
header .inner .userinfo .user_nav {
	overflow: hidden;
	font-size: 1.2rem;
	padding-bottom:30px;
	background:#FFFFFF;
}
header .inner .userinfo .user_nav li a {
	padding: 10px 15px;
	background:#ffffff;
	display:block;
	border-bottom:1px solid #cccccc;
}

header .inner .userinfo .box a.is-open::after, header .inner .userinfo .box a.is-close::after {
	position:absolute;
	top: 12px;
	right: 15px;
	font-size: 16px;
	font-family: FontAwesome;
}
header .inner .userinfo .box a.is-open::after {
	content: "\f068";
	color: #fff;
	font-size: 2.8rem;
}
header .inner .userinfo .box a.is-close::after {
	content: "\f067";
	color: #fff;
	font-size: 2.8rem;

}





header .inner .userinfo .logout a {
	display: block;
	background: #45B5D1;
	width: 200px;
	padding: 10px 0px;
	margin: 0px auto;
	text-align: center;
	font-size: 1.4rem;
	color: #FFFFFF;
	font-weight: bold;
	margin: 40px auto;
}

header .inner .userinfo .logout a span img {
	margin-right:5px;
	}

/*--------------------------
	    Content
---------------------------*/

#container {
	margin: 0px auto;
}
/*レフトメニュー*/
#container .left {
	margin-bottom: 30px;
}
#container .left ul li {
	margin-bottom: 2px;
	font-size: 1.4rem;
}
#container .left ul li a {
	background: #ff7780 url(../img/side_left/side_nav_icon_arrow.png) no-repeat 94% center;
	color: #FFFFFF;
	padding: 15px 30px 15px 15px;
	display: block;
}
/*コンテンツエリア*/
#container .content {
	margin: 0;
}
#container .content .pankuzu {
	display:none;
	}

#container .content h2 {
	background:#F4F4F4;
	font-size:1.6rem;
	color:#E50B19;
	padding:5px 15px;
	border-bottom:2px solid #E50B19;
	font-weight:bold;
	}
#container .content h2 span {
	font-size:1.1rem;
	color:#6A6A6A;
	margin-left:10px;
	}

/*ライトメニュー*/
#container .right {
	display: none;
}
/*ページトップ*/
#pagetop {
	display: none;
}
/*--------------------------
	    Footer
---------------------------*/
footer {
	width: 100%;
}
footer .inner {
	margin: 0px auto;
	padding: 25px 0 0 0;
	overflow: hidden;
}
footer .inner ul {
	overflow: hidden;
}
footer .inner ul li:first-child {
	display: none;
}
footer .inner ul li ul li:first-child {
	display:block;
}
footer .inner ul li {
	border-left: 1px solid #C4C4C4;
	font-size: 1.6rem;
	font-weight: bold;
}
footer .inner ul li ul li {
	border: none;
	font-size: 1.2rem;
	font-weight: normal;
	height: auto;
}
footer .inner ul li span {
	background: #ff7780;
	color: #ffffff;
	padding: 10px 30px 10px 15px;
	display: block;
}
footer .inner ul li a {
	background: #ffffff url(../img/side_left/side_nav_icon_arrow_under.png) no-repeat 94% center;
	color: #333333;
	padding: 10px 15px 10px 15px;
	display: block;
	border-bottom: 1px solid #D5D5D5;
}
footer .inner .copy {
	text-align: center;
	padding: 25px 0;
	display: block;
	font-size: 1.3rem;
}
}

@media all and (min-width: 769px) {
.sp {
	display: none;
}
#wrap {
	overflow: hidden;
	min-width: 980px;
}
/*--------------------------
	    Header
---------------------------*/
header {
	width: 100%x;
	background: #FFFFFF;
	border-top: 6px solid #E30B19;
	border-bottom: 1px solid #ebebeb;
	height: 182px;
}
#login header {
	border-bottom: none;
	height: 80px;
	}
header .inner {
	width: 980px;
	margin: 0px auto;
	height: 83px;
	position: relative;
}

/*サイトタイトル*/

header .inner .logo {
	position: absolute;
	top: 20px;
	left: 0px;
}
header .inner .site_title {
	position: absolute;
	top: 36px;
	left: 170px;
	font-size: 12px;
}
/*サブナビ*/

header .inner .snav {
	position: absolute;
	top: 20px;
	left: 517px;
	font-size: 12px;
	height: 33px;
}
#login header .inner .snav {
	left: 890px !important;
}

header .inner .snav li {
	float: left;
	text-align: center;
	margin-right: 20px;
	background: url(../img/herader/header_icon_arrow_black.png) no-repeat left center;
}

#login header .inner .snav li {
	margin-right: 0px;
	}

header .inner .snav li a {
	padding-left: 10px;
	text-align: center;
}
/*グローバルナビ*/
header .inner nav {
	width: 690px;
	margin-top: 88px;
	float: left;
	background: url(../img/nav/nav_line.gif) no-repeat left top;
}
header .inner nav ul li {
	float: left;
	background: url(../img/nav/nav_line.gif) no-repeat right top;
}
header .inner nav li a {
	width: 172px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
header .inner nav li img {
	margin-bottom: 5px;
}
header .inner nav li span {
	display: block;
	font-size: 1.4rem;
}
header .inner nav li span.red {
	display: block;
	color: #E50C19;
	font-size: 1.1rem;
}

/*ユーザーログイン情報*/
header .inner .userinfo {
	width: 230px;
	background: #DFF0F4;
	float: right;
	height: 152px;
	padding: 15px;
	font-size: 1.4rem;
	position:relative;
}
header .inner .userinfo .name {
	display: block;
  margin-bottom: 20px;
	padding: 0 0 16px 0;
  border-bottom: 1px solid #dadada;
  color: #303030;
	font-weight: bold;
}
header .inner .userinfo .name img {
  margin-right: 10px;
  vertical-align: middle;
}
header .inner .userinfo .name .txt {
  display: none;
}
header .inner .userinfo .user_prof {
  display: none;
	background: #FFFFFF;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 1.3rem;
	display: none;
}
header .inner .userinfo .user_prof li {
}
header .inner .userinfo .user_prof li span {
	width: 64px;
	margin-right: 5px;
	font-weight: bold;
	display: block;
	float: left;
}

header .inner .userinfo h2 {
	display:none;
	}
header .inner .userinfo .user_nav {
	overflow: hidden;
	font-size: 1.3rem;
	padding-bottom: 10px;
}
header .inner .userinfo .user_nav li {
	float: left;
	padding-left: 9px;
	background: url(../img/herader/header_icon_arrow_red.png) no-repeat left center;
}
header .inner .userinfo .user_nav li:first-child {
  margin-right: 15px;
}
header .inner .userinfo .logout a {
	display: block;
	background: #45B5D1;
	width: 150px;
	padding: 5px 0px;
	margin: 0px auto;
	text-align: center;
	font-size: 1.3rem;
	color: #FFFFFF;
	position:absolute;
	bottom: 22px;
	left: 55px;
}
header .inner .userinfo .logout a span img {
  margin: 3px 5px 0 0;
  width: 14px;
  height: 16px;
	}

/*--------------------------
	    Content
---------------------------*/

#container {
	width: 980px;
	margin: 25px auto;
}
#login #container {
	width: 980px;
	margin: 0px auto 30px auto;
}
/*レフトメニュー*/
#container .left {
	float: left;
	width: 220px;
	margin-bottom: 50px;
}
#container .left ul li {
	margin-bottom: 2px;
	font-size: 1.4rem;
}
#container .left ul li a {
	background: #ff7780 url(../img/side_left/side_nav_icon_arrow.png) no-repeat 200px center;
	color: #FFFFFF;
	width: 175px;
	padding: 15px 30px 15px 15px;
	display: block;
}
/*コンテンツエリア*/
#container .content {
	float: left;
	width: 500px;
	margin: 0px 15px;
}
#container .content .pankuzu {
	margin-bottom:10px;
	font-size:1.2rem
	}

#container .content h2 {
	background:#F4F4F4;
	font-size:1.6rem;
	color:#E50B19;
	padding:5px 15px;
	border-bottom:2px solid #E50B19;
	font-weight:bold;
	}
#container .content h2 span {
	font-size:1.1rem;
	color:#6A6A6A;
	margin-left:10px;
	}

/*ライトメニュー*/
#container .right {
	float: right;
	width: 230px;
	margin-bottom: 50px;
}
#container .right li {
	margin-bottom: 10px;
}
/*ページトップ*/
#pagetop {
	width: 980px;
	margin: 0px auto;
	text-align: right;
}
/*--------------------------
	    Footer
---------------------------*/
footer {
	width: 100%x;
	background: #f5f5f5;
}
footer .inner {
	width: 980px;
	margin: 0px auto;
	padding: 0;
	overflow: hidden;
}
footer .inner ul {
	padding:25px 0 0 0;
	overflow: hidden;
}
footer .inner ul li {
	width: 220px;
	float: left;
	padding-left: 20px;
	border-left: 1px solid #C4C4C4;
	font-size: 1.6rem;
	font-weight: bold;
	height: 140px;
}
footer .inner ul li ul {
	padding:0px;
	}
footer .inner ul li ul li {
	border: none;
	font-size: 1.2rem;
	font-weight: normal;
	padding-left: 10px;
	height: auto;
}
footer .inner .copy {
	text-align: center;
	padding: 25px 0;
	width: 980px;
	display: block;
	font-size: 1.3rem;
}
}