/*
 * Custom Style Sheet - Use this file to style your content
 */

.width33 {
    width: 324px;
}

.width33 p{
    width: 276px;
}

.custom-logo {
  display: inline-block;
  width: 210px;
  height: 90px;
  background: url(../../../images/yootheme/logo.png) 50% 50% no-repeat;
  background-size: contain;
}

#logo h1{
    font-size: 26px;
    line-height: 26px;
    margin: 15px 0 25px;
}

h2.title,.cart_quickcart h2 {
    background: url("../images/blue_mark.gif") no-repeat scroll 0 50% transparent;
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 8px 0 8px 26px;
    font-weight:bold;
    margin-top:0;
    color:#469BDB;
}

.cart_quickcart h2{
    margin-right: 0px;
}

.content h3 {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 8px 0;
    font-weight:bold;
}

.content h3 strong{
    font-size: 20px;
    color:#ff0000;
}

.module .module-title {
    border-bottom: 1px solid #DDDDDD;
    margin: -12px -15px 20px;
    padding: 2px 15px 6px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fefefe), color-stop(0.49, #efefef), color-stop(0.48, #fff), color-stop(0.00, #fff));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fefefe), color-stop(0.49, #efefef), color-stop(0.48, #fff), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(top, #fff 0%, #fff 48%, #efefef 49%, #fefefe 100%);
  background: -moz-linear-gradient(top, #fff 0%, #fff 48%, #efefef 49%, #fefefe 100%);
  background: -o-linear-gradient(top, #fff 0%, #fff 48%, #efefef 49%, #fefefe 100%);
  background: -ms-linear-gradient(top, #fff 0%, #fff 48%, #efefef 49%, #fefefe 100%);
  background: linear-gradient(to bottom, #fff 0%, #fff 48%, #efefef 49%, #fefefe 100%);
}
h3.module-title span.line{
    border-left: 3px solid #0070BD;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding-left: 15px;

}
h4.story-heading,h4.sub-title {
    background: url("../images/arrow_blue.jpg") no-repeat scroll 7px 50% transparent;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 0 5px 25px;
}

.header-set,.isblog #system .item,.mod-line,#breadcrumbs,.noblog #content{
  background: none repeat scroll 0 0 #ffffff;
}

#system{
  min-height:503px;
}

#totop-scroller{
  background-color: #ffffff;
}

.level2 li{
   margin-bottom:5px;
}

#sidebar-b .menu-sidebar li .current > span{
    color:#469BDB;
    font-weight:bold;
}

.menu-sidebar .level2 a > span {
    font-size: 12px;
    line-height: 17px;
}

.item a{
  color: #0000FF;
}
.contact-button{
  text-align:center;
}

