@charset "utf-8";

/* Reset
-----------------------------------------------------------*/
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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    word-break: break-all;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    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:hover{
    cursor: pointer;
}
a:link {
    color: #000000;
}
a:visited {
    color: #000000;
}
a:-webkit-any-link {
    color: #000000;
}
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
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;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
ol, ul{
	list-style:none;
}
h1, h2, h3, h4, h5, h6{ font-weight:normal; }
strong, b, em{ font-weight:bold; }
sup{ vertical-align: text-top;font-size: 6px; }
sub{ vertical-align: text-bottom;font-size: 6px;}

/* font setting
-----------------------------------------------------------*/
html {
  font-size: 100%;
}
body {
  font-family: "メイリオ",Verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","Meiryo UI","ＭＳ Ｐゴシック",sans-serif;
  color:#000000;
  line-height:1.4;
}
select, input, button, textarea, button{ font:99% arial,helvetica,clean,sans-serif; }
table{ font-size:inherit; font:100%; }

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

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/*  layout styles
-----------------------------------------------------------*/
/* text-align styles */
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.middle{ vertical-align:middle; }

/*float styles */
.fl_l{ float:left; }
.fl_r{ float:right; }

/*clear styles */
.clear{ clear:both; }
.border_none { border:none; }
.border_dotted{border-bottom:1px dotted #dddddd;padding-bottom:10px;}
.bl0 {border-left: 0;}
.bb0 {border-bottom: 0;}
.b1{border: 1px solid #dddddd;}

.li_style_circle{
    list-style-image: url(../img/icon_maru2.png);
}

/* margin styles */
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt70{ margin-top:70px !important; }
.mt100{ margin-top:100px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml50{ margin-left:50px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10{ margin-right:10px !important; }
.mr12{ margin-right:12px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr50{ margin-right:50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }

/* padding styles */
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt50{ padding-top:50px !important; }
.pt70{ padding-top:70px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }
.pl40{ padding-left:40px !important; }
.pl50{ padding-left:50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr40{ padding-right:40px !important; }
.pr50{ padding-right:50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !important; }
.pb50{ padding-bottom:50px !important; }

.fs11{font-size:11px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.text_bold {font-weight: bold;}

.line_h{line-height: 1.5em;}
.line_h2{line-height: 2em;}

.flow{overflow: hidden;}
.m_auto{margin:0 auto;}

.red{color:#cc0000;}
.b-color-pink{background-color: #ffecf5}
.b-color-blue{background-color: #f2fcfd;}
.blue_box{background-color: #ebfaff;}
.yellow_box{background-color: #fffdeb;}
.b-color-gray{background-color: #f2f2f2;}

.h_3em{height:3em}
.w130 {width: 130px;}
.w_200{width: 200px;}
.w_300{width: 300px;}
.w_500{width: 500px;}
.w_550{width: 550px;}
.w_600{width: 600px;}
.w_650{width: 650px;}
.w_700{width: 700px;}
.w_800{width: 800px;}
.w_8{width:80%;}
.w_9{width:90%;}
.w_95{width:95%;}
.w_97{width:97%;}
.w_98{width:98%;}
/* 共通 */
body {
    width: 1340px;
    background-color: #011f5d;
    margin: 0 auto;
}
section, h1 {
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}
/** メニュー **/
h1 {
    padding-top: 10px;
    margin: 0 20px;
}

/* footer */
.footer_left {
   float: left;
}
.footer_left ul {
    margin: 0;
    padding: 20px;
    color: #ffffff;
}
.footer_left li {
    list-style: none;
    padding: 0;
}
.footer_left li.company {
    font-size: 120%;
}
.footer_left li.address {
    font-size: 90%;
}
.footer_left li.copy {
    font-size: 70%;
    color: #3869c3;
}
.footer_right,.footer_right a {
    float: right;
}
.company_box {
    width: 233px;
    margin: 10px;
    color: #ffffff;
    float: right;
    padding: 20px;
    border: 1px solid #012a7d;
}
.company_box img {
    float: left;
    margin-right: 20px;
}
.company_box p {
    margin: 0;
    padding: 0;
}
.text_disc {
    font-size: 70%;
}
li a.menu:link {
    color: #ffffff;
}
li a.menu:-webkit-any-link {
    color: #ffffff;
}
a .company_box:hover {
    border: 1px solid #ffffff;
}
.super{
    vertical-align: super;
}