@CHARSET "UTF-8";
/* 
About ========================================
name: Common CSS 
require: Base CSS

INDEX ========================================
	Font
	Link
	Header
	Global Navigation (Pankuzu) 
	Footer
	Layout
	Title
	Message
	Table
		- Data List
		- Search
		- Input & Confirm
	UI
		- Input(Form Elements)
		- Button
		- Pagenation
		- List
==============================================
*/
body {
	background-color: #ffffff;
}

/* 
 *	Font -------------------------------------------------
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    color: #444444;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
}

/* 
 *	Link -------------------------------------------------
 */
a {
	color: #5a97ba;
	text-decoration: none;
	/*-webkit-transition:	all 0.25s ease;
	-moz-transition:	all 0.25s ease;
	-o-transition:		all 0.25s ease;*/
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity:	0.8;
	filter: 	alpha(opacity=80);
	-ms-filter:	"alpha(opacity=80)";
}

/* 
 *	Header -------------------------------------------------
 */
#header_wrapper {
	width:100%;
	min-width:1000px;
	height:70px;
	margin:0 auto;
	padding:10px 0 25px 0;
}
#header {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#logo {
	width: 190px;
	height: 40px;
	margin: 0;
	padding:10px 0 0 0;
}
#logo a {
	width: 190px;
	height: 40px;
	background: url(../../images/common/logo.png) no-repeat;
	padding: 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#logo a:hover {
	opacity:	0.8;
	filter: 	alpha(opacity=80);
	-ms-filter:	"alpha(opacity=80)";
}
/*
#head_user {
	height:60px;
	padding:0 20px 0 60px;
	background:url(../../images/common/header_user.png) 20px 50% no-repeat #eeeeee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:absolute;
	top:0;
	right:149px;
}
#head_user dt {
	padding:15px 0 0 0;
	font-size:12px;
	font-weight:bold;
}
#head_user dd {
	padding:8px 0 0 0;
	font-size:12px;
}
#head_user dt a {
	color:#444444;
}
*/
/*
#head_help {
	width:66px;
	height:60px;
	position:absolute;
	top:0;
	right:76px;
}
*/
#head_logout {
	width:66px;
	height:60px;
	position:absolute;
	top:0;
	right:5px;
}
#head_working {
	width:66px;
	height:60px;
	position:absolute;
	top:0;
	right:76px;
}
#head_demand {
	width:66px;
	height:60px;
	position:absolute;
	top:0;
	right:147px;
}
#head_logout a,
#head_working a,
#head_demand a {
	width:66px;
	height:60px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../../images/common/new_header_btn.png);
	-webkit-transition: none;
	-moz-transition:	none;
	-o-transition:		none;
}
#head_logout a {background-position:0 -60px;}
#head_working a {background-position:-66px 60px;}
#head_demand a {background-position:-132px 60px;}
/*
#head_logout a:link, #head_logout a:visited { background-position:0 0; }
#head_working a:link, #head_working a:visited { background-position:-66px 0; }
#head_demand a:link, #head_demand a:visited { background-position:-132px 0; }
#head_logout a:hover, #head_logout a:active { background-position:0 -60px; }
#head_working a:hover, #head_working a:active { background-position:-66px 60px; }
#head_demand a:hover, #head_demand a:active { background-position:-132px 60px; }
*/
#head_banner {
	width:468px;
	height:60px;
	position:absolute;
	top:0;
	right:152px;
}
/* 
 *	Global Nnavigation -------------------------------------------------
 */
#gnav_wrapper {
	width:100%;
	min-width:1000px;
	height:42px;
	padding:10px 0 0 0;
	margin:0 auto;
	background-color: #928155;
}
#gnav_inner {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#gnav {
	height:30px;
	padding:0 4px 0 0;
}