.contact-button a{
  background-color:#4173c9;
  background-image:-moz-linear-gradient(top,#5e8ee4,#4173c9);
  background-image:-webkit-linear-gradient(top,#5e8ee4,#4173c9);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5e8ee4),color-stop(1,#4173c9));
  background-image:linear-gradient(top,#5e8ee4,#4173c9);
  border:0;-moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  color:#ffffff;
  cursor:pointer;
  display:inline-block;
  font-family:arial,sans-serif;
  font-size:13px;
  font-weight:bold;
  line-height:1.54;
  padding:7px 12px;
  text-align:center;
  text-shadow:0 -1px 0 rgba(0,0,0,.08)
}

.contact-button a:hover,.contact-button a:focus{
  color:#ffffff;
  background-color:#396bbc;background-image:-moz-linear-gradient(top,#5587d7,#396bbc);
  background-image:-webkit-linear-gradient(top,#5587d7,#396bbc);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5587d7),color-stop(1,#396bbc));
  background-image:linear-gradient(top,#5587d7,#396bbc)}
  .maia-button:active{-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}.maia-button[disabled],
  .maia-button.maia-button-disabled{background-color:#a4b9e3;background-image:-moz-linear-gradient(top,#b0c7f0,#a4b9e3);
  background-image:-webkit-linear-gradient(top,#b0c7f0,#a4b9e3);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b0c7f0),color-stop(1,#a4b9e3));
  background-image:linear-gradient(top,#b0c7f0,#a4b9e3);-moz-box-shadow:none !important;-webkit-box-shadow:none !important;
  box-shadow:none !important;cursor:default !important;
}

#top-b p.shosai {
    bottom: 245px;
    position: absolute;

}
.col {
    position: relative;
    min-height: 1px;
    float: left;
}

.col-100 {
    width: 100%;
}

.col-90 {
    width: 90%;
}

.col-85 {
    width: 85%;
}

.col-80 {
    width: 80%;
}

.col-75 {
    width: 75%;
}

.col-70 {
    width: 70%;
}

.col-65 {
    width: 65%;
}

.col-60 {
    width: 60%;
}

.col-55 {
    width: 55%;
}

.col-50 {
    width: 50%;
}

.col-45 {
    width: 45%;
}

.col-40 {
    width: 40%;
}

.col-35 {
    width: 35%;
}

.col-33 {
    width: 33.33333%;
}

.col-30 {
    width: 30%;
}

.col-25 {
    width: 25%;
}

.col-20 {
    width: 20%;
}

.col-15 {
    width: 15%;
}

.col-10 {
    width: 10%;
}

.col-5 {
    width: 5%;
}



/* Only Phones (Portrait) */
@media (max-width: 479px) {

  .custom-logo { height: 60px; }
  
}
@media only screen and (max-width:640px) {
    .col {
        width: auto !important;
        margin: 0 0px 10px 0 !important;
    }
}
#header{
  margin-top:0px;
}

.header-set {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #0070BD #DDDDDD #BBBBBB;
    border-image: none;
    border-radius: 0 0 6px 6px;
    border-style: solid;
    border-width: 4px 1px 1px;
    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1);
    min-height: 68px;
    padding: 15px;
}

.zebra td.date{
  width:8em;
}

#top-a h2{
    margin: 0 0 20px;
    color:#469BDB;
}

h2.price{
    color:#469BDB;
    font-weight:normal;
}

 h2.price strong{
    font-size:30px;
    margin-left:20px;
}

#menubar {
    margin-left: 20px;
    position: absolute;
    right: 30px;
    top: 40px;
    width: 650px;
}

#headerbar{
    float: left;
    width: auto;
}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    font-size:12px;
}

#menubar {
    margin-left: 20px;
    position: absolute;
    right: 5px;
    top: 40px;
    width: 650px;
}

.menu-dropdown{
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    font-size:12px;
}

.menu-dropdown li.level1 {
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin-right: 0;
    padding: 0;
    height: 34px;
    line-height: 34px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fefefe), color-stop(0.51, #efefef), color-stop(0.50, #fff), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #efefef 51%, #fefefe 100%);
  background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #efefef 51%, #fefefe 100%);
  background: -o-linear-gradient(top, #fff 0%, #fff 50%, #efefef 51%, #fefefe 100%);
  background: -ms-linear-gradient(top, #fff 0%, #fff 50%, #efefef 51%, #fefefe 100%);
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #efefef 51%, #fefefe 100%);
  -pie-background: linear-gradient(#8Fd537, #6Fb517);
  behavior: url(omisephoto/PIE/PIE.htc);
}

.menu-dropdown li.level1:hover .level1, .menu-dropdown li.remain .level1, .menu-dropdown li.active .level1 {
    color: #ffffff;
    background: none repeat scroll 0 0 #0070BD;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a7db6), color-stop(0.51, #025e9d), color-stop(0.50, #408fd3), color-stop(0.50, #408fd3), color-stop(0.00, #0071be));
background: -webkit-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -moz-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -o-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -ms-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: linear-gradient(to bottom, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);

}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 34px;
    line-height: 34px;
    padding: 0 13px;
}

.menu-dropdown li.level1:first-child {
    border-radius: 3px 0 0 3px;
}

.menu-dropdown li.level1:hover:first-child .level1, .menu-dropdown li.remain .level1:first-child, .menu-dropdown li.active:first-child .level1 {
    color: #ffffff;
    background: none repeat scroll 0 0 #0070BD;
    border-radius: 3px 0 0 3px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a7db6), color-stop(0.51, #025e9d), color-stop(0.50, #408fd3), color-stop(0.50, #408fd3), color-stop(0.00, #0071be));
background: -webkit-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -moz-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -o-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -ms-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: linear-gradient(to bottom, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);

}

.menu-dropdown li.level1:last-child {
    border-right: 1px solid #DDDDDD;
    border-radius:0 3px 3px 0;
}

.menu-dropdown li.level1:hover:last-child .level1, .menu-dropdown li.remain .level1:last-child, .menu-dropdown li.active:last-child .level1 {
    color: #ffffff;
    background: none repeat scroll 0 0 #0070BD;
    border-radius:0 3px 3px 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a7db6), color-stop(0.51, #025e9d), color-stop(0.50, #408fd3), color-stop(0.50, #408fd3), color-stop(0.00, #0071be));
background: -webkit-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -moz-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -o-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: -ms-linear-gradient(top, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
background: linear-gradient(to bottom, #0071be 0%, #408fd3 50%, #408fd3 50%, #025e9d 51%, #2a7db6 100%);
}


#maininner {
    width: 66.7%;
}
.home #maininner {
    width: 100%;
}
#sidebar-a,#sidebar-b {
    width: 33.3%;
}

#top-b .grid-box .deepest{
    position:relative;
    min-height: 500px;
}

