@charset "UTF-8";
/* PC CSS Document */

/*---------- ページ全体の指定 ----------*/
body {
	font-family: "メイリオ", "Meiryo", sans-serif;
	font-size: 0.95em;
	color:#666;
	line-height: 1.5;
}
a {
	color: #00f;
}
a:hover {
	color: #e68a00;
}

div#container {
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

/*---------- ヘッダー ----------*/

div#header {
	padding-bottom: 0px;
	background-color: #ffffff;
}
div#header p#copy {
	font-size: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0px;
}
div#header h1 {
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}

/*---------- ヘッダー内 左寄せ----------*/
div#header p#top_left {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	float: left;
	border: 1px solid #cccccc;
}

/*---------- ヘッダー内 右寄せ----------*/
div#header p#top_right {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 2px;
	padding-top: 10px;
	float: right;
}
div#header p#sns {
	font-size: 1em;
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 5px;
	text-align:right
}

/*---------- mobile snsボタン ----------*/
div#header p#sp-sns {
	display: none;
}

div#header p#img {
	margin-left: 90px;
	margin-bottom: 0;
}

/*---------- ヘッダー内 段落 左中央右----------*/
div#header p#left {
	font-weight:bold;
	font-size:14pt;
	clear:both;
	height: 38px;
	margin-top: 5px;
	margin-left: 50px;
	margin-right: 0px;
	padding-top: 10px;
	float: left;
}

div#header p#center {
	margin-top: 5px;
	margin-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}
div#header p#right {
	font-weight:bold;
	font-size:11pt;
	height: 36px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 30px;
	padding-top: 10px;
	float: right;
	background-color: #bf7fbf;
	color: #ffffff;
}
div#header p#right_i {
	height: 36px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 50px;
	padding-top: 10px;
	float: right;
}
div#header p#news {
	clear:both;
	margin-left: 15px;
	font-weight:bold;
	font-size:12pt
	float: none;
}

/*---------- ナビ----------*/
div#header #pannavi {
	margin-left: 50px;
	margin-bottom: 10px;
	font-size: 15px;
}

div#header #pannavi a {
	font-size: 15px;
}

/*---------- プルダウンメニュー  ----------*/
#dropmenu li ul li{
	overflow: hidden;
	height: 0;
	transition: .2s;
}
#dropmenu li:hover ul li{
	overflow: visible;
	height: 30px;	/* ダウンの高さ */
}

.dropmenu{
	*zoom: 1;
	list-style-type: none;
	width: 980px;
	margin: 5px auto 10px;
	padding: 0;
}
.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}
.dropmenu:after{
	clear: both;
}
.dropmenu li{
	position: relative;
	width: 25%;		/* 横幅 */
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.dropmenu li a{
	display: block;
	margin: 0;
	padding: 20px 0 18px;		/* 配置 上 左右 下 */
	background: #f7f4f2;
	color: #e68a00;
	font-size: 16px;
	font-weight:bold;
	line-height: 1;
	text-decoration: none;
	border: 1px solid #ffffff;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li{
	width: 100%;
}
.dropmenu li ul li a{
	padding: 10px 0px 8px 5px;	/* ダウンの配置 上 右 下 左 */
	background: #f7f4f2;
	text-align: left;
	font-size: 14px;
	font-weight:normal;
}
.dropmenu li:hover > a{
	border: 1px solid #ccc;
	background: #fff;
	color: #666;

}
.dropmenu li a:hover{
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
}

/*---------- ヘッダー画像スライド ----------*/
#slideshow {
	position: relative;
	width: 980px; /* 画像の横幅に合わせて記述 */
	height: 250px; /* 画像の高さに合わせて記述 */
	margin: 0;
}

#slideshow img {
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}

/*---------- PC電話 ----------*/
.pc_phone {
text-align: center;
}

/*---------- mobile電話ボタン ----------*/
.phone {
	display: none;
}
/*---------- mobile Infoボタン ----------*/
.info {
	display: none;
}

/*----------  電話お問合せフッター固定 ----------*/
.fix_menu_smartphone {
	display: none;
}
.fix_menu_smartphone img {
	display: none;
}

/*---------- バナー 2列配置 ----------*/
div#banner-two {
	clear:both;
	width: 100%;
}

div#banner-two ul {
	list-style-type: none;
	overflow: hidden;
}

div#banner-two li {
	width: 450px;
	height: 225px;
	display: inline-block;
	margin-bottom: 5px;
}
div#banner-two ul li a {
	display: block;
	background-color: #ffffff;
	color: #ffffff;
	line-height: 150px;
}

/*---------- バナー 3列配置 ----------*/
div#banner-three {
	clear: both;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
div#banner-three ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	list-style-type: none;
	overflow: hidden;
}
div#banner-three li.left {
	clear: both;
	float: left;
	width: 280px;
	margin-bottom: 10px;
	padding-left: 3px;
}
div#banner-three li.center {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
}
div#banner-three li.right {
	float: right;
	width: 280px;
	margin-bottom: 10px;
	padding-right: 3px;
}

/*---------- メイン ----------*/
div#main {
	width: 980px;
	float: right;
	margin-top: 40px;
	background-color: #ffffff;
}
div#main a{
	color: #00f;
}
div#main a:hover{
	color: #e68a00;
}

