@charset "utf-8";
@import url("/all/css/defalte.css");
/*===================================　

　　　　　全体構造(共通)

===================================*/

body {
font: 14px/1.5 "Simsun";
color: #333;
margin: 0px;
padding: 0px;
background: #FFFFFF url(../img/time_img/evening.png) no-repeat center 95px;
}
#wrapper {
position:relative;
width: 1070px;
margin: 0px auto 50px;
}
p {
margin: 0px 0px 12px;
padding: 0px;
}
img {
border-width: 0px;
vertical-align: bottom;
}
img.border {
border: 1px solid #CCCCCC;
display: block;
padding: 1px;
}
input,textarea {
font-size: 12px;
margin-bottom: 4px;
}
option,select {
font-size: 12px;
margin-bottom: 4px;
}
.clear {
clear: both;
font-size: 0px;
height: 1px;
}
.link_box {
padding: 10px 10px 4px;
background: #EBEBEB;
margin-bottom: 20px;
}
strong.title {
font-size: 110%;
margin-bottom: 4px;
display: block;
}
.btm_dot {
margin-bottom: 6px;
padding-bottom: 6px;
border-bottom: 1px dotted #999999;
}
/*　mark
------------------------------*/
.arrow {
background: url(../img/arrow.gif) no-repeat 0px 3px;
display: block;
padding-left: 17px;
}
.outside {
background: url(../img/outside.gif) no-repeat 0px 3px;
display: block;
padding-left: 17px;
}

/* 　class
------------------------------*/
.FEnd {
margin-right: 0px!important;
}
.FLeft {
float: left;
}
.FRight {
float: right;
}

/* 　link
-----------------------------------*/

a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

/*　 SNS
-----------------------------------*/
#LikeButton{
float:right;
width:330px;
}
#LikeButton iframe{
border:none;
float:left;
}


/* 　見出し
-----------------------------------*/

h1,h2,h3,h4,h5,h6 {
margin: 0px;
padding: 0px;
}
h2 {
border-top: 4px solid #A3290D;
padding-left: 10px;
padding-top: 10px;
margin: 0px 0px 6px;
}
h2.img {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #A3290D;
margin: 0px 0px 1px;
background-color: #FAF1EB;
background-image: url(../img/model_course/h2_bg.gif);
background-repeat: no-repeat;
background-position: 660px center;
padding: 10px 0px 10px 20px;
}
h2 span {
font-size: 76%;
}
h3 {
margin: 0px;
background: url(../img/bg_h3.jpg) repeat-x 0px 0px;
height: 32px;
border-top: thin solid #CCCCCC;
border-right: thin solid #CCCCCC;
border-left: thin solid #CCCCCC;
padding-top: 20px;
padding-left: 20px;
font-size: 110%;
}
.h3_wrap  {
float: left;
margin: 0px 6px 10px 0px;
width: 384px;
}
.h3_wrap .h3_inner_box {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 10px 0px 10px 20px;
}
.h3_wrap dl {
float: left;
width: 100px;
margin: 0px 20px 0px 0px;
padding: 0px;
}
.h3_wrap dl dd {
text-align:center;
}
.h3_wrap dl dt img {
padding:1px;
border:solid 1px #CCCCCC;
}
h4 {
background-image: url(../img/bg_title_h4.png);
background-repeat: no-repeat;
background-position: left top;
line-height: 40px;
padding-left: 30px;
margin-bottom: 1em;
font-size: 120%;
}
h5 {
background: url(../img/bg_title_h5.png) no-repeat 0px 0px;
margin: 0px;
padding: 7px 0px 0px 10px;
font-size: 110%;
height: 22px;
width: 770px;
}
.h5_border {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 10px 10px 0px;
}

h6 {
color:#A3290D;
font-size:110%;
margin-bottom: 4px;
}

/*　リスト
-----------------------------------*/

ul,ol,li {
margin: 0px;
padding: 0px;
}
ul {
margin-bottom: 12px;
list-style: none;
}

ul.float {
margin: 0px 0px 10px;
padding: 0px;
list-style: none;
}
ul.float li {
margin: 0px 10px 6px 0px;
float: left;
}

