@charset "utf-8";

body{
	font-size:12px;
	margin:0;
	padding:0;
	color:#3e454d;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
}
p{line-height: 1.5}
.h10{font-size:10px}
.t10{margin-top:10px}
.t20{margin-top:20px}
.t30{margin-top:30px}
.b5{margin-bottom:5px}
.b10{margin-bottom:10px}
.b20{margin-bottom:20px}
.b30{margin-bottom:30px}
.b50{margin-bottom:50px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}


img.icon:hover{ opacity: 0.8;filter: alpha(opacity=60);-moz-opacity: 0.8}


#wrapper{
	padding-bottom:100px;
}
#content{
	width:960px;
	margin:0 auto;
	margin-top:30px
}
#content_l{
	float: left;
	width: 690px;
	margin-right:20px;

}
#content_r{
	float:left;
	width:230px;
}
/* link */
a:link{
	color: #385da5;
	text-decoration: none;
}
a:hover{
	color: #385da5;
	text-decoration: underline;
}
a:visited{
	color: #385da5;
}
/* header */
#header{
	width: 100%;
	background-color:#fff;
	border-top:2px solid #61b6c2
}
#header-inner{
	position: relative;
	width: 960px;
	height: 110px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/map.jpg);
	background-repeat: no-repeat;
	background-position: 550px -15px;
}
#header #header-inner h1{
	position: absolute;
	margin:30px 0 0 0
}
#header #header-inner ol {
	margin-top:12px;
	float: right;
	width: 264px;
}
#header #header-inner ol li {
	float: right;
	margin-left: 30px;
}
#header #header-inner ol li.none {
	margin-left:0px
}


#header #header-inner ul#subnavi{
	top: 15px;
	width:620px;
	margin: 6px 0 ; 
	list-style: none;
	display: inline;
	float: right;
}
#header #header-inner ul#subnavi li{
	padding: 0; 
	margin: 0;
	float: right;
}

#header #header-inner ul#subnavi li a{
	padding-left:18px;
	text-decoration: none;
	color: #545454;
	font-size: 11px;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	padding:3px 8px 3px 18px;
}

#header #header-inner ul#subnavi li a:hover{
	text-decoration:underline;
	color:#61b6c2;
	background-repeat: no-repeat;
	background-position: 8px;
}

#header #header-inner ul#exnavi{
	position: relative;
	top: 5px;
	width:168px;
	float: right;
	margin: 5px 20px 0 0;
}
#header #header-inner ul#exnavi li{
	margin-left:20px;
	float: right;
}




#header-inner-ec{
	position: relative;
	width: 960px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/map.jpg);
	background-repeat: no-repeat;
	background-position: 550px -15px;
}
#header #header-inner-ec h1{
	position: absolute;
	margin:20px 0 0 0
}
#header #header-inner-ec ol {
	margin-top:12px;
	float: right;
	width: 264px;
}
#header #header-inner-ec ol li {
	float: right;
	margin-left: 30px;
}
#header #header-inner-ec ol li.none {
	margin-left:0px
}


#header #header-inner-ec ul#subnavi{
	top: 15px;
	width:620px;
	margin: 6px 0 ; 
	list-style: none;
	display: inline;
	float: right;
}
#header #header-inner-ec ul#subnavi li{
	padding: 0; 
	margin: 0;
	float: right;
}

#header #header-inner-ec ul#subnavi li a{
	padding-left:18px;
	text-decoration: none;
	color: #545454;
	font-size: 11px;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	padding:3px 8px 3px 18px;
}

#header #header-inner-ec ul#subnavi li a:hover{
	text-decoration:underline;
	color:#61b6c2;
	background-repeat: no-repeat;
	background-position: 8px;
}

#header #header-inner-ec ul#exnavi{
	position: relative;
	top: 5px;
	width:168px;
	float: right;
	margin: 5px 20px 0 0;
}
#header #header-inner-ec ul#exnavi li{
	margin-left:20px;
	float: right;
}


/* menu */
#menu{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(../img/menu-back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:54px
}
#menu-inner{
	width: 850px;
	margin:0 auto;
	padding:2px 0 0 0;
	color: #FFF;
}



#nav {
	padding:0;
	margin:0;
	float:left;
	left: 50px;
	list-style-type: none;
}
#nav li {
	width:170px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	background-image: url(../img/menu-line.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#nav li.last{
	background-image: none;
}

