/*--------------------------------------------------------
  ■container.css
--------------------------------------------------------*/

/* reset */
body{
	margin:0;
	padding:0;
	text-align:left;
	font-size:100%;
	line-height:1.4;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,san-serif ;
	color:#333333;
	background-color:#fff;
}

html,body,h1,h2,h3,h4,h5,p,div,ul,ol{
	margin:0;
	padding:0;
}

img{
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
}

/*--------------------------------------------------------
  layout
--------------------------------------------------------*/

/* hpb-skip */
#hpb-skip{
	display:none;
}

/* hpb-container */
#hpb-container{
	
	position:relative;
	background-image : url(bg_1X_02_01.png);
	background-position:top left;
	background-repeat:repeat-x;
}

/* hpb-header */
#hpb-header{
	min-width:992px;
	margin-left:auto;
	margin-right:auto;
	padding-top:45px;
	padding-left:32px;
	padding-bottom:50px;
	position:relative;
	overflow:hidden;
	zoom:1;
}

/* hpb-inner */
#hpb-inner{
	min-width: 1024px;
	margin-left:auto;
	margin-right:auto;
	padding-top:24px;
	padding-bottom:30px;
	position:relative;
	overflow:hidden;
	zoom:1;
}

/* hpb-wrapper */
#hpb-wrapper{
	width:820px;
	padding-top:40px;
	float:left;

}

.hpb-layoutset-02 #hpb-wrapper{
	padding-top:64px;
}

/* hpb-title */
.hpb-layoutset-01 #hpb-title{
	width:820px;
	height:260px;
	position:relative;
	background-image : url(top_mainimg_1X.png);
	background-position:top left;
	background-repeat:no-repeat;
}

/* hpb-main */
#hpb-main{
	width:618px;
	padding-left:32px;
	float:left;
}

.hpb-layoutset-02 #hpb-main{
	width:688px;
	padding-top:16px;
}

/* hpb-aside */
#hpb-aside{
	width:192px;
	padding-top:64px;
	float:right;
}

/* hpb-footer */
#hpb-footer{
	min-width:992px;
	margin-left:auto;
	margin-right:auto;
	padding-top:130px;
	padding-bottom:30px;
	padding-left:32px;
	position:relative;
	overflow:hidden;
	zoom:1;
}

/* hpb-nav */
#hpb-nav{
	position:absolute;
	top:0;
	left:32px;
}


/*--------------------------------------------------------
  ■main.css
--------------------------------------------------------*/

/*--------------------------------------------------------
  common layout
--------------------------------------------------------*/

/* hpb-header */
#hpb-headerMain{
	width:280px;
	position:absolute;
	left:376px;
	top:45px;
}

#hpb-headerMain h1{
	text-align:left;
	font-weight:bold;
	font-size:0.9em;
}

#hpb-headerLogo{
	float:left;
	margin-right:82px;
}

#hpb-headerLogo a{
	font-weight:bold;
	font-size:0.9em;
	display:block;
	width:262px;
	text-decoration:none;
	color:#333333;
	padding-top:55px;
	background-image : url(logo_1X.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#hpb-headerExtra1{
	padding-top:50px;
	float:left;
	font-size:0.9em;
}

/* hpb-footer */
#hpb-footerMain p{
	font-size:0.9em;
	font-family:Georgia,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ';
}

#hpb-footerExtra1{
	position:absolute;
	top:60px;
}

#hpb-footerExtra1 li{
	font-weight:bold;
	display:inline;
}

#hpb-footerExtra1 li a{
	padding-left:22px;
	padding-right:13px;
	text-decoration:none;
	background-position:left center;
	background-repeat:no-repeat;	
}
	
#hpb-footerExtra1 li a:link{
	color:#333333;
	background-image : url(arrow_1X.png);
}

#hpb-footerExtra1 li a:visited{
	color:#333333;
	background-image : url(arrow_1X.png);
}

#hpb-footerExtra1 li a:hover{
	color:#999999;
	background-image : url(arrow_1X_on.png);
}

#hpb-footerExtra1 li a:active{
	color:#999999;
	background-image : url(arrow_1X_on.png);
}

/* hpb-main */
#hpb-main dl{
	clear:both;
	margin:0;
}

#hpb-main dt{
	margin:0;
	float:left;
	clear:left;
	width:8em;
	font-weight:bold;
}

#hpb-main dd{
	margin:0;
	padding-left:8em;
}

.hpb-layoutset-02 #hpb-main dl{
	margin-bottom:40px;
}

.hpb-layoutset-02 #hpb-main dt{
	color:#007399;
	margin-bottom:8px;
	padding-bottom:6px;
}

.hpb-layoutset-02 #hpb-main dd{
	margin-bottom:8px;
	padding-bottom:6px;
	background-image : url(dotline_1X_02.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.hpb-layoutset-02 #hpb-main dd:last-child{
	margin-bottom:-20px;
	padding-bottom:20px;
	background-image : url(dotline_1X_01.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#hpb-main img.left{
	margin-right:20px;
	float:left;
}

#hpb-main img.right{
	margin-left:20px;
	float:right;
}

