@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.6
 *  updated --- 2014/06/20
 *
 *  2014-06-20 : myamamoto : version 3.6. Add  'メイリオ',Meiryo  to the default font-family.
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.75;
	color: #585757;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#headerIn,
#headerLanguages,
#contents,
#footerTools,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#headerIn:after,
#headerLanguages:after,
#contents:after,
#footerTools:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #headerIn,
* html #headerLanguages,
* html #contents,
* html #footerTools,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { 
	background: url(../img/bg_body01.gif) repeat 0 0;
	text-align: center;
}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
	min-width:880px;
	text-align: left;
	background: url(../img/bg_wraper01.gif) repeat-x 0 0;
}
/* !header
---------------------------------------------------------- */
#header {
	height:139px;
	background: url(../img/bg_header01.gif) no-repeat center top;
}
#headerIn {
	margin: 0 auto;
	width: 880px;
	height:90px;
	text-align: left;
	overflow: hidden;
}
#headerLogo {
	float:left;
	margin:13px 0 0 20px;
}

#headerLogo .coppermark{
	width:116px;
	height:46px;
	margin:10px 0 0 56px;
}

#headerUtility {
	float:right;
	margin:13px 11px 0 0;
}
#headerLanguages{
	float:right;
	height: 18px;
	padding-bottom:33px;
}
/* 言語切替えボタン表示の場合は "text-align:right;" を削除 */
#headerHyosho{
//	width: 300px;
	height:51px;
	text-align:right;
}
#headerLanguages ul {
	overflow: hidden;
}
#headerLanguages li{
	float:left;
	width:45px;
	height:18px;
	margin-left:2px;
}
#headerLanguages li a{
	display:block;
	height:18px;
	background:#9d9d9e;
	font-size:11px;
	line-height:18px;
	color:white;
	text-align:center;
}
#headerLanguages li a:hover,
#headerLanguages li a.current{
	background:#37b4d4;
}
#headerLinks{
	clear:both;
	float:right;
}
#headerLinks ul{
	overflow:hidden;
	margin:0 -15px 0 0;
}
#headerLinks li{
	float:left;
	padding-left:15px;
	margin-right:15px;
	background: url(../img/ico_arrow01.gif) no-repeat left center;
}
#headerLinks li a{
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:1;
}
#headerLinks li a:hover{
	color:#37b4d4;
	text-decoration:none;
}

/* !gNavi
---------------------------------------------------------- */
#gNaviWrap{
	height:48px;
	background: url(../img/bg_gnavi01.gif) repeat 0 0;
}
#gNavi {
	display: block;
	position: relative;
	width: 880px;
	margin:0 auto;
	height: 48px;
}
#gNavi li {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 48px;
}
#gNavi li#gNav01 { left: 0;}
#gNavi li#gNav02 { left: 220px;}
#gNavi li#gNav03 { left: 440px;}
#gNavi li#gNav04 { left: 660px;}
#gNavi li a {
	display: block;
}
#gNavi li#gNav01 a { margin-left: 0;}
#gNavi li#gNav02 a { margin-left: -220px;}
#gNavi li#gNav03 a { margin-left: -440px;}
#gNavi li#gNav04 a { margin-left: -660px;}
#gNavi li a:hover,
#gNavi li a:focus {
	margin-top: -48px;
}
body#g01 #gNav01 a,
body#g02 #gNav02 a,
body#g03 #gNav03 a,
body#g04 #gNav04 a {
	margin-top: -48px;
}
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumbWrap{
height:56px;
background: url(../img/bg_breadcrumb_x01.gif) repeat-x 0 0;
}
#breadcrumb {
	width: 880px;
	height: 37px;
	padding: 19px 0 0;
	margin: 0 auto;
}
body#g01 #breadcrumb {background: url(../img/bg_breadcrumb01.jpg) no-repeat 0 0;}
body#g02 #breadcrumb {background: url(../img/bg_breadcrumb02.jpg) no-repeat 0 0;}
body#g03 #breadcrumb {background: url(../img/bg_breadcrumb03.jpg) no-repeat 0 0;}
body#g04 #breadcrumb {background: url(../img/bg_breadcrumb04.jpg) no-repeat 0 0;}