#nav li a {
	position:relative;
	width:auto;
	color:#333;
	font-size:12px;
	padding:15px 0;
	text-decoration:none;
	display:block;
}
#nav li span{ margin-right:5px; color:#fff; background-color:#d11212; padding:1px 5px; font-weight:bold}
#nav li.menu-e {
	width:190px;
}
/*最後の角丸*/
#nav li a:hover {
	border-bottom:3px solid #f27935
}
#nav li.active a {
	border-bottom:3px solid #f27935
}

nav {
	width: 850px;
	margin: 0;
	padding:0;
	float: left;
}
nav ul {
	list-style: none;
	overflow: hidden;
}
nav a {
	color:#333;
	height: 20px;
	text-decoration: none;
}

nav li {
	width: 170px;
	float: left;
	text-align: center;
	background-image: url(../img/menu-line.png);
	background-repeat: no-repeat;
	background-position: right top;
}

nav li a {
	position:relative;
	width:auto;
	color:#333;
	font-size:12px;
	padding:15px 0;
	text-decoration:none;
	display:block;
}

nav li span{
	margin-right:5px;
	color:#fff;
	background-color:#d11212;
	padding:1px 5px;
	font-weight:bold
}

nav li a:hover {
	border-bottom:3px solid #f27935;
	text-decoration: none;
}

nav li a:link{
	color: #333;
}

nav li a:visited{
	color: #333;
}
nav li a.active {
	border-bottom:3px solid #f27935
}


/* pan */
div#body-location-area {
	width:960px;
	margin:0 auto;
	height: 20px;
	text-align: right !important;
}
/* cover */
#cover{
	margin: 0 0 10px 0;
	background-color:#61b6c2
}
#cover-inner{
	width:960px;
	margin:0 auto;
	padding:20px 0
}

#cover-inner p .orenge{
	background:#f27935;
	border-radius: 20px;
	font-size: 20px;
	color:#FFF;
	padding: 5px 20px 2px;
	font-weight: bold;
	display:inline-block;
	text-align:left !important;
	margin-left:50px;
}

#cover-inner p.orenge{
	background:#f27935;
	border-radius: 20px;
	font-size: 20px;
	color:#FFF;
	padding: 5px 20px 2px;
	font-weight: bold;
	display:inline-block;
	text-align:left !important;
	margin-left:50px;
}

#cover-inner p.white {
	 color: #fff;
	 font-size:22px;
	 font-weight: bold;
	 margin-top: 10px;
	 text-align:left !important;
	 margin-left: 50px;
}

