@charset "UTF-8";

/*** default sets ****************************************/

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 16px;
    line-height: 150% !important;
    color: #444444;
    font-family: Meiryo, Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
    margin: 0px auto;
    background: #ffffff;
    text-align: center;
}

#shopBody h1 {
font-size: 140%;
margin-bottom: 10px;
}

#shopBody h2 {
font-size: 130%;
margin-bottom: 10px;
}

#shopBody h3 {
font-size: 120%;
margin-bottom: 10px;
}

#shopBody h4 {
font-size: 110%;
padding: 10px 0; /*10px 0px 4px 0px;*/
}

#shopBody h5 {
font-size: 100%;
}

#shopBody p.p_top_margin {
margin-top: 12px;
}

#shopBody blockquote {
padding: 3px;
margin: 0px 10px 10px;
background: #efefef;
border: solid 1px #ccc;
}

body#page #contents p.topicPath {
margin: 13px 10px 0px 10px;
}

body.fontL {
    font-size: 100%;
}

body.fontM {
    font-size: 78.5%;
}
/*** add SKR ********************************************/

#contents div.pageTop {
    clear: both;
    margin: 20px 10px 0px;
    padding-bottom: 10px;
    text-align: right;
}

    #contents div.pageTop span {
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        padding: 3px;
        background: url(/common/images/contents_area_bg.jpg) repeat-x 0% 100%;
    }

    #contents div.pageTop span a {
        padding-left: 15px;
        background: url(/common/images/icon_pagetop.gif) no-repeat 0% 50%;
        text-decoration: none;
    }


/*** Utility ********************************************/

a,
a:link {
    color: #0066ff;
    text-decoration: none;
}

a:visited {
    color: #6600cc;
}

a:hover {
    color: #ff6633;
    text-decoration: underline;
}

a:active {
    color: #ff3300;
}

img {
    border: none;
    vertical-align: bottom;
}

ul {
    list-style-type: none;
}

/*** #header ****************************************/

#shopHeader {
width: 893px;
padding: 0px;
}

#header_pr {
text-align:right;
margin: 10px 0px 5px 0px;
border-bottom: solid 1px #666666;
}

/*** #body ****************************************/

body#page #contents p.topicPath {
    margin: 5px 10px 5px;
}

#wrapper {
    width: 893px;
    margin: 0px auto;
    text-align: center;
}

#contents {
    width: 893px;
    text-align: left;
    position: relative;
}

#contentsWrapper {
    width: 893px;
    background: #fff url(../images/contents_bg.jpg) repeat-y 0% 0%;
}

#shopBody {
padding: 0px;
width: 893px;
margin-top: 15px;
}

/*** #left ****************************************/

#shopLeft {
width: 660px;
margin-bottom: 42px;
float: left;
}

#shopParts {
margin-bottom: 30px;/*15px;*/
clear: both;
}

#shopPartsTitle {
width: 660px;
height: 40px;
margin-bottom: 5px;
background: url(../images/ishisho/ishisho_midashi.png) no-repeat 0% 100%;
}

#shopPartsTitle h2 {
padding: 10px 0px 0px 10px;/*3 0 0 10*/
color: #FFFFFF;
}

#contents div.shopPageTop {
margin: 0px 10px 30px 0px;
text-align: right;
}

#contents div.shopPageTop span {
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
padding: 3px;
background: url(../../00_images/contents_area_bg.jpg) repeat-x 0% 100%;
}

#contents div.shopPageTop span a {
padding-left: 15px;
background: url(../../00_images/icon_pagetop.gif) no-repeat 0% 50%;
text-decoration: none;
}

/*** #photolist ****************************************/

#grid {
width: 660px;
margin: 10px 0px 0px 0px;
clear: both;
}

#grid div.section {
float:left;
width: 215px;
padding-left: 5px;
text-align: left;
}

#grid div.sectionStart {
float:left;
width: 215px;
text-align: left;
}

#grid img {
margin: 0px;
padding: 0px;
}

#grid div.section div.title {
margin: 0px; 
padding: 0px; 
width: 215px;
overflow: hidden;
}