/* pagetop */
#pagetop{
	position:absolute;
	right:68px;
	bottom:0;
}

#pagetop a{
	display:block;
	width:125px;
	height:21px;
	margin-left:auto;
	text-indent:-9999px;
	background-image : url(returnTop_1X.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#pagetop a:hover{
	background-image : url(returnTop_1X_on.png);
}

/* hpb-aside */
#hpb-aside #banner li{
	background-color:#007399;
	margin-bottom:6px;
}

#hpb-aside #banner li a{
	display:block;
	width:192px;
	height:60px;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
}

#hpb-aside #banner a#banner-service{
	background-image : url(top_banner_1X_01.png);
}

#hpb-aside #banner a#banner-recruit{
	background-image : url(top_banner_1X_02.png);
}

#hpb-aside #banner a#banner-access{
	background-image : url(top_banner_1X_03.png);
}

#hpb-aside #banner a:hover#banner-service{
	background-image : url(top_banner_1X_01_on.png);
}

#hpb-aside #banner a:hover#banner-recruit{
	background-image : url(top_banner_1X_02_on.png);
}

#hpb-aside #banner a:hover#banner-access{
	background-image : url(top_banner_1X_03_on.png);
}

#hpb-aside #companyinfo{
	padding-top:18px;
	padding-right:18px;
	padding-left:18px;
	background-color:#e8e8e8;
}

#hpb-aside #companyinfo h3{
	font-size:1em;
	color:#333333;
	font-weight:bold;
	margin-bottom:15px;
}

#hpb-aside #companyinfo p{
	padding-bottom:13px;
}

/* hpb-nav */
#hpb-nav ul{
	text-align:left;
	overflow:hidden;
	zoom:1;
}

#hpb-nav li{
	
	font-size:1.3em;
	font-family:Georgia,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ';
	line-height:20px;
	float:left;
}

#hpb-nav li span.ja{
	display:none;
}

#hpb-nav li a{
	display:block;
	padding-left:21px;
	padding-right:14px;
	text-decoration:none;
	background-position:left center;
	background-repeat:no-repeat;
}

#hpb-nav li a:link{
	color:#333333;
	background-image : url(arrow_1X.png);
}

#hpb-nav li a:visited{
	color:#333333;
	background-image : url(arrow_1X.png);
}

#hpb-nav li a:hover{
	color:#999999;
	background-image : url(arrow_1X_on.png);
}

#hpb-nav li a:active{
	color:#999999;
	background-image : url(arrow_1X_on.png);
}

/*--------------------------------------------------------
  common parts
--------------------------------------------------------*/

/* p */
p.indent{
	margin-bottom:9px;
	padding-bottom:7px;
	background-image : url(dotline_1X_02.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

p.large{
	font-weight:bold;	
}

.hpb-layoutset-02 p.large{
	color:#007399;
	margin-bottom:28px !important;
}

/* float */
.left{
	float:left;
}

.right{
	float:right;
}

/* hr */
hr{
	clear:both;
	border:none;
}

.hpb-layoutset-02 hr{
	height:1px;
	margin-top:0;
	margin-bottom:20px;
	padding-top:20px;
	background-image : url(dotline_1X_01.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

/* h2 */
.hpb-layoutset-01 h2{
	font-size:1em;
	position:absolute;
	top:200px;
	left:32px;
}

.hpb-layoutset-02 h2{
	width:788px;
	font-weight:normal;
	height:60px;
	line-height:60px;
	position:relative;
	background-image : url(content_title_1X.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-bottom:18px;
	padding-left:32px;
	font-size:1em;
	color:#ffffff;
}

.hpb-layoutset-02 h2 span.ja{
	font-size:2.2em;
	padding-right:24px;
}

h2 span.en{
	font-size:1.7em;
	font-family:Georgia;
}

/* h3 */
.hpb-layoutset-01 #hpb-wrapper h3{
	margin-bottom:20px;
	font-size:1.12em;
	font-family:Georgia,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ';
	font-style:italic;  
	color:#007399;
}

.hpb-layoutset-01 #hpb-wrapper h3 span.ja{
	display:none;
}

.hpb-layoutset-02 #hpb-wrapper h3{
	font-size:1.4em;
	color:#007399;
	margin-top:0;
	margin-bottom:15px;
	padding-left:22px;
	background-image : url(icon_1X.png);
	background-position:left 2px;
	background-repeat:no-repeat;
}

h3.hpb-c-index{
	display:none;
}

/* h4 */
#hpb-wrapper h4{
	font-size:1em;
	color:#007399;  
	margin-bottom:20px;
}

/* h5 */
#hpb-wrapper h5{
	color:#007399; 
	font-size:1em;
}

/* link color */
a:link{
	color:#263a69;
	text-decoration:underline;
}

a:visited{
	color:#BA2737;
	text-decoration:underline;
}

a:hover{
	color:#57627C;
	text-decoration:underline;
}

a:active{
	color:#CB5D69;
	text-decoration:underline;
}

/*--------------------------------------------------------
  single parts
--------------------------------------------------------*/

/* index.html */
#toppage-topics{
	width:530px;
	margin-top:30px;
}

