@charset "utf-8";

body {
background-color: #FFFFFF;
overflow-x: hidden;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: Verdana, 'Lucida Grande',Meiryo,Osaka,"ＭＳ Ｐゴシック", Arial,Osaka, sans-serif; 
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}

ul{
list-style-type: none;
}

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

input,textarea,select {
font-size: 1em;
}

form {
margin: 0px;
}

hr {
margin-bottom: 10px;
border: solid 0px #000000;
clear: both;
}

.c {
text-align: center;
}

a {
text-decoration: none;
}
a:active {
color: #0000FF;
}
a:link {
color: #0000FF;
}
a:visited {
color: #990099;
}
a:hover {
text-decoration: underline;
color: #CC0000;
}

header {
width: 100%;
position: relative;
background-color: #30C1FF;
}

.inner {
top: 0px;
margin: 0px auto 0px auto;
width: 997px;
height: 150px;
background-image: url(../images/bg.png);
background-position: center bottom;
background-repeat: no-repeat;
position: relative;

}

.inner h1 {
position: absolute;
left: 10px;
top: 20px;
}

.inner address {
position: absolute;
top: 70px;
right: 1px;
font-size: 18px;
text-align: right;
padding: 10px;
color: #313131;
font-style: normal;
}

.inner address span {
font-size: 11px;
text-align: right;
color: #313131;
font-style: normal;
}

nav#mainNav {
height: 60px;
background: #FE5A01;
}

nav#mainNav ul {
width: 997px;
margin: 0px auto 0px auto;
}

nav#mainNav ul li {
float: left;
width: 123.5px;
text-align: center;
border-right: 1px solid #FE9001;
}

nav#mainNav ul li a {
padding-top: 0px;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
line-height: 60px;
display: block;
text-shadow: 0px -1px 1px #FE9001;
-webkit-transition: 0.5s;
transition: 0.5s;
}

nav#mainNav ul li:first-child a {
border-left: 1px solid #FE9001;
}

nav#mainNav ul li a:hover,
nav#mainNav ul li#current a {
background: #FE9001;
color: #FFFFFF;
text-shadow: 0px -1px 1px #FE5A01;
}

#mainImage {
overflow: hidden;
position: relative;
display: inline-block;
margin-bottom: 0px;
}

#mainImage img {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}

#wrapper {
width: 997px;
margin: 0px auto 0px auto;
}

div#contents_wrapper {
width: 997px;
margin: 0px auto 0px auto;
padding: 0px 0px 10px 0px;
}

div#contents_wrapper_body {
clear: both;
width: 997px;
margin: 0px auto 0px auto;
padding: 5px 0px 10px 0px;
background-color: #FFFFFF;
overflow: hidden;
}

div#contents_wrapper_top {
width: 997px;
height: 5px;
text-indent: -5000px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}

div#contents_wrapper_bottom {
clear: both;
width: 997px;
height: 50px;
text-indent: -5000px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
}


#content_page {
float: left;
width: 725px;
padding-bottom: 30px;
margin: 5px 5px 5px 0px;
}

#content_page h2 {
clear: both;
font-size: 150%;
color: #03a421;
padding: 10px 5px;
font-weight: normal;
}

#content_page h3 {
clear: both;
background: #0258af;
color: #F1F1F1;
font-size: 120%;
padding: 10px 15px;
font-weight: normal;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

figure.cut {
float: right;
padding: 10px 30px 10px 10px;
}

figure.photo {
padding: 10px 10px 5px 10px; 
background: #F0F0F0;
border-bottom: 1px solid #B3B3B3;
border-right: 1px solid #C0C0C0;
border-width:0 1px 1px 0;
margin: 10px 20px 30px 10px; 
float: right;
}

figure.photo span {
display: block;
text-align: center;
font-size: 80%;
color: #313131;
padding: 5px 0px 0px 0px;
}

#content_page h4 {
clear: both;
padding: 5px 15px 5px 15px;
font-size: 100%;
margin-bottom: 0.5em;
color: #033C9B;
border: 1px solid #CECECE;
font-weight: normal;
}

#content_page p {
padding: 10px 15px 15px 15px;
color: #313131;
text-shadow: 0px -1px 1px #F9F9F9;
font-size: 12px;
line-height: 2.0em;
}

.tw_list {
margin: 10px 0px 10px 15px;
width: 100%;
}

dl.topcategory {
clear: both;
margin: 0px 5px 5px 5px;
padding: 10px 0px 5px 10px;
width: 97%;
}

dl.topcategory dt {
padding: 10px 5px 5px 10px;
color: #BF3593;
border-bottom: 1px dotted #999999;
text-shadow: #FFFFFF 0px 1px 1px;
}

dl.topcategory dd {
font-size: 12px;
line-height: 1.8em;
padding: 10px 0px 10px 0px;
text-shadow: 0px -1px 1px #FFFFFF;
}

dl.topcategory dd.obi {
margin-top: 30px;
font-size: 110%;
color: #1401C9;
}

dl.topcategory dd input {
margin: 3px 5px 10px 10px;
}