dl,dt,dd {
margin: 0px;
padding: 0px;
}

/*=================================== 　

　　　　　　　　header

===================================*/

#header {
width: 100%;
height: 95px;
background: url(../img/letter_bar.gif) repeat-x 0px 0px;
margin-bottom: 15px;
}
#header #header_inner {
position:relative;
margin: 0px auto;
width: 1050px;
height: 95px;
}
#header #header_inner h1 {
position:absolute;
left: 0px;
top: 10px;
}
#header #header_inner p#lang{
position:absolute;
right: 0px;
top: 0px;
margin: 0px;
padding: 0px;
}


/*=================================== 　

　　　　　　　　flash

===================================*/

#flash {
margin: 0px auto 50px;
height: 350px;
width: 1050px;
}
#no_flash {
margin: 0px auto 80px;
width: 1050px;
}


/*=================================== 　

　　　　　　　container

===================================*/

#container_top {
width: 100%;
background: url(../img/bg_top.png) no-repeat 0px 0px;
position:absolute;
top:0;
left:0;
}
#container {
width: 1000px;
background: url(../img/bg_mid.png) repeat-y 0px 0px;
padding-top: 20px;
padding-right: 35px;
padding-left: 35px;
}
#container_btm {
width: 100%;
height: 20px;
background: url(../img/bg_btm.png) no-repeat 0px 0px;
}
#bread {
font-size: 85%;
float:left;
width:650px;
boder:1px solid #000;
}

/* 　side
-----------------------------------*/

#side {
width: 180px;
background: #7baed5;
padding: 10px 10px 1px;
float: left;
font-size:85%;
}
#side #free_search {
width: 180px;
height:120px;
background: url(../img/bg_search.jpg) no-repeat 0px 0px;
margin-bottom:20px;
position: relative;
}
#side #free_search form {
margin: 0px;
padding: 0px;
position: absolute;
left: 10px;
top: 65px;
width: 160px;
}
#side #free_search form input#btn_search {
height: 20px;
width: 40px;
border-style: none;
text-indent: -9999px;
cursor: pointer;
margin: 0px;
padding: 0px;
background: url(../img/btn_search.gif) no-repeat 0px 0px;
}
#side #cate_search strong {
margin-bottom: 4px;
display: block;
}
#side .side_box {
width: 180px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #FFFFFF;
}
#side .side_box p {
margin: 0px 0px 8px;
padding: 0px;
}
#side .side_box.bnr p {
margin: 0px 0px 4px;
padding: 0px;
}
#side #side_menu {
width: 160px;
margin-bottom: 10px;
background: #3d86bc;
padding: 10px;
}
#side #side_menu ul {
list-style: none;
}
#side #side_menu ul li {
border-bottom: 1px solid #FFFFFF;
margin-bottom: 6px;
padding-bottom: 0px;
}

#side #side_menu ul li a{
font-size: 120%;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#side #side_menu ul li a:hover{
text-decoration: underline;

}

/*=================================== 　

　　　　　　　　main

===================================*/


#main {
width: 780px;
font-size:85%;
float: right;
margin-bottom: 100px;
}
.main_box {
margin-bottom:20px;
width: 100%;
}
.inner_box {
padding-left: 8px;
margin-bottom: 20px;
}
#main #title {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 20px;
}
#main #title #title_menu {
background: url(../img/bg_title_menu.jpg) repeat-x;
padding-top: 12px;
padding-left: 10px;
}
#main #title #title_menu ul{
margin-bottom: 0px;
}
#main #title #title_menu span{
color: #9E0000;
font-weight: bold;
}
#main #title #title_menu p{
float: left;
margin-right: 2em;
margin-bottom: 0px;
font-weight: bold;
font-size: 110%;
color: #666666;
}
.photo dl {
width: 200px;
margin-bottom: 10px;
}
.photo dl dt{
float: left;
width: 140px;
}
.photo dl dd{
float: right;
width: 60px;
}
.no_photo dl {
margin-left: 6px;
}
.no_photo dl dt{

}
.no_photo dl dd{
margin-bottom: 6px;
}

/*=================================== 　

　　　　　　　　footer

===================================*/