body.contact #breadcrumbWrap,
body.sitepolicy #breadcrumbWrap,
body.privacy #breadcrumbWrap,
body.news #breadcrumbWrap {
	height:57px;
}
body.contact #breadcrumb,
body.sitepolicy #breadcrumb,
body.privacy #breadcrumb,
body.news #breadcrumb {
	height: 38px;
	background: url(../img/bg_breadcrumb05.jpg) no-repeat left top;}


#breadcrumb ul {
	margin-left:14px;
	overflow: hidden;
	*zoom: 1;
}
#breadcrumb li {
	float: left;
	font-size:11px;
	line-height:18px;
	white-space: nowrap;
	color:#333;
}
#breadcrumb li a {
	margin-right:5px;
	white-space: nowrap;
}
#breadcrumb li em {
	color:#585757;
}
/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 880px;
	text-align: left;
}
#main {
	float: left;
	width: 660px;
	background: white;
}
#sub {
	float: right;
	width: 190px;
}
.h2_sub01 a {
	display: block;
	padding: 0 12px;
	background: #37b4d4;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 34px;
	color: white;
}
.ul_sub01 {
	overflow: hidden;
	border-bottom: 1px solid #c7c8c8;
	border-left: 1px solid #c7c8c8;
	border-right: 1px solid #c7c8c8;
}
.ul_sub01 li {
	border-bottom: 1px dotted #c7c8c8;
}

.ul_sub01 li.last {
	border: none;
}
.ul_sub01 li a {
	display: block;
	padding-left: 15px;
	background-color: white;
	background-image: url(../img/ico_arrow04.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	line-height: 2;
}
.ul_sub01 li a:hover {
	background-color: #effce0;
	text-decoration: none;
}
.ul_sub01 li a.current {
	background-color: #effce0;
	text-decoration: none;
	font-weight: bold;
}
body.l01 .lNav01,  body.l02 .lNav02,  body.l03 .lNav03,  body.l04 .lNav04,  body.l05 .lNav05,  body.l06 .lNav06 {
	background-color: #effce0;
	text-decoration: none;
	font-weight: bold;
}
.ul_sub01 li li {
	border-bottom: none;
}
.ul_sub01 li li a {
	background-position: 13px 0.8em;
	font-size: 12px;
	line-height: 1.3;
}
.ul_sub01 > li > ul > li > a {
	padding: 4px 0 4px 21px;
}
.ul_sub01 li li li a {
	background-position: 31px 0.8em;
	padding: 4px 0 4px 39px;
}




/* !pageTop
---------------------------------------------------------- */
.pageTop {
	text-align: right;
}
.pageTop a {
	padding-right: 14px;
	background: url(../img/ico_arrow02.png) no-repeat right center;
	font-size:13px;
	line-height:1.5;
}
/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	min-width: 880px;
	padding-top: 4px;
	margin-top: 72px;
	background: #f2f0e6 url(../img/bg_footer01.gif) repeat-x 0 0;
}
#footerIn {
	position: relative;
	margin: 0 auto;
	width: 880px;
	text-align: left;
}
#footerIn .pageTop {
	position: absolute;
	top: -36px;
	right: 220px;
}
#footerTools {
	height: 48px;
	margin-bottom: 22px;
	background: #37b4d4;
}
#footerSearch {
	float: left;
	position: relative;
	width: 186px;
	height: 23px;
	margin: 13px 0 0 19px;
}
/*#inputSearchTxt {
	width: 140px;
	height: 22px;
	padding: 0 9px;
	color: #4c4c4c;
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #d9d9d9;
}
#inputSearchBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px;
}*/