#toppage-topics ul{
	margin-bottom:35px;
}

#toppage-topics ul li{
	margin-bottom:15px;
	color: #000000;
}

#toppage-topics ul li:last-child{
	margin-bottom:0;
}

#hpb-main #toppage-news{
	width:530px;
}

/* concept.html */
#concept p{
	overflow:hidden;
	zoom:1;
}

#concept img.left{
	width:168px;
	height:168px;
}

#concept dl:last-of-type{
	margin-bottom:0;
}

#concept dl:last-of-type dt:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#concept dl:last-of-type dd:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	background-image:none !important;
}

/* service.html */
#service p{
	overflow:hidden;
	zoom:1;
}

#service img.left{
	width:144px;
	height:144px;
}

#service img.right{
	width:144px;
	height:144px;
}

#service h4{
	font-size:1.3em;
	margin-top:0;
	margin-bottom:15px;
}

#service p strong{
	padding-top:24px;
	display:block;
}

/* news.html */
#news hr{
	margin-bottom:10px;
	padding-top:10px;
	background-image:none;
}

#news hr:last-of-type{
	margin-bottom:0;
	padding-top:0;
}

#news p:last-of-type{
	margin-bottom:0;
}

/* company.html */
#company dl:last-of-type{
	margin-bottom:0;
}

#company dl:last-of-type dd:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#company dl:last-of-type dd:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	background-image:none !important;
}

/* recruit.html */
#recruit dl:last-of-type{
	margin-bottom:0;
}

#recruit dl:last-of-type dt:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#recruit dl:last-of-type dd:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	background-image:none !important;
}
	
/* contact.html */
#contact table{
	margin-top:30px;
}

#contact table th{
	color:#007399;
	padding-right:15px;
	padding-bottom:10px;
	vertical-align:top;
	text-align:left;
}

#contact table td{
	padding-bottom:10px;
}

#contact textarea{
	width:450px;
	height:120px;
	border-style:solid;
	border-width:1px;
	border-color:#e6e6e6;
}

#contact input{
	width:450px;
	height:1.5em;
	padding:0;
	border-style:solid;
	border-width:1px;
	border-color:#e6e6e6;
}

#contact input.button{
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
	width:125px;
	height:30px;
	line-height:30px;
	margin-top:10px;
	margin-left:125px;
	background-image : url(submit_arrow_1X.png);
	background-repeat:no-repeat;
	background-position:30px center;
	background-color:#007399;
	border-color:#007399;
	border-radius:3px;
	cursor:pointer;
}

#contact input.button:hover{
	background-color:#999999;
	border-color:#999999;
}

#contact p:nth-of-type(1){
	color:#007399;  
	font-weight:bold; 
}

#contact hr:last-of-type{
	padding-top:0;
	margin-bottom:0;
	background-image:none;
}

/* access.html */
#access p.large{
	margin-top:13px;
}

#access p{
	margin-bottom:20px;
}

#access p:last-of-type{
	margin-bottom:0;
}

#access hr:last-of-type{
	margin-bottom:0;
}

#access hr:last-of-type{
	padding-top:0;
	margin-bottom:0;
	background-image:none;
}

#access dl:last-of-type{
	margin-bottom:0;
}

#access dl:last-of-type dt:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#access dl:last-of-type dd:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	background-image:none !important;
}

/* privacy.html */
#privacy h3{
	margin-bottom:5px !important;
}

#privacy ul{
	margin-top:12px;
}

#privacy ul li{
	margin-bottom:9px;
	padding-bottom:6px;
	background-image : url(dotline_1X_02.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#privacy ul li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	background-image:none;
}

#privacy hr:last-of-type{
	padding-top:0;
	margin-bottom:0;
	background-image:none;
}

/* law.html */
#law dl:last-of-type{
	margin-bottom:0;
}

#law dl:last-of-type dt:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#law dl:last-of-type dd:last-of-type{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	background-image:none !important;
}



/*--------------------------------------------------------
  ■style.css
--------------------------------------------------------*/

/*--------------------------------------------------------
  style
--------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:1.4;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo , san-serif ;
	color:#333333;
	background-color:#E9EBEE;
}

hr {
	border:none;
	border-top: solid 1px #666;
	line-height:1;
	height:1px;
	margin:20px auto;
}

table {
	margin:0 auto;
}
table td {
	padding:2px 5px;
}


/*--------------------------------------------------------
  common class
--------------------------------------------------------*/
.clear {
	clear:both;
	line-height:1;
	height:0;
}

