@charset "UTF-8";
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,   sans-serif;
	-webkit-text-size-adjust: 100%;
	background-size:100%;
	color:#333;
	font-size:14px;
}

*{
	margin:0;
	padding:0;
}
img{
	vertical-align: bottom;
}
a img {
	border:none;
}
a {
	color:#005E3C;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#005E3C;
}

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
li {
	list-style:none;
}



/******************共通********************/

.wrapper{
	min-width:1200px;
}

header{
	min-width:1200px;
}

.nav {
	display:none;
}

#ranguageArea{
	border-bottom:solid 1px #005E3C;
}

.ranguageArea{
	width:1000px;
	margin:0 auto 0;
}

.ranguageArea ul {
	text-align:right;
	padding:8px 0;
}
.ranguageArea li {
	display: inline-block;
}

.ranguageArea li.selected {
    color: #ffffff;
}

.ranguageArea li a {
    background-color: #b2d3a7;
    border-radius: 2px;
    color: #005e3c;
    padding: 1px 15px 1px;
    text-decoration: none;
}

.ranguageArea li.selected a {
    background-color: #005e3c;
	color: #ffffff;
}


#logoArea {
	width:1000px;
	margin:0 auto 0;
}

h1 {
    float: left;
}

h1 a {
    background-image: url("../images/head_logo.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    float: left;
    height: 52px;
    margin: 23px 0 0;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    width: 756px;
}

.miniMenuArea {
	margin: 35px 0 0;
	float:right;
}
.miniMenuArea ul {
	
}
.miniMenuArea li {
	margin:0 0 0 17px;
	padding:0 0 0 5px;
	height:25px;
	float:left;
}
.miniMenuArea li a {
    display: inline-block;
    padding: 1px 15px 1px;
	float:left;
}

.miniMenuArea li.icon1 {
	background:url(../../images/miniMenu_icon01.png) no-repeat left;
	border-right:1px solid #B5B5B5;
}
.miniMenuArea li.icon2 {
	background:url(../../images/miniMenu_icon02.png) no-repeat left;
}


.mainMenuArea{
	width:1000px;
	margin:15px auto 0;
}

#bread_link{
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#B2D3A7;
	padding:10px 0 10px 18px;
	min-width: 1200px;
	clear:both;
}
.bread_link{
	margin: 0 auto;
    min-width: 1000px;
    width: 1000px;
	font-size:13px;
}

#contents{
	margin:0 auto 0;
	min-width: 1200px;
	clear:both;
}
.contents{
	margin:0 auto 0;
	width: 1000px;
	width: 1000px;
	clear:both;
}

#footMenuArea{
	background-color:#B2D3A7;
	margin:50px 0 0 0;
	padding:15px 0;
	min-width: 1200px;
	clear:both;
}
.footMenuArea{
	margin: 0 auto;
    min-width: 1000px;
    width: 1000px;
}

.footMenuArea ul{
	float:left;
	margin:0 40px 0 0
}

.footMenuArea li {
	font-weight:bold;
	background:url(../../images/footMenu_icon.png) no-repeat left 5px;
	padding:0 0 0 12px;
	margin:5px 0 0 20px;
	font-size:13px;
	float:left;
}


#footer{
	background-color:#005E3C;
	padding:15px 0;
	min-width: 1200px;
	clear:both;
}
#footer2{
	margin: 0 auto;
    width: 1000px;
}

#footer2 li{
	color:#FFF;
}
#footer2 li.icon01{
	background:url(../../images/foot_icon01.png) no-repeat left;
	margin:15px 0 0 10px;
	padding:2px 0 0 24px;
	float:left;
}
#footer2 li.icon02{
	background:url(../../images/foot_icon02.png) no-repeat left;
	margin:15px 0 0 20px;
	padding:2px 0 0 24px;
	float:left;
}

#footer2 li img{
	width: 618px;
}

.copyright{
	clear:both;
	font-size:90%;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	color:#FFF;
}

.br_sp {
    display: none;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/******************コンテンツページ共通********************/

#GroupTitle{
	background-color:#005E3C;
	padding:0;
	clear:both;
	z-index:100;
	margin:10px 0 0 0;
	min-width: 1200px;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}
