/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 720px;
    text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}



#alpha-inner, #beta-inner {
    position: static;
}



/* content */

.content-nav {
    margin: 10px;
    text-align: center;
}

.entry-content {
    position: static;
    clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content
 {
    clear: both;
}

.entry-body
 {
    clear: both;
}

.entry-footer
 {
    clear: both;
    margin: 5px 10px 20px 10px;
}


img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}


/* modules */

.module {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-content {
    position: relative;
    margin: 5px 10px 20px 10px;
}

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

.module-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.module-calendar .module-content table {
    border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td {
    width: 14%;
    text-align: center;
}


.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description {
    margin: 0;
    padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content {
    margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list {
    display: block;
    height: 1%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}


/* Vicksburg II (theme-vicksburg.css) */

/* basic page elements */

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
}

a { color: #00a0e9; text-decoration: none; }
a:hover { color: #00a0e9; text-decoration: underline; }

#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }

.module-content a { color: #0000ff; }
.module-content a:hover { color: #0000ff; }

h1, h2, h3, h4, h5, h6 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.module-header {
	/* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
	width: 100%;
	w\idth: auto;
	margin: 0;
	border-left: 0px solid #36414d;
	padding: 5px;
	color: #fff;
	background: url(images/theme/module-header.gif);
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	text-align: left;
}

.module-header a,
.module-header a:hover {
    color: #fff;
}


/* page layout */

body {
    min-width: 1030px;
    color: #000;
    background: url(images/theme/body.gif);
	background-repeat:repeat-x;
	background-color:#fff;
}

#container {
    width: 1030px;
	margin: 0 auto;
}

#container-inner {
    margin: 0 15px;
    background: url(images/theme/beta.gif);
}

#banner {
    width: 1000px; /* necessary for ie win */
    height: 120px;
    background: url(images/banner.gif);
	background-repeat:no-repeat;
}

#banner-inner {
	padding: 25px 0px 0 0px;
}


#banner-header {
	margin: 0;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
}

#banner-description {
	margin-top: 5px;
	margin-bottom: 0;
	color: #fff;
	background: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.125;
	text-align: left;
}

#alpha { margin: 15px 15px 0 15px; width: 520px; }
#beta { width: 200px; background: #fff; }

#beta-inner
{
	padding: 10px 10px 0 10px;
    border-width: 2px 2px 2px 0;
    border-style: solid;
    border-color: #fff;
}

#footer
{
	text-align: left;
	background: #eee;
	margin: 0;
	padding: 15px 0 30px 0;
	border-top:solid 5px #404040;
}

#footer_inner { width:1000px; margin:0 auto; }

address
{
   color: #404040;
   font-style: normal;
   font-size: 12px;
}

.entry-content {
    margin: 0;
    line-height: 1.8;
	font-size: 14px;
}


/* modules */

.module {
    margin: 0 0 10px 0;
    border-bottom: 0px solid #f3f6f9;
    background: #fff;
}

.module-content {
    margin: 0 0 5px 0;
    border-right: 2px solid #f5f5f5;
	border-left: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
    padding: 10px;
    font-size: 12px;
    line-height: 1.2;
}

.module-search input { font-size: 12px; }
.module-search #search { width: 100px; }

.module-list {
    margin: 0 0 10px 15px;
    list-style: disc;
}

.module-list .module-list {
    margin: 5px 0 0 0;
    padding-left: 15px;
    list-style: circle;
}

.module-list-item {
    margin-top: 0;
    color: #000;
    line-height: 1.2;
}

.typelist-thumbnailed .module-list {
    margin: 0 0 10px 0;
    list-style: none;
}

.typelist-thumbnailed .module-list-item {
    margin: 1px 0;
    padding: 0;
    background: #f3f6f9;
}

.typelist-thumbnail {
    background: #fff;
}

/* one-column tweaks */

.layout-one-column body { min-width: 780px; }
.layout-one-column #container {
	width: 1030px;
}
.layout-one-column #banner {
	width: 1000px;
} /* necessary for ie win */

.layout-one-column #alpha {
	margin: 0;
	padding: 0;
	width: 1000px;
	background: #fff;
}

.layout-one-column #alpha-inner {
	margin: 0px auto 15px auto;
	padding: 0;
	width: 1000px;
}


/* two-column-left tweaks */