.button {
	display:block;
	padding:5px;
	text-align:center;
}
.button a {
	display:block;
	padding:10px;
	color:#333;
	border-radius:5px;
	overflow:hidden;
	text-decoration:none;
	background: #eee;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
}
.button a:hover {
	color:#fff;
	border-radius:5px;
	background: #efc5ca;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYzVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2JhMjczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #efc5ca 0%, #ba2737 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efc5ca), color-stop(80%,#ba2737));
	background: -webkit-linear-gradient(top,  #efc5ca 0%,#ba2737 80%);
	background: -o-linear-gradient(top,  #efc5ca 0%,#ba2737 80%);
	background: -ms-linear-gradient(top,  #efc5ca 0%,#ba2737 80%);
	background: linear-gradient(to bottom,  #efc5ca 0%,#ba2737 80%);
}
.button a { /* IE8 */
	background: #eee\9;
}
.button a:hover { /* IE8 */
	background: #efc5ca\9;
}


/*--------------------------------------------------------
  Layout
--------------------------------------------------------*/
.wrap {
	width:960px;
	margin:0 auto;
	box-sizing:border-box;
	background:url(images/bg_shadow.png) center top repeat-y;
}

/* Header */
#header {
	text-align:left;
}
#header_box_wrap {
	width:940px;
	margin:0 auto;
	background: #4B746C; /* Old browsers */
	}
#header_box_wrap { /* IE8 */
	background: #253e7a\9;
}
#header_box {
	width:860px;
	margin:0 auto;
	padding:10px 20px;
}
#header h1 {
	color:#FFFFFF;
}
#header-img_wrap {
	width:940px;
	text-align:center;
	margin:0 auto;
	position:relative;
}
#header-img_wrap img {
	width:100%;
}
.header-img_text {
	position:absolute;
	top:52%;
	left:88px;
	padding:10px 15px;
	background:rgba(255,255,255,0.7);
	text-align:left;
	font-size:1.3em;
	line-height:1.6em;
	font-weight:bold;
	color:#000;
	border-radius:8px;
	min-width:410px;
}

#h-nav {
	float:right;
	text-align:right;
	padding-top:5px;
}
#h-nav a {
	padding:5px 10px 5px 23px;
	text-decoration:none;
	color:#FFFFFF;
	display:inline-block;
	background-image:url(images/01bul01.gif);
	background-position:10px center;
	background-repeat:no-repeat;
}
#h-nav a:hover {
	color:#FFF;
	background-color:#649E93;
	/*background-image:url(images/ya01_03.gif);*/
	background-position:10px center;
	background-repeat:no-repeat;
}

/* Footer */
#footer {
	width:940px;
	padding:0;
	margin:20px auto 0;
	text-align:center;
}
.footer_box1 {
	width:100%;
	max-width:860px;
	margin:0 auto;
	padding-bottom:25px;
	background-color:#FFF;
}

#f-nav {
	margin:15px auto 0;
}
#f-nav ul {
	width:100%;
	display:table;
	margin:20px auto 20px;
}
#f-nav ul li {
	width:auto;
	display:table-cell;
	padding:5px;
	font-size:0.9em;
	text-align:center;
	border-left:solid 1px #999;
}
#f-nav ul li:last-child {
	border-right:solid 1px #999;
}
#f-bn {
	text-align:center;
	padding-top:20px;
}
#f-bn ul {
	list-style:none;
	margin:0 auto;
	text-align:center;
}
#f-bn ul li {
	display:inline-block;
	width:auto;
	margin:0 25px;
	padding:0;
	color:#fff;
	border-radius:5px;
	border:none;
	text-align:center;
	vertical-align:middle;
	background: #4B746C;
	}
#f-bn ul li:hover {
	border-radius:5px;
	background: #5C9287;
		}
#f-bn ul li { /* IE8 */
	background: #d12222\9;
}
#f-bn ul li:hover { /* IE8 */
	background: #dd5959\9;
}
#f-bn ul li { /* IE7 */
	/display:inline/;
	/width:auto;
	/margin-bottom:5px;
}
#f-bn ul li a {
	padding:15px 50px 15px 20px;
	display:block;
	background:url(images/btn_arrow.png) 92% center no-repeat;
	color:#fff;
	text-decoration:none;
}
#f-bn ul li a:hover {
	color:#fff;
	text-decoration:none;
}
.footer_box1 .f-text{
	background:#4B746C;
	padding:5px 0;
}
.footer_box1 .f-text p{
	color:#fff;
}
.footer_box2 {
	background:#ddd;
	padding:6px;
	font-size:0.9em;
}
.footer_box2 a {
	color:#333;
	margin:0 10px;
}
.footer_box3 {
	background:#999;
	color:#fff;
	padding:6px;
	font-size:0.8em;
}
.footer_box3 span {
	display:inline-block;
}


/* Main */
.pagewrap {
	width:100%;
	max-width:900px;
	padding:20px;
	margin:0 auto;
	box-sizing:border-box;
}

.topicPath {
	text-align:left;
	margin-bottom:20px;
}

.pagetit {
	padding:27px;
	background-color:#D9E2E0;
	background-image:url(images/pagetit_bg.png);
	background-position:10px center;
	background-repeat:no-repeat;
	overflow:visible;
	color:#334A46;
	font-size:2em;
	font-weight:bold;
	border-radius:5px;
	line-height:1.2em;
}
.pagetit.pagetit_bgnone {
	padding:10px;
	background-color:#FEE678;
	background-image:none;
}

