@charset "UTF-8";
/**********************************************************************
共通設定

common.css
**********************************************************************/



/* 目次
-------------------------------------------------
 ・タグの初期化
 ・共通クラス
 ・コンテナ
 ・ヘッダ
 ・コンテンツ
 ・フッタ
 ------------------------------------------------- */



/* タグの初期化
------------------------------------------------- */
body,
hgroup, h1, h2, h3, h4, h5, h6,
div, p, dl, dt, dd, ul, ol, li, img, caption,
fieldset, form, input, select, label, blockquote,
header, footer, section, nav, article, aside {
	margin: 0;
	padding: 0;
}
hgroup,header,footer,section,nav,article,aside {
	display: block;
}
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	line-height: 1.5;
}
div,p,pre,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
img {
	border: none;
}
ul, ol{
	list-style-type: none;
}
table {
	border-collapse: collapse!important;
}



/* 表組みの設定
=====================================================================*/
table {
	width: 100%;
	font-size: 1.0em;
	line-height: 150%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table th,
table td {
	padding: 5px 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}
table th {
	font-weight: bold;
	word-break: keep-all;
	white-space: nowrap;
}
table td {
	white-space: normal;
}
table .left   {text-align:   left;}
table .right  {text-align:  right;}
table .center {text-align: center;}

caption {
	caption-side: top;
	text-align: left;
}



/*=====================================================================*/
hr {
	border: none;
	border-top: 1px solid #333;
	margin: 30px 0;
}
blockquote {

}
a:link    {color: #00a0d2;}
a:active  {color: #00a0d2;}
a:visited {color: #00a0d2;}
a:hover   {color: #00a0d2; text-decoration: none;}



/* 共通クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {
	clear: both;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* class
------------------------------------------------- */
/* colr */
.red {color: #ff0000;}
.blue {color: #0000ff;}

.mt10 {margin-top:10px;}



/* form
------------------------------------------------- */
.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}




/* コンテナ
------------------------------------------------- */
#container {
	width: 100%;
}

/* トップページ */
.index #container {
	position: relative;
	padding-top: 80px;
}



/* ヘッダ
--------------------------------------------------*/
/* トップページ */
#headerIndex {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 100%;
	height: 80px;
}
#headerIndex .header_inner {
	width: 1260px;
	margin: 0 auto;
}
#headerIndex .header_logo {
	float: left;
	margin: 20px 30px 0 0;
}
#headerIndex .header_text {
	float: left;
	width: 400px;
	margin-top: 30px;
}
#headerIndex #globalNavi {
	float: right;
	width: 500px;
	margin-top: 25px;
	text-align: right;
}
#headerIndex #globalNavi ul li {
	display: inline-block;
	margin-right: 40px;
}
#headerIndex #globalNavi ul li:last-child {
	margin-right: 0;
}
#headerIndex #globalNavi ul li a {
	color: #333;
	text-decoration: none;
}
#headerIndex #globalNavi ul li a:hover {
	text-decoration: underline;
}


/* 下層ページ */
#header {
	background-color: #FFF;
	width: 100%;
}
#header .header_inner {
	width: 1050px;
	margin: 0 auto;
}
#header .header_logo {
	float: left;
	margin: 20px 30px 0 0;
}
#header .header_text {
	float: left;
	width: 320px;
	margin-top: 25px;
}
#header .header_text .login_name {
	font-size: 20px;
	font-weight: bold;
}
#header .header_text .link_logout {
	margin-left: 15px;
}
#header .header_banner {
	float: right;
	width: 440px;
	margin-top: 10px;
}
#header #globalNavi {
	background-color: #000;
	width: 100%;
	margin-top: 15px;
}
#header #globalNavi ul {
	width: 1050px;
	margin: 0 auto;
}
#header #globalNavi ul li {
	display: table;
	float: left;
	border-left: 1px solid #4D4D4D;
	width: 149px;
	height: 50px;
}
#header #globalNavi ul li:last-child {
	border-right: 1px solid #4D4D4D;
	width: 148px;
}
#header #globalNavi ul li a {
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	text-decoration: none;
}
#header #globalNavi ul li a:hover,
#header #globalNavi ul li.active a {
	background: rgb(199,146,56); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(199,146,56,1) 0%, rgba(132,80,17,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(199,146,56,1) 0%,rgba(132,80,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(199,146,56,1) 0%,rgba(132,80,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0d2', endColorstr='#845011',GradientType=0 ); /* IE6-9 */
}



/* コンテンツ
------------------------------------------------- */
#contents {
	background-color: #EBE9E0;
	width: 100%;
	padding: 30px 0 50px;
}



/* フッタ
------------------------------------------------- */
footer {
	width: 100%;
}
footer #top-footer {
	background-color: #666;
	width: 100%;
	padding: 15px 0;
}
footer .footer_menu {
	width: 1050px;
	margin: 0 auto;
	text-align: center;
}
footer .footer_menu li {
	display: inline-block;
	margin: 0 15px;
}
footer .footer_menu li a {
	background: url(../images/common/arrow1.png) no-repeat left center;
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
}
footer .footer_menu li a:hover {
	text-decoration: underline;
}
footer .footer_bottom {
	background-color: #2B2B27;
	width: 100%;
	padding: 30px 0;
}
footer .footer_copyright {
	width: 1050px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}



/* PC用 */
@media only screen and (min-width: 980px) {
	
	.pc_only {display: block;}
	.sp_only {display: none;}

}


/* タブレット用 */
@media only screen and (max-width: 979px) {
	
	.pc_only {display: block;}
	.sp_only {display: none;}

}


/* スマホ用 */
@media only screen and (max-width: 767px) {
	
	.pc_only {display: none;}
	.sp_only {display: block;}
	
	/* 下層ページヘッダー */
	
	
	/* フッター */
	footer .footer_menu,
	footer .footer_copyright {width: 100%;}


}