.GroupTitle{
	margin:0 auto;
	padding:8px 0 8px 18px;
	width: 1000px;
	min-width: 1000px;
}


#MainTitle{
	background-color:#F9F7EF;
	padding:0;
	clear:both;
	z-index:100;
	min-width: 1200px;
}
.MainTitle{
	margin:0 auto;
	padding:48px 0 48px 18px;
	width: 1000px;
	min-width: 1000px;
}

#leftMenu {
	float:left;
	width: 200px;
	margin:25px 0 0 0;
}

#leftMenu02 {
	float:left;
	width: 200px;
	margin:25px 0 0 0;
}

#right_contents {
	float:right;
	width: 730px;
	margin:25px 0 0 0;
}

#leftMenu ul {
	border-top:1px #CACECB solid;
	border-bottom:1px #CACECB solid;
	width: 200px;
	padding:17px 0 17px 10px;
}
#leftMenu ul li {
	background:url(../../images/leftMenu_icon01.png) no-repeat left 6px;
	background-size:6px 9px;
	padding:0 0 0 11px;
	font-weight:bold;
	font-size:15px;
}
#leftMenu ul li ul {
	border:none;
	padding:0px;
}
#leftMenu ul li ul li {
	background:none;
	font-weight:normal;
	font-size:13px;
	padding:7px 0 0 0;
}

#leftMenu02 ul {
	width: 200px;
	padding:0 0 0 10px;
}
#leftMenu02 ul li {
	background:url(../../images/leftMenu_icon01.png) no-repeat left 6px;
	background-size:6px 9px;
	padding:0 0 15px 11px;
	font-size:15px;
}

#leftMenu02 a {
	color:#000;
	text-decoration: underline;
}


/******************PAGETOP********************/

.pagetop {
	display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	text-indent: 100%;
    white-space: nowrap;
	overflow: hidden;
	
}
.pagetop a {
	width:80px;
	height:66px;
    display: block;
    text-align: center;
    color: #222;
    text-decoration: none;
    padding: 20px 0;
	background:url(../../images/arrow.png) no-repeat center center;
	background-size:80px 66px;
}
 
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
}



/******************************************************************************************************/



@media only screen and (max-width:1000px){
.body_warp{overflow: hidden;}
body {
	font-size:90%;
}

#top-head {
	display:inherit;
	position:absolute;
	z-index:2000;
}

header{
	min-width:100%;
	width:100%;
}

#ranguageArea{
}
.ranguageArea{
	float: right;
    position: relative;
    width: 80%;
    z-index: 3000;
}

.ranguageArea ul {
	text-align:right;
	padding:8px 0;
	margin:0 10px 0 0;
}
.ranguageArea li {
	display: inline-block;
}

.ranguageArea li.selected {
    color: #ffffff;
}

.ranguageArea li a {
    background-color: #b2d3a7;
    border-radius: 2px;
    color: #005e3c;
    padding: 1px 15px 1px;
    text-decoration: none;
}

.ranguageArea li.selected a {
    background-color: #005e3c;
	color: #ffffff;
}

.miniMenuArea {
	display:none;
}

.mainMenuArea{
	display:none;
}

#bread_link{
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#FFF;
	padding:10px 0 10px 10px;
	min-width: 100%;
	clear:both;
	width:100%;
}
.bread_link{
	margin: 0 auto;
    min-width: 100%;
    width: 100%;
	font-size:10px;
}

#contents{
	margin:0 auto 0;
	min-width: 100%;
    width: 100%;
	line-height:1.3em;
	clear:both;
}
.contents{
	margin:0 auto 0;
	min-width: 100%;
    width: 100%;
}

#logoArea {
	width:100%;
	margin:0 auto 0;
	padding:0 0 0 ;
}
	
h1 {
    float: none;
	width:300px;
	margin: 0 auto;
}
h1 a {
    background-image: url("../images/head_logo_sp_en.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 23px 0 auto;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
}

#contents{
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	margin:0 auto 0;
	padding:0 10px;
	min-width: 100%;
	clear:both;
}