div#main h2 {
	border-left: 5px solid #e68a00;
	margin-right: 15px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
	color: #555;
}
div#main h2 a{
	color: #333;
	text-decoration: none;
}
div#main h2 a:hover{
	color: #e68a00;
}
div#main p {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 20px;
}
div#main p#left {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	line-height: 1.7;
}

div#main ul#list {
	list-style: square;
	margin-left: 70px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
img.img_c{
	width: 40%;
}
img.img_lr {
	width: 30%;
}
img.img_lrsmall {
	width: 20%;
}

/*---------- ナビ----------*/
div#main #pannavi {
	margin-left: 30px;
	margin-bottom: 0px;
	font-size: 15px;
}

div#main #pannavi a {
	font-size: 15px;
}

/*---------- 画像PCSPの切り替え ----------*/
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

/*---------- 文字装飾 ----------*/
span.blog {
	background-color:#ddd;
	font-weight:bold;
	color:#ffffff;
	font-size: 1.2em;
}
span.big_15 {
	font-weight:bold;
	font-size: 1.5em;
}
span.big_15a {
	color: #ed1c24;
	font-weight:bold;
	font-size: 1.5em;
	text-decoration: underline;
}
span.red_15 {
	font-weight:bold;
	font-size: 1.5em;
	color: #ed1c24;
}
span.p14 {
	font-weight: bold;
	font-size: 1.2em;
	color: #e68a00;
}
span.p14e {
	background-color:#e68a00;
	font-weight:bold;
	color:#ffffff;
	font-size: 1.2em;
}
span.p14k {
	background-color:#00a8e8;
	font-weight:bold;
	color:#ffffff;
	font-size: 2em;
}
span.big_13 {
	font-weight:bold;
	font-size: 1.3em;
	text-decoration: underline;
}
span.blue_13 {
	font-weight:bold;
	font-size: 1.3em;
	color: #0000ff;
}
span.big_12 {
	font-weight:bold;
	font-size: 1.2em;
}
span.red_12 {
	font-weight:bold;
	font-size: 1.2em;
	color: #ed1c24;
}
span.blue_12 {
	font-weight:bold;
	font-size: 1.2em;
	color: #0000ff;
}
span.p12e {
	color:#ed1c24;
	font-size: 1em;
	font-weight: bold;
}
span.big_11 {
	font-weight:bold;
	font-size: 1.1em;
}
span.p10 {
	color:#262626;
	font-size: 0.9em;
}
span.s9 {
	font-size: 0.75em;
}
span.p8_5 {
	color:#000000;
	font-size: 0.85em;
}
span.p8e {
	color:#ed1c24;
	font-size: 0.8em;
}
span.p7 {
	color:#262626;
	font-size: 0.8em;
}
span.regular {
	color:#262626;
	font-size: 0.9em;
}
span.regular_red {
	font-weight:bold;
	color: #ed1c24;
}
span.large {
	font-size: large;
	font-weight:bold;
}
span.small {
	font-size: small;
}
span.red_small {
	font-size: small;
	color: #ff0000;
}
span.x-small {
	font-size: x-small;
}
span.b {
	font-weight:bold
}
span.tax {
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
}
span.p56 {
	color:#565656;
}


/*---------- フッター ----------*/
div#footer {
	clear: both;
	width: 980px;
	background-color: #ffffff;
}
.title {
	margin-bottom: 10px;
	margin-left: 30px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #e68a00;
	color: #ffffff;
	font-size: 1em;
	height: 30px;
	float: left;
	text-align: center;
}

div#footer ul.sub {
	list-style: none;
	margin-top: 0px;
	width: 95%;
	background-color: #ffffff;
	font-size: 1em;
	overflow: hidden;
	float: left;
}
div#footer li.sub {
	width: 20%;
	margin-top: 8px;
	margin-left: 8px;
	height: 20px;
	font-size: 0.9em;
	background-color: #ffffff;
	color: #666;
	float: left;
}
div#footer li.sub a {
	display: block;
	background-color: #ffffff;
	text-decoration: underline
	color: #e68a00;
	line-height: 1px;
}

div#footer li.sub a:hover {
	margin-top: 1px;
	background-color: #ffffff;
	color: #666;
}


div#footerleft {
	clear: both;
	width: 148px;
	height: 118px;
	padding-top: 20px;
	float: left;
	background-color: #9d00e6;
	border: 1px solid #999999;
}
div#footerleft p {
	text-align: center;
	color: #ffffff;
}
div#footerleft a{
	color: #ffffff;
}
div#footerleft a:hover{
	color: #ccc;
}

div#footerright {
	width: 830px;
	height: 140px;
	float: right;
	background-color: #9d00e6;
}
div#footerright p {
	font-size: 0.8em;
	text-align: center;
	color: #ffffff;
}
div#footerright a{
	color: #ffffff;
}
div#footerright a:hover{
	color: #ccc;
}
div#footer_img {
	clear: both;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 3px;
}
div#footer_img p {
	text-align: center;
	color: #ffffff;
}
div#footer_img img {
	width: 50px;
}