.p_tit01{
	font-size:23px;
	color:#182C59;
	padding:15px 0;
}
.sub_tit{
	color:#334A46;
	font-size:23px;
	margin:30px 0 0 0;
}
/*--------------------------------------------------------
  Content
--------------------------------------------------------*/
/* common */
.content_wrap {
	padding:10px;
	border:solid 5px #4B746C;
	border-radius:10px;
}

.link_bn {
	width:auto;
	margin:20px auto;
}
.link_bn ul {
	list-style:none;
	text-align:center;
	margin:0 auto;
	width:auto;
}
.link_bn ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.link_bn ul li {
	display:inline-block;
	width:45%;
	margin:10px 20px;
	padding:0;
	color:#fff;
	border-radius:5px;
	border:none;
	text-align:center;
	vertical-align:middle;
	background: #4B746C;
	}

.link_bn ul li:hover {
	border-radius:5px;
	background: #5C9287;
	}
.link_bn ul li { /* IE8 */
	background: #d12222\9;
}
.link_bn ul li:hover { /* IE8 */
	background: #dd5959\9;
}
.link_bn ul li a {
	padding:15px 50px 15px 20px;
	display:block;
	background:url(images/btn_arrow.png) 95% center no-repeat;
	color:#fff;
	text-decoration:none;
}
.link_bn ul li a:hover {
	color:#fff;
	text-decoration:none;
	background:#5C9287;
	background:url(images/btn_arrow.png) 95% center no-repeat;
}

.link_bn_s ul li a {
	padding:15px 45px 15px 15px;
	display:block;
	background:url(images/btn_arrow.png) 95% center no-repeat;
	color:#fff;
	text-decoration:none;
}

.list_box_wrap {
	width:100%;
	text-align:center;
	padding:30px 0 0 0;
	box-sizing:border-box;
}
.list_box {
	width:100%;
	margin:0 auto;
	padding:15px 0;
	border:solid 5px #263A69;
	border-radius:10px;
	text-align:left;
	display:inline-block;
	box-sizing:border-box;
}
.list_box_l,
.list_box_r {
	padding:5px 20px;
	display:block;
	float:left;
}
.list_box_l {
	border-right: dashed 1px #263A69;
	width:50%;
	box-sizing:border-box;
}
.list_box { /* IE7 */
	/width:98%;
}
.list_box_l { /* IE7 */
	/width:45%;
}
.list_box a {
	color:#333;
}
.list_box a:hover {
	color:#BA2737;
}


/* toppage */
.pref_list_box {
	background:#FFFFFF;
}

