@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	
}
img, object, embed, video {
	max-width: 100%;
}
h2{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
	padding:0;
	line-height:1.7em;
	
}
h3{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	font-size:medium;
}
p{
	/*line-height:1.5em;*/
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right:0%;
	clear: none;
	float: none;
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

h1{
	margin:0px;
	padding:0px;
	text-align:left;
}

#contents{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#container{
	overflow: hidden;
	margin-top: 10px;
}

#contents figure{
	margin:0;
	padding:0;
}
/*impression */
.impression ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}
.impression .detail {
	float:right;
}
.impression .detail a {
	padding:5px 10px 5px 10px;
	text-decoration: none;
	border: 1px solid rgba(104,113,221,1.00);
	background-color:#cd5c5c;
	font-size:small;
	color:#FFF;
	background-color:rgba(86,94,187,1.00);
}
.impression .detail a:hover{
	color: #FFF;
	background-color:#cd5c5c;
	border: 1px solid rgba(92,140,100,1.00);
}
.impression .title{
	color: rgba(155,43,45,1.00);
	font-size: medium;
}
.impression .repoter{
	color: rgba(85,79,79,1.00);
	font-size: medium;
}
#contents .imp_title{
	width: 99%;
	background-color: #4167A3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-shadow: 0px 0px;
	color: #F5F5F5;
	font-size: small;
	margin:5px 0px 5px 0px;
	line-height:1.5em;
}
#info{
	width:49%;
	float:left;
	margin-right:1%;
	font-size:small;
}
#info .tag_name {
	background-color: #4167A3;
	color: #FFFFFF;
	margin-top:15px;
	padding:5px;
}
#info2{
	width:50%;
	float:left;
	font-size:small;
}
#info2 .tag_name {
	background-color: #4167A3;
	color: #FFFFFF;
	margin-top:15px;
	padding:5px;
}

#info .tag_name img{
	margin-right:5px;
}

#info2 .tag_name img{
	margin-right:5px;
}

#info dl {
	line-height: 1.5em;
	}
#info dt {
	margin-top: 0;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	width: 29%;
}

#info dd {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	float: left;
	width: 69%;
	border-bottom: 1px dotted #BCBABA;
}

#info2 dl {
	line-height: 1.5em;
	}
#info2 dt {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
	margin-bottom: 5px;
	float: left;
	width: 29%;
}

#info2 dd{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	float: left;
	width: 69%;
	border-bottom: 1px dotted #BCBABA;
}
.dt_btm{
	float: right;
	margin-top: 15px;
}

/*****btm***/

.dt_btm a {
	padding:5px 10px 5px 10px;
	text-decoration: none;
	border: 1px solid rgba(104,113,221,1.00);
	font-size:small;
	color:#FFF;
	background-color:rgba(86,94,187,1.00);
}
.dt_btm a:hover{
	color: #FFF;
	background-color:#cd5c5c;
	border: 1px solid rgba(92,140,100,1.00);
}
.dt_btm2{
	font-size: small;
	padding-left: 10px;
	padding-right: 10px;
}
.dt_btm2 a {
	width: 100%;
	padding: 3px;
	text-decoration: none;
	border: 1px solid rgba(104,113,221,1.00);
	color: #FFF;
	background-color: rgba(86,94,187,1.00);
}
.dt_btm2 a:hover{
	color: #FFF;
	background-color: #cd5c5c;
	border: 1px solid rgba(92,140,100,1.00);
}

.dt_btm5{
	font-size: 12px;
	width:100%;
}
.dt_btm5 a {
	width: 100%;
	padding: 3px;
	text-decoration: none;
	border: 1px solid rgba(104,113,221,1.00);
	color: #FFF;
	background-color: rgba(86,94,187,1.00);
}
.dt_btm5 a:hover{
	color: #FFF;
	background-color: #cd5c5c;
	border: 1px solid rgba(92,140,100,1.00);
}



.center{
	text-align:center;
}
/*menu*/
ul#menu {
	width: 100%;
	list-style: none;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
}

ul#menu li { display: inline; }
	
