/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:normal 12px/100% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/100% "Trebuchet MS", Verdana, sans-serif; background: #a21e11; color:#f5efd9; vertical-align: middle;}
h3 { font:bold 14px/100% "Trebuchet MS", Verdana, sans-serif; color: #5A3501; background-image:url(https://u.jimcdn.com/cms/o/s0666ac89740a625e/userlayout/img/apple.gif?t=1426652454); background-repeat:no-repeat;}

p {	font: 17px/160% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    background: #5B3300;
    padding:0 0 0 0;
    margin:0;
    font: 17px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menuidt1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.menuidt2 {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.menuidt3 {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}
#container
{
    margin:0 auto;
    width:825px;
background: #f5efd9;
}

#header
#header h1,
#header a
{
    padding:10px 0px 0px 10px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#5A3501;
    text-align:left;
}

#container h2 {
  padding:5px 0px 5px 20px;
}

#container h3 {
  padding:5px 0px 5px 20px;
}

#header a:hover { text-decoration:none;  }


#navigation
{
    float:left;
    width:220px;
    padding:17px;
    line-height:50%;
background: #d3ae81;
}
#sidebar
{
    padding-top:10px;
}

#content
{
    float:right;

    width:530px;
    padding:17px;

}
.figure-inner {
	position: relative;
	width: 300px;
	-webkit-perspective: 1000;
	perspective: 1000;
	width: 300px;
	height: 200px;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.image,
figcaption {
	position: absolute;
	width: 300px;
	height: 200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.image {
	z-index: 2;
}
figcaption {
	background: #fff;
	border: 2px solid #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
figure:hover .figure-inner,
figcaption { 
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
#footer
{
    clear:both;
    margin-top:10px;
    background:url(https://u.jimcdn.com/cms/o/s0666ac89740a625e/userlayout/img/footer-bg.gif?t=1426649254) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 初期設定 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
*, *:before, *:after {
	margin:						0px;												/* ブラウザ差異解消 */
	padding:					0px;												/* ブラウザ差異解消 */
	-webkit-box-sizing:			border-box;											/* ボックスサイズは枠線含めたサイズ指定 */
	-moz-box-sizing:			border-box;											/* ボックスサイズは枠線含めたサイズ指定 */
	-ms-box-sizing:				border-box;											/* ボックスサイズは枠線含めたサイズ指定 */
	-o-box-sizing:				border-box;											/* ボックスサイズは枠線含めたサイズ指定 */
	box-sizing:					border-box;											/* ボックスサイズは枠線含めたサイズ指定 */
	font-family:				"メイリオ",Meiryo,"century gothic","Josefin Sans",Futura,Helvetica,Arial,sans-serif;	/* フォント */
}

body {
	-webkit-text-size-adjust:	100%;												/* スマホ文字サイズの自動調整を防ぐ */
}

h1, h2, h3, h4, h5, h6 {
	display: inline;
}

img {
	display: inline;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 共通設定 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.center {margin: 0 auto; vertical-align: center;}
.text-left   {text-align: left;}
.text-center {text-align: center;}
.text-right  {text-align: right;}

.width-5   { width:  5%;}
.width-10  { width:  10%;}
.width-15  { width:  15%;}
.width-20  { width:  20%;}
.width-25  { width:  25%;}
.width-30  { width:  30%;}
.width-35  { width:  35%;}
.width-40  { width:  40%;}
.width-45  { width:  45%;}
.width-50  { width:  50%;}
.width-55  { width:  55%;}
.width-60  { width:  60%;}
.width-65  { width:  65%;}
.width-70  { width:  70%;}
.width-75  { width:  75%;}
.width-80  { width:  80%;}
.width-85  { width:  85%;}
.width-90  { width:  90%;}
.width-95  { width:  95%;}
.width-100 { width: 100%;}

.height-5   { height:  5%;}
.height-10  { height:  10%;}
.height-15  { height:  15%;}
.height-20  { height:  20%;}
.height-25  { height:  25%;}
.height-30  { height:  30%;}
.height-35  { height:  35%;}
.height-40  { height:  40%;}
.height-45  { height:  45%;}
.height-50  { height:  50%;}
.height-55  { height:  55%;}
.height-60  { height:  60%;}
.height-65  { height:  65%;}
.height-70  { height:  70%;}
.height-75  { height:  75%;}
.height-80  { height:  80%;}
.height-85  { height:  85%;}
.height-90  { height:  90%;}
.height-95  { height:  95%;}
.height-100 { height: 100%;}

.padding-top-5   { padding-top:   5px;}
.padding-top-10  { padding-top:  10px;}
.padding-top-15  { padding-top:  15px;}
.padding-top-20  { padding-top:  20px;}
.padding-top-25  { padding-top:  25px;}
.padding-top-30  { padding-top:  30px;}
.padding-top-35  { padding-top:  35px;}
.padding-top-40  { padding-top:  40px;}
.padding-top-45  { padding-top:  45px;}
.padding-top-50  { padding-top:  50px;}
.padding-top-55  { padding-top:  55px;}
.padding-top-60  { padding-top:  60px;}
.padding-top-65  { padding-top:  65px;}
.padding-top-70  { padding-top:  70px;}
.padding-top-75  { padding-top:  75px;}
.padding-top-80  { padding-top:  80px;}
.padding-top-85  { padding-top:  85px;}
.padding-top-90  { padding-top:  90px;}
.padding-top-95  { padding-top:  95px;}
.padding-top-100 { padding-top: 100px;}

.padding-bottom-5   { padding-bottom:   5px;}
.padding-bottom-10  { padding-bottom:  10px;}
.padding-bottom-15  { padding-bottom:  15px;}
.padding-bottom-20  { padding-bottom:  20px;}
.padding-bottom-25  { padding-bottom:  25px;}
.padding-bottom-30  { padding-bottom:  30px;}
.padding-bottom-35  { padding-bottom:  35px;}
.padding-bottom-40  { padding-bottom:  40px;}
.padding-bottom-45  { padding-bottom:  45px;}
.padding-bottom-50  { padding-bottom:  50px;}
.padding-bottom-55  { padding-bottom:  55px;}
.padding-bottom-60  { padding-bottom:  60px;}
.padding-bottom-65  { padding-bottom:  65px;}
.padding-bottom-70  { padding-bottom:  70px;}
.padding-bottom-75  { padding-bottom:  75px;}
.padding-bottom-80  { padding-bottom:  80px;}
.padding-bottom-85  { padding-bottom:  85px;}
.padding-bottom-90  { padding-bottom:  90px;}
.padding-bottom-95  { padding-bottom:  95px;}
.padding-bottom-100 { padding-bottom: 100px;}

.padding-left-5   { padding-left:   5px;}
.padding-left-10  { padding-left:  10px;}
.padding-left-15  { padding-left:  15px;}
.padding-left-20  { padding-left:  20px;}
.padding-left-25  { padding-left:  25px;}
.padding-left-30  { padding-left:  30px;}
.padding-left-35  { padding-left:  35px;}
.padding-left-40  { padding-left:  40px;}
.padding-left-45  { padding-left:  45px;}
.padding-left-50  { padding-left:  50px;}
.padding-left-55  { padding-left:  55px;}
.padding-left-60  { padding-left:  60px;}
.padding-left-65  { padding-left:  65px;}
.padding-left-70  { padding-left:  70px;}
.padding-left-75  { padding-left:  75px;}
.padding-left-80  { padding-left:  80px;}
.padding-left-85  { padding-left:  85px;}
.padding-left-90  { padding-left:  90px;}
.padding-left-95  { padding-left:  95px;}
.padding-left-100 { padding-left: 100px;}

.padding-right-5   { padding-right:   5px;}
.padding-right-10  { padding-right:  10px;}
.padding-right-15  { padding-right:  15px;}
.padding-right-20  { padding-right:  20px;}
.padding-right-25  { padding-right:  25px;}
.padding-right-30  { padding-right:  30px;}
.padding-right-35  { padding-right:  35px;}
.padding-right-40  { padding-right:  40px;}
.padding-right-45  { padding-right:  45px;}
.padding-right-50  { padding-right:  50px;}
.padding-right-55  { padding-right:  55px;}
.padding-right-60  { padding-right:  60px;}
.padding-right-65  { padding-right:  65px;}
.padding-right-70  { padding-right:  70px;}
.padding-right-75  { padding-right:  75px;}
.padding-right-80  { padding-right:  80px;}
.padding-right-85  { padding-right:  85px;}
.padding-right-90  { padding-right:  90px;}
.padding-right-95  { padding-right:  95px;}
.padding-right-100 { padding-right: 100px;}

.margin-top-5   { margin-top:   5px;}
.margin-top-10  { margin-top:  10px;}
.margin-top-15  { margin-top:  15px;}
.margin-top-20  { margin-top:  20px;}
.margin-top-25  { margin-top:  25px;}
.margin-top-30  { margin-top:  30px;}
.margin-top-35  { margin-top:  35px;}
.margin-top-40  { margin-top:  40px;}
.margin-top-45  { margin-top:  45px;}
.margin-top-50  { margin-top:  50px;}
.margin-top-55  { margin-top:  55px;}
.margin-top-60  { margin-top:  60px;}
.margin-top-65  { margin-top:  65px;}
.margin-top-70  { margin-top:  70px;}
.margin-top-75  { margin-top:  75px;}
.margin-top-80  { margin-top:  80px;}
.margin-top-85  { margin-top:  85px;}
.margin-top-90  { margin-top:  90px;}
.margin-top-95  { margin-top:  95px;}
.margin-top-100 { margin-top: 100px;}

.margin-bottom-5   { margin-bottom:   5px;}
.margin-bottom-10  { margin-bottom:  10px;}
.margin-bottom-15  { margin-bottom:  15px;}
.margin-bottom-20  { margin-bottom:  20px;}
.margin-bottom-25  { margin-bottom:  25px;}
.margin-bottom-30  { margin-bottom:  30px;}
.margin-bottom-35  { margin-bottom:  35px;}
.margin-bottom-40  { margin-bottom:  40px;}
.margin-bottom-45  { margin-bottom:  45px;}
.margin-bottom-50  { margin-bottom:  50px;}
.margin-bottom-55  { margin-bottom:  55px;}
.margin-bottom-60  { margin-bottom:  60px;}
.margin-bottom-65  { margin-bottom:  65px;}
.margin-bottom-70  { margin-bottom:  70px;}
.margin-bottom-75  { margin-bottom:  75px;}
.margin-bottom-80  { margin-bottom:  80px;}
.margin-bottom-85  { margin-bottom:  85px;}
.margin-bottom-90  { margin-bottom:  90px;}
.margin-bottom-95  { margin-bottom:  95px;}
.margin-bottom-100 { margin-bottom: 100px;}

.margin-left-5   { margin-left:   5px;}
.margin-left-10  { margin-left:  10px;}
.margin-left-15  { margin-left:  15px;}
.margin-left-20  { margin-left:  20px;}
.margin-left-25  { margin-left:  25px;}
.margin-left-30  { margin-left:  30px;}
.margin-left-35  { margin-left:  35px;}
.margin-left-40  { margin-left:  40px;}
.margin-left-45  { margin-left:  45px;}
.margin-left-50  { margin-left:  50px;}
.margin-left-55  { margin-left:  55px;}
.margin-left-60  { margin-left:  60px;}
.margin-left-65  { margin-left:  65px;}
.margin-left-70  { margin-left:  70px;}
.margin-left-75  { margin-left:  75px;}
.margin-left-80  { margin-left:  80px;}
.margin-left-85  { margin-left:  85px;}
.margin-left-90  { margin-left:  90px;}
.margin-left-95  { margin-left:  95px;}
.margin-left-100 { margin-left: 100px;}

.margin-right-5   { margin-right:   5px;}
.margin-right-10  { margin-right:  10px;}
.margin-right-15  { margin-right:  15px;}
.margin-right-20  { margin-right:  20px;}
.margin-right-25  { margin-right:  25px;}
.margin-right-30  { margin-right:  30px;}
.margin-right-35  { margin-right:  35px;}
.margin-right-40  { margin-right:  40px;}
.margin-right-45  { margin-right:  45px;}
.margin-right-50  { margin-right:  50px;}
.margin-right-55  { margin-right:  55px;}
.margin-right-60  { margin-right:  60px;}
.margin-right-65  { margin-right:  65px;}
.margin-right-70  { margin-right:  70px;}
.margin-right-75  { margin-right:  75px;}
.margin-right-80  { margin-right:  80px;}
.margin-right-85  { margin-right:  85px;}
.margin-right-90  { margin-right:  90px;}
.margin-right-95  { margin-right:  95px;}
.margin-right-100 { margin-right: 100px;}

/* スマートフォン用 */
.sm-font-size-6  {font-size:  6px;}
.sm-font-size-8  {font-size:  8px;}
.sm-font-size-10 {font-size: 10px;}
.sm-font-size-12 {font-size: 12px;}
.sm-font-size-14 {font-size: 14px;}
.sm-font-size-16 {font-size: 16px;}
.sm-font-size-18 {font-size: 18px;}
.sm-font-size-20 {font-size: 20px;}
.sm-font-size-22 {font-size: 22px;}
.sm-font-size-24 {font-size: 24px;}
.sm-font-size-26 {font-size: 26px;}
.sm-font-size-28 {font-size: 28px;}
.sm-font-size-30 {font-size: 30px;}
.sm-font-size-32 {font-size: 32px;}
.sm-font-size-34 {font-size: 34px;}
.sm-font-size-36 {font-size: 36px;}
.sm-font-size-38 {font-size: 38px;}
.sm-font-size-40 {font-size: 40px;}
.sm-font-size-42 {font-size: 42px;}
.sm-font-size-44 {font-size: 44px;}
.sm-font-size-46 {font-size: 46px;}
.sm-font-size-48 {font-size: 48px;}
.sm-font-size-50 {font-size: 50px;}
.sm-font-size-52 {font-size: 52px;}
.sm-font-size-54 {font-size: 54px;}
.sm-font-size-56 {font-size: 56px;}
.sm-font-size-58 {font-size: 58px;}
.sm-font-size-60 {font-size: 60px;}

/* タブレット用 */
@media only screen and (min-width:641px){
	.tb-font-size-6  {font-size:  6px;}
	.tb-font-size-8  {font-size:  8px;}
	.tb-font-size-10 {font-size: 10px;}
	.tb-font-size-12 {font-size: 12px;}
	.tb-font-size-14 {font-size: 14px;}
	.tb-font-size-16 {font-size: 16px;}
	.tb-font-size-18 {font-size: 18px;}
	.tb-font-size-20 {font-size: 20px;}
	.tb-font-size-22 {font-size: 22px;}
	.tb-font-size-24 {font-size: 24px;}
	.tb-font-size-26 {font-size: 26px;}
	.tb-font-size-28 {font-size: 28px;}
	.tb-font-size-30 {font-size: 30px;}
	.tb-font-size-32 {font-size: 32px;}
	.tb-font-size-34 {font-size: 34px;}
	.tb-font-size-36 {font-size: 36px;}
	.tb-font-size-38 {font-size: 38px;}
	.tb-font-size-40 {font-size: 40px;}
	.tb-font-size-42 {font-size: 42px;}
	.tb-font-size-44 {font-size: 44px;}
	.tb-font-size-46 {font-size: 46px;}
	.tb-font-size-48 {font-size: 48px;}
	.tb-font-size-50 {font-size: 50px;}
	.tb-font-size-52 {font-size: 52px;}
	.tb-font-size-54 {font-size: 54px;}
	.tb-font-size-56 {font-size: 56px;}
	.tb-font-size-58 {font-size: 58px;}
	.tb-font-size-60 {font-size: 60px;}
}

/* パソコン用 */
@media only screen and (min-width:769px){
	.pc-font-size-6  {font-size:  6px;}
	.pc-font-size-8  {font-size:  8px;}
	.pc-font-size-10 {font-size: 10px;}
	.pc-font-size-12 {font-size: 12px;}
	.pc-font-size-14 {font-size: 14px;}
	.pc-font-size-16 {font-size: 16px;}
	.pc-font-size-18 {font-size: 18px;}
	.pc-font-size-20 {font-size: 20px;}
	.pc-font-size-22 {font-size: 22px;}
	.pc-font-size-24 {font-size: 24px;}
	.pc-font-size-26 {font-size: 26px;}
	.pc-font-size-28 {font-size: 28px;}
	.pc-font-size-30 {font-size: 30px;}
	.pc-font-size-32 {font-size: 32px;}
	.pc-font-size-34 {font-size: 34px;}
	.pc-font-size-36 {font-size: 36px;}
	.pc-font-size-38 {font-size: 38px;}
	.pc-font-size-40 {font-size: 40px;}
	.pc-font-size-42 {font-size: 42px;}
	.pc-font-size-44 {font-size: 44px;}
	.pc-font-size-46 {font-size: 46px;}
	.pc-font-size-48 {font-size: 48px;}
	.pc-font-size-50 {font-size: 50px;}
	.pc-font-size-52 {font-size: 52px;}
	.pc-font-size-54 {font-size: 54px;}
	.pc-font-size-56 {font-size: 56px;}
	.pc-font-size-58 {font-size: 58px;}
	.pc-font-size-60 {font-size: 60px;}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 表示設定 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* スマートフォン用 */
.sm-display {display: block;}
.tb-display {display: none;}
.pc-display {display: none;}
.sm-tb-display {display: block;}
.sm-pc-display {display: block;}
.tb-pc-display {display: none;}

/* タブレット用 */
@media only screen and (min-width:641px){
	.sm-display {display: none;}
	.tb-display {display: block;}
	.pc-display {display: none;}
	.sm-tb-display {display: block;}
	.sm-pc-display {display: none;}
	.tb-pc-display {display: block;}
}

/* パソコン用 */
@media only screen and (min-width:769px){
	.sm-display {display: none;}
	.tb-display {display: none;}
	.pc-display {display: block;}
	.sm-tb-display {display: none;}
	.sm-pc-display {display: block;}
	.tb-pc-display {display: block;}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  見出し  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
h1 {font-weight: normal;}
h2 {font-weight: normal;}
h3 {font-weight: normal;}
h4 {font-weight: normal;}
h5 {font-weight: normal;}
h6 {font-weight: normal;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  カラー  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.bg-color-base{		background-color: #ffffff;}
.bg-color-assort{	background-color: #f5f5f5;}
.bg-color-accent{	background-color: #6b67fc;}
.text-color-base{	color: #030136;}
.text-color-assort{	color: #818181;}
.text-color-accent{	color: #d3d8f6;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  リンク  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
a, a:visited {
	color: #6b67fc;
	text-decoration: none;
	border: none;