p#page_top {
width: 100%;
clear: both;
text-align: right;
margin: 0px 0px 20px;
}
#footer {
height: 100px;
width: 100%;
background-color: #7F7F7F;
font-size: 12px;
color: #fff;
}
#footer p#footer_logo {
width: 155px;
float: left;
margin-left: 30px;
margin-top: 20px;
}
#footer #inner_footer {
width: 790px;
height: 50px;
float: right;
margin-right: 10px;
position: relative;
margin-top: 30px;
}
#footer #inner_footer p#footer_link01 {
border-bottom: 1px solid #FFF;
margin: 0px 0px 6px;
padding: 0px 0px 4px;
}
#footer #inner_footer p#footer_link02 {
position: absolute;
top: 0px;
right: 0px;
}
#footer #inner_footer p#footer_link03 {
margin: 0px;
padding: 0px;
}

#footer #inner_footer address {
margin: 0px;
padding: 0px;
position: absolute;
right: 0px;
bottom: 8px;
}
#footer #inner_footer a{
color: #fff;
text-decoration: none;
}
#footer #inner_footer a:hover{
text-decoration: underline;
}

#footer_end {
background: url(../img/letter_bar.gif) repeat-x 0px 0px;
height: 6px;
width: 100%;
}

/*=================================== 　

　　　　　　　店舗詳細

===================================*/

.details #information dl {
border-bottom: 1px dotted #666666;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
clear: both;
}
.details #information dl dt {
float: left;
background-color: #a3290d;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #ffffff;
text-align: center;
width: 180px;
font-weight: bold;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
}

.details #information dl dd {
margin-left: 200px;
}
.box01 {
float: left;
margin-right: 4px;
margin-bottom: 10px;
}
.box02 {
float: left;
margin-right: 12px;
margin-bottom: 10px;
}
.box01 p ,
.box02 p{
margin-bottom: 4px;
}

/*=================================== 　

　　　　　詢問

===================================*/

.inquiry#main table {
margin-bottom: 10px;
}
.inquiry#main form .attention {
color: #FF0000;
font-weight: bold;
}
.inquiry#main  .complete   {
font-size: 130%;
background: #F3EFED;
padding: 30px;
margin-right: 50px;
margin-left: 50px;
}


font: 14px/1.5 "MS PGothic","Osaka",Arial,sans-serif;
color: #333;
margin: 0px;
padding: 0px;
background: #FFFFFF url(../img/time_img/evening.png) no-repeat center 95px;
}
#wrapper {
position:relative;
width: 1070px;
margin: 0px auto 50px;
}
p {
margin: 0px 0px 12px;
padding: 0px;
}
img {
border-width: 0px;
vertical-align: bottom;
}
img.border {
border: 1px solid #CCCCCC;
display: block;
padding: 1px;
}
input,textarea {
font-size: 12px;
margin-bottom: 4px;
}
option,select {
font-size: 12px;
margin-bottom: 4px;
}
.clear {
clear: both;
font-size: 0px;
height: 1px;
}
.link_box {
padding: 10px 10px 4px;
background: #EBEBEB;
margin-bottom: 20px;
}
strong.title {
font-size: 110%;
margin-bottom: 4px;
display: block;
}
.btm_dot {
margin-bottom: 6px;
padding-bottom: 6px;
border-bottom: 1px dotted #999999;
}
/*　mark
------------------------------*/
.arrow {
background: url(../img/arrow.gif) no-repeat 0px 3px;
display: block;
padding-left: 17px;
}
.outside {
background: url(../img/outside.gif) no-repeat 0px 3px;
display: block;
padding-left: 17px;
}

/*　class
------------------------------*/
.FEnd {
margin-right: 0px!important;
}
.FLeft {
float: left;
}
.FRight {
float: right;
}

/*　 link
-----------------------------------*/

a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}



/*　見出し
-----------------------------------*/

