@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    /*background:transparent;*/
		font-size: 14px;
		color: #333;
		font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
		line-height:1.6;
		font-weight: normal;
}

body {

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul, ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}

a {
	text-decoration: underline;
}
a:link {
	color: #2eb6ef;
}
a:active {
	color: #2eb6ef;
}
a:visited {
	color: #2eb6ef;
}
a:hover {
	color: #999;
	text-decoration: none;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;	/*←IE用画像縮小アルゴリズムの改善*/
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

strong,em{
	font-style:normal;
}


/*ClearFix*/
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}

/* css common 
---------------------------------------------------------- */
#wrapper {
	min-height:100%;
	margin:0px auto;
	position:relative;
}

#h_box, #mainnav .topmenu, .footer_box, #copy_right p, #main_img, #main, .box{
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
}

/* header 
---------------------------------------------------------- */
#h_box{
	padding-bottom: 15px;
}
#h_title{
	background: #e4e4e4;
	padding: 3px 0;	
}
#h_title h1 {
	color: #a9a9a9;
	font-size: 10px;
}
#h_left {
	width: 40%;
	float: left;
	padding-top: 28px;
}
#h_left .link_news{
	display:inline-block;
	background: url(../common_img/arrow01.png) no-repeat left center;
	padding-left: 17px;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	margin: 0px 0 0 20px;
}
#h_left .link_news:hover{ color: #029BCF; }
#h_right {
	float: right;
	width: 411px;
	text-align: right;
	position: relative;
}
#h_right a{
	position: absolute;
	bottom: 18px;
	right: 20px;
}

/* mainnav 
---------------------------------------------------------- */
#mainnav {
	background: #029bcf;
	border-bottom: 2px solid #037297;
}
#mainnav .topmenu li{
	float:left;
	position:relative;
}

/* level2 */
#mainnav .topmenu ul{
	width: 200px;
	display:none;
	background:#1E1E1E;
	position:absolute;
	z-index:9999;
}
#mainnav .topmenu li li{
	border-left: none;
	float: none;
	border-top: 1px solid #4C4C4C;
	box-sizing: border-box;
}
#mainnav .topmenu li li a{
	padding: 10px 15px;	
	display: block;
	color: #FFF;
	text-decoration: none;
}
#mainnav li li .parent {
	background-image:url(common/images/common/arrow01.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
/* level3 */
#mainnav .topmenu ul ul{
	margin:-42px 0 0 -1px;
	padding-top: 0;
  left:100%;
}

/* level4 */
#mainnav ul ul ul {
	margin:-42px 0 0 -1px;
	left:100%;
}

/* main 
---------------------------------------------------------- */
#main{
	margin-bottom: 100px;
}
#content{
	width: 740px;
	float: right;
}

#snav{
	width: 230px;
	float: left;
}
#snav .s_menu{
	background: url(../common_img/bg_snav.jpg);
	padding: 10px;
	margin-bottom: 40px;
}
#snav .s_menu h3{
	background: #00c6ac;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 8px 5px;
	margin: 0 10px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#snav .s_menu .sbox{
	background: #FFF;
	padding: 10px;
}
#snav .s_menu .sbox li{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
#snav .s_menu .sbox li:last-child{
	border: none;
}
#snav .s_menu .sbox a{
	color: #333;
	background: url(../common_img/arrow01.png) no-repeat left 5px;
	padding-left: 17px;
	text-decoration: none;
	display: inline-block;
}
#snav .s_menu .sbox a:hover{ color: #029BCF; }


#snav .banner_s li{ margin-top: 20px; }

/* pagetop 
---------------------------------------------------------- */
#bk_top {
	text-align:center;
}

#scrollUp {
	width: 59px;
	height: 55px;
  bottom: 5%;
  right: 5%;
	background:url(../common_img/btn_pagetop.jpg) no-repeat;
}


/* footer 
---------------------------------------------------------- */

#footer_link{
	background: #caeffb;
	padding: 20px 0 10px 0;
}
#footer_link li{
	float: left;
	margin-left: 60px;
	margin-bottom: 10px;
}
#footer_link li:first-child{ margin-left: 0; }
#footer_link li.need_left{ 
	margin-left: 118px; 
	margin-right: 28px;
}
#footer_link li.need_right{ margin-right: 28px;}
#footer_link li a{
	background: url(../common_img/arrow01.png) no-repeat left center;
	padding-left: 17px;
	color: #333;
}
#footer_link li a:hover{ color: #029BCF; }



#footer {
	padding: 40px 0;
	background:#029bcf;
	border-bottom: 2px solid #037297;
}
#footer #address{
	float: left;
	margin-bottom: 20px;
}
#footer #address p{
	color: #FFF;
	margin-top: 15px;
}
#footer #contact_f{
	width: 520px;
	position: relative;
	float: right;
}
#footer #contact_f a{
	position: absolute;
	right: 20px;
	bottom: 18px;
}
#footer #area{
	border: 1px solid #fff;
	padding: 20px;
	clear: both;
	box-sizing: border-box;
}
#footer #area p{
	color: #FFF;
	margin-top: 20px;
}
/* margin style
---------------------------------------------------------- */
.section {
	margin-bottom:40px;
}
.container {
	margin-bottom:40px;
}
.case {
	margin-bottom:30px;
}
.pack {
	margin-bottom:20px;
}
.item {
	margin-bottom:15px;
}
.mb_clear{ margin-bottom: 0; }

