@charset "UTF-8";

/* =========================================================
   Reset
========================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; }
a:focus{ outline: none; }


/* =========================================================
   Body
========================================================= */
body {
	font: 13px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, Arial, Verdana, sans-serif;
	color: #555555;
	background-image: url(img/back.jpg);
	line-height:24pt;
}
a:link, a:visited { color: #2C8CAD; text-decoration: none; }
a:hover, a:active { color: #2C8CAD; text-decoration: underline; }


/* =========================================================
   Head
========================================================= */
#head { width: 990px; margin: 0 auto 20px auto; }



/* =========================================================
   Contents
========================================================= */
#con {
	margin: 0 auto;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;}
	 

#con_w { width: 1000px; margin: 0 auto; background:#FFFFFF; }
	 
#con2 { width: 1000px; margin: 30px auto; background:#FFFFFF; }
#con2 #left {
	width: 660px;
	float: left;
	background:#FFFFFF;
	margin: 0 0 0 50px; 
}

#con2 #left_s {
	width: 200px;
	float: left;

}


#con2 #left #l_left { width: 650px; border-top: 2px solid #C5C5C5; float: left;	margin: 0 0 50px 0;   }
#con2 #left #l_left li { border-bottom: 1px dotted #333333; }
#con2 #left #l_left li a { padding: 5px 0; display: block; }
#con2 #left #l_left li a:link, #con2 #left #l_left li a:visited { color: #555555; text-decoration: none; }
#con2 #left #l_left li a:hover, #con2 #left #l_left li a:active { color: #2C8CAD; text-decoration: none; }

#con2 #left #l_right { width: 200px; float: right; }

#con2 #right { width: 200px; float: right; 	margin: 0 50px 0 0; }

.inner {
	width: 900px;
	margin: 0 auto;  
}




.left {
	width: 660px;
	float: left;
	background:#FFFFFF;
	margin: 0 0 0 50px; 
}


.left_menu {width: 680px; float: left; background:#FFFFFF; margin:0 0 0 50px }

.left_s {
	width: 560px;
	float: left;
	background:#FFFFFF;
	margin: 0 0 0 50px; 
}


.right { width: 200px; float: right; 	margin: 0 50px 0 0; }

.right_l { width: 300px; float: right; 	margin: 0 50px 0 0; }
.right_l2 { width: 220px; float: right; }

.right_watanabe { width: 230px; float: right; 	margin: 0 50px 0 0; }
.right_set { width: 364px; float: right;  }


/* =========================================================
   Foot
========================================================= */
#foot { width: 990px; margin: 0 auto; }
#foot a:link, #foot a:visited { color: #555555; text-decoration: none; }
#foot a:hover, #foot a:active { color: #2C8CAD; text-decoration: none; }
#foot ul { width: 700px; float: left; font-size: 11px; }
#foot li { padding: 0 15px; border-right: 1px dotted #333333; float: left; }
#foot table { width: #100px; margin-bottom: 10px; float: right; }
#foot td { padding-left: 5px; }
#foot p { padding-top: 10px; border-top: 1px solid #D9DEE2; font-size: 10px; text-align: right; }





/* =========================================================
   Other
========================================================= */
#wrapper{ display: none; }
.cl { clear: both; }
.pan { margin: 5px 0 40px 0; font-size: 11px; }
.pagetop { width: 990px; margin: 50px auto 20px auto; text-align: right; font-size: 11px; }
.pagetop a:link, .pagetop a:visited { color: #555555; text-decoration: none; }
.pagetop a:hover, .pagetop a:active { color: #2C8CAD; text-decoration: none; }


table.table-01{
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.table-01 th{
    color:#330000;
    background-color:#996633;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.table-01 td{
	padding: 5px 0px;
	
	
}

/* TABLE2 */
table.table-02 {
    border: 0px #eee solid;
	    border-width: 1px 0 0px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}

table.table-02 th {
    padding: 5px;
    border: #eee solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 20pt;
    text-align: center;
}
table.table-02 td {
	padding: 15px;
	border: 1px #eee solid;
	border-width: 0 0 1px 0;
	line-height:20px;
	vertical-align:top;
}

table.table-02 img {
	 margin-bottom:10px;
}




/* TABLE3 */
table.table-03 {
    border: 0px #bbb dashed ;
	border-width: 1px 0 0px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}

table.table-03 th {
    padding: 5px;
    border: #bbb dashed ;
    border-width: 1px 0 1px 0;
    background: #fff;
    line-height: 20pt;
	text-align:left;
	font-weight:normal;
}
table.table-03 td {
	padding: 15px;
	border: 1px #bbb  dashed ;
	border-width: 0 0 1px 0;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	vertical-align:top;
}

table.table-03 img {
	 margin-bottom:10px;
}



#sample li {
  list-style-type : none;
  padding:5px 10px;
  border-bottom:1px solid #84b2e0;
}

.ga {
}

.ga1 p { line-height: 1.4em;
	margin: 2em 0 1em 0em;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3em;
	font-size: 11px;
}

.ga2 {display:inline-block;
	width: calc(50% - 10px);
}

.ga2 p { line-height: 1.4em;
	margin: 2em 0 1em 0em;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3em;
	font-size: 11px;
}

.flex-box {
	width: 100%;
    padding:  10px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    align-items:stretch;        /* 縦の位置指定 */
}

 
.flex-item {
    padding: 0px;
    width: 50%;                 /* 幅指定 */
}

.super {vertical-align:super;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    bottom: 1ex;
}
.footer_link{
    width: 1000px;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
    align-items: center;
}