* { margin: 0; padding: 0; }
body {
	color:#333;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 100%;
//	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MS PGothic", "ＭＳ Ｐゴシック", Osaka, Helvetica, sans-serif ;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
html > body { font-size: 12pt; } /* HACK: fixed 12pt, for Except IE */


body{
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
}



h1, h2, h3, h4, h5, h6, 
p, pre, ul, ol, li, dl, dt, dd, th, td,
address, form, blockquote {
line-height: 150%;
text-align: left;
}

p, li, label {
//font-size: 91.6%;
font-size: 14px;
padding: 0em 0em 0.5em 0em;
    margin: 0 ;
}

ul, ol {
padding: 0em 0em 0em 2em;
}



h1 { font-size: 125%; }
h2 { font-size: 20px; font-weight: bold; }
h3 { font-size: 91.6%; }
h4 { font-size: 83.3%; }
h5 { font-size: 83.3%; }
h6 { font-size: 75%; }

hr {
color: #b4b4b4;
height: 1px;
margin-top: 3px;
margin-bottom: 3px;
border-color: #b4b4b4;
border-style: solid;
border-width: 1px 0 0;
}

table {
margin: auto;
empty-cells: show;
}

td, th {
	font-size:83.3%;
}

address {
font-size: 91.6%;
font-style: normal;
}
strong {
color: #c40000;
font-weight: bold;
font-style: normal;
}

em {
font-weight: bold;
font-style: normal;
}

a:link {
color: #212121;
text-decoration: none;
}
a:visited{
color: #333;
text-decoration: none;
}
a:hover{
color: #c40000;
text-decoration:none;
}
a:active{
color: #c40000;
text-decoration: none;
}

h2 {margin:0 0 0.8em 0;}
dt {font-size: 91.6%;font-weight:bold;}
dd {font-size: 91.6%;margin:0 0 10px 15px;}
dl {margin: 0 0 1.5em 0;}

.txsmall {//font-size:75%;}
.txsmall {font-size:12px;}

table {
border-collapse:collapse;
border-top: solid 1px #cdcdcd;

margin:20px auto;
}

td, th {
	padding: 0.2em 0.5em;
	border-bottom: solid 1px #cdcdcd;
	vertical-align:top;
}

blockquote {
//	margin: 0 20px;
	padding: 5px 20px;
	border-left: 0px solid #eee;
	font-size: 14px;
}




	html , body {
		height: 100%;
	}







#header {
    text-align: left;
    border-top: solid 15px #999;
    border-bottom: solid 1px #dadada;
    padding: 0 30px;
}

#navitop{ float:left; margin:0 0 0 30px}
#navitop ul { margin:50px 0 0 0; padding:0 }
#navitop li { list-style:none; margin:15px 0; padding:0 }

#topinfo{
	background:url(bg_topinfo.jpg);
	background-repeat:no-repeat;
	width:310px; height:260px; padding:30px;
}


#navihead { float:right; background:#fff; }
#navihead ul { margin:30px 0 0 0; padding:0 }
#navihead li { float:left; list-style:none; margin:0 0 0 10px; padding:0 }

#rightnav {
	float:right;
	width:200px;
	background:#fff;

}

#rightnav ul { margin: 0 0 20px 0; padding: 0; width:185px; }
#rightnav li { padding: 0; padding: 5px 0; }

.navismed li {
	list-style:none;
	font-size:91.6%;
	margin:0 0 0 5px;
}
.navismini li {
	list-style:none;
	font-size:75%;
	margin:0 0 0 45px;
}


.navismed img {
	margin:0 10px; vertical-align:-0.5em;
}


.panel {
	float:left;
	padding:30px;
	min-width:380px;
}

.panel {
	float:left;
	padding:30px;
	margin:0 210px 0 301px;
	position:absolute;
}

.wrapper { text-align: left; width: 960px; margin: auto; padding: 0; background:#CCC }
.clear { clear:both;/* border-bottom:solid 1px #dadada;*/}



.navbar-default {
    background-color: #fff;
    border-color: #dadada;
}
.navbar {
	border: 0px solid transparent;
	border-bottom: 1px solid #dadada;
	border-radius: 0px;
}





#wrapper {
//    height: 500px;
//    min-width: 600px;
}
#main {
//    height: 500px;
    width: 100%;
    float: left;
}
#content {
//    background-color: #F60;
    margin-right: 230px;
    margin-left: 330px;