/* info */
#info_tit  {
	width: 960px;
	height: 40px;
	position: relative;
	margin-top:20px;
	border-bottom:1px solid #ccc
}
#info_tit div.info_btn  {
	position: absolute;
	top: 12px;
}
#info_tit div.info  {
	position: absolute;
	left: 920px;
	top: 12px;
	font-size: 12px;
	background-image: url(../img/arrow_org.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 10px;
}
#info_tit div.info a  {
	font-weight:bold;
	color: #333;
	text-decoration: none;
}
#info_tit div.info a:hover  {
	text-decoration: underline;
}
#info_box {
	background-color:#fff;
	padding:10px 0 5px 0;
	margin-bottom:30px
}
#info_box li {
	line-height:2
}
/* service */
#service{
	border:2px solid #999;
	margin:20px auto;
}
#service_content{
	margin-right:10px;
	padding:10px 10px 5px 10px
}
#service h5{
	font-size: 13px;
	line-height: 2.5em;
	background-color:#ccc; padding-left:10px
}
.org{ color:#f27935}
/* pagetop */
#page-top {
	position: fixed;
	bottom: 120px;
	right: 20px;
	font-size: 80%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/* list */
ul.list_link{
	margin-top:10px
}
ul.list_link li{
	background-image: url(../img/icon_link.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px;
}
dl.list_kome {
	margin-top:15px
}
dl.list_kome dt {
  clear: left;
  float: left;
  margin: 0 0 0.3em 0;
  padding: 0 5px 0 0;
}

dl.list_kome dd {
  margin-bottom: 0.3em;

}
p.link{
	background-image: url(../img/icon_link.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 18px;
	background-position: 0px;
	margin:10px 0 20px 15px
}


.red{
	color: #F00;
}
/* navi */
#navi{
	margin-bottom:10px;
}
#navi h2.type1{
	color: #E95656;
	line-height: 1.2;
	padding: 12px 0 12px 10px;
	border-bottom: 2px solid #E95656;
	font-size: 14px;
}
#navi h2.type1 a:link{
	color: #E95656;
}
#navi h2.type1 a:hover{
	color: #E95656;
}
#navi h2.type1 a:visited{
	color: #E95656;
}
.side-block{
	margin-bottom:10px
}
ul.side-block-list{
	
}
ul.side-block-list li{
	margin-bottom:5px
}
ul.side-block-list li img{
	 vertical-align: bottom;
}
#menu-block{
	background-color:#ededed;
	padding:5px 10px;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#social-inner{
	margin:0 auto 10px auto;
	text-align:right;
	float:right;
}
.featureBox{
	margin-bottom:10px
}
.featureBox h3{ font-size:180%; border-bottom:1px dotted #f27935; margin-bottom:5px; font-weight:normal}
.featureBoxT{
	padding:10px 15px;
	border: 3px solid #f27935;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px}
.featureBoxL{
	float:left;
	margin:0 10px 0 0;
	padding:10px 15px;
	width:439px;
	border: 3px solid #f27935;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px}
.featureBoxR{
	float:left;
	margin:0 0 0 0;
	padding:10px 15px;
	width:439px;
	border: 3px solid #f27935;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px}
.left{ float:left; width:53px; margin-right:10px}
.right{ float:left; width:861px}
.right1{ float:left; width:376px}
ul.list_dot{list-style-type: disc; margin-left:20px; font-size:110%}
ul.list_dot li{ line-height:2}
ul.list_dot li span{font-size: 10px}
h4.type{
	background-color: #e0dfde;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-image: url(../img/h4_icon.png);
	background-repeat: no-repeat;
	font-size: 150%;
	background-position: 15px;
	padding: 10px 10px 10px 30px;
	margin-bottom:20px
}
.type_blueT{
	margin-top:10px;
	padding:10px 20px 8px 20px;
	border-left: 3px solid #61b6c2;
	border-top: 3px solid #61b6c2;
	border-right: 3px solid #61b6c2;
	background-color:#e5f3f5;
	-webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px;  
	}
.type_blueB{
	padding:15px 20px 15px 20px;
	border-left: 3px solid #61b6c2;
	border-right: 3px solid #61b6c2;
	border-bottom: 3px solid #61b6c2;
	-webkit-border-bottom-right-radius: 8px;  
    -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;  
    -moz-border-radius-bottomleft: 8px;
	}

.type_blueT_smt{
	margin-top:10px;
	padding:10px 20px 8px 20px;
	border-left: 3px solid #61b6c2;
	border-top: 3px solid #61b6c2;
	border-right: 3px solid #61b6c2;
	background-color:#e5f3f5;
	-webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px;  
	}
.type_blueB_smt{
	padding:15px 20px 15px 20px;
	border-left: 3px solid #61b6c2;
	border-right: 3px solid #61b6c2;
	border-bottom: 3px solid #61b6c2;
	-webkit-border-bottom-right-radius: 8px;  
    -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;  
    -moz-border-radius-bottomleft: 8px;
	}	
	
.type_blueB_C div.tit{border: 1px solid #61B6C2; padding:5px 10px; color:#61B6C2; font-weight:bold; margin:20px 0 5px 0}
.type_blueB_L{ float:left; width:440px}
.type_blueB_R{ float:left; width:438px;border-left:1px dotted #d4d1cf;margin-left:20px; padding-left:15px}
.type1_tit{font-size: 160%; font-weight:bold; float:left; width:914px}
.type1_tit img{float:right; margin-top:3px}
.type1_tit span{ font-size:170%; color:#f27935; margin-left:5px}

.type1L_en_tit{font-size: 200%; font-weight:bold; float:left;width:622px;color:#f27935; margin-right:20px; line-height:1.2; padding:10px 0}
.type1R_en_tit{float:right; margin-top:16px; width:272px}

.top_btn{ margin-top:10px}
.top_btn_inner{ width:289px; margin:0 auto}
.top_btn_inner01{ width:600px; margin:0 auto}
.type_blueB h5{
	font-size: 110%;
	background-image: url(../img/h5_icon.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	line-height:2;
	color:#e76224
}
/* foot */
#foot{
	width: 100%;
	height: 100%;
	background-color:#666;
	border-top:3px solid #61b6c2
}
#foot-inner{
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: right;
}
#foot #foot-inner p{
	color:#fff;
	font-size: 10px;
	float: left;
	line-height:2.8;
	font-family: Verdana, Geneva, sans-serif;
}
#foot #foot-inner ul{
	float:right;
	font-size: 10px;
}
#foot #foot-inner li{
	display: inline;
	line-height:3.2;
	height:30px;
	padding: 0 10px 0 6px;
	border-right: solid 1px #999;
}
#foot #foot-inner li.last{
	border-right-style: none;
}
#foot #foot-inner li a:link{
	color: #FFF ;
}
#foot #foot-inner li a:hover{
	color: #FFF;
}
#foot #foot-inner li a:visited{
	color: #fff;
}
#foot_bana{
	width: 100%;
	border-top:1px solid #999;
	margin-top:50px;
	padding-top:10px
}
#foot_bana_inner{
	width: 960px;
	margin: 0 auto;
}
#foot_bana #foot_bana_inner ul{
	width: 405px;
	margin: 0 auto;
}
#foot_bana #foot_bana_inner li{
	float: left;
	margin-right:15px
}
#foot_bana #foot_bana_inner li.r_non{
	margin-right:0px
}