#gnav > li {
	height:30px;
	margin: 0;
	padding: 0;
	display: block;
	float:left;
}
#gnav li a {
	height:30px;
	margin: 0 0 0 3px;
	padding: 0 10px 0 10px;
	display: block;
	font-size:13px;
	font-weight:bold;
	color:#766a4a;
	line-height:34px;
	background:#ece6d2;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.5) inset;
}

#gnav li a {
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
}

/*
#gnav li:first-child a {
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
}
#gnav li:last-child a {
	padding:0 10px 0 10px;
	background-image:none;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
}
/*
#my_service {
	height:30px;
	margin: 0;
	padding: 0 10px 0 10px;
	display: block;
	font-size:13px;
	font-weight:bold;
	color:#766a4a;
	line-height:34px;
	background:#ffffff;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.5) inset;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	position:absolute;
	top:0;
	right:0;	
}
#my_service dt {
	padding:0 10px 0 0;
	line-height:34px;
	color:#766a4a;
	float:left;
}
#my_service dd {
	width:24px;
	height:24px;
	padding:4px 0 0 0;
	display:block;
	float:left;
}
#my_service dd a {
	width:24px;
	height:24px;
	background: url(../../images/common/icon_service_s.png) no-repeat;
	padding: 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#my_service .service_1 a { background-position: 0 0; }
#my_service .service_2 a { background-position: 0 -24px; }
#my_service .service_3 a { background-position: 0 -48px; }
#my_service .service_4 a { background-position: 0 -72px; }
#my_service .service_5 a { background-position: 0 -96px; }
#my_service .service_6 a { background-position: 0 -120px; }
#my_service .service_7 a { background-position: 0 -144px; }
#my_service .service_8 a { background-position: 0 -168px; }
#my_service .service_9 a { background-position: 0 -192px; }
#my_service dd a:hover {
	opacity:	0.8;
	filter: 	alpha(opacity=80);
	-ms-filter:	"alpha(opacity=80)";
}
*/
/* 
 *	Footer -------------------------------------------------
 */
#footer_wrapper2 {
	width:100%;
	min-width:1000px;
	margin: 20px auto 0 auto;
}
#footer2 {
	width:1000px;
	padding: 0 0 20px 0;
	margin:0 auto;
	position:relative;
}

.footer_mes {
	width:1000px;
	clear: both;
	float:left;
	text-align: right;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.footer_tel {
	width:1000px;
	clear: both;
	margin: 0 0 10px 0;
}

.footer_menu1 {
	width:1000px;
	clear: both;
	list-style-type: none;
}

.footer_menu1 li {
	float: left;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	background:url(../../images/common/icon_footermenu.png) left center no-repeat;
}

.footer_menu1 li a {
	color: #000000;
}

.copyright {
	width:1000px;
	clear: both;
	text-align: center;
	font-size: 11px;
	line-height: 1.5;
	padding: 50px 0 0 0;
}

.footer_menu2 {
	width:1000px;
	clear: both;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	padding: 20px;
}

/*
.ttl_001 {
	clear: both;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 20px 0;
	padding: 10px;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	background: #f0f0f0;
}

.footer_link1 ul,
.footer_link2 ul {
	clear: both;
	float: left;
	width:1000px;
	list-style-type: none;
	margin: 0 0 20px 0;
}

.footer_link1 ul li,
.footer_link2 ul li {
	float: left;
	font-size: 11px;
	line-height: 1.5;
	float: left;
	margin: 0 20px 2px 0;
	list-style-type: none;
}

.footer_link1 ul li {
	width: 180px;
}

.footer_link2 ul li {
	width: 300px;
}

.footer_privacy {
	width:1000px;
	clear: both;
	text-align: center;
}

.footer_privacy div.img {
	width:1000px;
	clear: both;
	text-align: center;
	margin: 0 0 10px 0;
}

.footer_privacy div.txt {
	width:1000px;
	clear: both;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}
*/

#footer_wrapper {
	width:100%;
	min-width:1000px;
	margin:20px auto 0 auto;
	background-color:#f9f2df;
}