/* !Googleカスタム検索
---------------------------------------------------------- */
input.gsc-input,
input.gsc-input:focus,
input.gsc-input:hover {
	width: 140px !important;
	height: 21px !important;
	margin: 0 !important;
	padding: 0 9px !important;
	color: #4c4c4c !important;
	font-size: 11px !important;
	line-height: 22px !important;
	border: 1px solid #d9d9d9 !important;
	outline: 0 !important;
	overflow: hidden !important;
}
input.gsc-search-button,
input.gsc-search-button:focus,
input.gsc-search-button:hover {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	width: 0 !important;
	min-width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 11px !important;
	text-indent: -9999px;
	background: url(../img/ico_search01.gif) no-repeat left top !important;
	border: none !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	cursor: pointer;
}
.gsc-clear-button {
	display: none;
}
.gsc-input-box,
.gsc-input-box:focus,
.gsc-input-box:hover {
	width: 160px !important;
	border: none !important;
	height: 23px !important;
	background: none !important;
	overflow: hidden !important;
}
.gsib_a,
.gsib_a:focus,
.gsib_a:hover {
	padding: 0 !important;
	width: 140px !important;
}
.gsc-input,
.gsc-input:focus,
.gsc-input:hover {
	padding: 0 !important;
}

.gsc-control-cse, 
.gsc-control-cse-ja,
.gsib_a{
	margin:0 !important;
	padding:0 !important;
}
table.gsc-search-box td,
table.gsc-search-box input,
table.gsc-search-box input:focus {
	vertical-align: top !important;
}