.layout-two-column-left #alpha {
    float: right;
    margin: 0;
    padding: 15px 15px 0 15px;
    width: 520px;
    background: none;
}

.layout-two-column-left #alpha-inner {
    padding: 0;
    border-width: 0;
}

.layout-two-column-left #beta {
    float: left;
    margin: 0;
    width: 200px;
    background: #fff;
}

.layout-two-column-left #beta-inner {
    padding: 10px 10px 0 10px;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
}


/* three-column tweaks */

.layout-three-column #alpha {
    margin: 0;
    width: 180px;
    background: #e6ecf2;
}

.layout-three-column #alpha-inner {
    padding: 10px 10px 0 10px;
    border-width: 2px 0 2px 2px;
    border-style: solid;
    border-color: #fff;
}

.layout-three-column #beta {
    margin: 15px 15px 0 15px;
    width: 320px;
    background: none;
}

.layout-three-column #beta-inner {
    padding: 0;
    border-width: 0;
}


/*
 *  Preliminary styles added by Jay for Vicksburg II
 *     for review by Luke/Walt and rest of team
 */

/* All or multiple templates
    Suppress underlines on linked entry titles */
.entry-header a { text-decoration: none; }
    /* Suppress the prev/next nav */
.content-nav { margin: 0px; display: none; }

/* Main index styles
    Suppress date header on main index */
.main-index .date-header { display: none; }

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }

/* All archive templates
    Informational "where am I?" module at top of sidebar */
.module-welcome p { font-size: 12px; }
.module-content p.first { margin-top:0px; }




/* text */