#footer {
	width:1000px;
	padding:20px 0;
	margin:0 auto;
	position:relative;
}

.footer_pagetop {
	width:155px;
	height:33px;
	background:url(../../images/common/pagetop.png) 145px -33px no-repeat #e3dfd5;
	position:absolute;
	top:-33px;
	right:0;
}
.footer_pagetop:hover {
	background-color:#ebdcb6;
}
.footer_pagetop a {
	width:147px;
	height:33px;
	padding:0 0 0 13px;
	background:url(../../images/common/pagetop.png) 0 0 no-repeat;
	display:block;
	line-height:38px;
	font-size:13px;
	color:#8f8363;
	text-align:center;
	text-decoration:none;
}
.footer_message {
	padding:0 0 0 32px;
	margin:0 auto 17px auto;
	color:#7b6d47;
	font-size:13px;
	line-height:26px;
}
#footer_left {
	width:460px;
	padding:20px;
	background-color:#fdfbf5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#footer_left h4 {
	width: 438px;
	height: 29px;
	padding: 0;
	margin:0 0 20px 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#footer_left p {
	color:#7b6d47;
	font-size:12px;
	line-height:1.4;
}
#footer_right {
	width:480px;
	padding:0;
	float:right;
}
/*
#fnav1 {
	margin:0 0 15px 0;
}
#fnav1 li {
	margin:0 0 0 10px;
	display:block;
	float:left;
}
#fnav1 li a {
	padding:0 15px 0 30px;
	display:block;
	background:url(../../images/common/icon_arrow_white.png) 10px 50% no-repeat #ffb608;
	line-height:30px;
	font-size:14px;
	color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
*/
#fnav2 {
	margin:0 0 20px 0;
}
#fnav2 li {
	margin:0 0 8px 0;
	float:left;
}
#fnav2 li a {
	padding:0 10px;
	color:#7b6d47;
	font-size:14px;
	border-right:solid 1px #8f8363;
}
#fnav2 li.fnav2_r {
	float:none;
}
#fnav2 li.fnav2_r a {
	border:none;
}
#copyrights {
	padding:0 0 0 10px;
	color: #b8af96;
	font-size: 12px;
}

/* 
 *	Layout -------------------------------------------------
 */
#main_wrapper {
	width:1000px;
	padding:27px 0 30px 0;
	margin:0 auto;
	position:relative;
}
.main_contents {
	width:735px;
	float:right;
}
.sub_contents {
	width:250px;
	float:left;
}

.wide_contents {
	width:1000px;
	clear: both;
	float:left;
}

/* 
 *	Title -------------------------------------------------
 */
.mtitle {
	height:60px;
	padding:35px 0 0 85px;
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#7a7057;
	background:url(../../images/common/icon_service.png) no-repeat;
}
.mtitle span {
	padding:0 0 0 20px;
	font-size:20px;
}
.stitle {
	padding:3px 0 0 10px;
	margin:30px 0 10px 0;
	font-size:20px;
	text-shadow:0 1px 2px #ffffff;
	border-left: solid 4px #444444;
}

/* 
 *	Message -------------------------------------------------
 */
/*
.message_wrapper {
	margin:0 auto 12px auto;
	border-top:solid 1px #ffffff;
	background:url(../../images/common/message_bg.png) left bottom repeat-x #f9f2df;
}
.message_attention {
	min-height:70px;
	padding:15px 15px 20px 120px;
	margin:0;
	font-size:13px;
	line-height:1.4;
	background:url(../../images/common/message_attention.jpg) 15px bottom no-repeat;
}
*/
/* 
 *	Table -------------------------------------------------
 */
