﻿/*-------------
base
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}
img {
	border:0;
    vertical-align:bottom;
}
body{
	background-color:#fff;
}

a{
	color: black;
	outline: none;
	text-decoration: none;
	font-size: 12px;

}
ul,ol {
	list-style: none;
}
.fLeft {
	float: left;
}
/*-------------
firefox fade対策
-------------*/

img { box-shadow: #000 0 0 0; }

img, x:-moz-any-link, x:default { box-shadow: #000 0 0 0; }

/*-------------
fontstyle
-------------*/

body {
font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
letter-spacing:1px;
font-size: 12px;
color: #323232;
line-height: 2.2;
-webkit-text-size-adjust:100%;
}

/*-------------
container
-------------*/
#container {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
}
.header {
	overflow: hidden;
	margin: 0 auto;
}
.header_back {
	background-color: #cd2322;
}
.header_back p {
	padding: 0 0 0 160px;
	font-weight: 600;
	color: #fff;
	font-size: 11px;
	line-height: 35px;
}
img.headerlogo {
	padding: 1px 0 1px 160px;
}
/*-------------
main
-------------*/
div#main {
	width: 1000px;
	margin: 30px auto 0 auto;
}
div#sidemenu {
	width: 240px;
	float: left;
	margin: 0 0 60px 0;
}
img.sidefax:hover {
	opacity: 0.8;
}
ul.sidemenulist {
	background-color: #f4f4f4;
}
ul.sidemenulist li {
	border-bottom: solid 1px #bcbcbc;
	border-right: solid 1px #bcbcbc;
	border-left: solid 1px #bcbcbc;
	font-weight: 500;
}
ul.sidemenulist li:last-child {
	border-bottom: none;
}
ul.sidemenulist li a:hover {
	text-decoration: underline;
}
ul.sidemenulist2 li {
	border-bottom: solid 1px #bcbcbc;
	border-right: solid 1px #bcbcbc;
	border-left: solid 1px #bcbcbc;
	font-weight: 500;
}
ul.sidemenulist2 li:last-child {
	border-bottom: none;
}
ul.sidemenulist2 li a:hover {
	text-decoration: underline;
}
p.sidemenutext {
    width: 238px;
    border-right: solid 1px #bcbcbc;
    border-left: solid 1px #bcbcbc;
    text-align: center;
    font-weight: 600;
    line-height: 25px;
    padding: 10px 0 10px 0;
}
span.red {
    color: #e60012;
}
span.blue {
    color: #0000ff;
}
div#mainbox_right {
	float: right;
	width: 720px;
	margin: 0 0 60px 0;
}
img.banner {
	margin: 30px 0 0 0;
}
ul.toplist.clearfix {
    margin: 15px 0 20px 0;
    overflow: hidden;
}
ul.toplist.clearfix li {
    width: 340px;
    float: left;
    margin: 0 0 20px 0;
    letter-spacing: 0px;
}
ul.toplist.clearfix li p {
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    margin: 5px 0 0 0;
    color: #494949;
}
ul.toplist.clearfix li:nth-child(2n+1) {
    margin: 0 40px 20px 0;
}
span.red2 {
    color: #cd2322;
    font-size: 14px;
}
div#myslider {
    margin: 0 0 50px 0;
    border: solid 1px #bcbcbc;
}
div#myslider img {
    padding: 15px 15px 15px 10px;
}
.pagetopbutton {
	position: fixed;
	bottom: 30px;
	right: 90px;
}
/*-------------
footer
-------------*/
#footer {
    clear: both;
    background-color: #2f3639;
    color: #a5a5a5;
    height: 200px;
}
.ft_middle {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	font-weight: 500;
}
.ft_middle a {
    color: #a5a5a5;
}
.ft_middle a:hover {
    text-decoration: underline;
}
span.fontbig {
    font-size: 14px;
    color: #fff;
}
.contact_box {
	float: left;
	width: 180px;
	margin: 30px 0 30px 80px;
}
.contact_box2 {
	float: left;
	margin: 30px 0 0 10px;
}
.contact_box3 {
	float: right;
	margin: 30px 100px 0 0;
	line-height: 23px;
}
.ft_bottom {
	background-color: #3c4346;
	text-align: center;
}