#menu-sub ul{
margin: 15px 0 0 0; 
padding: 0; 
list-style: none;
display: inline;
float:right;
}
#menu-sub li{ 
padding: 0; 
margin: 0;
float:left;

}
#menu-sub li a{
	padding-left:18px;
text-decoration: none;
color: #545454;
font-size: 11px;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	padding:3px 0px 3px 18px;
}

#menu-sub li a:hover{
	text-decoration:underline;
	color:#61b6c2;
	background-repeat: no-repeat;
	background-position: 8px;
}

/* sub-menu */

.use_btn{
	text-align:center;
	background: -moz-linear-gradient(top center, #dbf3f8 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#dbf3f8), to(#fff));
	background: linear-gradient(top center, #dbf3f8 0%, #fff 100%);
	display: block;
	border: 2px solid #d2d2d2;
	-webkit-border-radius: 6px;
	font-size: 120%;
	color: #3e454d;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 30);
	text-decoration: none;
	padding: 12px 10px 10px 10px;
	line-height: 1.5;
	font-weight: bold;
}
.use_btn p{
	font-size: 12px;
}
p.chocom_btn {
	line-height: 1;
	background-color: #FCF3F7;
}
p.chocom_btn a{
	display: block;
	border: 1px solid #d85380;
	font-size: 120%;
	color: #3e454d;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 30);
	text-decoration: none;
	padding: 12px 24px 10px 10px;
	background-image: url(../img/pc.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 1.5;
	font-weight: bold;
}
#bana_box{
	margin:0 10px 10px 10px
}



/* important */
#important_box{ border:2px solid #ff0000; padding:10px 10px 7px 10px; margin-top:20px}
#important_box h2{ margin-left:8px; color:#ff0000; font-size:16px}
#important_box dl.important {margin-top:5px}
#important_box dl.important dt {clear: left;float: left;margin: 0 0 0.3em 0;padding: 0 5px 0 0; color:#ff0000}
#important_box dl.important dd {margin-bottom: 0.3em}
#important_box dl.important a:link {color:#ff0000}
#important_box dl.important a:hover {color:#ff0000}
#important_box dl.important a:visited{color: #ff0000}

	#hamburger,#close {
	display: none;
}
	#sub-menu01 p.navi_btn1 a,p.type_btn a {
	display: none;
}

.header_smtline{
	display: none;
	
}
			
div.accordion {
	display: none;
}
#foot #foot-inner ul.lang{
	display: none;	
}