ul#menu li a {
	display: block;
	float: left;
	height: 242px;
	background-image:url(../images/btm/btm_bg.png);
	text-indent: -9999px;
}

	ul#menu li a.hm_cont1 {
		width: 183px; background-position: 0px 0px;	
	}
	ul#menu li a.hm_cont2 {
		margin-left:21px;
		width: 183px; background-position: -183px 0px;	
	}
	ul#menu li a.hm_cont3 {
		margin-left:21px;
		width: 183px; background-position: -366px 0px;	
	}	
	ul#menu li a.hm_cont4 {
		margin-left:21px;
		width: 183px; background-position: -549px 0px;	
	}	
	ul#menu li a.hm_cont5 {
		margin-left:21px;
		width: 183px; background-position: -732px 0px;	
	}	
	
	ul#menu li a.hm_cont1:hover, ul#menu li a.hm_cont1:focus {
		opacity:0.8;
		}
	ul#menu li a.hm_cont2:hover, ul#menu li a.hm_cont2:focus {
			opacity:0.8;
	}
	ul#menu li a.hm_cont3:hover, ul#menu li a.hm_cont3:focus {
			opacity:0.8;
	}
	ul#menu li a.hm_cont4:hover, ul#menu li a.hm_cont4:focus {
		opacity:0.8;
	}
	ul#menu li a.hm_cont5:hover, ul#menu li a.hm_cont5:focus {
		opacity:0.8;
	}
	
	ul#menu2 {
	width: 100%;
	list-style: none;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
}

ul#menu2 li { display: inline; }
	
ul#menu2 li a {
	display: block;
	float: left;
	height: 121px;
	background-image:url(../images/btm/btm_bg.png);
	text-indent: -9999px;
}

	ul#menu2 li a.hm_cont1 {
		width: 183px; background-position: 0px -243px;	
	}
	ul#menu2 li a.hm_cont2 {
		margin-left:21px;
		width: 183px; background-position: -183px -243px;	
	}
	ul#menu2 li a.hm_cont3 {
		margin-left:21px;
		width: 183px; background-position: -366px -243px;	
	}	
	ul#menu2 li a.hm_cont4 {
		margin-left:21px;
		width: 183px; background-position: -549px -243px;	
	}	
	ul#menu2 li a.hm_cont5 {
		margin-left:21px;
		width: 183px; background-position: -732px -243px;	
	}	
	
	ul#menu2 li a.hm_cont1:hover, ul#menu li a.hm_cont1:focus {
		opacity:0.8;
		}
	ul#menu2 li a.hm_cont2:hover, ul#menu li a.hm_cont2:focus {
			opacity:0.8;
	}
	ul#menu2 li a.hm_cont3:hover, ul#menu li a.hm_cont3:focus {
			opacity:0.8;
	}
	ul#menu2 li a.hm_cont4:hover, ul#menu li a.hm_cont4:focus {
		opacity:0.8;
	}
	ul#menu2 li a.hm_cont5:hover, ul#menu li a.hm_cont5:focus {
		opacity:0.8;
	}

#contents footer {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top:20px;
	padding-bottom:20px;
	
	background-color:#999999
}
#contents footer h4 {
	color: #FFFFFF;
	font-size: small;
	text-indent:1.5em;
	padding:0;
	margin:0;
}
#contents footer h5 {
	color: #FFFFFF;
	font-size: small;
	text-indent:1.5em;
	padding:0;
	margin:0;
}
#contents footer .copy {
	color: #FFFFFF;
	font-size: x-small;
	text-indent:1.5em;
	padding:0;
	margin:0;
}
#contents #main {
	width: 79%;
	float: left;
	padding-left: 1%;
	padding-right:0%;
	/*line-height:2em;*/
}
#contents #sub {
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	width: 17%;
	float: right;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	border-left-color: #E9E9E9;
	border-left-width: 1px;
	border-left-style: solid;
}
#contents #sub ul {
	margin:0;
	padding:0;
}
#contents #sub li {
	list-style-type: none;
	font-size: 12px;
	border-bottom: 1px dotted #98B2DC;
	margin-bottom: 15px;
}
#contents #container #sub .sub_list .title {
	background-image: -webkit-linear-gradient(270deg,rgba(21,52,100,1.00) 0%,rgba(65,103,163,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(21,52,100,1.00) 0%,rgba(65,103,163,1.00) 100%);
	color: #FFFFFF;
	font-size: small;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#contents #container #sub .sub_list li a {
	text-decoration: none;
}
#contents #container #main .link_list li {
	float: left;
	list-style-type: none;
	width: 19%;
	margin-right: 1%;
	margin-bottom: 1%;
	font-size: small;
}
#contents #container #sub {
}

#contents #container #main table tr td {
	font-size: small;
}