.mincho { font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3" }

.gothic { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" }

.souei { font-family: "HGP創英角ｺﾞｼｯｸUB", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

.red { color: #ff0000 }

.dark-red { color: #cc0000 }

.orange { color: #ff9900 }

.yellow { color: #ffff00 }

.green { color: #99ff99 }

.blue { color: #0000ff }

.dark-blue { color: #006699 }

.bold { font-weight: bold }

.italic { font-style: italic }

.center { text-align: center }

.right { text-align: right }

.left { text-align: left }

.line-through { text-decoration: line-through }

.underline { text-decoration: underline }

.underline-dashed { border-bottom: 1px dashed #999; }

.smaller { font-size: 80% }

.larger { font-size: 150% }

.headline { color: #cc0000; font-size: 35px; font-weight: normal; font-family: "HGP創英角ｺﾞｼｯｸUB", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height: 1.4; } 

.bg-red { background-color: #ff9999 }

.bg-yellow { background-color: #ffff99 }

.bg-icon-lightbulb { background: url(images/lightbulb.gif) no-repeat ; padding-left: 20px }

.bg-icon-comment { background: url(images/comment.gif) no-repeat ; padding-left: 20px }

.bg-icon-exclamation { background: url(images/exclamation.gif) no-repeat ; padding-left: 20px }

.bg-icon-page_white_text { background: url(images/page_white_text.gif) no-repeat ; padding-left: 20px }

.bg-icon-attach { background: url(images/attach.gif) no-repeat ; padding-left: 20px }

.rollover-red
{
   margin: 30px 0;
   padding: 0;
   font-size: 16px;
   font-family: "HGPｺﾞｼｯｸE", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   text-align: center;
   font-weight: normal;
}

.rollover-red a
{
   margin: 0;
   padding: 8px 24px;
   color: #fff;
   background: #cc0000;
   text-decoration: none;
   border-top: 2px solid #ff6666;
   border-left: 2px solid #ff6666;
   border-right: 2px solid #660000;
   border-bottom: 2px solid #660000;
}

.rollover-red a:hover
{
   color: #fff;
   background: #dd3333;
   text-decoration: none;
   border-top: 2px solid #ff6666;
   border-left: 2px solid #ff6666;
   border-right: 2px solid #660000;
   border-bottom: 2px solid #660000;
}

/* image */

.img-left
{
   float: left;
   margin-right: 10px;
}

.img-right
{
   float: right;
   margin-left: 10px;
}

.clear { clear: both; }


/* box */

.voice
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff;
   line-height: 1.6;
   border: 2px solid #e3e3e3;
}

.box-red
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff5f5;
   border: 2px solid #ff9999;
}

.box-blue
{
   margin: 15px 0;
   padding: 10px;
   background-color: #eefaff;
   border: 2px solid #99ccff;
}

.box-yellow
{
   margin: 15px 0;
   padding: 10px;
   background-color: #ffffee;
   border: 2px solid #ffcc99;
}

.box-green
{
   margin: 15px 0;
   padding: 10px;
   background-color: #efffef;
   border: 2px solid #99ff99;
}

.box-pink
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff9ff;
   border: 2px solid #ffccff;
}

.box-gray
{
   margin: 15px 0;
   padding: 10px;
   background-color: #fff;
   border: 2px solid #e3e3e3;
}


/* list */

.list01
{
	margin: 0;
	padding: 5px 5px 15px 35px;
	list-style-image: url(images/arrow_01.png);
	list-style-position: outside;
}

.list01 li
{
   margin-top: 10px;
   color: #333;
}

.list01 a { color:#000; }

.list-check
{
   margin: 15px 0;
   padding: 0px 10px 15px 35px;
   background-color: #ffffee;
   line-height: 1.6;
   border: 2px solid #ffcc99;
   list-style-image: url(images/checkmark.gif);
   list-style-position: outside;
}

.list-check li
{
   margin-top: 10px;
   color: #333;
}

/* table */

.legal_notice
{
   border-collapse: collapse;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
}

.legal_notice th
{
   background: #f5f5f5;
   color: #000;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   padding: 13px 15px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
   width: 30%;
}

.legal_notice td
{
   background: #fff;
   color: #000;
   font-size: 12px;
   padding: 13px 15px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
   width: 70%;
}

.table01 {
   border-collapse: collapse;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
}

.table01 th {
   background: #f5f5f5;
   color: #000;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   padding: 3px 5px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.table01 td
{
   background: #fff;
   color: #000;
   font-size: 12px;
   padding: 3px 5px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.legal_notice2
{
   border-collapse: collapse;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
}

.legal_notice2 th
{
   background: #f5f5f5;
   color: #000;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   padding: 13px 15px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.legal_notice2 td
{
   background: #fff;
   color: #000;
   font-size: 12px;
   padding: 13px 15px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}



/* nav */
#nav {
    margin:20px 0 15px 0;
    padding: 0;
	height:50px;
	border:1px solid #000; border-radius:8px;
}

#nav ul {
    list-style: none;
	margin:0;
    padding: 0;
    font-size: 9px;
	
}

#nav ul li {
    float: left;
    height: 50px;
}

#nav ul li a {
    display: block;
    height: 50px;
}

#nav ul li.nav_01 a {
    background: url(images/nav/nav_01.png)
    left top no-repeat;
    text-indent: -9999px;
    width: 170px;
	border-radius:8px 0px 0px 8px;
}

#nav ul li.nav_02 a {
    background: url(images/nav/nav_02.gif)
    left top no-repeat;
    text-indent: -9999px;
    width: 194px;
}

#nav ul li.nav_03 a {
    background: url(images/nav/nav_03.png)
    left top no-repeat;
    text-indent: -9999px;
    width: 138px;
}

#nav ul li.nav_04 a {
    background: url(images/nav/nav_04.png)
    left top no-repeat;
    text-indent: -9999px;
    width: 170px;
}

#nav ul li.nav_05 a {
    background: url(images/nav/nav_05.png)
    left top no-repeat;
    text-indent: -9999px;
    width: 237px;
}

#nav ul li a:hover {
    background-position: 0 -50px;}

.w200 { width:200px; }
.w250 { width:250px; }

.w745 { width:745px; }

.h270 { height:270px; }

.br_dot1 { border-right: dotted 1px #404040; }

.fl { float:left; }
.fr { float:right; }

.mt35 { margin-top:35px;}

.ml20 { margin-left:20px;}
.ml65 { margin-left:65px;}

.pl40 { padding-left:40px; }

.maker_box { padding:5px 10px; border-top:solid #535353 5px; border-left:solid #535353 1px; border-right:solid #535353 1px; border-bottom:solid #535353 1px; background-color:#eee; margin-bottom:35px; }

.item_box01 { border:1px solid #333; padding:5px; font-size:10px; float:left; margin-left:15px; margin-bottom:15px; }
.minicar_box { border:1px solid #333; padding:5px; font-size:10px; float:left; margin-left:65px; margin-bottom:65px; }

.title_01 { font-size:150%; border-left:10px solid #000; padding-left:10px; }

/**clearfix**/

.clearfix { display: inline-table; zoom:1; overflow:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; overflow:visible;}
.clearfix { display: block; }
/* End hide from IE-mac */

/** ぱんくず **/

.pankuzu { width: 100%; text-align:left; padding:0px; }  
.pankuzu ul { margin:0; padding:0px; }
.pankuzu li { display: inline; margin-right: 5px; margin-left:0; padding:0px; }

/** 画像ロールオーバー **/
a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.img-over a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	position: relative;
	height: 400px;
	width: 1000px;
}

#mainimg .slides{
	position: relative;
	height: 400px;
	width: 1000px;
	overflow:hidden;
}
@media screen and (max-width:640px){
	#mainimg {
	position: relative;
	height: auto;
	width: 100%;
}

#mainimg .slides{
	position: relative;
	height: auto;
	width: 100%;
	overflow:hidden;
}
}







@media screen and (min-width:640px){
.smp{ display:none;}
}
@media screen and (max-width:640px){
.pc{ display:none;}
body{ font-size:15px;}
*{ box-sizing:border-box;}
img{ max-width:100%; height:auto;}
img.half{ width:50%;}
figure{ margin:20px auto;}
.pc{ display:none !important;}
p{ line-height:1.6em;}

/* page layout */
body { min-width:100%; background:none;}
#container { width:100%;}
#banner { width:100%; height:auto; background:none; border-bottom:5px solid #333;}

.layout-one-column body { min-width:100%;}
.layout-one-column #container { width:100%;}
.layout-one-column #banner { width:100%;}
.layout-one-column #alpha { width:100%;}
.layout-one-column #alpha-inner { width:100%;}

#nav_smp ul{ list-style:none; margin:10px auto; padding:0px; border:1px solid #333; border-left:10px solid #326496; border-radius:0px 20px 20px 0px;}
#nav_smp ul li{ list-style:none; border-bottom:1px dotted #aaa;}
#nav_smp ul li:last-child{ border:none;}
#nav_smp ul li a{ color:#333; padding:5px 5px 5px 10px; display:block; font-weight:bold; letter-spacing:0.1em;}

.maker_box a{ display:block; width:100%; text-align:center;}
.maker_box p{ margin:0px auto;}
.maker_box a img{ margin:5px auto !important;}

#footer_inner { width:100%; margin:0 auto; padding:0px 3%;}
#footer_inner .fl{ float:none !important; display:block; width:100% !important; height:auto !important;}
#footer_inner .br_dot1{ border:none; border-bottom:1px dotted #404040; margin-bottom:20px;}
#footer_inner .fl .ml65{ margin:0px auto;}

.w200 { width:45%; }

.ml65 { margin-left:0px;}

.pl40 { padding-left:0px; }

.minicar_box { border:1px solid #333; padding:5px; font-size:10px; float:left; margin-left:15px; margin-bottom:15px; }

}

.flex-wrap { display:flex; flex-wrap:wrap; box-sizing: border-box; }
.w300 { width:300px; }
.w30p { width: 30%; box-sizing: border-box; }
.w70p { width: 70%; box-sizing: border-box; }
.order01 { order: 1;}
.order02 { order: 2;}


.price01 {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}

.price01 th {
	background: #f5f5f5;
	color: #000;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	padding: 13px 15px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.price01 td {
	background: #fff;
	color: #000;
	font-size: 14px;
	padding: 13px 15px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

@media screen and (min-width:640px){
	.pr3p { padding-right: 3%; }
	.fr { float: right; }
	.ml10 { margin-left: 10px; }
	.w30p_pc { width: 30%; box-sizing: border-box; }
}

@media screen and (max-width:640px){
	.table01 th { width: 5%; }
	.price01 { margin: 3% 0; }
	.price01 th,.price01 td { width: 33.3333333%; }
	.slide_table { width: 100%; overflow-x:scroll; position: relative;}	
	.slide_table table { display: table!important; width: 1500px; table-layout: fixed!important; word-wrap: break-all; }
	.w300 { width:100%; box-sizing: border-box; }
	.w300 img { width: 100%; height: auto; }
	.w70p { width: 100%; box-sizing: border-box; }
}

.youtube_txt { display: inline-block; border:solid 2px #cc0000; padding: 5px 10px; border-radius: 10px; }