li a.buttonyellow {
	color: #FFF;
	font-size: 16px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5d428+0,f6d529+50,f6d529+50,f3c020+51,f3c020+99 */
	background: #f5d428; /* Old browsers */
	background: -moz-linear-gradient(top, #f5d428 0%, #f6d529 50%, #f6d529 50%, #f3c020 51%, #f3c020 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5d428 0%,#f6d529 50%,#f6d529 50%,#f3c020 51%,#f3c020 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5d428 0%,#f6d529 50%,#f6d529 50%,#f3c020 51%,#f3c020 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d428', endColorstr='#f3c020',GradientType=0 ); /* IE6-9 */
	padding: 15px 0;
	border-radius: 5px;
	border: 1px solid #fff;
	font-size: 20px;
	font-weight: bold;
	box-shadow:0px 0px 0px 2px #c4c0bd;
	text-decoration: none;
	width: 323px;
	text-align: center;
	display: inline-block;
}

li a.buttonyellow:hover {
	opacity: 0.8;
	transition: 0.5s;
}

li a.buttongray {
	border: 1px solid #666;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,ededed+100 */
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcfcfc 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	color:#385fa4;
	text-align:center;
	font-size: 14px;
	border-radius: 5px;
	width: 300px;
	font-weight: bold;
	padding: 15px 0;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 10px;	
}

li a.buttongray:hover {
	opacity: 0.8;
	transition: 0.5s;
}

.button_li {
	margin-right: 20px;
}

@media screen and (max-width:768px){
	
div.accordion {
    width: 100%;
    display:block;
    position: fixed;
	z-index: 3;
	border-top: none;	
	padding: 45px 0  0;
	margin: 0;
	top: -1000px;
	right: 0;
	transition-duration: 0.5s;
	background-color:#fff;
}
#hamburger {
	display:block;
	position: fixed;
	top: 5px;
	right: 15px;
	z-index: 6;
	padding-top: 10px;
}

#close {
	display: block;
	position: fixed;
	width: 36px;
	height: 48px;
	top: -50px;
	right: 5px !important;
	z-index: 7;
	padding-top: 10px;	
}	
	
#overlay {
     display: none;
     width: 100%;
     height:100%;
     text-align: center;
     position: fixed;
     top: 0;
     z-index: 2;
     background: rgba(0,0,0,0.3);
}




ul.menu-list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	height:30px
}
ul.menu-list li{
	padding: 0;
	margin: 0;
	float: left;
	text-decoration: none;
	width: 100%;
	height:50px;
	line-height:50px;
	text-align: center;
	font-weight:bold;
	border-bottom: #539faa solid 1px;
	border-top: #6dccd9 solid 1px;
	background-color:#61b6c2;
	background-image:url(../img/sankaku.png);
	background-repeat:no-repeat;
	background-position:10px 22px; 
}

ul.menu-list li:first-child{
	border-bottom: #539faa solid 1px;
	border-top:none;
}
ul.menu-list li a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold !important;
	width: 100%;
	text-align: left;
	font-weight:normal;
	padding-left: 20px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right center
}

ul.menu-list li a.active {
	border-bottom: 0px !important;
}

ul.menu-list li a:hover{
	background-color:#4ab3c2;
	border: none;
	width: 100%;
	background-image:url(../img/sankaku.png);
	background-repeat:no-repeat;
	background-position:10px 22px; 
}	

#wrapper {
	padding-bottom: 20px;
}
#header-inner {
	width: 100%;
	height: 45px;
	overflow: hidden;
	background-image: none;
}

#header #header-inner ol {
	display: none;
}
#header #header-inner ul#subnavi{
	display: none;
}

#header-inner-ec {
	width: 100%;
	height: 45px;
	overflow: hidden;
	background-image: none;
}

#header #header-inner-ec ol {
	display: none;
}
#header #header-inner-ec ul#subnavi{
	display: none;
}

#menu{
	height:0;
}

div#body-location-area {
	width: 100%;
}

#cover-inner,.right,.right1 {
	width: 100%;
}
#content {
	width: 90%;
	margin: 10px auto 0;
	}

#cover-inner img {
	width: 100%;
	height: auto;
}

#cover-inner p.orenge{
	background:#f27935;
	border-radius: 20px;
	font-size: 16px;
	color:#FFF;
	padding: 5px 20px 2px;
	font-weight: bold;
	display:inline-block;
	text-align:left !important;
	 margin:0 10px;
}

#cover-inner p.white {
	 color: #fff;
	 font-size:18px;
	 font-weight: bold;
	 margin-top: 10px;
	 text-align:left !important;
	 margin-left: 10px;
}