//    height: 500px;


}
#lefttitle {
    background-color: #f8f8f7;
display:block;
    float: left;
    margin-left: -100%;
    width: 300px;
    border-right: 1px solid #e7e7e7;
 //   height: 500px;
// position: fixed;
}


#rightnav {
//    background-color: #0C3;
    float: left;
    margin-left: -200px;
    width: 200px;
//    height: 500px;

}

#content h2 {
	padding-top: 20px;
}
#content h3 {
	font-size: 16px;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.thumbnail {
	padding: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	margin-right:5px;
	border:1px solid #dcdcdc;
	display: inline;
}

h3 span {
	font-size: 12px;
	font-weight: normal;
}




body { text-align: left; }

#logo {
	margin-left: 30px;
}
#gnavi {
padding: 0 30px;

}


.navbar {
border-top: solid 15px #999;
margin-bottom: 0px;
}
.nav > li > a {
    padding: 30px 5px 0px;
}

footer {
    width: 100%;
    background: #aaa;

    height: 50px;
    clear: both;
}

footer p { font-size: 75%; margin:15px 0 0 0; color:#eeeeee; text-align:center;padding-top: 1em;}
.spbr {display: none}



h1 {font-size: 0px;
margin-top: 0px;}

#spbg { display: none;}
#spnv { display: none;}



#topcontents {
padding-bottom: 50px;
width: 900px;
text-align: left;
margin: 0 auto;
clear: both;
}

#logotop {
	float: left;
}
#logotop img {
	margin:80px 50px;
}

@media only screen and (max-width: 768px) {
#content {
    margin-right: 10px;
    margin-left: 10px;
//    height: 500px;
clear: both;
}
#main {
//    height: 500px;
    width: 100%;
    float: none;
    clear: both;
}
#lefttitle {
    float: none;
    margin-left: 0px;
    width: 100%;
 //   height: 500px;
 clear: both;
 display:none;
 
}
#rightnav {
    float: none;
    margin-left: 10px;
    margin-top: 10px;
    width: 95%;
//    height: 500px;
clear: both;
}

.ctitle {
	display: none;
}
#logotop {
	float: none;
}
#logotop img {
	margin: 5% 10% 0 10%;
	width: 80%;
	height: auto;
}
#topcontents {
padding-bottom: 50px;
text-align: left;
width: 100%;
margin: 0 auto;
clear: both;
}

#navitop {
    float: none;
    margin: 0 0 0 0px;
    width: 100%;
    clear: both;
}

.nav > li > a {
	padding: 0px 5px 0px;
}


#spbg {
display: block;
position: absolute;
top: 0
right: 0;
z-index: -1;
height: 100%;
width: 100%;

background-position: center center;
background-repeat: no-repeat;
background-size: cover;
//background-attachment: fixed;
}



#spnv {
display: block;
margin-left: 10px;
margin-bottom: 0px;
font-size: 18px;
}

.spbr {display: inline}

}


.bkRGBA{
  /* 背景画像の透過用css */
  height: 100%;
  background: rgba(255,255,255,0.8);
}


















/* Here's our form stuff */
input, textarea, select {
font-size: small;
background-color: #fffbe6;
padding: 0.2em;
font-family: "ＭＳ ゴシック";
}
fieldset {
clear: both;
padding:5px 15px;
margin-bottom:0.8em;
}


form .field {
clear: both;
margin: 0;
padding: 0.3em 0;
border-bottom:1px dotted silver;
}

form .buttons {
clear: both;
margin: 0;
padding: 1em 0;
text-align:center;
background: #898989;
}

form .field label {display: block;}

input.radio, input.checkbox { margin: 3px; vertical-align: bottom; }
label, button, input.submit, input.image
{cursor: pointer;}

textarea {overflow: auto;}


/* horizontal layout */
form.horizontal .field {
padding-left: 150px;
}
form.horizontal .field label {
display: inline;
float: left;
width: 140px;
margin-left: -150px;
}

.submitbtn { background-color: #ffe475; margin: 0.5em 1em; padding: 0.5em 2em; }
.resetbtn { background-color: #e4e7e8; margin: 0.5em 1em; padding: 0.5em 2em; }
.errors { background-color: #fffbe6; padding: 1em; border: solid 1px #af0000; margin-bottom:0.8em; }
.errors li { color: #af0000; font-weight: bold; list-style-type: disc; }

/* ==== 4: clearfix =========================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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