@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav {
	margin: 0;
	padding: 0;
	zoom: 1;
}

ul, ol {
	list-style-type: none;
}

img {
	border: none;
}

hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}

a {
	outline: none;
}

body {
	line-height: 1.5;
	color: #6c6c6c;
	font-family:'メイリオ',Meiryo,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color : #ffffff;

	/* ブラウザ間のフォントサイズの差をほぼなくす設定。 */
	font-size: 14px;
	* font-size: small;
	* font: x-small;
}

@media screen and (max-width:480px){
	body {
		font-size: 16px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	body {
		font-size: 14px;
		* font-size: small;
		* font: x-small;
	}
}
@media screen and (min-width: 769px){
	body {
		font-size: 14px;
		* font-size: small;
		* font: x-small;
	}
}

#container{
	width:100%;
	background : url(../img/back.png) repeat 0 0;
}

/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

/* ヘッダー包括---------------------------*/
#wrapHeader {
    background : url(../img/top2n.png) no-repeat top center;
	height : 258px;
	position: relative;
}

#wrapHeaderTop {
    background : url(../img/top.png) no-repeat top center;
	height : 440px;
	position: relative;
}


.headLogo {
	position: absolute;
	font-size : 9px;
	top : 6px;
	left : 32px;
	color : #6c6c6c;
	font-weight : normal;
	vertical-align : top;
}

.headLogo strong {
	font-weight : normal;
	font-size : 10px;
	vertical-align : top;
}

#wrapHeaderTop #header {
	width: 980px;
	position: relative;
	margin: 0 auto;
	padding-top : 444px;
}

#wrapHeader #header {
	width: 980px;
	position: relative;
	margin: 0 auto;
	padding-top : 252px;
}

/*　ロゴ包括-----------------------------*/
#wrapHeaderTop #header .logo {
	position: absolute;
	top: 387px;
	left: 415px;
	width: 155px;
	height: 100px;
	display: block;
}

#wrapHeader #header .logo {
	position: absolute;
	top: 210px;
	left: 415px;
	width: 155px;
	height: 100px;
	display: block;
}


/*　ナビ包括-----------------------------*/
/* グローバルナビゲーション */
.menu {
	position: relative;
}

.mtop10  {
	margin-top : 15px;
}

.menu ul li {
	float: left;
}
.menu ul li.mleft1 {
	margin-left : 17px;
}
.menu ul li.mleft2 {
	margin-left : 191px;
}
.menu ul li.mleft3 {
	margin-left : 74px;
}


h2.sectionTitleTop  {
	text-align : center;
	width : 100%;
	padding-top : 26px ;
	padding-left : 4px ;
}

h2.sectionTitle  {
	text-align : center;
	width : 100%;
	padding-top : 51px ;
	padding-left : 4px ;
}

.mtop02 {
	padding-top : 41px !important;
}

.mtop03 {
	padding-top : 51px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	h2.sectionTitle  {
		margin-top : 32px ;
	}
}

/* コンテンツ包括
---------------------------------------------------------------------- */
#wrapMain {
    background-image: url(../img/parts/bg_mainimg.png);
    background-repeat: repeat-x;
	background-position: top center;	
	padding-bottom: 30px;
}

/* メインコンテンツ包括---------------------------*/
#wrapContents {
	width: 980px;
	margin: 0 auto;
}

.wrapMessageInner01 {
	text-align : center;
	margin-top : -46px;
}

.wrapMessageInner02 {
	text-align : center;
	margin-top : -20px;
}

.wrapMessageInner03 {
	text-align : left;
	width : 815px;
	height : 200px;
	padding : 25px;
	background-color : #ffffff;
	border-radius : 8px;
	margin: 11px auto 17px auto;
}
.wrapMessageInner03 div {
	width : 815px;
	height : 200px;
	overflow : auto;
}

.wrapMessageInner03 dd {
	color : #4c4c4c;
	margin-bottom : 8px;
	text-decoration : underline;
}

.wrapMessageInner03 dd a {
	color : #4c4c7c;
	text-decoration : none;
}

.wrapMessageInner03 dd a:hover {
	color : #4c4cac;
}