#grid div.sectionStart div.title {
margin: 0px; 
padding: 0px; 
width: 215px;
overflow: hidden;
}

#grid div.section div.title h5 {
margin: 5px 0px 0px 0px;
}
  
#grid div.sectionStart div.title h5 {
margin: 5px 0px 0px 0px;
}
  
#grid2 {
width: 660px;
margin: 10px 0px 0px 0px;
clear: both;
}

#grid2 div.section {
float:left;
width: 140px;/*128px;*/
padding-left: 5px;
text-align: left;
}

#grid2 div.sectionStart {
float:left;
width: 140px;/*128px;*/
text-align: left;
}

#grid2 img {
margin: 0px;
padding: 0px;
}

#grid2 div.section div.title {
margin: 0px;
padding: 0px;
width: 128px;
overflow: hidden;
}

#grid2 div.sectionStart div.title {
margin: 0px;
padding: 0px;
width: 128px;
overflow: hidden;
}

#grid2 div.section div.title h5 {
margin: 5px 0px 0px 0px;
}
  
#grid2 div.sectionStart div.title h5 {
margin: 5px 0px 0px 0px;
}
  
/*** #menu ****************************************/

#menu {
padding: 0px;
}

#menu dl {
margin-top: 20px;
}

#menu dl dt {
float: left;
height: 190px;
}

#menu dl dd {
height: 190px;
padding-top: 0px;
margin-left: 250px;
}

#menu h4 {
padding: 0px 0px 4px 0px;
margin: 0px 0px 8px 0px;
border-bottom: solid 1px #999999;
line-height: 110%
}

#menu h4 span{
font-size: 80%;
}

#menu h5 {
font-size: 100%;
margin-bottom: 2px;
}

#menu h5 span{
font-size: 70%;
line-height: 100%
}

/*** #info ****************************************/

#info {
margin: 12px 0px 0px 0px;
}

#info dl dt {
clear: left;
float: left;
width: 10em;
padding: 10px 0.5em 8px 0.5em;
font-weight: bold;
}

#info dl dd {
margin-left: 0;
padding: 10px 0.5em 8px 0.5em;
border-top: solid 1px #999999;
}

#info dl dt.start {
padding: 0px 0.5em 8px 0.5em;
}
#info dl dd.start {
padding: 0px 0.5em 8px 0.5em;
border: none;
}

/*** #recruitment ****************************************/

#recruitment dl {
padding: 0px;
margin: 10px 0;
}

#recruitment dl dt {
clear: left;
float: left;
width: 7em;
padding: 0 0.5em 0 1em;/*0px 0.5em 0px 0.5em;*/
font-weight: bold;
}

#recruitment dl dd {
margin-left: 0;
padding: 0px 0.5em 0px 0.5em;
}

/*** #form ***************************************

#shopParts div.aform dl {
margin: 0px;
padding: 0px;
}


#shopParts div.aform-header {
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 120%;
font-weight: bold;
border-bottom: none;
}

 */

/*
div.aform#aform-13 div.aform-header {
margin: 10px 0px 0px 0px;
}
 */

#shopParts table tr td.aform-hdln {
font-size: 115%;
font-weight: bold;
/*margin: 5em 0 0.5em;*/
padding: 5px 0px 3px 0px;
border-bottom: 1px dotted #ccc;
}

#shopParts div.aform-content {
padding-left: 0.1em;
}

#shopParts div.aform-content dl {
margin-bottom: 0px;
padding-bottom: 0px;
width: 660px;
}

/*
#shopParts div.aform-content dl dt {
width: 270px;
}

#shopParts div.aform-content dl dd {
width: 390px;
}
*/

#shopParts div.aform-content table.formTable td input {
width: 380px;
}

#shopParts div.aform-content table.formTable td textarea {
width: 380px;
}

#shopParts div.aform-content table.formTable td.radio {
font-size: 100%;
margin: 0px;
padding: 0px;
text-align: left;
width: auto;
}

#shopParts table tr td span {
display: inline-block;
}