.pref_list hr{
	 height:auto;
	 border: 1px dashed #182C59;
}
.p_box{
	color:#547A72;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	padding-bottom:5px;
}
.pre_tit{
	color:#334A46;
	font-weight:bold;
	font-size:23px;
	text-align:left;
	
}
.pref_list {
	width:auto;
	max-width:820px;
	margin:0 auto;
}
.pref_list ul {
	list-style:none;
	text-align:left;
	margin:0 auto;
	width:auto;
}
.pref_list ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.pref_list ul li {
	display:block;
	float:left;
	width:105px;
	padding:5px;
	text-align:center;
	margin:0 auto;
}
.pref_list ul li a {
	display:block;
	padding:10px;
	color:#000000;
	border:solid 1px #60827B;
	border-radius:5px;
	overflow:hidden;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9e2e0+0,ffffff+100 */
	background: #d9e2e0; /* Old browsers */
	background: -moz-linear-gradient(top, #d9e2e0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9e2e0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9e2e0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e2e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	}
.pref_list ul .nat a{
	display:block;
	padding:10px;
	color:#fff;
	border:solid 1px #5A7E77;
	border-radius:5px;
	overflow:hidden;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b746c+0,62837c+100 */
	background: #4b746c; /* Old browsers */
	background: -moz-linear-gradient(top, #4b746c 0%, #62837c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4b746c 0%,#62837c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4b746c 0%,#62837c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b746c', endColorstr='#62837c',GradientType=0 ); /* IE6-9 */
	}
.pref_list ul li a:hover {
	color:#000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9e2e0+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d9e2e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d9e2e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#d9e2e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e2e0',GradientType=0 ); /* IE6-9 */		}
		
.pref_list ul .nat a:hover{
	display:block;
	padding:10px;
	color:#fff;
	border:solid 1px #5A7E77;
	border-radius:5px;
	overflow:hidden;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#62837c+0,4b746c+100 */
	background: #62837c; /* Old browsers */
	background: -moz-linear-gradient(top, #62837c 0%, #4b746c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #62837c 0%,#4b746c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #62837c 0%,#4b746c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62837c', endColorstr='#4b746c',GradientType=0 ); /* IE6-9 */	}
.pref_list ul li a { /* IE8 */
	background: #eda7a7\9;
}
.pref_list ul li a:hover { /* IE8 */
	background: #d12222\9;
}

.pref_list_box_page {
	width:100%;
	box-sizing:border-box;
}
.pref_list_box_page .pref_list {
	width:auto;
	margin:0 auto;
}
.pref_list_box_page .pref_list ul li {
	display:block;
	float:left;
	width:88px;
	padding:5px;
	text-align:center;
}
.pref_list_box_page .pref_list ul li a {
	display:block;
	padding:10px;
	background: #4B746C;
	color:#FFF;
}

.pref_list_box_page .pref_list ul li a:hover{
	display:block;
	padding:10px;
	background:#5C9287;
	color:#FFF;
}
/* page */
.list_box.ranking_box {
	width:100%;
	margin:0 auto;
	border:solid 5px #577D76;
	border-radius:10px;
	text-align:left;
	display:inline-block;
	box-sizing:border-box;
}
.list_box_tit{
	color:#FB0505;
	font-size:18px;
	
}
.ranking_box .list_box_l,
.ranking_box .list_box_r {
	padding:5px 30px;
	display:block;
	float:left;
	font-size:18px;
	box-sizing:border-box;
}

.table_wrap{
	margin:20px 20px;
	box-sizing:border-box;
	color:#182C59;
	text-align:left;
	font-size:20px;
}

.table_wrap .cot_tit{
	text-align:left;
	font-size:20px;
}

.table_wrap table{
	margin-left:0px;
	margin-right:auto;
	border-collapse:collapse;
	font-size:20px;
}

.table_wrap th,
.table_wrap td{
	border:solid 1px #000;
	padding:10px;
	text-align:center;
	font-weight:normal;
	
}
.table_wrap th{
	background-color:#D9E2E0;
}

.table_wrap .data_tit{
	color:#000;
}

.table_wrap p{
	color:#000;
}


.box_tag{
	max-width:150px;
	color:#865F9A;
	font-size:18px;
}
/*--------------------------------------------------------
  AD
--------------------------------------------------------*/
.ad_box_01 {
	margin:40px auto;
	text-align:center;
	width:100%;
	display:table;
}
.ad_box_01 {
	margin:40px auto;
	text-align:center;
	width:100%;
	/display:block;
}
.ad_box_01_l,
.ad_box_01_r {
	margin:0 10px;
	display:table-cell;
	width:48%;
	text-align:center;
}
.ad_box_01_l,
.ad_box_01_r { /* IE7 */
	/display:inline;
	/width:48%;
}
.ad_box_01_l img,
.ad_box_01_r img {
	width:100%;
	height:auto;
	max-width:345px;
}
.ad_box_01_l img,
.ad_box_01_r img { /* IE8 */
	height:290px\9;
}
.ad_box_01_l img,
.ad_box_01_r img { /* IE7 */
	/height:auto;
}

.ad_box_02 {
	margin:30px auto;
	text-align:center;
	width:100%;
	display:table;
	}
.ad_box_02 img {
	width:100%;
	max-width:300px;
	height:auto;
	margin:0 auto;
}

.ad_box_02_l{
	text-align:right;
	padding-right:15px;
}

.ad_box_02_r{
	text-align:left;
	padding-right:15px;
}

.logo_01 p {
	padding:15px 0;
}
.logo_01 p a {
	color:#263A69;
	text-decoration:none;
}
.logo_02 p {
	padding:15px 0;
}
.logo_02 p a {
	color:#FFFFFF;
	text-decoration:none;
}

.ad {
    overflow: hidden;
	box-sizing:border-box;
}

/*-----Q&A-------------------*/
/*#q_a .pagetit{
	padding: 15px;
    background-color: #D9E2E0;
    background-image: url(images/pagetit_bg.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    overflow: visible;
    color: #334A46;
    font-size: 2em;
    font-weight: bold;
    border-radius: 5px;
    line-height: 1.2em;
}*/

#q_a .pref_list_box_page{
	margin:0 0 30px 0;
}

.qa_tit{
	color:#334A46;
	font-size:23px;
}
.qa_box{
	font-size:21px;
}
.qa_cont{
	font-size:18px;
}
.qa_cont a{
	font-size:30px;
	color:#4B746C;
}
#q_a .top{
	margin:10px 100px;
}
#q_a .link_bn ul li:first-child {
	display:block;
	width:45%;
	margin:10px auto;
	}

/*----------pref-----------------------*/
#pref .pagetit{
	padding:15px;
	color:#334A46;
}

#pref .sub_a{
	color:#4B746C;
}

#pref .sub_a:hover{
	color:#5C9287;
}

/*--------------------------------------------------------
  Media Queries
--------------------------------------------------------*/