.wrapCorporateprofile  {
	border-collapse : collapse;
	margin : 40px auto 0 auto;
	width : 840px;
}

.wrapCorporateprofile th {
	border : 1px solid #b4b4b4;
	background-color : #ececec;
	padding : 10px;
	font-size : 14px;
	font-weight : normal;
	text-align : center;
}

.wrapCorporateprofile td {
	border : 1px solid #b4b4b4;
	background-color : #ffffff;
	font-size : 14px;
	padding : 10px 25px 10px 10px;
	text-align : left;
}

.googlemap  {
	border : 1px solid #b4b4b4;
	margin : 80px auto 180px auto;
	width : 840px;
	background-color : #ffffff;
}

.aboutWrap  {
	background: url(../img/how_back.png) no-repeat 0 0;
	width : 952px;
	height : 1276px;
	margin : 36px auto 24px auto;
	position : relative;
	padding-left : 4px;
}

.aboutWrap p  {
	position : absolute;
}

.aboutWrap table  {
	position : absolute;
	border-collapse : collapse;
	border-style : none;
}

.aboutWrap th  {
	width : 25px;
	padding-top : 4px;
	vertical-align : top;
}

.aboutWrap td  {
	width : 604px;
	font-weight : bold;
	line-height : 1.7;
	padding-top : 4px;
	vertical-align : top;
}

.aboutWrap .abou_parts01  {
	top : 127px;
	left : 191px;
}

.aboutWrap .abou_parts02  {
	top : 236px;
	left : 95px;
}

.aboutWrap .abou_parts03  {
	top : 255px;
	left : 350px;
}

.aboutWrap .abou_parts04  {
	top : 513px;
	left : 126px;
	z-index : 1;
}

.aboutWrap .abou_message01  {
	top : 585px;
	left : 206px;
	z-index : 10;
}

.aboutWrap .abou_parts05  {
	top : 674px;
	left : 126px;
	z-index : 1;
}

.aboutWrap .abou_message02  {
	top : 746px;
	left : 206px;
	z-index : 11;
}

.aboutWrap .abou_parts06  {
	top : 835px;
	left : 126px;
	z-index : 1;
}

.aboutWrap .abou_message03  {
	top : 907px;
	left : 206px;
	z-index : 12;
}

.visionTable {
	border-collapse : collapse;
	margin : 40px auto 0 auto;
	width : 960px;
}

.visionTable td {
	vertical-align : top;
}

.visionTable td h3 {
	font-size : 16px;
	margin-bottom : 10px;
}

.visionTable td .ttb01 th {
	width : 25px;
	float : left;
}

.visionTable td .ttb01 td {
	padding-bottom : 45px;
}

.visionTable .ttbtd01 .mess {
	font-size : 13px;
	padding : 6px 0 6px 4px;
	width : 426px;
}

.visionTable .ttbtd01 {
	width : 440px;
	padding-bottom : 65px;
}

.visionTable .ttbtd02 {
	padding-bottom : 65px;
}

.visionTable .ttbtd01 div {
	font-size : 12px;
	color : #a07bfe;
	font-weight : bold;
	padding : 4px 0 4px 12px;
	border-radius : 4px;
	background-color : #ffffff;
	width : 426px;
	margin-top : 19px;
	margin-left : 4px;
}

.visionTable .ttb02 td .kpblock {
	height : 67px;
}

.visionTable .ttb02 td h4 {
	color : #ff9a38;
	padding-top : 9px;
	padding-left : 6px;
}

.visionTable .ttb02 td .comm {
	font-size : 12px;
	padding-top : 6px;
	padding-left : 6px;
}

form input  {
	font-size : 14px;
	border : 1px solid #cccccc;
	border-radius : 3px;
	padding : 4px;
	font-family: "メイリオ", Meiryo, sans-serif;
}

form textarea  {
	font-size : 14px;
	border : 1px solid #cccccc;
	border-radius : 3px;
	padding : 4px;
	font-family: "メイリオ", Meiryo, sans-serif;
}

form select  {
	font-size : 14px;
	border : 1px solid #cccccc;
	border-radius : 3px;
	padding : 4px;
	font-family: "メイリオ", Meiryo, sans-serif;
}

