/* 
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
==============================================
*/
htm, body {
	background:url(../images/common/bg_common.png) 0 0 repeat-x #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;*/
	cursor: pointer;
}
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 0 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_help a,
#head_logout a {
	width:66px;
	height:60px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../images/common/header_btn.png);
	-webkit-transition: none;
	-moz-transition:	none;
	-o-transition:		none;
}
#head_help a:link, #head_help a:visited { background-position:0 0; }
#head_logout a:link, #head_logout a:visited { background-position:-66px 0; }
#head_help a:hover, #head_help a:active { background-position:0 -60px; }
#head_logout a:hover, #head_logout a:active { background-position:-66px 60px; }

/* 
 *	Global Nnavigation -------------------------------------------------
 */
#gnav_wrapper {
	width:100%;
	min-width:1000px;
	height:42px;
	padding:10px 0 0 0;
	margin:0 auto;
	background:url(../images/common/gnav.png) left top repeat-x #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;
	padding: 0 17px 0 10px;
	display: block;
	font-size:13px;
	font-weight:bold;
	color:#766a4a;
	line-height:34px;
	background:url(../images/common/gnav_list.png) right 50% no-repeat #ece6d2;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.5) inset;
	}
#gnav li:first-child a {
	-webkit-border-radius:	4px 0 0 4px;
	-moz-border-radius:		4px 0 0 4px;
	border-radius:			4px 0 0 4px;
}
#gnav li:last-child a {
	padding:0 10px 0 10px;
	background-image:none;
	-webkit-border-top-right-radius: 	4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 		4px;
	-moz-border-radius-bottomright: 	4px;
	border-top-right-radius: 			4px;
	border-bottom-right-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 -120px; }
#my_service .service_6 a { background-position: 0 -96px; }
#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_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;
	background:url(../images/common/icon_attention.png) 0 0 no-repeat;
}
#footer_left {
	width:460px;
	padding:20px;
	background-color:#fdfbf5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
}
#footer_left h4 {
	width: 438px;
	height: 29px;
	background: url(../images/common/footer_info.png) no-repeat;
	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;
/*  background:url(../images/common/bg_main.png) top repeat-x;*/
}
.main_contents {
	width:735px;
	float:left;
}
.sub_contents {
	width:250px;
	float:right;
}

/* 
 *	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:url(../images/common/btn_skin_gray.png) top left repeat-x #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:url(../images/common/btn_skin_gray.png) top left repeat-x #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;
}