/* search */
.table_search {
	width:100%;
	margin:0 auto 15px auto;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	background-color:#f8f8f8;
	font-size:14px;
	overflow:hidden;
}
.table_search th {
	width:130px;
	padding:15px;
	vertical-align:top;
	-webkit-border-radius:	0 0 0 4px;
	-moz-border-radius:		0 0 0 4px;
	border-radius:			0 0 0 4px;
	background:url(../../images/common/skin_dot.png) #f2f2f2;
	text-shadow:0 1px 2px #ffffff;
	color:#7a7057;
	font-size:13px;
	font-weight:bold;
	border-bottom:solid 2px #ffffff;
}
.table_search td {
	padding:13px;
	line-height:30px;
	vertical-align:top;
	border-bottom:solid 2px #ffffff;
}
.table_search tr:last-child th,
.table_search tr:last-child td {
	border-bottom:none;
}

/* 
 *	UI -------------------------------------------------
 */
 /* Input */
input[type="text"],
input[type="password"],
textarea {
	min-height:33px;
	padding:0 8px;
	margin:0 3px;
	font-size:13px;
	border:solid 1px #bcb8ad;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	background-color:#ffffff;
}
textarea {
	height:100px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	outline: medium none;
	border:solid 1px #ddd692;
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2) inset;
}
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
.input_size50 { width:50px; }
.input_size60 { width:60px; }
.input_size80 { width:80px; }
.input_size100 { width:100px; }
.input_size150 { width:150px; }
.input_size200 { width:200px; }
.input_size250 { width:250px; }
.input_size300 { width:300px; }
.input_size400 { width:400px; }
.input_size500 { width:500px; }
.input_size600 { width:600px; }
.input_size700 { width:700px; }
.input_size800 { width:800px; }

label {
	padding:0 20px 0 3px;
	line-height: 2;
	vertical-align: middle;
}
input[type="checkbox"],
input[type="radio"] {
	margin:0 5px 0 0;
	line-height: 1;
	vertical-align: middle;
}

/* Select */
select {
	padding:4px 8px;
	margin:0 3px;
	font-size:13px;
	border:solid 1px #f0f0f0;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	background-color:#ffffff;
}
select:focus {
	outline: medium none;
	border:solid 1px #ddd692;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	background-color:#ffffff;
}

/* Button */
.more {
	text-align:right;
}
.more a {
	height:16px;
	padding:2px 0 2px 20px;
	font-size:14px;
	background:url(../../images/common/icon_arrow_brown.png) 0 0 no-repeat;
}
.link_btn_common {
	width:120px;
	display:block;
}
.link_btn_common a,
.btn_common {
	width:120px;
	padding:0;
	line-height:33px;
	display:block;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #cd8215;
	border-bottom:solid 1px #71674e;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	text-shadow:0 1px 2px #444444;
}
.btn_common:hover {
	background: #db9e21;
}
.link_btn_common a:hover {
	background: #db9e21;
	text-decoration:none;
}

/* Pagenation */
.pagenation:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.pagenation {
	margin:0 0 15px 0;
	display:inline-block;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	background-color: #cd8215;
	border-bottom:solid 1px #71674e;
	overflow:hidden;
}
.pagenation li {
	padding:0;
	border-right:solid 1px #d69105;
	border-left:solid 1px #bd7509;
	float:left;
}
.pagenation li a {
	padding:0 10px;
	display:block;
	line-height:33px;
	font-size:14px;
	color:#ffffff;
	text-shadow:0 1px 2px #444444;
}
.pagenation li.current a,
.pagenation li a:hover {
	text-decoration:none;
	background: #db9e21;
}
.pagenation li:first-child {
	border-left:none;
}
.pagenation li:last-child {
	border-right:none;
}
.pagenation li.pagenation_select {
	padding:5px;
}

/* List */
.list_common li {
	padding:0 0 0 13px;
	margin:0 0 7px 0;
	min-height:13px;
	line-height:13px;
	background: url(../../images/common/icon_circle_brown.png) 0 0 no-repeat;
}
.list_common li a {
	font-size:13px;
	color:#444444;
}