#top-b .grid-box .top-frame{
    position:absolute;
    bottom:10px;
    margin-right:15px;
}

#top-b .grid-box img{
    position:absolute;
    bottom:10px;
}

.flow li{
  margin-bottom:20px;
  font-size:14px;
  font-weight:bold;
}

.flow span.detail{
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
}

dl.faq {
    padding: 0px;
}

.faq dt{
   float:left;
   width:2em;
   height:20px;
   line-height:20px;
   text-align:center;
   font-size:14px;
}

.faq dd{
   margin-left:2.5em;
   min-height:20px;
   line-height:20px;
}

.faq .q1{
   color:#469BDB;
   margin-bottom: 10px;
}

.faq .q2{
   margin-bottom: 10px;
   font-size:14px;
   font-weight:bold;
}

.faq .a1{
   color: #D33;
}

.faq p,.aboutus p{
    margin: 0;
}

.div_center{
   text-align:center;
}
.div_center p{
   text-align:left;
   margin-bottom: 0;
}

p.shosai{
   text-align:center;
   margin-top:30px;
}

p.shosai a{
    border: 1px solid #D3D3D3;
    margin: 10px 5px;
    padding: 8px 16px !important;
    background-color:#469BDB;
    color:#ffffff;
}

p.shosai a:hover{
    background-color:#ffffff;
    color:#469BDB;
}

.story-profile{
    clear:both;
}

.story-pic{
    width:120px;
    float:left;
    text-align:center;
    min-height:125px;
    margin-bottom:15px;
}

.story-interviewee-name{
    display:block;
}

.story-contents{
     margin-left:125px;
}

.aboutus td{
    padding:5px;
}

.contactform{
    width:100%;
    height:1067px;
}
.cfdiv_select select, .cfdiv_text label {
    width: 150px;
}
.cfdiv_checkboxgroup label:first-child, .cfdiv_radio label:first-child {
    margin-right: 0;
    width: 150px;
}
.ccms_form_element label {
}

.form_element{
    padding:5px;
}

.form_element label {
    display: block;
    float: left;
    font-weight: bold;
    width: 150px;
}

.form_element button{
    width: 130px;
}

.junbi,.hissu{
    color:#ff0000;
}

form button{
    border: 1px solid #D3D3D3;
    margin: 5px;
    padding: 4px !important;
}

.cart_totals {
    margin-right: 20px;
    margin-bottom: 20px;
}

.div_koumoku{
    border-bottom: 1px dotted;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    text-align: center;
}

.li_type1 {
    list-style: none outside none;
    margin: 1em 0;
    padding: 0;
}

.li_type1 li{
    margin-left: 1em;
}

.photo_sample{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    clear:both;
}

.photo_sample li{
    margin-left: 1.2em;
    margin-bottom: 1em;
    float:left;
}

.photo_sample li p{
    margin: 0;
    padding: 0;
}

.photo-form iframe{
  width:100%;
  height:1980px;
    overflow: hidden;
}

.contact-form iframe {
    height: 1280px;
    overflow: hidden;
    width: 100%;
}

/* -------------------- Google+ -------------------- */