#important_box,#service,h4.type,h2.type,h4.type_ss {
	margin: 0;
}

.b5,.featureBoxT {
	margin: 10px 0;
}	

.featureBox,.featureBoxL,.featureBoxL {
	overflow: hideen;
}
.featureBox img {
	display: none;
	/*float:left;
	width: 80%;
	height: auto;*/
}
.featureBox h3{
		font-weight:bold;
		color: #f27935;

}

.featureBoxL,.featureBoxR {
	float: none;
	width: auto;
	margin: 10px 0;
}
		
.type_blueT {
	margin: 10px 0  0;
}
.type_blueB {
	margin: 0 0 10px;
}
.type1_tit {
	width: auto;
	font-size: 120%;
}
.type1_tit span {
	display: inline-block;
}
.type1_tit img {
	float: left;
	width: 90%;
	height: auto;
}
.type_blueB_L,.type_blueB_R {
	width: auto;
	border-left: none;
	margin-left: 0;
	padding: 0;
}

nav {
	/*float: none;
	margin: 15px auto 0px;*/
	position: fixed;
	z-index: 3;
	background-color: #fff;
	border-top: #61b6c2 2px solid;
	padding: 10px 0 0;
	margin: 0;
	width: 250px;
	float: right;
	top: -300px;
	right: 0;
	transition-duration: 0.3s;
}
nav li {
	width: 250px;
	height: 40px;
	text-align:left;
	padding-bottom: 10px;
	border-bottom: #eee solid 1px;
	background-image: none;
}
nav li a {
	font-size: 1.1em;
	font-weight:bold;
	text-indent: 1em;
	margin: 0 0 0 20px;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: left 21px;
}
nav li a:hover {
	text-decoration: underline;
	border-bottom: none;
}
nav li.active a {
	text-decoration: none;
	border-bottom: none;
}

#menu-inner{
	width:100%;
	margin:0 auto;
}

#header #header-inner h1{
	position: fixed;
	margin: 0;
	background-color: #fff;
	margin-top: -2px;
	border-top: 2px solid #61b6c2;
	border-bottom: 1px solid #eee;
	width: 100%;
	height: 45px;
	position: 0px 0px;
	z-index: 5;
}

#header #header-inner-ec h1{
	position: fixed;
	margin: 0;
	background-color: #fff;
	margin-top: -2px;
	border-top: 2px solid #61b6c2;
	border-bottom: 1px solid #eee;
	width: 100%;
	height: 45px;
	position: 0px 0px;
	z-index: 5;
}

#logo img{
	margin: 10px 5px;
	display: block;
	width: 200px;
	height: auto;
	padding: 0;
}

	
#important_box dl.important dt {
		float:none;		
}

#foot-inner{
	width: 100%;
	text-align: center;
}

#foot #foot-inner ul.lang{
	display:block;
	color:#e4f9fc;
	font-size: 12px;
	font-weight:bold;
	float: none;
	line-height: 1.2;
	margin: 0 ;
}

#foot #foot-inner ul.lang li a{
	color: #ddf9fd;
}

#foot #foot-inner p{
	color:#fff;
	font-size: 10px;
	float: none;
	line-height: 1.2;
	margin: 0 0 10px;
}

#foot #foot-inner ul{
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding: 0;
}

#page-top a  {
	display: none;
}

#social {
	width: 100%;
}

#sub-menu01{
	margin:10px 0;
}
#sub-menu01 p.navi_btn1 {
	background:
	-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, #458fb5),
    color-stop(0, #006699)
	);
	-webkit-border-radius:6px;
	line-height:1;
}
#sub-menu01 p.navi_btn1 a{
	display: block;
	border: 1px solid #a4adb1;
	-webkit-border-radius: 6px;
	font-size: 120%;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(62, 69, 77, 30);
	text-decoration: none;
	padding: 12px 24px 10px 10px;
	background-image: url(../img/pc-w.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 5px;
	line-height: 1.5
}
p.type_btn {
	background:
	-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, #ffffff),
    color-stop(0, #eaeaea)
	);
	-webkit-border-radius:6px;
	line-height:1;
}