#shopParts div.aform-content .submit {
margin-top: 0px;
padding: 10px 0px 0px 0px;
border-top: none;
}

#shopParts div.aform-content .submit input {
font-size: 100%;
}

/*** #deri ****************************************/

#deri {
padding: 0px;
}

#deri dl {
margin-top: 20px;
}

#deri dl dt {
float: left;
height: 190px;
}

#deri dl dd {
height: 190px;
padding-top: 0px;
margin-left: 250px;
}

#deri h4 {
padding: 0px 0px 4px 0px;
margin: 0px 0px 8px 0px;
border-bottom: solid 1px #999999;
}

#deri h5 {
font-size: 105%;
margin-bottom: 2px;
}

/*** #right ****************************************/

#shopRight {
margin-left: 693px;
}

#shopMenu ul li {
height: 30px;
background: url(../images/ishisho/ishisho_menu_back.gif) no-repeat;
}

#shopMenu ul li a {
display:block;
padding: 7px 0px 0px 10px;
}

/*** #footer ****************************************/

#footer {
width: 893px;
clear: both;
background: #fff;
padding: 5px 0px 10px 0px;
border-top: solid 1px #666666;
}

#footer p.footer_pr {
text-align: left;
}

/*** town30 ****************************************/

#town {
padding-top: 20px;
padding-bottom: 20px;
}

#town p {
font-size: 125%;
line-height: 150%;
padding-bottom: 10px;
}

#town p span.nameBold {
font-weight: bold;
}

#town h4 {
font-size: 150%;
padding-bottom: 15px;
font-weight: bold;
}

#town img {
display:block;
margin-left:auto;
margin-right:auto;
padding-top: 5px;
padding-bottom: 25px;
text-align: center;
}

/*** clearfix ****************************************/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*** present ****************************************/

#present {
padding: 20px 40px 20px 40px;
/*background: url(images/present_back.jpg) repeat top;*/
/*background-color: #B0E0E6;*/
}

#sponsor {
padding: 0px;
margin: 0px;

}

#sponsor h3 {
background-color: #f04277;
color: #FFFFFF;
font-size: 14px;
padding: 6px 10px 3px;
margin-bottom: 20px;
}

#sponsor p {
font-size: 12px;
}

#image {
padding-top: 10px;
border-top: 2px dotted #f04277;
border-bottom: 2px dotted #f04277;
}

#image img {
float: left;
padding: 0px;
margin: 0px;
}

#image p {
padding-left: 340px;
font-size: 14px;
}

#image p.clear {
clear: both;
}

#present_button {
width: auto;
padding: 20px 0px 10px;
}

#present_button p.privacy {
float:left;
display:block;
font-size: 12px;
margin: 19px 20px 0px 194px;
}

#present_button p.btnimg {
display:block;
width: 200px;
}

#present_button a {
margin: 0px;
padding: 0px;
}

#present_button p a img {
margin: 0px;
padding: 0px;
}

/*** wao ***************************************

#wao {
text-align: left;
font-size: 110%;
padding: 20px;
margin: 0px 50px 0px 50px; 
color: #333333;
}

#waoentry p{
text-align: left;
margin: 40px;
font-size: 110%;
line-height: 20px;
color: #333333;
}

#wao img {
display:block;
margin-left:auto;
margin-right:auto;
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}

#wao h2 {
background: #f93;
padding: 5px;
margin: 40px 15px 15px 15px;
color: #ffffff;
font-size: 150%;
font-weight: normal;
border-left: 10px solid #f60;
}

#waotext p {
font-size: 110%;
margin: 5px 75px 5px 75px;
}

#waoinfo p {
text-align: left;
margin-top: 20px;
margin-right: 100px;
margin-left: 100px;
padding: 10px;
background: #cfc;
}

#waoprofile  p {
text-align: left;
margin: 20px;
padding: 10px;
}

*/

/***ksjc ***************************************

#ksjcinfo p {
text-align: left;
margin-top: 20px;
margin-right: 100px;
margin-left: 100px;
padding: 10px;
background: #cfc;
}

*/