h1,h2,h3,h4,h5,h6 {
margin: 0px;
padding: 0px;
}
h2 {
border-top: 4px solid #A3290D;
padding-left: 10px;
padding-top: 10px;
margin: 0px 0px 6px;
}
h2.img {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #A3290D;
margin: 0px 0px 1px;
background-color: #FAF1EB;
background-image: url(../img/model_course/h2_bg.gif);
background-repeat: no-repeat;
background-position: 660px center;
padding: 10px 0px 10px 20px;
}
h2 span {
font-size: 76%;
}
h3 {
margin: 0px;
background: url(../img/bg_h3.jpg) repeat-x 0px 0px;
height: 32px;
border-top: thin solid #CCCCCC;
border-right: thin solid #CCCCCC;
border-left: thin solid #CCCCCC;
padding-top: 20px;
padding-left: 20px;
font-size: 110%;
}
.h3_wrap  {
float: left;
margin: 0px 6px 10px 0px;
width: 384px;
}
.h3_wrap .h3_inner_box {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 10px 0px 10px 20px;
}
.h3_wrap dl {
float: left;
width: 100px;
margin: 0px 20px 0px 0px;
padding: 0px;
}
.h3_wrap dl dd {
text-align:center;
}
.h3_wrap dl dt img {
padding:1px;
border:solid 1px #CCCCCC;
}
h4 {
background-image: url(../img/bg_title_h4.png);
background-repeat: no-repeat;
background-position: left top;
line-height: 40px;
padding-left: 30px;
margin-bottom: 1em;
font-size: 120%;
}
h5 {
background: url(../img/bg_title_h5.png) no-repeat 0px 0px;
margin: 0px;
padding: 7px 0px 0px 10px;
font-size: 110%;
height: 22px;
width: 770px;
}
.h5_border {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 10px 10px 0px;
}

h6 {
color:#A3290D;
font-size:110%;
margin-bottom: 4px;
}

/*　リスト
-----------------------------------*/

ul,ol,li {
margin: 0px;
padding: 0px;
}
ul {
margin-bottom: 12px;
list-style: none;
}

ul.float {
margin: 0px 0px 10px;
padding: 0px;
list-style: none;
}
ul.float li {
margin: 0px 10px 6px 0px;
float: left;
}

dl,dt,dd {
margin: 0px;
padding: 0px;
}

/*=================================== 　

　　　　　　　　header

===================================*/

#header {
width: 100%;
height: 95px;
background: url(../img/letter_bar.gif) repeat-x 0px 0px;
margin-bottom: 15px;
}
#header #header_inner {
position:relative;
margin: 0px auto;
width: 1050px;
height: 95px;
}
#header #header_inner h1 {
position:absolute;
left: 0px;
top: 10px;
}
#header #header_inner p#lang{
position:absolute;
right: 0px;
top: 0px;
margin: 0px;
padding: 0px;
}


/*=================================== 　

　　　　　　　　flash

===================================*/

#flash {
margin: 0px auto 50px;
height: 350px;
width: 1050px;
}
#no_flash {
margin: 0px auto 80px;
width: 1050px;
}


/*=================================== 　

　　　　　　　container

===================================*/

#container_top {
width: 100%;
background: url(../img/bg_top.png) no-repeat 0px 0px;
position:absolute;
top:0;
left:0;
}
#container {
width: 1000px;
background: url(../img/bg_mid.png) repeat-y 0px 0px;
padding-top: 20px;
padding-right: 35px;
padding-left: 35px;
}
#container_btm {
width: 100%;
height: 20px;
background: url(../img/bg_btm.png) no-repeat 0px 0px;
}
#bread {
font-size: 85%;
}

/*　 side
-----------------------------------*/

#side {
width: 180px;
background: #7baed5;
padding: 10px 10px 1px;
float: left;
font-size:85%;
}
#side #free_search {
width: 180px;
height:120px;
background: url(../img/bg_search.jpg) no-repeat 0px 0px;
margin-bottom:20px;
position: relative;
}
#side #free_search form {
margin: 0px;
padding: 0px;
position: absolute;
left: 10px;
top: 65px;
width: 160px;
}
#side #free_search form input#btn_search {
height: 20px;
width: 40px;
border-style: none;
text-indent: -9999px;
cursor: pointer;
margin: 0px;
padding: 0px;
background: url(../img/btn_search.gif) no-repeat 0px 0px;
}
#side #cate_search strong {
margin-bottom: 4px;
display: block;
}
#side .side_box {
width: 180px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #FFFFFF;
}
#side .side_box p {
margin: 0px 0px 8px;
padding: 0px;
}
#side .side_box.bnr p {
margin: 0px 0px 4px;
padding: 0px;
}
#side #side_menu {
width: 160px;
margin-bottom: 10px;
background: #3d86bc;
padding: 10px;
}
#side #side_menu ul {
list-style: none;
}
#side #side_menu ul li {
border-bottom: 1px solid #FFFFFF;
margin-bottom: 6px;
padding-bottom: 0px;
}