form textarea:focus   { background-color : #ffffdd; }
form input:focus      { background-color : #ffffdd; }
form select:focus     { background-color : #ffffdd; }

.formTable  {
	width : 640px;
	margin : 24px auto;
}

.formTableChk  {
	width : 640px;
	margin : 24px auto;
}

.formTable th {
	background-color : #d8e8c7;
}

.formTableChk th {
	background-color : #d8e8c7;
	width : 200px;
}

.formTableChk td {
	font-size : 16px !important;
	color : #000000 !important;
	background-color : #ffffff !important;
	line-height : 1.6;
}

.formTable caption {
	padding-bottom : 12px;
	color : #333333;
}

.formTable caption.error {
	font-weight : bold;
	color : #990000 !important;
}

.errorText  {
	font-size : 12px;
	color : #ff0000;
}

.submit-container  {
	padding : 10px 0;
	text-align : center;
}

.submit-button  {
	font-size : 20px;
	padding : 6px 20px;
}

.submit-button:hover  {
	background-color : #ffff00;
}

.formEntry  {
	padding : 20px 14px 100px 14px;
	width : 700px;
	margin : 24px auto;
	background-color : #ffffff;
	border-radius : 8px;
	font-size : 14px !important;
}

.news_wrap  {
	width : 800px;
	margin : 24px auto;
}

.news_item  {
	padding : 16px;
	margin-bottom : 32px;
	border-radius : 8px;
	background-color : #ffffff;
}

.news_item h3 {
	font-size : 16px;
	color : #ffffff;
	padding : 8px 16px;
	border-radius : 4px;
	background-color : #3e573e;
}

.news_item div {
	margin-right : 10px;
	font-size : 13px;
	color : #666666;
	text-align : right;
} 

.news_item .comm  {
	font-size : 14px;
	color : #444444;
	line-height : 1.6;
}

.news_item .comm img  {
	float : left;
	margin-right : 16px;
	margin-bottom : 16px;
}

.news_item .link  {
	margin-right : 10px;
	font-size : 14px;
	text-align : right;
	margin-top : 6px;
}

/* フッター包括---------------------------*/

#wrapFooter {
	position : relative;
	width : 100%;
	background-color : #ffffff;
}

#footer {
	position : relative;
	width : 980px;
	height : 158px;
	margin : 0 auto;
}

#wrapFooter .container1 {
	position : absolute;
	width : 173px;
	font-size : 10px;
	color : #6c6c6c;
	padding: 0;
	top : 12px;
	left :12px;
}

#wrapFooter .container2 {
	position : absolute;
	width : 174px;
	font-size : 12px;
	color : #6c6c6c;
	padding: 0;
	left : 260px;
	bottom : 42px;
	border-bottom : 1px solid #6c6c6c;
}

.footerAddr  {
	margin-top : -4px;
	margin-left : 4px;
}

.footerSup2  {
	padding : 2px 2px 5px 5px;
	line-height : 1.4;
}

#wrapFooter .container3 {
	position : absolute;
	width : 360px;
	font-size : 12px;
	color : #6c6c6c;
	padding: 0;
	top : 53px;
	right : 22px;
	text-align : right;
}

.footerTels  {
	background : url(../img/foot_tel.png) no-repeat 0 0;
	text-align : left;
	padding : 4px 0 0 34px;
	margin : 5px 0 5px 0;
	color : #ffffff;
	font-weight : bold;
	font-size : 16px;
	width : 325px;
	height : 28px;
}

.footerNavs {
	font-weight : bold;
	margin-top : -4px;
	padding-right : 4px;
}



/* コピーライト包括---------------------------*/
#wrapCopyright {
	background: url(../img/footer/bg_footer_bottom.png) repeat top center;
	text-align: right;
	color: #FFF;
	font-size: 85%;
}

#wrapCopyright .innerContainer {
	width: 980px;
	margin: 0 auto;
	height: 1.5em;
	padding: 5px 0;
}

.bshadow {
	box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.cshadow {
	border : 3px solid #ffffff;
	box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}