@charset "UTF-8";
/***----------------------------------------------------------------
styles.css
Copyright . All rights reserved.
--------------------------------------------------------------- ***/

/***------------
default
------------***/
* body {
text-align:center;
}
body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , Verdana;
line-height:1.3em;
font-size:100%;
color: #555555;
background:#FFFFFF url(../img/bg_main.jpg) repeat-x left top;
}
body{
margin:0 auto;
padding:0px;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr {
margin:0px;
padding:0px;
}
table {
border-collapse:collapse;
border-spacing:0px;
}
fieldset, img {
border:none;
}
ol, ul {
list-style:none;
}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, th, var, caption, th, optgroup {
font-size:100%;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align:left;
}
q:before, q:after {
content:'';
}
a{
overflow:hidden;
}
strong {
font-weight:bold;
}
/***------------
common
------------***/
.clr {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}
.hidden {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
display: block;
}
.right {
float: right;
}
.center {
text-align: center;
}
.left {
float: left;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
.photo_l {
margin: 0px 10px 10px 0px;
}
.photo_border {
border: 1px solid #CCCCCC;
}
.line-height {
line-height: 2em;
}
.pagetop {
padding: 20px 0px 0px 0px;
text-align: right;
clear: both;
}
.ichiran {
padding: 0px 0px 0px 0px;
text-align: left;
clear: both;
}
.ichiran img{
margin-right:20px;
}
/***------------
color font-size
------------***/
.strong {
font-weight: bold;
}
.font-size17 {
font-size: 130%;
}
.font-white {
color: #FFFFFF;
}
.font-pink {
color: #F4498A;
}
.font-orange {
color: #FE8101;
}
.font-green {
color: #73A81D;
}
.font-blue {
color: #2F93C8;
}
.font-gray {
color: #4E677E;
}
/***------------
default link
------------***/
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}
a:active {
color: #333333;
text-decoration: underline;
}

/***------------
contents all
------------***/
#ALL {
position: relative;
width: 804px;
padding: 0px auto;
margin: 0px auto;
clear: both;
text-align:justify;
}

/***------------
header contents
------------***/
#HEAD {
position: relative;
width: 800px;
height: 100px;
margin: 0px auto;
background:url(../img/bg_header.jpg) no-repeat ;
}
#HEAD h1 a {
position: absolute;
left: 5px;
top: 32px;
width: 365px;
height: 54px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/logo.gif) no-repeat ;
}
#HEAD p {
position: absolute;
font-size: 80%;
width: 380px;
height: 22px;
left: 10px;
top: 5px;
color: #FFFFFF;
}
#HEAD .tel {
position: absolute;
width: 165px;
height: 30px;
left: 618px;
top: 20px;
}
#SHOP_ADDRESS {
width: 720px;
font-size: 65%;
line-height: 1.3em;
}
#SHOP_ADDRESS .left {
width: 174px;
margin: 0px 8px 0px 0px;
float: left;
}
#SHOP_ADDRESS .right {
width: 174px;
margin: 0px 0px 0px 0px;
float: right;
}
#HEADERMENU {
position: relative;
width: 780px;
height: 44px;
margin: 0px 4px;
background: url(../img/menu.gif) no-repeat ;
}
#HEADERMENU li {
float: left;
height: 44px;
display: block;
}
#HEADERMENU li a {
height: 44px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#HEADERMENU .MENU01 { width: 130px; background: url(../img/menu.gif) no-repeat 0px 0px; }
#HEADERMENU .MENU01 a:hover { width: 130px; background: url(../img/menu.gif) no-repeat 0px -44px; }
#HEADERMENU .MENU02 { width: 130px; background: url(../img/menu.gif) no-repeat -130px 0px; }
#HEADERMENU .MENU02 a:hover { width: 130px; background: url(../img/menu.gif) no-repeat -130px -44px; }
#HEADERMENU .MENU03 { width: 130px; background: url(../img/menu.gif) no-repeat -260px 0px; }
#HEADERMENU .MENU03 a:hover { width: 130px; background: url(../img/menu.gif) no-repeat -260px -44px; }
#HEADERMENU .MENU04 { width: 130px; background: url(../img/menu.gif) no-repeat -390px 0px; }
#HEADERMENU .MENU04 a:hover { width: 130px; background: url(../img/menu.gif) no-repeat -390px -44px; }
#HEADERMENU .MENU05 { width: 130px; background: url(../img/menu.gif) no-repeat -520px 0px; }
#HEADERMENU .MENU05 a:hover { width: 130px; background: url(../img/menu.gif) no-repeat -520px -44px; }
#HEADERMENU .MENU06 { width: 130px; background: url(../img/menu.gif) no-repeat -650px 0px; }
#HEADERMENU .MENU06 a:hover { width: 130px; background: url(../img/menu.gif) no-repeat -650px -44px; }