@media screen and (max-width: 568px) {

	body{
		min-width: 100%;
	}

	/*--------------------------------------------------------
	  layout
	--------------------------------------------------------*/
	/* hpb-header */
	#hpb-header{
		min-width: 100%;
		padding-top:0;
		padding-left:0;
		padding-bottom:0;
	}
	/* hpb-inner */
	#hpb-inner{
		min-width: 100%;
		padding-top:24px;
		padding-bottom:30px;
	}
	/* hpb-wrapper */
	#hpb-wrapper{
		width: 100%;
		padding-top: 0;
		float:none;
	}
	.hpb-layoutset-02 #hpb-wrapper{
		padding-top: 0;
	}
	/* hpb-title */
	.hpb-layoutset-01 #hpb-title{
		width:100%;
		height:190px;
		position:relative;
		background-size: contain;
	}
	/* hpb-main */
	#hpb-main{
		width: 96%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		float:none;
		padding-bottom: 20px;
	}
	.hpb-layoutset-02 #hpb-main{
		width: 96%;
		margin-left:auto;
		margin-right:auto;
		padding-top:16px;
	}
	/* hpb-aside */
	#hpb-aside{
		width: 96%;
		margin-left:auto;
		margin-right:auto;
		padding-top:0;
		float:none;
		padding-bottom: 20px;
	}
	/* hpb-footer */
	#hpb-footer{
		min-width:100%;
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
	}
	/* hpb-nav */
	#hpb-nav{
		position:relative;
		top:0;
		left:0;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ddd;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ddd;
	}

	/*--------------------------------------------------------
	  common layout
	--------------------------------------------------------*/

	/* hpb-header */
	#hpb-headerMain{
		width:100%;
		position:relative;
		left:0;
		top:0;
	}
	#hpb-headerMain h1{
		color: #FFFFFF;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 1.4;
		background-color: #007398;
	}
	#hpb-headerLogo{
		float:none;
		width: 98%;
		margin-right: auto;
		margin-left: auto;
	}
	#hpb-headerLogo a{
		max-width: 100%;
		background-size: contain;
		background-position: top center;
		color:#333333;
		padding-top:40px;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left:auto;
		margin-right:auto;
	}
	#hpb-headerExtra1{
		padding-top:10px;
		float:none;
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}

	/* hpb-footer */
	#hpb-footerMain p{
		text-align: center;
		padding-right: 5px;
		padding-left: 5px;
		word-break: break-all;
	}
	#hpb-footerExtra1{
		position:relative;
		top:0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#hpb-footerExtra1 ul{
		text-align: center;
		width: 100%;
	}
	#hpb-footerExtra1 li{
		/* フッターナビ設定 */
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#hpb-footerExtra1 li a{
		padding-left:22px;
	}

	/* hpb-main */
	#hpb-main img.left{
		margin-right:0;
		margin-bottom:20px;
		float:none;
	}
	#hpb-main img.right{
		margin-left:0;
		margin-bottom:20px;
		float:none;
	}

	/* pagetop */
	#pagetop{
		position:relative;
		right:0;
		bottom:0;
		margin-top: 20px;
	}

	/* hpb-aside */
	#hpb-aside #banner li{
		background-color: none;
		margin-bottom:6px;
	}
	#hpb-aside #banner li a{
		display:block;
		width:100%;
		height:auto;
		min-height:60px;
		background-color:#007399;
	}
	#hpb-aside #banner li a:hover{
		background-color:#999999;
	}
	#hpb-aside #companyinfo{
		padding-top:15px;
		padding-right:15px;
		padding-left:15px;
	}

	/*--------------------------------------------------------
	  ナビゲーションデザイン設定
	--------------------------------------------------------*/
	#hpb-nav h3.hpb-c-index{
		display: block;
		width: 27px;
		height: 20px;
		background-image : url(btn_menu.png);
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
	}
	#hpb-nav ul{
		display: none;
		padding-left: 0;
	}
	#hpb-nav ul.toggled-on{
		display: block;
		padding-left: 0;
	}
	#hpb-nav li{
		line-height:1.4;
		float:none;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ddd;
		
	}
	/*--------------------------------------------------------
	  common parts
	--------------------------------------------------------*/
	/* h2 */
	.hpb-layoutset-01 h2{
		font-size:1em;
		position:absolute;
		top:0;
		left:4%;
		padding-top: 27%;
	}

	.hpb-layoutset-02 h2{
		width:100%;
		height:auto;
		line-height:1.4;
		margin-bottom:18px;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:2%;
		padding-right:2%;
		font-size:1em;
		word-break: break-all;
		box-sizing: border-box;
	}
	.hpb-layoutset-02 h2 span.ja{
		font-size:2em;
		padding-right:0;
	}
	.hpb-layoutset-02 h2 span.en{
		font-size:1.5em;
		display: block;
	}

	/*--------------------------------------------------------
	  single parts
	--------------------------------------------------------*/

	/* index.html */
	#toppage-topics{
		width:100%;
	}
	#hpb-main #toppage-news{
		width:100%;
	}

	/* contact.html */
	#contact table{
		margin-top:30px;
	}
	#contact textarea{
		width:96%;
	}
	#contact input{
		width:96%;
	}
}