.smt_pb5 {
	padding-bottom: 5px;
}
p.type_btn a{
	display: block;
	border: 1px solid #a4adb1;
	-webkit-border-radius: 6px;
	font-size: 160%;
	font-weight: bold;
	color: #F90;
	background: url(../img/ikon.png) right center no-repeat;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 30);
	text-decoration: none;
	padding: 10px 18px 10px 10px;
}
	#info_box {
	position:relative;
	width: auto;
	height: auto;
	margin: 10px;
	padding: 0px;
}

p.link {
	margin: 10px;
}

ul.list_dot{list-style-type: disc; margin-left:20px; font-size:110%}
ul.list_dot li{ line-height:1.8}

/* info smt */
.info_box{
	display:block;
	color:#000; 
	font-size:100%;
	padding:5px 10px;
}
ul.list_info {
	font-size: 12px;
}
ul.list_info li {
	line-height:2
}

#topicarea li span{
	width:200px;
}
#topicarea li{
	font-size: 12px;
	line-height:1.5
}

.info_block{
	display:block;
	border:1px solid #a4adb1;
	-webkit-border-radius:4px;
	background:#FFF;
	color:#464444;
	text-decoration: none;
	margin:0 0 10px 0;
	font-size:12px;
}

h2.green{
	padding: 7px 0 7px 22px;
	border-bottom: solid 1px #e5e4e4;
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/ikon_green.gif);
	background-repeat: no-repeat;
	background-position: 12px 7px;
}
/* info */

#info_mLR {
	margin: 0 10px;
}
#info_tit  {
	width: 98%;
	height: 35px;
	position: relative;
	margin-top:10px;
	margin-left: 10px;
	border-bottom:1px solid #ccc
}
#info_tit div.info_btn  {
	position: absolute;
	top: 12px;
}
#info_tit div.info  {
	display: none;	
}

#info_box {
	background-color:#fff;
	padding:0 0 5px 0;
	margin-bottom:10px
}

.top_btn_inner {
	width: 100%;
	text-align: center;

	margin: 0;
	padding: 0;
}

.top_btn_inner img {
	text-align: center;
}

.top_btn_inner01 img {
	text-align: center;
}

dl.list_kome dd {
  margin-bottom: 0.3em;
  margin-right: 10px;
}

.type_blueT_smt{
	display: none;
}
	
.type_blueB_smt{
	display: none;
}	

nav li.last {
	display: none;
}

.type1L_en_tit{
	width: 100%;
}

.top_btn_inner01{
	width: 100%;
	text-align: center;
}

#header #header-inner ul#exnavi{
	display:none;
}

#header #header-inner-ec ul#exnavi{
	display:none;
}

#important_box{
	border:2px solid #ff0000;
	padding:10px 10px 7px 10px;
	margin-top:20px;
	margin-bottom:5px !important;
}

.button_ul{
	overflow: hidden;
	text-align:center;
}


.button_ul li{
	display:block;
	margin-bottom: 10px;
	text-align:center;
	margin: 0 auto;
}

.button_li {
	margin: 0 auto !important;
	text-align:center;
}

}

@media screen and (max-width:480px){
	
#content {
	width: 100%;
	margin: 0 auto;
}
.top_btn_inner img {
	text-align: center;
	width: 90%;
	height: auto;

}
#important_box,#service,h4.type,h2.type,h4.type_ss {
	margin: 0 10px;
}

.b5,.featureBoxT {
	margin: 10px;
}
.featureBoxL,.featureBoxR {
	float: none;
	width: auto;
	margin: 10px;
}
.type_blueT {
	margin: 10px 10px  0;
}
.type_blueB {
	margin: 0 10px 10px;
}
#sub-menu01{
	margin:10px;
}
.top_btn_inner01 img {
	text-align: center;
	width: 90%;
	height: auto;
}

#info_tit  {
	width: 94%;
	height: 35px;
	position: relative;
	margin-top:10px;
	margin-left: 10px;
	border-bottom:1px solid #ccc
}

#cover-inner p.orenge{
	font-size: 13px;
	padding: 5px 10px 2px;
}

#cover-inner p.white {
	 font-size:15px;
}
li a.buttonyellow {
	padding: 13px 0;
	font-size: 16px;
	font-weight: bold;
	width: 80%;
	display: inline-block;
}

li a.buttongray {
	width:90%;	
}
}