body {font-size:14px;color:#333;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;}
.inner {position:relative;width:980px;margin:0 auto;background:yellow;}
header {box-sizing:border-box;position:relative;width:100%;background:green;}
header img{}
nav {width:100%;background:#fff;box-shadow:0 1px 2px #d0d8dc;⁄zoom:1;}
nav:after {content:'';display:block;clear:both;}
#contents {overflow:hidden;width:90%;margin:20px auto;background:#red;}
#main{box-sizing:border-box;overflow:hidden;float:left;width:68%;margin-bottom:-32768px;padding-bottom:32768px;background:#black;}
#sub {box-sizing:border-box;overflow:hidden;float:right;width:28%;margin-bottom:-32768px;padding-bottom:32768px;background:#red;}
#side {box-sizing:border-box;overflow:hidden;float:right;width:0%;margin-bottom:-32768px;padding-bottom:32768px;background:#red;}
footer {box-sizing:border-box;width:100%;margin:0 auto;}
a {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
h2 {margin-bottom:0.5em;padding:10px 0;font-size:21px;color:#333;border-top:3px solid #710000;border-bottom:1px dotted #710000;}
h3 {margin-bottom:0.25em;padding:2px 5px;color:#fff;font-size:16px;background:#333;}
h4 {margin-bottom:0.25em;font-size:15px;color:#710000;border-bottom:3px solid #710000;}
h5 {position:relative;margin-bottom:0.25em;padding-left:10px;color:#710000;font-size:14px;font-weight:bold;}
h5:before {content:"";margin-top:-7px;position:absolute;top:50%;left:0;width:5px;height:14px;background:#8c0e0e;}
h6 {margin-bottom:0.25em;color:#382400;font-size:14px;font-weight:bold;}
p {margin:0 0 1em 0;}
img {vertical-align:bottom;}
em {font-weight:bold;}
strong {font-weight:bold;color:#ff0000;}
pre {margin:1em 0;padding:1em;}
blockquote {margin-bottom:1em;padding:1em;border:1px dotted #ddd;border-left:5px solid #ddd;}
ul,ol,dl {margin:0 0 1em 0;}
ul li {list-style:disc;}
ol li {list-style:decimal;}
li {margin-left:2em;}
dt {margin-bottom:0.5em;border-bottom:1px dotted #ddd;}
dt:before {content:"\0025a0";}
dd {margin-bottom:1em;}
table {width:100%;margin-bottom:1em;border-collapse:collapse;border:1px solid #ddd;background:#fff;}
th {padding:10px;text-align:center;vertical-align:middle;border:1px solid #ddd;background:#eee;}
td {padding:10px;text-align:left;border:1px solid #ddd;}
.page-top{margin: 0 ;padding: 0 ;}
.page-top p{margin: 0 ;padding: 0 ;position: fixed ;right: 16px ;bottom: 16px ;}
.move-page-top{display: block ;background: #D36015 ;width: 50px ;height: 50px ;color: #fff ;line-height: 50px ;text-decoration: none ;text-align: center ;-webkit-transition:all 0.3s ;-moz-transition:all 0.3s ;transition:all 0.3s ;}
.move-page-top:hover{opacity: 0.85 ;}
footer {clear:both;}
.footmenu {width:100%;padding:20px 0;overflow:hidden;background:#efede9;}
.footmenu ul {position:relative;float:left;left:50%;margin:0;padding:0;}
.footmenu li {position:relative;left:-50%;float:left;list-style:none;margin:0;padding:0 15px;font-size:12px;text-align:center;}
.footmenu a {color:#333;text-decoration:none;}
.footmenu a:hover {color:#333;text-decoration:underline;}
.copyright {clear:both;padding:20px 0;font-size:11px;text-align:center;color:#efede9;background:#2e2e2e;}
.address {clear:both;padding:20px 0;font-size:11px;text-align:center;color:#efede9;background:#000;}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {font-size:12px;margin-bottom:20px;padding:2px;background:#f1f1f1;}
/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {margin:0;padding:0;list-style:none;}
.submenu li a:before {content:"\0025a0";color:#000;}
.submenu li a {display:block;padding:10px 2px;color:#000;border-bottom:1px dotted #ddd;text-decoration:none;}
.submenu li a:hover {background:#eee;}
.submenu2 li {margin:0;padding:0;list-style:none;}
.submenu2 li a:before {content:"\0025a0";color:#000;}
.submenu2 li a {display:block;padding:10px 2px;color:#000;border-bottom:1px dotted #ddd;text-decoration:none;}
.submenu2 li a:hover {background:#eee;}
.bnr {overflow:hidden;}
.bnr ul {overflow:hidden;}
.bnr li {margin:0 0 10px 0;padding:0;list-style:none;}
.bnr li a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
.bnr img {width:100%;}
.bnr2 {overflow:hidden;}
.bnr2 ul {overflow:hidden;}
.bnr2 li {margin:0 0 10px 0;padding:0;list-style:none;}
.bnr2 li a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
.bnr2 img {width:100%;}
/* =オリジナル= */
.item {font-size:85%;margin-bottom:20px;}
.item img {width:100%;}
.item h5 {font-size:1.3em;}
.item a{display:block;text-decoration:none;font-size:1.3em;font-weight:600;border-bottom:1px dotted orange;margin-bottom:5px;}
/*================================================
 *  totop ページトップへの戻り
 ================================================*/
.totop {position:fixed;bottom:15px;right:15px;}
.totop a {display:block;text-decoration:none;}
.totop img {background:#710000;}.totop img:hover {background:#900000;}

 /*================================================
 *  クラス関連 
 list/info/col two one/col three one/service/staff/staff2/photo/photo2/photo3/snap/catalog
 ================================================*/
 /*================================================
 *  list
 ================================================*/
/*================================================
 * info
 ================================================*/
.info dt {border-bottom:none;}
.info dd {padding-bottom:1em;border-bottom:1px solid #ddd;}
.info2 dt {font-size:.8em;border-bottom:1px solid #ddd;padding-bottom:.5em;text-align: right; }
.info2 dd {border-bottom:none;}.info2 p {line-height: 1.2em;}
/*================================================
 * col two one 
 ================================================*/
.col_two_one {overflow:hidden;}
.col_two_one ul {overflow:hidden;margin:2% -2% 0 0;}
.col_two_one li {list-style:none;float:left;width:48%;margin:0 2% 2% 0;}
.col_two_one li:nth-child(2n+1) {clear:both;}
.col_two_one li img {width:100%;margin-bottom:2.5%;}
/*================================================
 * col three one
 ================================================*/
.col_three_one {overflow:hidden;}
.col_three_one ul {overflow:hidden;margin:2% -2% 0 0;}
.col_three_one li {list-style:none;float:left;width:31%;margin:0 2% 2% 0;}
.col_three_one li:nth-child(3n+1) {/*====== 3nで3列 ====*/clear:both;}
.col_three_one li img {width:100%;margin-bottom:2.5%;}
/*================================================
 *  service（004から移植）
 ================================================*/
.service {overflow:hidden;margin:10px -2% 0 0;}
.service li {list-style:none;float:left;width:18%;margin:0 2% 10px 0;}
.service li img {width:100%;}
/*================================================
 *  staff（004から移植）
 ================================================*/
.staff {margin:10px -3% 0 0;}
.staff div {float:left;width:31%;margin-right:2%;}
.staff div img {width:100%;margin-bottom:5px;}
.staff2 {margin:10px -3% 0 0;}
.staff2 div {float:left;width:23%;margin-right:2%;}
.staff2 div img {width:100%;margin-bottom:5px;}
/*================================================
 * photo（003から移植）
 ================================================*/
/* photo */
.photo {overflow:hidden;margin:20px 0;padding:10px;border:5px solid #ddd;background:#fff;}
.imgL {float:left;margin:0 10px 10px 0;}
.imgR {float:right;margin:0 0 10px 10px;}
/* photo2 */
.photo2 {overflow:hidden;margin:20px 0;padding:10px;border:0px solid #ddd;background:#fff;}
.imgL {float:left;margin:0 10px 10px 0;}
.imgR {float:right;margin:0 0 10px 10px;}
.photo2 p{    margin:10px;    line-height:1.6em;}
/* photo3 */
.photo3 {width:45%;overflow:hidden;margin:20px 0;padding:10px;border:0px solid #ddd;background:#fff;}
.imgL {float:left;margin:0 10px 10px 0;}
.imgR {float:right;margin:0 0 10px 10px;}
.photo3 p{margin:10px;line-height:1.6em;}
/*================================================
 *  トップナビ topNav.css
 ================================================*/
/*================================================
 *  snap（001から移植）
 ================================================*/
.snap {margin:20px 0;padding:10px;box-shadow:rgba(113, 135, 164, 0.8) 0 3px 15px 0;background:#fff;}
.snap img {width:100%;}
/*================================================
 *  catalog（002から移植）
 ================================================*/
 .catalog {width:100%;overflow:hidden;margin-top:8px;margin-right:-10px;margin-left:6px;}
 .catalog li {list-style:none;float:left;margin:0 10px 10px 3px;}
 .catalog li img {width:98px;}
/*================================================
 *  スマートフォン向けデザイン=画面の横幅が768pxまで（または767px）
 ================================================*/
@media screen and (max-width:767px) {
.col_two_one ul {margin-right:0;}
.col_two_one li {width:100%;}
.col_two_one li:nth-child(2n+1) {clear:both;}
.col_three_one ul {margin-right:0;}
.col_three_one li {width:100%;}
.col_three_one li:nth-child(2n+1) {clear:both;}
/*================================================
 *  003から移植
 ================================================*/
	 /*.contact {
		position:relative;
		float:left;
		margin:10px 0;
	}*/
/* header.cssへ */
.photo {margin-right:0;}.photo img {display:block;box-sizing:border-box;width:100%;float:none;margin-right:0;margin-bottom:10px;}   
/*================================================
 *  003から移植
 ================================================*/
 /* モバイル時に拡大するためのオリジナル */ 
.catalog {margin-right:-2%;}
.catalog li {float:left;width:23%;margin:0 2% 2% 0;}
.catalog li img {width:100%;}
/* モバイル時に拡大するためのオリジナル */ 
.service {margin-right:0;}.service li {list-style:none;float:left;width:100%;margin:0 2% 10px 0;}
.service li img {display:block;box-sizing:border-box;width:100%;float:none;margin-right:0;margin-bottom:10px;}
.staff {margin:10px -3% 0 0;}.staff div {float:left;width:100%;margin-right:2%;}
.staff div img {width:97%;margin-bottom:10px;}
.staff2 {margin:10px -3% 0 0;}.staff2 div {float:left;width:100%;margin-right:2%;}
.staff2 div img {width:97%;margin-bottom:10px;}
.bnr2_left {float:left;margin-top:5px;}.bnr2_right {float:right;margin-top:-5px;}.bnr2 img {width:49%;}
}