#side #side_menu ul li a{
font-size: 120%;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#side #side_menu ul li a:hover{
text-decoration: underline;

}

/*===================================　

　　　　　　　　main

===================================*/


#main {
width: 780px;
font-size:85%;
float: right;
margin-bottom: 100px;
}
.main_box {
margin-bottom:20px;
width: 100%;
}
.inner_box {
padding-left: 8px;
margin-bottom: 20px;
}
#main #title {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 20px;
}
#main #title #title_menu {
background: url(../img/bg_title_menu.jpg) repeat-x;
padding-top: 12px;
padding-left: 10px;
}
#main #title #title_menu ul{
margin-bottom: 0px;
}
#main #title #title_menu span{
color: #9E0000;
font-weight: bold;
}
#main #title #title_menu p{
float: left;
margin-right: 2em;
margin-bottom: 0px;
font-weight: bold;
font-size: 110%;
color: #666666;
}
.photo dl {
width: 200px;
margin-bottom: 10px;
}
.photo dl dt{
float: left;
width: 140px;
}
.photo dl dd{
float: right;
width: 60px;
}
.no_photo dl {
margin-left: 6px;
}
.no_photo dl dt{

}
.no_photo dl dd{
margin-bottom: 6px;
}

/*===================================　

　　　　　　　　footer

===================================*/

p#page_top {
width: 100%;
clear: both;
text-align: right;
margin: 0px 0px 20px;
}
#footer {
height: 100px;
width: 100%;
background-color: #7F7F7F;
font-size: 12px;
color: #fff;
}
#footer p#footer_logo {
width: 155px;
float: left;
margin-left: 30px;
margin-top: 20px;
}
#footer #inner_footer {
width: 790px;
height: 50px;
float: right;
margin-right: 10px;
position: relative;
margin-top: 30px;
}
#footer #inner_footer p#footer_link01 {
border-bottom: 1px solid #FFF;
margin: 0px 0px 6px;
padding: 0px 0px 4px;
}
#footer #inner_footer p#footer_link02 {
position: absolute;
top: 0px;
right: 0px;
}
#footer #inner_footer p#footer_link03 {
margin: 0px;
padding: 0px;
}

#footer #inner_footer address {
margin: 0px;
padding: 0px;
position: absolute;
right: 0px;
bottom: 8px;
}
#footer #inner_footer a{
color: #fff;
text-decoration: none;
}
#footer #inner_footer a:hover{
text-decoration: underline;
}

#footer_end {
background: url(../img/letter_bar.gif) repeat-x 0px 0px;
height: 6px;
width: 100%;
}

/*===================================　

　　　　　　　店舗詳細

===================================*/

.details #information dl {
border-bottom: 1px dotted #666666;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
clear: both;
}
.details #information dl dt {
float: left;
background-color: #a3290d;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #ffffff;
text-align: center;
width: 180px;
font-weight: bold;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
}

.details #information dl dd {
margin-left: 200px;
}
.box01 {
float: left;
margin-right: 4px;
margin-bottom: 10px;
}
.box02 {
float: left;
margin-right: 12px;
margin-bottom: 10px;
}
.box01 p ,
.box02 p{
margin-bottom: 4px;
}

/*===================================　

　　　　　詢問

===================================*/

.inquiry#main table {
margin-bottom: 10px;
}
.inquiry#main form .attention {
color: #FF0000;
font-weight: bold;
}
.inquiry#main  .complete   {
font-size: 130%;
background: #F3EFED;
padding: 30px;
margin-right: 50px;
margin-left: 50px;
}