#footerLinks {
	float: right;
	margin: 13px 4px 0 0;
}
#footerLinks li {
	float: left;
	padding-left: 10px;
	margin-right: 23px;
	background: url(../img/ico_arrow03.png) no-repeat left center;
}
#footerLinks li a {
	color: white;
	font-size:12px;
	line-height:1.5;
}
#footerLinkSite {
	padding-left: 20px;
	overflow: hidden;
}
#footerLinkSite .col01,  #footerLinkSite .col02,  #footerLinkSite .col03,  #footerLinkSite .col04,  #footerLinkSite .col05 {
	float: left;
}
#footerLinkSite .col01 {
	width: 210px;
}
#footerLinkSite .col02 {
	width: 190px;
}
#footerLinkSite .col03 {
	width: 167px;
}
#footerLinkSite .col04 {
	width: 140px;
}
#footerLinkSite .col05 {
	width: 130px;
}
#footerLinkSite li {
}
#footerLinkSite li em,  #footerLinkSite li a {
	font-size:12px;
	line-height: 1.75;
	color: #585757;
}
#footerLinkSite li em {
	font-size: 13px;
	line-height:1.6;
	font-weight: bold;
}
#copyright {
	padding: 16px 0 20px;
	font-size: 11px;
	line-height:1.5;
	color: #808080;
}
/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {
	position: relative;
	margin: 0 10px 18px;
	border-bottom: 1px solid #eeedee;
}
.h1_basic01 span{
	display:block;
	padding: 16px 6px 16px 10px;
	border-bottom: 1px solid #c7c8c8;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 29px;
	line-height: 38px;
	color: #3d3a39;
}
.h1_basic01 span:before {
	content: '';
	position: absolute;
	top: 16px;
	left: -10px;
	width: 6px;
	height: 38px;
	background: #4ca42d;
}
body#g01 .h1_basic01 span:before {background: #1381ac;}
body#g02 .h1_basic01 span:before {background: #95c51b;}
body#g03 .h1_basic01 span:before {background: #9d9d9e;}
body.contact .h1_basic01 span:before,
body.privacy .h1_basic01 span:before,
body.sitepolicy .h1_basic01 span:before,
body.news .h1_basic01 span:before {background: #5765ae;}

.h1_basic01 .txt01 {
	float:right;
	margin-top:7px;
}

.h2_basic01 {
	padding-left: 10px;
	margin-bottom: 16px;
	border-left: 6px solid #c7c8c8;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 21px;
	line-height: 22px;
	color: #3d3a39;
}
.h3_basic01 {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 29px;
	line-height:1;
	color: #3d3a39;
}
.h4_basic01 {
	margin-bottom:30px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	line-height:30px;
	color: #397d22;
}
.h5_basic {}
.h6_basic {}
/* !Listing
---------------------------------------------------------- */
.ul_basic {}
.ul_basic li {}
.ul_link01 {
	overflow: hidden;
	margin: 0 0 55px 16px;
}
.ul_link01 li {
	float: left;
	margin-right: 30px;
}
.ul_link01 li.last {
	margin-right: 0;
}
.ul_link01 li a {
	padding-left: 16px;
	background: url(../img/ico_arrow05.png) no-repeat left center;
}
.ol_basic {}
.ol_basic li {}
.dl_basic01 {
	margin-bottom: 58px;
	border-bottom: 1px dotted #c8c8c8;
	line-height: 1;
}
.dl_basic01 dt {
	width: 113px;
	float: left;
	clear: both;
	padding-left: 7px;
	margin: 10px 0;
	border-right: 1px solid #ababab;
}
.dl_basic01 dd {
	padding: 10px 7px 10px 142px;
	border-top: 1px dotted #c8c8c8;
}
/* !Table
---------------------------------------------------------- */
.table_basic {}
.table_basic th,  
.table_basic td {}
.table_basic th {}
.table_basic td {}
.table_basic th div,  
.table_basic td div {
}
.table_basic01, 
.table_basic02, 
.table_basic03, 
.table_basic04, 
.table_basic05 {
	width: 100%;
	border-collapse: collapse;
	color: #585757;
}
.table_basic02, 
.table_basic03, 
.table_basic04 {
	border-collapse: separate;
}
.table_basic03, 
.table_basic05 {
	text-align: center;
}
.table_basic01 thead th,  
.table_basic02 thead th,  
.table_basic04 thead th,  
.table_basic05 thead th {
	background: #dadbda;
	text-align: center;
	color: #3d3a39;
	line-height: 29px;
}
.table_basic03 thead th,  
.table_basic03 thead td {
	border-bottom: 2px solid #dadbda;
	color: #3d3a39;
	line-height: 27px;
}
.table_basic03 thead th {
	background: #dadbda;
}
.table_basic01 tbody th,  
.table_basic02 tbody th,  
.table_basic05 tbody th {
	width: 18px;
	padding: 10px 5px;
	background: #e0e0e4;
	font-weight: bold;
	color: #3d3a39;
	line-height: 1;
	text-align: center;
}
.table_basic03 tbody th {
	background: #eeedee;
	line-height: 29px;
	text-align: center;
}
.table_basic03 tbody td {
	border-bottom: 2px dotted #dadbda;
	border-left: 2px solid #dadbda;
}
.table_basic03 tbody td:first-child {
	border-left: none;
}
.table_basic01 th,  
.table_basic01 td,  
.table_basic02 th,  
.table_basic02 td,  
.table_basic05 th {
	vertical-align: top;
}
.table_basic05 td {
	vertical-align: middle;
}
.table_basic01 th,  
.table_basic02 th,  
.table_basic03 th,  .table_basic04 th,  
.table_basic05 th {
	font-size: 15px;
}
.table_basic01 td,  
.table_basic02 td,  
.table_basic03 td,  
.table_basic04 td,  
.table_basic05 td {
	font-size: 13px;
	line-height: 22px;
}
.table_basic01 td div {
	padding: 5px 10px;
}
.table_basic03 td div {
	padding: 2px 10px;
}
.table_basic05 td div {
	padding: 5px 8px;
}
.table_basic02 td div,  
.table_basic03 th div,  
.table_basic04 td div {
	padding: 0 10px;
}
.table_basic02 td.cap01 div {
	padding: 1px 10px;
}
.table_basic03 td div {
	text-align: left;
}
/*table column width*/	
.table_basic01 .col01 {width: 255px;}
.table_basic01 .col02 {width: 335px;}
.table_basic02 .col01 {width: 196px;}
.table_basic02 .col02 {width: 231px;}
.table_basic02 .col03 {width: 159px;}
.table_basic03 .col01 {width: 202px;}
.table_basic03 .col02 {width: 79px;}
.table_basic03 .col03 {width: 168px;}
.table_basic03 .col04 {width: 166px;}
.table_basic03 .col05 {width: 296px;}
.table_basic03 .col06 {width: 85px;}
.table_basic03 .col07 {width: 153px;}
.table_basic03 .col08 {width: 80px;}
/* .table_basic05 .col01{width:254px;} */
.table_basic05 .col02 {width: 60px;}
.table_basic05 .col03 {width: 134px;}
.table_basic05 .col04 {width: 60px;}
.table_basic05 .col05 {width: 81px;}
/*table border style*/	
#main .bdb01 {border-bottom: 2px dotted #dadbda;}
#main .bdr01 {border-right: 2px dotted #dadbda;}
#main .bst01 {border-top: 2px solid #fff;}
#main .bsb01 {border-bottom: 2px solid #fff;}
#main .bsr01 {border-right: 2px solid #fff;}
#main .bsl01 {border-left: 2px solid #fff;}
#main .bst02 {border-top: 2px solid #dadbda;}
#main .bsb02 {border-bottom: 2px solid #dadbda;}
#main .bsl02 {border-left: 2px solid #dadbda;}
#main .bsr02 {border-right: 2px solid #dadbda;}
#main .bdnone {border: none;}
#main .cap01 {
	background: #eeedee;
	color: #3d3a39;
}
.table_basic01_in {
	width: 100%;
	border-collapse: collapse;
	text-align: right;
}
.table_basic01_in td:first-child {
	text-align: left;
}
.table_basic01_in td div {
	padding: 0 8px;
}
/* !Section
---------------------------------------------------------- */
.section {
	padding: 0 20px;
}
.section .inner {
	padding-left:16px;
}
.ico_arrow01 {
	display:inline-block;
	padding-left: 16px;
	background: url(../img/ico_arrow05.png) no-repeat left 5px;
	font-size: 15px;
}
.ico_arrow02 {
	display:inline-block;
	padding-left:15px;
	background:url(../img/ico_arrow01.gif) no-repeat left center;
	font-size:12px;
}
.ico_pdf01{
	vertical-align:middle !important;
	margin-left:5px;
}

.txtHighlight01{
	padding:0 4px;
	background:#dff9c1;
	color:#3d3a39;
}
.notice01 {
	font-size: 11px;
	color: #585757;
	line-height: 20px;
	text-align: center;
}

.btn_basic01{
	display:inline-block;
	padding-left:12px;
	background: url(../img/bg_btn_basic01.png) no-repeat left top;
	font-size:14px;
	line-height:21px;
	color:white;
}
.btn_basic01 span{
	display:block;
	height:21px;
	min-width:180px;
	padding-right:12px;
	background: url(../img/bg_btn_basic01.png) no-repeat right top;
	text-align:center;
}
.btn_basic02{
	display:inline-block;
	padding-left:10px;
	background: url(../img/bg_btn_basic02.png) no-repeat left top;
	font-size:16px;
	line-height:24px;
	color:white;
}
.btn_basic02 span{
	display:block;
	height:24px;
	min-width:160px;
	padding-right:12px;
	background: url(../img/bg_btn_basic02.png) no-repeat right top;
	text-align:center;
}
.welfare_mt {
	margin-top: -50px;
}
.welfare_ind {
	padding-left: 5.5em;
	text-indent: -5.5em;
}