#MENUSUB {
position: absolute;
width: 300px;
height: 16px;
left: 485px;
top: 77px;
}
#MENUSUB li {
height: 16px;
float: left;
display: block;
}
#MENUSUB a.subMenu01 { height: 16px; width: 65px; margin-right: 10px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_01.gif) no-repeat; }
#MENUSUB a.subMenu02 { height: 16px; width: 64px; margin-right: 10px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_02.gif) no-repeat; }
#MENUSUB a.subMenu03 { height: 16px; width: 52px; margin-right: 10px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_03.gif) no-repeat; }
#MENUSUB a.subMenu04 { height: 16px; width: 84px; margin-right: 0px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_04.gif) no-repeat; }

/***------------
top contents
------------***/
#TOP01 {
position: relative;
width: 788px;
font-size: 80%;
margin: 0px auto;
padding: 10px 8px 10px 8px;
background:url(../img/bg_content.gif) repeat-y left top;
clear: both;
}
#TOP01 .photo {
width: 784px;
height: 307px;
margin: 0px 2px 10px 2px;
}
#TOPICS_TITLE {
margin: 5px 0px 0px 5px;
float: left;
}
#TOPICS {
width: 705px;
margin: 0px 0px 0px 15px;
line-height: 1.3em;
float: left;
}
#TOPICS a{
text-decoration:underline;
}
#TOPICS .box{
width:100%;
padding: 5px 0px 5px 0px;
border-bottom:1px dotted #CCCCCC;
float: left;
}
#TOPICS .data {
width: 80px;
font-family: Verdana, Arial;
font-size: 85%;
font-weight: bold;
float: left;
}
#TOPICS .txt {
width: 600px;
float: left;
}
#TOPICS .onlytxt {
width: 680px;
float: left;
padding-left:1px;
}
#TOP2 {
position: relative;
width: 780px;
padding: 10px 0px 0px 4px;
clear: both;
}
#TOP_LEFT {
width: 520px;
float: left;
}
#TOP_LEFT a{
text-decoration:underline;
}
#TOP_LEFT .seo {
width: 508px;
padding: 5px;
background: #f0f7ff;
border: 1px solid #A1DAEE;
}
#TOP_LEFT .box {
width: 520px;
margin: 10px 0px 0px 0px;
float: left;
}
#TOP_LEFT .box_l {
width: 255px;
line-height: 1.3em;
float: left;
}
#TOP_LEFT .box_r {
width: 255px;
line-height: 1.3em;
float: right;
}
#TOP_LEFT .title1 {
font-weight: bold;
padding: 7px 5px 7px 7px;
margin: 0px 0px 5px 0px;
border: 1px solid #ffb2cf;
border-left: 4px solid #fb669f;
}
#TOP_LEFT .title2 {
font-weight: bold;
padding: 7px 5px 7px 7px;
margin: 0px 0px 5px 0px;
border: 1px solid #ffbc68;
border-left: 4px solid #fe8f1d;
}
#TOP_LEFT .title3 {
font-weight: bold;
padding: 7px 5px 7px 7px;
margin: 0px 0px 5px 0px;
border: 1px solid #b7d880;
border-left: 4px solid #8fc040;
}
#TOP_LEFT .title4 {
font-size: 80%;
font-weight: bold;
padding: 7px 5px 7px 7px;
margin: 0px 0px 5px 0px;
border: 1px solid #93dbf7;
border-left: 4px solid #65b6e1;
}
#TOP_LEFT .title5 {
font-weight: bold;
padding: 7px 5px 7px 7px;
margin: 0px 0px 5px 0px;
border: 1px solid #c9c9c9;
border-left: 4px solid #ababab;
}
#TOP_LEFT .address {
font-size: 80%;
line-height: 1.3em;
background: #f7f7f7;
padding: 10px;
}
#TOP_RIGHT {
width: 250px;
float: right;
}
#TOP_RIGHT .box1 {
width: 238px;
padding: 5px;
margin: 10px 0px 0px 0px;
background: #fff6f9;
border: 1px solid #ffb2cf;
float: left;
}
#TOP_RIGHT .box2 {
width: 238px;
padding: 5px;
margin: 5px 0px 0px 0px;
background: #fff8ef;
border: 1px solid #ffbc68;
float: left;
}
#TOP_RIGHT .box3 {
width: 238px;
padding: 5px;
margin: 5px 0px 0px 0px;
background: #f6ffe7;
border: 1px solid #aed66c;
float: left;
}
#TOP_RIGHT .box4 {
width: 238px;
padding: 5px;
margin: 5px 0px 0px 0px;
background: #f2fbff;
border: 1px solid #93dbf7;
float: left;
}
#TOP_RIGHT .box5 {
width: 238px;
padding: 5px;
margin: 5px 0px 0px 0px;
background: #fafafa;
border: 1px solid #c9c9c9;
float: left;
}
#TOP_RIGHT .title {
padding: 0px;
margin: 0px 0px 5px 0px;
}
#TOP_RIGHT .box_photo {
width: 80px;
float: left;
}
#TOP_RIGHT .box_txt {
width: 150px;
font-size: 85%;
line-height: 1.3em;
float: right;
}