#footMenuArea{
	display:none;
}

.footMenuArea ul{
	float:left;
	margin:0 40px 0 0
}
.footMenuArea li{
	font-weight:bold;
}
.footMenuArea li ul li{
	font-weight:normal;
	background:url(../../images/footMenu_icon.png) no-repeat left 5px;
	padding:0 0 0 12px;
	margin:5px 0 0 0;
	font-size:13px;
}
.footMenuArea ul li ul{
	float:none;
	margin:0 0 0 0
}

#footer{
	background-color:#005E3C;
	padding:15px 0 15px 0;
	width: 100%;
	min-width: 320px;
	clear:both;
	font-size:13px;
}
#footer2{
	
    width: 100%;
	min-width: 100%;
}

#footer2 ul{
	float:none;
	color:#FFF;
	margin: 0 0 0 10px;
}
#footer2 li{
	float:none;
	color:#FFF;
}
#footer2 li.icon01{
	background:url(../../images/foot_icon01.png) no-repeat left;
	margin:10px 0 0 10px;
	padding:0 0 0 24px;
}
#footer2 li.icon02{
	background:url(../../images/foot_icon02.png) no-repeat left;
	margin:10px 0 0 10px;
	padding:0 0 0 24px;
}


#footer2 li img{
	width: 260px;
}

.copyright{
	clear:both;
	font-size:80%;
	padding:10px 0 0 0;
	margin: 0 0 0 20px;
	color:#FFF;
}

.br_pc {
    display: none;
}
.br_sp {
    display:inherit;
}



/******************コンテンツページ共通********************/

#GroupTitle{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#005E3C;
	padding:0 0 0 8px;
	clear:both;
	z-index:100;
	margin:10px 0 0 0;
	min-width: 100%;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
.GroupTitle{
	margin:0 auto;
	padding:4px 0;
	width: 100%;
	min-width: 100%;
}

#MainTitle{
	background-color:#F9F7EF;
	padding:0;
	clear:both;
	z-index:100;
	min-width: 100%;
}
.MainTitle{
	margin:0 auto;
	padding:15px 0 15px 0;
	width: 100%;
	min-width: 100%;
}
.MainTitle img{
	height: 21px;
	padding:0 0 0 8px;
}

#leftMenu {
	float:none;
	width: 100%;
	margin:0;
}

#leftMenu02 {
	float:none;
	width: 100%;
	margin:25px 0 0 0;
}

#right_contents {
	float:none;
	width: 100%;
	margin:15px 0 0 0;
}

#leftMenu ul {
	border-top:1px #CACECB solid;
	border-bottom:1px #CACECB solid;
	width: 100%;
	padding:10px 0 10px 0;
}
#leftMenu ul li {
	background:url(../../images/leftMenu_icon01.png) no-repeat left 6px;
	background-size:6px 9px;
	padding:0 0 0 11px;
	font-weight:bold;
	font-size:14px;
	margin:0 0 0 10px;
}
#leftMenu ul li ul {
	border:none;
	padding:0px;
}
#leftMenu ul li ul li {
	background:none;
	font-weight:normal;
	font-size:12px;
	padding:5px 0 0 0;
}

#leftMenu02 ul {
	border-top:1px #CACECB solid;
	width: 100%;
	padding:10px 0 10px 0;
}
#leftMenu02 ul li {
	background:url(../../images/leftMenu_icon01.png) no-repeat left 6px;
	background-size:6px 9px;
	padding:0 0 10px 11px;
	font-size:14px;
	margin:0 0 0 10px;
}

/******************PAGETOP********************/

.pagetop {
	display: none;
    position: fixed;
    bottom: 50px;
    right: 5px;
	text-indent: 100%;
    white-space: nowrap;
	overflow: hidden;
	
}
.pagetop a {
	width:50px;
	height:41px;
    display: block;
    text-align: center;
    color: #222;
    text-decoration: none;
    padding: 20px 0;
	background:url(../../images/arrow.png) no-repeat center center;
	background-size:50px 41px;
}
 
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

}