@media screen and (max-width: 768px) {
	hr{text-align:center;}
	.wrap {
		width:100%;
	}
	.pagetit {
		padding:10px;
		background-color:#D9E2E0;
		background-image:none;
		font-size:1.6em;
		min-height:auto;
	}
	#header_box_wrap {
		width:100%;
	}
	#header_box{
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	#header-img_wrap {
		width:100%;
	}
	.header-img_text {
		top:52%;
		left:9%;
		padding:10px;
		font-size:1em;
		line-height:1.2em;
		font-weight:bold;
		min-width:10px;
	}
	#f-nav {
		width:100%;
	}
	#f-nav ul {
		width:100%;
		display:table;
		margin:10px auto 20px;
	}
	#f-nav ul li {
		width:auto;
		display:inline-block;
		padding:6px 12px;
		margin:3px;
		font-size:1em;
		text-align:center;
		border:none;
		background:#ddeef4;
	}
	#f-nav ul li:last-child {
		border:none;
	}
	#f-nav ul li a {
		color:#007399;
		text-decoration:none;
	}
	#f-nav ul li a:hover {
		color:#007399;
		text-decoration:underline;
	}
	#footer {
		width:100%;
	}
	#f-bn ul {
		width:100%;
	}
	.link_bn ul li,
	.link_bn ul li:first-child{
		width:100%;
		margin:5px auto;
	}
	#q_a .link_bn ul li,
	#q_a .link_bn ul li:first-child{
		width:100%;
		margin:5px auto;
	}
	.list_box_l,
	.list_box_r {
		float:none;
	}
	.list_box_l {
		border-right:none;
		width:auto;
	}
	.pref_list_box {
		padding:10px;
		font-size:0.9em;
	}
	.pref_list_box_page .pref_list ul li {
		width:76px;
	}
	.list_box.ranking_box {
		padding:5px 5px;
	}
	.ranking_box .list_box_l,
	.ranking_box .list_box_r {
		padding:10px 0px;
		max-width:50%;
	}
	.ad_box_01_l {
		padding-right:5px;
	}
	.ad_box_01_r {
		padding-left:5px;
	}
	.ad img {
		max-width:100%;
	}
	.qa_box {
		min-height:270px;
		position:relative;
		width:100%;
		box-sizing:border-box;
	}
	.qa_ad {
		float:none;
		position:absolute;
		bottom:0;
		text-align:center;
		padding:10px;
		margin-left:-20px;
		width:100%;
		box-sizing:border-box;
	}
	.qa_ad a {
		display:block;
		padding:10px;
		margin:0 auto;
	}
	.qa_ad img {
		max-width:100%;
	}

}

@media screen and (max-width: 680px) {
	#header {
		margin-bottom:10px;
		padding-top:0;
	}
	#header_box{
		padding:0 10px 10px;
		box-sizing:border-box;
	}
	#header h1 {
		clear:both;
		padding:10px 0 5px;
		font-size:22px;
		text-align:center;
	}
	.pagewrap {
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	.topicPath {
		font-size:0.9em;
		margin-bottom:15px;
	}
	.ad_box_01_l {
		padding-right:5px;
	}
	.ad_box_01_r {
		padding-left:5px;
	}
	.ad_box_02 {
		margin:20px auto;
	}
	.pref_list ul li {
		box-sizing:border-box;
		display:inline-block;
		width:auto;
		padding:2px;
		text-align:center;
	}
	.pref_list_box_page {
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#f-bn {
		padding-left:10px;
		padding-right:10px;
	}
	.pref_list ul li a,
	.pref_list ul .nat a{
		padding:15px;
	}
	.pref_list ul .nat a:hover{
		padding:15px;
	}
}

@media screen and (max-width: 580px) {
	.header-img_text {
		top:52%;
		left:9%;
		padding:10px;
		font-size:0.9em;
		line-height:1.1em;
		font-weight:normal;
	}
	.link_bn ul li,
	.link_bn ul li:first-child {
		padding:0;
		margin:0 0 10px;
		width:100%;
		box-sizing:border-box;
		display:block;
	}
	.link_bn ul li a {
		width:100%;
		box-sizing:border-box;
	}
	#f-bn ul li {
		padding:0 10px;
		margin:0 0 15px;
		width:100%;
		box-sizing:border-box;
	}
	#f-bn ul li a {
		width:100%;
		box-sizing:border-box;
	}
}

@media screen and (max-width: 480px) {
	#header {
		margin-bottom:10px;
	}
	.header-img_text {
		top:52%;
		left:9%;
		padding:5px 10px;
		font-size:0.9em;
		line-height:1.1em;
		font-weight:normal;
	}
	.pagetit {
		padding:10px;
		background-color:#D9E2E0;
		background-image:none;
		font-size:1.4em;
	}
	#id .pagetit {
		padding:10px;
		background-color:#D9E2E0;
		background-image:none;
		font-size:1.4em;
	}
	.link_bn ul li {
		display:block;
		width:auto;
		margin:0 0 10px;
		padding:0;
	}
	.ranking_box .list_box_l,
	.ranking_box .list_box_r {
		padding:10px 0px;
		max-width:100%;
	}

	#q_a .top{
		margin:0 0 10px;
	}
	
	.pref_list ul li{
		width:33.3%;
	}

}

@media screen and (max-width: 400px) {
	.link_bn ul li a {
		padding:15px 40px 15px 15px;
		font-size:0.9em;
	}
	.adsbygoogle{
		width: 300px;
 		height: 250px;
	}
}

@media screen and (max-width: 360px) {
	.header-img_text {
		top:51%;
		left:9%;
		padding:5px 10px;
		font-size:0.8em;
		line-height:1.1em;
		font-weight:normal;
	}
	.qa_box {
		padding-bottom:280px;
	}
	.pref_list ul li{
		width:50%;
	}
}