.mem_name {
	margin-bottom:5px;
	padding-left: 15px;
	border-left: 5px solid #4167A3;
	padding-top: 2px;
	padding-bottom: 2px;
}
.mem_photo {
	float:left;
	width:30%;
	text-align:center;
}
.mem_prof {
	float:right;
	width:69%;
}
.sub_title {
	color: #3F973E;
	border-bottom: 1px dotted #C9C9C9;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

/****font***/
.fc_red {
	color: #780000;
}
.fc_green {
	color: #006633;
}
.fc_brown {
	color:rgba(163,95,76,1.00)
}
.fc_white {
	color: #FFF;
}
#imp_box .fs_10{
	font-size:12px;
	line-height:1.5em;
}
.fs_8{
	font-size:x-small;
}
.fs18{
	font-size: large;
	color: #780000;
}
.fc_blue {
	color: #4167A3;
}
.fc_midashi {
	font-size:18px;
	color: #780000;
}
#imp_box {
	position:relative;
	float: left;
	width: 175px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid rgba(235,235,235,1.00);
}
#imp_box2 {
	position:relative;
	float: left;
	width: 175px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 320px;
	border: 1px solid rgba(235,235,235,1.00);
}
#imp_box #imp_title p{
	width: 98%;
	font-size:12px;
	line-height:1.5em;
}

#p_fream {
	background-color: #000000;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 3px;
}
#main #box_1 #contents #contents_main .caption {
	margin: 2px;
	float: left;
	width: 260px;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	border: 1px solid #666666;
}
#main #box_1 #contents #contents_main .caption2 {
	margin: 2px;
	float: left;
	width: 325px;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	border: 1px solid #666666;
}
#p_fream  .imp_cont1 {
	float: left;
	width: 165px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
}
#p_fream  .imp_cont2 {
	float: left;
	width: 30%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding:1.5%;
}
#p_fream  .imp_cont2 img {
	width: 100%;
	}
#p_fream  .imp_cont1  p{
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
	}

#p_fream  .imp_cont2  p{
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
}
#container #main p {
	/*line-height: 2em;*/
}

.nakamidashi{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:20px;
	/*font-weight:bold;*/
	text-align:left;
	margin-top:7px;
	margin-bottom:7px;
	color: #780000;
	line-height:1.5em;
	
}

.conf_box{
	font-size:1.5em;

}

.fs22{
	font-size:2em;
}

.center{
	text-align:center;
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.zeroMargin_desktop {
    margin-left: 0;
	
}
.hide_desktop {
    display: none;
}

/*menu*/
ul#menu {
	width: 100%;
	list-style: none;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	padding: 0;
	clear:both;
}

ul#menu li { display: inline; }
	
ul#menu li a {
	display: block;
	float: left;
	height:60px;
	background-image:url(../images/btm/btm_bg2.png);
	text-indent: -9999px;
}

	ul#menu li a.hm_cont1 {
		width: 100%; background-position: 0px 0px;	
		margin-bottom:5px;
	}
	ul#menu li a.hm_cont2 {
		width: 100%; background-position: 0px -70px;	
		margin-bottom:5px;
		margin-left:0px;
	}
	ul#menu li a.hm_cont3 {
	width: 100%; background-position: 0px -140px;	
	margin-bottom:5px;
		margin-left:0px;
	}	
	ul#menu li a.hm_cont4 {
		width: 100%; background-position: 0px -207px;	
	margin-bottom:5px;
		margin-left:0px;
	}	
	ul#menu li a.hm_cont5 {
		width: 100%; background-position: 0px -277px;	
	margin-bottom:5px;
		margin-left:0px;
	}	
	
	ul#menu li a.hm_cont1:hover, ul#menu li a.hm_cont1:focus {
		opacity:0.8;
		}
	ul#menu li a.hm_cont2:hover, ul#menu li a.hm_cont2:focus {
			opacity:0.8;
	}
	ul#menu li a.hm_cont3:hover, ul#menu li a.hm_cont3:focus {
			opacity:0.8;
	}
	ul#menu li a.hm_cont4:hover, ul#menu li a.hm_cont4:focus {
		opacity:0.8;
	}
	ul#menu li a.hm_cont5:hover, ul#menu li a.hm_cont5:focus {
		opacity:0.8;
	}
	
	ul#menu2 {
	width: 100%;
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
}

ul#menu2 li { display: inline; }
	
