html{
}
body{
margin:0;
padding:0;
background-color:#FFFFFF;
color: #333333;
font-size:14px;
font-family: "HelveticaNeueLTStd-Roman", "HelveticaNeueLT Std", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "MS Pゴシ ック", "MS PGothic", sans-serif;
line-height:1.5;
}
#wrap{
width:980px;
margin:0 auto;
margin-top:30px;
}
p{
margin: 0px;
padding: 0px;
}
img{
border: 0;
margin: 0;
padding: 0;
vertical-align: top;
vertical-align: middle;
}
h1{
font-size:11px;
color:#FFFFFF;
line-height:120%;
}
.clear {
clear: both;
}
/* パンくず
---------------------------------*/
#pankz{
text-align:right;
font-size:12px;
width:1000px;
margin:0 auto;
height:15px;
line-height:15px;
padding:13px 0;
font-size:100%;
color: #666;
}
#pankz a:link{ color:#F7931E; text-decoration:none;}
#pankz a:visited{color:#F7931E; text-decoration:none;}
#pankz a:hover{color:#EA7500; text-decoration:none;}
#pankz a:active{color:#EA7500; text-decoration:none;}
a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60); /* ie lt 8 */
-ms-filter: "alpha(opacity=60)"; /* ie 8 */
-moz-opacity:0.6; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6; /* Safari 1.x */
opacity:0.6;
zoom:1;
}
.head {
width: 980px;
margin:0 auto;
}
.head-out{
height:auto;
}
.head-in-right {
margin-top:15px;
float: right;
width: 300px;
}
.head-in-left {
float: left;
width: 448px;
}
#maincontents_main {
float: left;
width: 720px;
}
#sidemenu {
float: right;
width: 220px;
}
.foot_out {
background-color:#F4F4F4;
margin-top:40px;
}
.foot_out .foot {
color:#666666;
padding:10px 0 0 0;
font-size:12px;
width: 1000px;
margin:0 auto;
}
.foot .copy {
border-top:#999 solid 1px;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.pagetop_out {
margin-top:60px;
}
.pagetop_out #pagetop {
margin:5px auto;
text-align: right;
width: 980px;
}
#sidemenu .sidebn li {
padding-bottom: 10px;
}
.catch {
font-size: 21px;
line-height:140%;
}
.catch2 {
font-size: 23px;
line-height:180%;
font-weight:bold;
}
#main-ttl-bg {
background:url(../img/daini-mainbar-bg.png);
background-repeat:repeat-x; height:55px;
}
.txt {
padding-top: 10px;
padding-bottom: 10px;
}
.txt2 {
padding-bottom: 10px;
}
.ttl-bg {
font-size: 18px;
font-weight:bold;
color: #333;
background-image: url(../img/ttl-bg.png);
background-repeat: no-repeat;
height: 33px;
width: 700px;
padding:7px 0 0 20px;
}
.ttl-bg2 {
font-size: 18px;
color: #333;
background-image: url(../img/ttl-bg2.png);
background-repeat: no-repeat;
height: 30px;
width: 700px;
padding:3px 0 0 10px;
}
.shikaku {
background-image: url(../img/shikaku.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 3px;
padding-left: 18px;
}
/*テーブル*/
.tbl {
border-top:solid 1px #ccc;
border-right:solid 1px #ccc;
}
.tbl tr th {
background-color: #F9F9F9;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
text-align:center;
padding:3px;
}
.tbl tr td {
background-color:#FFF;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
text-align:left;
padding:3px;
}
.tbl2 {
width:700px;
border-top:solid 1px #ccc;
border-right:solid 1px #ccc;
}
.tbl2 tr th {
background-color: #F9F9F9;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
text-align:left;
padding:10px;
font-weight:normal;
}
.tbl2 tr td {
background-color:#FFF;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
text-align:left;
padding:10px;
}
.tbl5 {
}
.tbl5 tr th {
vertical-align:top;
border-bottom:solid 1px #ccc;
text-align:left;
padding:3px;
}
.tbl5 tr td {
border-bottom:solid 1px #ccc;
text-align:left;
padding:3px;
}
.orange {
color: #DB6B2A;
}
.hutomoji {
font-weight:bold;
font-size:110%;
}
/* テーブル
---------------------------------*/
.aboutus_tb {
width:720px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
.aboutus_tb th{
background-color:#F2F2F2;
width:130px;
font-weight:normal;
text-align:left;
padding:10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
.aboutus_tb td{
background-color:#FFF;
text-align:left;
padding:10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
.mds4 {
font-weight: bold;
color: #FFF;
background-color: #f7931e;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 10px;
}
.waku4 {
height:210px;
border: 1px solid #cccccc;
width:260px;
float:left;
padding:15px;
margin:0 10px 10px 0;
}
.tbl5 td{
padding:10px;
border-bottom:#FFF solid 2px;
border-left:#FFF solid 2px;
}
.menu-bg {
height:45px;
background-image:url(../img/common/menu_bg.png);
background-repeat:repeat-x;
}
.menu-in {
width: 980px;
margin:0 auto;
height:45px;
}
.mainv {
}
.mainv-in {
width:980px;
margin:0 auto;
}
.mainv2 {
}
.mainv-in2 {
background-color:#FFF;
width:980px;
margin:0 auto;
padding-top:20px;
}
.paddingbottom-5 {
padding-bottom: 5px;
}
.ao {
font-size: 16px;
font-weight: bold;
color: #0094F2;
}
.green {
font-size: 16px;
font-weight: bold;
color: #33AA2D;
}
.koumoku {
margin-left:10px;
}
.koumoku a:link{ color:#666666; text-decoration:none;}
.koumoku a:visited{color:#666666; text-decoration:none;}
.koumoku a:hover{color:#33AA2D; text-decoration:none;}
.koumoku a:active{color:#33AA2D; text-decoration:none;}
.koumoku2 {
margin-left:10px;
float: right;
width: 230px;
}
.koumoku2 a:link{ color:#666666; text-decoration:none;}
.koumoku2 a:visited{color:#666666; text-decoration:none;}
.koumoku2 a:hover{color:#33AA2D; text-decoration:none;}
.koumoku2 a:active{color:#33AA2D; text-decoration:none;}
.border-kugiri {
float:right;
height:90px;
width: 1px;
border-left:#140105 solid 1px;
border-right:#FFFBEB solid 1px;
}
.foot-logo {
float: left;
width: 250px;
line-height:130%;
font-size:22px;
}
.foot-logo2 {
float: left;
width: 300px;
line-height:130%;
}
.koumoku2 ul li {
background-image: url(../img/common/sankaku-gly2.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
list-style-type:none;
}
.koumoku {
}
.koumoku ul li {
background-image: url(../img/common/sankaku-gly2.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}
.copy {
font-size: 12px;
font-weight: bold;
color: #FFF;
background-color: #DB6B2A;
text-align: center;
}
.mds-bg_mdr {
background-image: url(../img/common/top_mds_bg.png);
background-repeat:no-repeat;
height: 40px;
width: 705px;
color:#FFF;
font-size:18px;
padding:8px 0 0 15px;
}
.mds-bg_mdr2 {
background-image: url(../img/common/top_mds_bg.png);
background-repeat:no-repeat;
height: 40px;
width: 685px;
color:#FFF;
font-size:18px;
padding:8px 0 0 15px;
}
.mds-bg_ore {
background-image: url(../img/common/mds_bg.png);
background-repeat:no-repeat;
height: 31px;
width: 685px;
color:#FFF;
font-size:16px;
padding:6px 0 0 35px;
}
.shikaku {
background-image: url(../img/shikaku.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.aka {
color: #F00;
}
.kakaku {
color: #F00;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
line-height:120%;
}
.zeikomi {
color: #F00;
font-size:12px;
font-weight:bold;
}
.area-waku {
background-color: #FFF;
padding:10px;
width: 400px;
border: 1px solid #CCC;
margin-bottom:20px;
}
.shadow {
background:url(../img/shadow.png);
background-repeat:repeat-x;
height:20px;
}
.map{
background-image:url(../img/map.png);
background-position:center center;
background-repeat:no-repeat;
}.h1-out {
padding:5px 0;
background-color:#DB6B2A;
}
.h1-in {
width: 980px;
margin:0 auto;
}
.mds_main {
border-left:#CCC solid 10px;
padding-left:10px;
line-height:150%;
margin:10px 0;
font-weight:bold;
}
.mds2 {
font-size: 16px;
font-weight: bold;
color: #FFF;
background-image: url(../img/mds2-bg.png);
background-repeat: no-repeat;
height: 30px;
width: 685px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
}
.ttl0{
padding:0 0 5px 0;
font-size: 120%;
border-bottom:1px solid #F09033;
margin-bottom:10px;
}
.ttl02{
margin:0 0 5px 0;
font-size: 110%;
font-weight: bold;
border-bottom:1px solid #F09033;
padding-top:10px;
}
.ttl {
margin:0px 0 10px 0;
font-size: 18px;
color:#33AA2D;
padding-left:10px;
border-left:5px solid #33AA2D;
}
.foot-logo a { color: #333333; text-decoration:none;
}
.foot-logo a:link{ color:#333333; text-decoration:none;}
.foot-logo a:visited{color:#333333; text-decoration:none;}
.foot-logo a:hover{color:#cccccc; text-decoration:none;}
.foot-logo a:active{color:#cccccc; text-decoration:none;}
.pink {
font-size: 16px;
color: #B5404B;
}
.bdrdot-brwn {
font-size:15px;
line-height:180%;
clear:both;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
dl {
width:320px;
}
dt {
float:left;
clear:left;
width:250px;
}
dd {
text-align:right;
float:left;
width:70px;
}
.menu-box {
line-height:1.9;
padding: 20px;
float: left;
width: 300px;
margin-right:0px;
}
.menu-box2 {
line-height:1.9;
padding: 20px;
float: left;
width: 300px;
}
.menu-box3 {
line-height:1.9;
padding: 20px 20px;
}
.menu-box3 dl {
width:650px;
}
.menu-box3 dt {
float:left;
clear:left;
width:570px;
}
.menu-box3 dd {
text-align:right;
float:left;
width:80px;
}
.menu-link ul li {
background-image:url(../img/btn-aka.jpg);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
margin-right:20px;
float: left;
}
.brdrshiro {
border: 2px solid #FFF;
box-shadow: 4px 5px 5px rgba(0,0,0,0.2);
margin:10px;
}
.brdrshiro2 {
border: 1px solid #FFF;
box-shadow: 2px 3px 3px 2px rgba(0,0,0,0.2);
margin:0px;
}
.menu-box-out {
background-image: url(../img/menuhyou-bg.jpg);
background-repeat: repeat;
}
.btnmaru {
background-image: url(../img/btn-maru.png);
background-repeat: no-repeat;
background-position: left 1px;
padding-left:20px;
}
.btnmaru2 {
background-image: url(../img/btn-maru.png);
background-repeat: no-repeat;
background-position: left 6px;
padding-left:20px;
}
.ikikata {
margin-top:8px;
text-align:left;
color: #B5404B;
font-size:13px;
line-height:120%;
}
.fs20 {
font-size:16px;
margin:0;
padding:0;
line-height:120%;
}
hr {
height: 0;
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid #bbb;
}
.imgwaku {
border: 1px solid #CCC;
}
.fs12 {
font-size: 12px;
line-height:130%;
font-weight:normal;
}
.sankaku{
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #F09033;
}
hr.dot {
height: 0;
margin: 0;
padding: 0;
border: 0;
border-top: 1px dotted #bbb;
}
.shadow01{
/*影を入れる*/
-webkit-box-shadow: 0 10px 8px -6px #BABABA;
-moz-box-shadow: 0 10px 8px -6px #BABABA;
box-shadow: 0 10px 8px -6px #BABABA;
}
.box1 {
background-color:#FFF;
padding: 10px;
border: 1px solid #CCC;
margin-bottom:10px;
}
.box_item {
float: left;
width: 150px;
}
.syousai {
float: left;
width: 535px;
margin-left: 10px;
}
.zaiko {
background-color:#f9e4dc; color:#685D4D;
padding:5px;
margin:5px 0;
color:#302B25;
}.syouhinjouhou {
background-color: #F2F2F2;
padding: 8px 0 6px 10px;
line-height:110%;
font-size:16px;
margin:10px 0;
}
.yajirushi li {
background-image: url(../img/common/yajirushi.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}
#foot_otoi {
background-image:url(../img/common/foot_otoi.png); width:720px; height:131px;"
}
.box180 {
border:solid 1px #F4F4F4;
background-color:#FFF;
float: left;
width: 148px;
margin-right: 10px;
margin-bottom: 10px;
padding:10px;
height:320px;
}
.box_200 p {
font-size: 12px;
line-height: 110%;
}
#sidemenu ul,#sidemenu ul li {
list-style-type:none;
margin:0;
padding:0;
}
.q {
font-size: 18px;
font-weight: bold;
color: #DB6B2A;
padding-bottom:10px;
}
.a {
font-size: 14px;
color: #333;
background-color: #F5E9E4;
padding: 10px;
}
.brdrshiro {
border: 1px solid #FFF;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
ul li {
list-style-position:inside;
}
/*魅惑的なボタン*/
.btn {
font-size:11px;
background-image:-moz-linear-gradient(
top,
#50AA90 0%,
#006f53 40%,
#006f53 52%,
#006f53);
background-image:-webkit-gradient(
linear,left top,left bottom,
from(#50AA90),
color-stop(0.49,#006f53),
color-stop(0.52,#006f53),
to(#006f53));
color: #FFF;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 2px solid #006f53;
width: 80px;
padding: 3px;
text-align:center;
}