.section .container:last-child,
.container .case:last-child,
.case .pack:last-child,
.pack .item:last-child {
	margin-bottom:0px;
}

/* text-align style
---------------------------------------------------------- */
.txt_l{
	text-align:left !important;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}
.txt_b{
	font-weight:bold;
}

/* p section 
---------------------------------------------------------- */
#main p {
	margin-bottom:20px;
}
#main * p:last-child {
	margin-bottom:0px;
}


/* tb_style 
---------------------------------------------------------- */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border: 3px solid #ddd;
}
.tb_style td,
.tb_style th{
	padding: 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.tb_style th{
	font-weight: bold;
	background:#eee;
}


/* tb_form 
---------------------------------------------------------- */
.tb_form{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_form th {
	width: 230px;
	text-align:left;
	vertical-align: top;
}
.tb_form .tb_list li{
	display:inline;
	margin-left:15px;
}
.tb_form .tb_list li:first-child{
	margin-left:0;
}
.tb_form .tb_list li .title{
	margin-right:5px;
}
.tb_form .space_b{
	display:block;
	margin-bottom:15px;
}
.tb_form .imp_txt{
	width:100%;
	padding:3px 0;
}
.tb_form .imp_s{
	width:20%;
	padding:3px 0;
}
.tb_form .imp_space{
	width:20%;
	padding:3px 0;
}
.ime_sel{ 
	padding: 3px 0;
	width: 100%;
}
.tb_form input[type="text"]{ 
	-webkit-appearance: none;
	border-radius: 0;
	padding: 5px;
	margin: 5px 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 50%;
}
.tb_form select{
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 60%;
	margin: 10px 0;
}
.tb_form th img {
	float:right;
}
.tb_form textarea{
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

/*submitBtn*/
#formEnd {
	text-align:center;
}

#formEnd input {
	font-weight:bold;
	margin-top: 5px;
	padding:10px 20px;
	-webkit-appearance: none;
	border-radius: 0;
	background: #029BCF;
	font-weight: bold;
	color: #FFF;
	border: none;
	cursor: pointer;
}
/* col style 
---------------------------------------------------------- */
.col2_box, .col3_box, .col4_box{
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
	box-sizing: border-box;
}
.col2_box .col2:first-child,
.col3_box .col3:first-child,
.col4_box .col4:first-child{
	margin-left:0;
}

/* --- col 2 --- */
.col2_box {
}
.col2_box .col2 {
}

/* --- col 3 --- */
.col3_box {
}
.col3_box .col3 {
}

/* --- col 4 --- */
.col4_box {
}
.col4_box .col4 {
}



/* title style 
---------------------------------------------------------- */
.title_main {

}
.title_sub {
	background: url(../common_img/bg_title_sub.png) no-repeat left top;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 8px 0 5px 70px;
	margin-bottom: 25px;
}
.title_home{
	background-image: url(../common_img/title_sub_home.png);
	padding-left: 80px;
}
.title_sec {
	font-size: 18px;
	font-weight: bold;
	background: url(../common_img/bg_title_sec.png) no-repeat left bottom;
	padding: 5px 0 10px 50px;
	margin-bottom: 20px;
	color: #029BCF;

}
.title_item {
	font-size: 16px;
	font-weight: bold;
	background: url(../common_img/bg_title_item.jpg) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 10px;
	color: #F96E19;
}
.title_page{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}


/* topicPath 
---------------------------------------------------------- */
#topicPath {
	clear:both;
	display: block;
	padding: 0 30px;
}
#topicPath ul{
}
#topicPath li {
	display:inline;
	padding-top: 3px;
	list-style-type:none;
	font-size: 12px;
	color: #666;
}
#topicPath li a {
	padding-right:15px;
	background:url(../common_img/arrow03.png) no-repeat right center;
	text-decoration:underline;
}
#topicPath li a:hover {
	text-decoration:none;
}

/* control_area 
---------------------------------------------------------- */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	font-size: 80%;
	display: block;
	padding:5px 20px;
	border-radius:3px;	
	background: #00A2D9;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #FFF; color: #00A2D9; }

/* container 
---------------------------------------------------------- */
.container {

}
.container .msg {
	width: 62%;
	word-break: break-all;
}
.container .img {
	width: 35%;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}


/* list_dot 
---------------------------------------------------------- */
.list_dot{
	list-style:disc;
	margin:0 0 15px 17px;
}



#main_img_wrap {
	background: url(../common_img/bg_main.jpg) no-repeat center top;
}

#main_img {
	height: 336px;
}
#main_img h2{
	padding: 175px 0 60px 45px;
}



.title_image{
	display:block;
	margin-bottom:15px;
}
.txt_red{
	color:#FF8000;
}