ul.gpaw-body{
  font:100% arial,sans-serif;
  padding:0;margin:0;
  overflow:hidden;
  position:relative;
  background:#fbfbfb;
}

ul.gpaw-body li{
  border-bottom:#ddd 1px solid;
  margin:0 0 4px 0;
  padding:4px;
  list-style-type:none;
  overflow:hidden;
  font-size: 12px;
}

ul.gpaw-body .thumb{
  display:block;
  float:right;
  margin:0 0 5px 5px;
}

ul.gpaw-body .thumb a{
  text-decoration:none;
  outline:none;
}

ul.gpaw-body .thumb img{
  border:#eee 1px solid;
  width: 90px;
}
ul.gpaw-body .thumb a:hover img{
  border:#ccc 1px solid;
}

ul.gpaw-body .title a{
  outline:none;
  text-decoration:none;
  color:#000;
}

ul.gpaw-body .title a:hover{
  color:#666;
}

ul.gpaw-body .meta{
  color:#999999;
  display:block;
  font-size:95%;
  margin:5px 0 0;
  overflow:hidden;
  clear:both;
}

ul.gpaw-body .meta a,ul.gpaw-body .meta span{
  display:block;float:left;padding:0 6px 0 0}ul.gpaw-body .meta a{color:#999999;text-decoration:none;
}

ul.gpaw-body .meta a:hover{
  color:#333;text-decoration:none;
}

ul.gpaw-body .plusones{
  color:#3366CC;
  font-style:italic;
}

ul.gpaw-body .shares{
  color:#3366CC;
}

ul.gpaw-body .fade{
  background:url(http://googleplus-activity-widget.googlecode.com/svn/v1/fade.png) repeat-x left bottom;
  background:expression("");
  left:0;
  bottom:0;
  height:50px;
  position:absolute;
  width:100%;
  z-index:10;
}

.gpaw-profile{
  border-top:#dcdcdc 1px solid;
  border-bottom:1px solid #E5E5E5;
  background:#ffffff;
  padding:8px;
  overflow:hidden;
}

.gpaw-profile a.avatar{
  display:block;
  float:left;
  text-decoration:none;outline:none;margin:0 20px 0 0
}

.gpaw-profile a.avatar img{
  border:#eee 1px solid;
  display:block;
}

.gpaw-profile a.avatar:hover img{
  border:#ccc 1px solid;
  display:block;

}

.gpaw-profile .name {
    float: left;
    font-weight: bold;
    margin: 18px 0 8px;
    overflow: hidden;
    width: 160px;
}

.gpaw-profile a.add{
  display:inline-block;
  text-decoration:none;
  outline:none;
  padding:4px 8px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  background-color:#F5F5F5;
  border:1px solid rgba(0,0,0,0.1);
  color:#444444;
  font-size: 14px;
  margin-top: 12px;
}

.gpaw-profile a.add:hover{
  background-color:#D14836;
  border:1px solid transparent;
  color:#fff;
}

a.gpaw-info{
  border-top:#f0f0f0 1px solid;
  border-bottom:#f0f0f0 1px solid;
  background:#f4f4f4;
  padding:3px;
  text-align:right;
  font-size:80%;
  text-decoration:none;color:#999;
  display:none;
}

a.gpaw-info:hover{
  color:#333;
}

.top-movie h1.hidden {
    color: #FFFFFF;
    font-size: 8px;
    line-height: 0;
    margin: 0;
    max-width: 300px;
    padding: 0;
    position: absolute;
    visibility: inherit;
}

.button-lg a{
    font-size: 18px;
    width: 200px;
    padding: 15px;
}
@media (min-width: 768px) {
.button-lg a{
    font-size: 18px;
    width: 260px;
    padding: 15px;
}


/* IE9 */

:root .menu-dropdown li.level1 {
  background: url("../images/menu-bg.png") repeat-x scroll 0 0 transparent\9;

}

:root .menu-dropdown li.level1:hover .level1, :root .menu-dropdown li.remain .level1, :root .menu-dropdown li.active .level1 {
  background: url("../images/menu-over.png") repeat-x scroll 0 0 transparent\9;
}

:root .module .module-title {
  background: url("../images/module-ttl.png") repeat-x scroll 0 4px transparent\9;
}