/* CSS Document */
body{width:900px;padding:5px; margin-top:13px;margin-left:20%;margin-right:%; color:#6D6D6D; font:12px/18px Arial, MS,Helvetica, sans-serif;
border-width:thin;
	border-color:#979797;
	border-style:solid;	
	margin-bottom:8px;
    vertical-align: middle}
div, p, ul, li, h1, h2, h3, h4{padding:3px; margin:0px;}
#rightF{margin-left:110px;margin-top:10px;}
#centerText{text-align:center;margin-top:10px;}
#centerImage{
	margin-top:3px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	width:180px:
	border-width:thin;
	border-style:inset;
	border-color:#979797;
}
#bottomDiv{
	margin-bottom:20px
}
#imgText{
	margin-left:15px;
	margin-top:15px
}
ul{list-style-type:none;}
.top	{margin:10px;
	height:70px;
	background:url(images/logoback.jpg) 0 0 no-repeat #FFF;
	background-position:right
}
.lineDiv{margin:8px;
	height:60px;
	background:url(images/textback.jpg) 0 0 no-repeat #FFF;
}

.middleT{margin-left:120px;
	margin-right:15px;
	height:300px;
	background:url(images/tel1.jpg) 0 0 no-repeat #FFF;
	background-position:right 100px
}
.middleTs{
	margin-left:120px;
	height:100px;
	
}
.topPL {margin:2px 5px 2px 0px;
	width:200px;
	height:320px;
	padding-top:15px
}
.topPM {margin-left:2px;margin-right:2px;margin-top:2px;width:55%;
	height:320px}
.topPR {text-size: 9px;vertical-align: middle;
	width:200px;
	height:320px}
.wrapper{

    display: flex;

    flex-direction: row;            /*横並び・左から右（デフォルト）*/
    flex-direction: column;         /*縦並び・上から下*/
    flex-direction: row-reverse;    /*横並び・右から左*/
    flex-direction: column-reverse; /*縦並び・下から上*/
}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


.nav {
	margin-top:20px;
	margin-bottom:20px;
    display: table;
    width: 99%;
    background:url(images/mainbg5.gif) 0 0 repeat-x #FFFFFF;
	border-width:thin;
	border-color: #CCFF99;
	border-style:inset;	
    vertical-align: middle}
.nav__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nav__item + .nav__item {
    border-left: 3px solid #CCC;
}
.nav__item a {
    display: block;
    padding: 3px 0;
    color: #666;
    text-decoration: none;
    font-size: 12px;
}
.logo {
    background ;#FFF;
    padding: 5px;
    overflow: hidden;
}
.logo_image {
    float: left;
}
.media__summary {
    overflow: hidden;
}
.media__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
}
.main {
	background :#FBFBC0;
	padding : 2px;
	width:221px;
	height:320px;
	margin-top:8px;
	border-width:thin;
	border-color: #979797;
	border-style:inset;	
	margin-bottom:8px;
}
#topborderpan{height:80px; background:url(images/footerbg.gif) 0 0 repeat-x; clear:both;}
#footermainPan{height:100px; background:url(images/footerbg.gif) 0 0 repeat-x; clear:both;}

#footerPan{width:860px;
	 height:60px;
	 display:block; position:relative; margin:0 auto; color:#fff; background:url(images/footerbg.gif) 0 0 repeat-x #979797; font-family:Tahoma,Arial, Helvetica, sans-serif;}
#footerPan p{padding:51px 0 0;}
#footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}
#footerPan p.copyright{ background:#979797; display:block; top:70px; text-align:center; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}
#footerPan ul{width:860px; display:block; position:absolute; left:150px; top:41px; padding:0; }
#footerPan li{float:left; font:13px/18px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#979797; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.info{width:424px; height:45px; display:block; position:absolute; left:120px; top:70px; padding:0;}
#footerPan ul.info li{display:block; width:109px;}
#footerPan ul.info li.address{width:97px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-size:10px; font-family:Tahoma,Arial, Helvetica, sans-serif;  font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:94px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax{width:94px; background:#979797; color:#353535; font-size:10px; padding:0 0 0 15px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-weight:bold;}
#footerPan ul li span{background:#979797; color:#FFDB5D; font-size:10px; font-weight:bold; line-height:18px;}