/***------------
footer contents
------------***/
#FOOTER {
position: relative;
font-size: 80%;
width: 804px;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 0px auto;
background:url(../img/bg_content2.gif) repeat-y left top;
clear: both;
}
#COPY {
width: 804px;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px auto;
background:url(../img/bg_content2.gif) repeat-y left top;
}

/***------------
content
------------***/
#CONTENT {
position: relative;
width: 788px;
font-family: Verdana, Arial;
font-size: 80%;
margin: 0px auto;
padding: 10px 8px 10px 8px;
background:url(../img/bg_content.gif) repeat-y left top;
clear: both;
}
#CONTENT a{
text-decoration:underline;
}
#CONTENT2 {
width: 780px;
line-height: 1.3em;
margin: 0px 4px 0px 4px;
}
#CONTENT2 a{
text-decoration:underline;
}
#CONTENT h2 {
margin: 10px 0px 10px 0px;
}
#CONTENT h3 {
width: 250px;
height: 35px;
padding: 8px 0px 0px 15px;
margin: 0px 0px 10px 0px;
color: #333333;
font-weight: bold;
background:url(../img/bg_h3.gif) no-repeat left top;
clear: both;
}
#CONTENT h4 {
width: 520px;
height: 40px;
padding: 10px 0px 0px 17px;
margin: 0px 0px 10px 0px;
color: #333333;
font-size: 125%;
line-height: 1.3em;
background:url(../img/bg_h4.gif) no-repeat left top;
clear: both;
}
#CONTENT h5 {
width: 580px;
height: 40px;
padding: 10px 0px 0px 17px;
margin: 0px 0px 10px 0px;
color: #333333;
font-size: 125%;
line-height: 1.3em;
background:url(../img/bg_h4_2.gif) no-repeat left top;
clear: both;
}
#CONTENT .comment {
padding: 10px;
background: #F5F5F5;
}
#CONTENT .course_title {
font-size: 125%;
line-height: 1.3em;
color: #333333;
padding: 30px 0px 5px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px dotted #CCCCCC;
clear: both;
font-family: 'Lucida Grande', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
}

#CONTENT .course {
width: 780px;
margin: 0px 0px 10px 0px;
float: left;
}
#CONTENT .course img {
margin: 0px 0px 10px 0px;
}
#CONTENT .txt_l {
width: 520px;
line-height: 1.5em;
float: left;
}
#CONTENT .photo_r {
width: 240px;
float: right;
}
#CONTENT .photo_r img {
border: 1px solid #CCCCCC;
}
#CONTENT .photo_l {
width: 240px;
float: left;
}
#CONTENT .photo_l img {
border: 1px solid #CCCCCC;
}
#CONTENT .txt_r {
width: 520px;
line-height: 1.5em;
float: right;
}
#CONTENT .txt_c {
width: 780px;
line-height: 1.5em;
clear: both;
}

#CONTENT a {
text-decoration:underline;
}


/***------------
table
------------***/
#TABLE {
position: relative;
width: 780px;
line-height: 1.3em;
clear: both;
}
#TABLE table {
margin: 0px 0px 20px 0px;
border-collapse:collapse;
}
#TABLE td,th {
padding: 5px;
font-weight: normal;
}
#TABLE th {
background: #EEEEEE;
text-align: center;
border: 1px solid #CCCCCC;
}
#TABLE td {
border: 1px solid #CCCCCC;
}