dl.topcategory dd img {
float: left;
}

dl.topcategory dd a img {
float: left;
}

dl.topcategory dd ul {
clear: both;
margin-left: 0px;
}

dl.topcategory dd ul li {
float: left;
padding: 5px;
}

dl.topcategory dd ul li a {
white-space: nowrap;
display: block;
padding-left: 18px;
background-image: url(../images/symbol01.png);
background-repeat: no-repeat;
background-position: left 4px;
}

div#sns_wrapper {
position: relative;
width: 90％;
height: auto;
overflow: hidden;
margin:20px;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #EEE;
}

.fb-like-box {
margin: 10px 5px 15px 10px;
width: 95%;
}

#sidebar {
float: right;
width: 260px;
padding-bottom: 30px;
margin: 5px 0px 5px 0px;
}

#sidebar .section {
padding: 5px 5px 5px 5px;
text-align: center;
font-size: 80%;
color: #616161;
margin-bottom: 15px;
background-color: #F1F1F1;
border: 3px #FFFFFF solid;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow:0px 0px 3px #DEDEDE;
-moz-box-shadow: 0px 0px 3px #DEDEDE;
-webkit-box-shadow: 0px 0px 3px #DEDEDE;
}

#sidebar .section img {
margin: 5px auto 5px auto;
text-align: center;
}

#sidebar .section a {
color: #FFFFFF;
}

#sidebar h3 {
font-size: 130%;
text-align: center;
font-weight: normal;
padding: 10px 0px;
background: #FE9001;
margin-bottom: 2px;
color: #FFFFFF;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#sidebar ul.submenu li a {
text-decoration: none;
display: block;
padding: 8px 5px 8px 10px;
background: #309e51;
color: #FFFFFF;
margin-bottom: 1px;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#sidebar ul.submenu li a:hover {
background: #FFFFFF;
color: #000000;
opacity: 0.6;
}

div.activecal {
text-align: center;
margin: 5px auto 5px auto;
width: 200px;
padding: 3px 0px 3px 0px;
}

div.activecal p {
text-align: center;
margin: 5px auto 5px auto;
padding: 3px 5px 3px 5px;
color: #313131;
font-size: 11px;
text-decoration: none;
}


#sidebar ul.subinfo li {
text-decoration: none;
display: block;
padding: 3px 5px 3px 10px;
color: #616161;
margin-bottom: 1px;
border-bottom: 1px dotted #599c63;
}

#sidebar ul.subinfo li a {
color: #0000FF;
}

#sidebar ul.subinfo li a:hover {
color: #4bd48b;
}

#sidebar .section p.tel {
margin: 8px 0px; 
font-size: 22px; 
font-weight: bold;
color: #4F4F4F;
text-align: center;
}

#sidebar .section p.tel2 {
margin: 5px 0px 5px 10px; 
font-size: 14px; 
font-weight: normal;
color: #616161;
text-align: left;
}

#sidebar .section p.private {
margin-bottom: 0.1em; 
margin-left: 10px;
font-size: 11px; 
font-weight: normal;
color: #616161;
text-align: left;
}

#sidebar .section p.form {
margin-top: 10px;
padding: 3px 3px 3px 3px;
background-color: #ffffff;
border: 1px solid;
border-color: #CCCCCC;
text-align: center;
line-height: 100%;
}

#sidebar .section p.form a {
display: block;
position: relative;
padding: 12px 2px 12px 2px;
background: #4bd48b;
font-size: 110%;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

#sidebar .section p.form a:hover {
background: #9ae3bc;
}

#sidebar .section p.update {
margin: 5px 0px 5px 10px; 
font-size: 12px; 
font-weight: normal;
color: #616161;
text-align: left;
}

/* パンくず */
nav#breadCrumb_top ul {
margin: 10px 0px 10px 0px;
padding: 0px 40px 0px 8px;
height: 30px;
background-color: #FFFFFF;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}

nav#breadCrumb_bottom ul {
margin: 30px 0px 0px 0px;
padding: 0px 40px 0px 8px;
height: 30px;
background-color: #FFFFFF;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
clear: both;
}

nav#breadCrumb_top ul li,
nav#breadCrumb_bottom ul li {
padding: 0px 15px 0px 10px;
background-image: url(../images/link_sepa.gif);
background-repeat: no-repeat;
background-position: right;
height: 30px;
overflow: hidden;
float: left;
font-size: 100%;
}

nav#breadCrumb_top ul li span,
nav#breadCrumb_bottom ul li span {
display: block;
padding: 6px;
color: #454545;
}

nav#breadCrumb_top ul li a,
nav#breadCrumb_bottom ul li a {
margin-left: 0px;
display: block;
padding: 6px;
color: #0000FF;
}

footer {
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #313131;
background: #E1E1E1;
}

footer a {
text-decoration: none;
color: #313131;
}

footer a:hover {
color: #1B1B1B;
}

a#pagetop {
clear: both;
display: none;
}

a#gopagetop {
position: fixed;
bottom: 60px;
right: 0px;
width: 65px;
height: 75px;
}