body{
border-top: 5px solid #F9E36E;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}



a:hover {	color: #ff0000;	text-decoration: none;}





h1{
text-align: left;
padding:10px 0;
margin-top:0px;
font-size: x-large;
border-top-width: 3px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #F7DD68;
border-bottom-color: #ccc;
}

h2{
margin-top: 20px;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 10px;
font-size: large;
border-bottom-width: 1px;
border-left-width: 7px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #ccc;
border-left-color: #900;
}

h3{
text-align: left;
clear: both;
font-size: medium;
font-weight: bold;
border: 1px solid #CCC;
background-color: #EDEDED;
padding: 7px;
}


.nav-bar{height: 50px;margin: 0px 0 15px;padding: 0;background-image: url(../images/nav_bg.png);font-weight: bold;border: 1px solid #ccc;background-color: #F9E36E;background-repeat: repeat;background-position: center top;}
.nav-bar>li{float:left;ext-align: center;display:block;position:relative;padding:0;margin:0;border-right:1px solid #fff;border-left:1px solid #ccc;border-top:none;border-bottom:none;line-height:48px;}
.nav-bar>li:first-child{border-left:none;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}
.nav-bar>li:last-child{border-right:solid 1px #ccc;}
.nav-bar>li.active{border-color:#2284a1}
.nav-bar>li.active>a{color:#cc0000;cursor:default;}
.nav-bar>li.active:hover{cursor:default;}
.nav-bar>li:hover{background-color: #FAFAC9}
.nav-bar>li>a{color: #000;background-position: center top;width: 100%;background-image: url(../images/nav_bg.png);background-repeat: repeat;white-space: nowrap;}
.nav-bar>li>a:hover{color: #ff0000;}

.nav-bar img{vertical-align: sub;}


header h1{border-width: 0px;padding: 0;margin:20px 0 0;}
.side-nav h2 {margin: 0px;padding: 15px 2px 15px 10px;font-size: 100%;background-position: center center;color: #333;background-color: #F8E16C;background-image: url(../images/bg_menu_h2.png);border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}:
.side-nav ul {list-style-type: none;margin: 0 0 5px;padding: 0px;}
.side-nav li {list-style-type: none;margin: 0px 0px;padding: 0px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

.side-nav li a{display: block;width: 100%;padding:10px 8px;margin: 0;}
.side-nav li a:link,.side-nav li a:visited{color: #000000;text-decoration: none;}
.side-nav li a:hover,.side-nav li a:active,.side-nav li a.current{text-decoration: none;background-color: #FAFAC9;color: #ff0000;}

ul.link-list
{ margin: 5px 0 0px -22px; padding: 0; list-style: none; overflow: hidden;white-space: nowrap; }


.nowrap
{ white-space: nowrap; }


footer
{
padding: 10px 0;
}


.red{color: #FF0000;}
.blue{color: #003399;}
.green{color: #339900;}
.yellow{color: #FF9900;}


li{
margin-left: 20px;
}

/*----- ホームのサービス一覧 ----- */


.service {
background: #fff;
padding:5px 10px;
margin-bottom: 10px;
margin-: 0px;
}

.service h4{
padding: 5px 0 20px 0em;
margin: 0em;
font-size: 1em;
color: #333;
}
.service li{
padding: 0em;
margin: 0em 0em 0em 15px;
}
.service ul{
padding: 0em;
margin: 0em;
}
.service-ini{
font-size: 10px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: #FFFFFF;
float: right;
}


.back_color1 {	background-image: url(../images/index_back/index_back_f01.jpg);	background-repeat: repeat-x;background-position: top;}
.back_color2 {	background-image: url(../images/index_back/index_back_f02.jpg);	background-repeat: repeat-x;background-position: top;}
.back_color3 {	background-image: url(../images/index_back/index_back_f03.jpg);	background-repeat: repeat-x;background-position: top;}
.back_color4 {	background-image: url(../images/index_back/index_back_f04.jpg);	background-repeat: repeat-x;background-position: top;}
.back_color5 {	background-image: url(../images/index_back/index_back_f05.jpg);	background-repeat: repeat-x;background-position: top;}
.back_color6 {	background-image: url(../images/index_back/index_back_f06.jpg);	background-repeat: repeat-x;background-position: top;}
.back_color7 {	background-image: url(../images/index_back/index_back_f07.jpg);	background-repeat: repeat-x;background-position: top;}


.link-list {white-space: nowrap;}





@media only screen and (max-width:600px){
.nav-bar li{width:50%;}
.nav-bar>li>a{font-size:small;}
}