ul#menu2 li a {
	display: block;
	float: left;
	height: 50px;
	background-image:url(../images/btm/btm_bg2.png);
	text-indent: -9999px;
}

	ul#menu2 li a.hm_cont1 {
		width: 49%; background-position: 0px -347px;	
		margin-bottom:5px;
		margin-right:1%;
	}
	ul#menu2 li a.hm_cont2 {
		width: 49%; background-position: 495px -408px;	
		margin-bottom:5px;
		margin-left:0px;
	}
	ul#menu2 li a.hm_cont3 {
	width: 50%; background-position: 0px -408px;	
	margin-bottom:5px;
		margin-left:0px;
		margin-right:0%;
	}	
	ul#menu2 li a.hm_cont4 {
		width: 49%; background-position: 0px -465px;	
	margin-bottom:5px;
		margin-left:0px;
		margin-right:1%;
	}	
	ul#menu2 li a.hm_cont5 {
		width: 50%; background-position: 495px -345px;	
	margin-bottom:5px;
		margin-left:0px;
	}	
	
	ul#menu2 li a.hm_cont1:hover, ul#menu li a.hm_cont1:focus {
		opacity:0.8;
		}
	ul#menu2 li a.hm_cont2:hover, ul#menu li a.hm_cont2:focus {
			opacity:0.8;
	}
	ul#menu2 li a.hm_cont3:hover, ul#menu li a.hm_cont3:focus {
			opacity:0.8;
	}
	ul#menu2 li a.hm_cont4:hover, ul#menu li a.hm_cont4:focus {
		opacity:0.8;
	}
	ul#menu2 li a.hm_cont5:hover, ul#menu li a.hm_cont5:focus {
		opacity:0.8;
	}
#contents #main {
	width: 100%;
	float: left;
	line-height: 1.5em;
}
#contents #sub {
	padding: 1%;
	width: 98%;
	float: right;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	border-left-color: #E9E9E9;
	border-left-width: 1px;
	border-left-style: solid;
	display:table;
}

#contents #sub .sub_imp {
	padding: 1%;
	width: 30%;
	float: left;
	height:150px;
}
#contents #sub .sub_imp img{
	width:100%;
}
.fs22{
	font-size:1.5em;
}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gridContainer {
	width:100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}

.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
h1{
	margin:0px;
	padding:0px;
	text-align:center;
}
h2{
	font-size: small;
}
h3{
	font-size: xx-small;
}
.impression .title{
	color: rgba(155,43,45,1.00);
	font-size: small;
}
.impression .repoter{
	color: rgba(85,79,79,1.00);
	font-size: small;
}
 #main {
	width: 98%;
	float: left;
	padding-left: 1%;
	padding-right:1%;
}
#info .tag_name img{
	margin-right:5px;
	width:20px;
}
#info{
	width:100%;
}

#info2{
	width:100%;
}
#info2 .tag_name img{
	margin-right:5px;
	width:20px;
}
#info dl {
	
	}
#info dt {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 0;
	float: left;
	width: 100%;
}

#info dd {
	margin:0;
	padding-left:10%;
	margin-left: 5px;
	float:left;
	width:90%;
	border-bottom: 1px dotted #BCBABA;
}
#info2 dl {
	
	}
#info2 dt {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 0;
	float: left;
	width: 100%;
}

#info2 dd {
	margin:0;
	padding-left:10%;
	float:left;
	width:90%;
	border-bottom: 1px dotted #BCBABA;
}
#contents #container #main  {
	width: 98%;
	float: left;
	padding-left: 1%;
	padding-right:1%;
}
#contents #container #main .link_list li {
	float: left;
	list-style-type: none;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
	font-size: small;
}

#contents #sub .sub_imp {
	padding: 1%;
	width: 48%;
	float: left;
	height:150px;
	min-height:150px;
}
#contents #sub .sub_imp img{
	width:100%;
}
.mem_photo {
	float:left;
	width:100%;
	text-align:center;
}
.mem_photo img {
	width:60%;
	}
.mem_prof {
	float:right;
	width:100%;
}
#imp_box {
	width: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px solid rgba(235,235,235,1.00);
}
#imp_box2 {
	width: 100%;
	height:400px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px solid rgba(235,235,235,1.00);
	float:left;
	text-align:center;
}
#imp_box img {
	width: 95%;
	clear:both;
}
#imp_box2 img {
	height:338px;
	clear:both;
}
#p_fream  .imp_cont2 {
	float: left;
	width: 46%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding:2%;
}
#p_fream  .imp_cont2 img {
	width: 100%;
	}
#p_fream  .imp_cont1  p{
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
	}

#p_fream  .imp_cont2  p{
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
}
.fs22{
	font-size:1em;
}

}

.list_title,.conf_box{
	font-size:12px;
	line-height:1.5em;
}