@charset "utf-8";
/* CSS Document */

:root {
	--color-normal: #E0E0E0;
	--color-blue: #1976D5;
	--color-green: #8AB254;
	--color-red: #E45343;
	--color-yellow: #F29D39;
	--color-lemon: #ffdf46;
}

/*****************************************************************
               基本設定
*****************************************************************/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	/* [disabled]padding:0; */
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ul,ol,li {
	list-style:none;
}

html,body{
	height:100%;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a img {
	border-style:none;
}

a{
	text-decoration:none;
}

a:active,a:focus{
	outline:none;
}

/*
a{
	color:#000;
}

a:hover{
	color:#009e00;

}
*/

/*****************************************************************
	大枠設定
*****************************************************************/

#wrapper{	
	width:100%;
    min-height:100%;
	float:left;
	position:relative;
}

#header{
	width:100%;
	float:left;
}

#gnavi{
	width:100%;
	height:80px;
	background-image:url(../images/navi_bg.jpg);
	float:left;
}

#contents{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 300px 0;
	float:left;
}

#footer{
	width:100%;
	margin:50px 0 0 0;
	float:left;
	position:absolute;
	bottom:0;
}

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

.header_top{
	width:100%;
	height:20px;
	background-color:#000000;
	float:left;
}

.header_top_center{
	width:960px;
	height:20px;
	margin:0 auto;
}

h1{
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	line-height:20px;
}

.header_footer{
	width:100%;
	float:left;
}

.header_footer_center{
	width:960px;
	height:110px;
	margin:0 auto;
}

.header_footer_l{
	width:176px;
	height:110px;
	float:left;
}

.header_footer_r{
	width:635px;
	height:90px;
	margin:10px 0 0 0;
	float:right;
}

/************************************************
	ロゴ
************************************************/

.logo{
	width:130px;
	height:90px;
	margin:10px 0 0 0;
	float:left;
}

.logo a{
	width:100%;
	height:100%;
	display:block;
}

/************************************************
	住所・電話番号
************************************************/

.studio_detail_area{
	width:315px;
	padding:12px 0 0 0;
	float:left;
}

.studio_detail{
	width:100%;
	height:25px;
	border-bottom:1px solid #cccccc;
	float:left;
}

.studio_detail p{
	font-weight:bold;
	font-size:0.8em;
	text-indent:5px;
	line-height:25px;
}

/*****************************************************************
	LINE
*****************************************************************/

.line{
	width:305px;
	height:90px;
	background:url(../images/header_line.png);
	float:right;
}

.line_id{
	width:210px;
	height:25px;
	margin:61px 0 0 5px;
	float:left;
}

.line_id p{
	font-size:1em;
	text-align:center;
	line-height:25px;
}

/*****************************************************************
	ナビ
*****************************************************************/

#gnavi ul{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#gnavi li{
	height:80px;
	margin:0 9px 0 0;
	float:left;
}

#gnavi li:last-child{
	margin:0;
}

#gnavi li a{
	display:block;
	overflow:hidden;
	background-image:url(../images/navi01.png);
	padding:80px 0 0 0;
}

.navi1 a{
	width:50px;
	background-position:0 0;
}

.navi2 a{
	width:125px;
	background-position:-59px 0;
}

.navi3 a{
	width:150px;
	background-position:-193px 0;
}

.navi4 a{
	width:112px;
	background-position:-352px 0;
}

.navi5 a{
	width:138px;
	background-position:-473px 0;
}

.navi6 a{
	width:74px;
	background-position:-620px 0;
}

.navi7 a{
	width:68px;
	background-position:-704px 0;
}

.navi8 a{
	width:86px;
	background-position:-781px 0;
}

.navi9 a{
	width:85px;
	background-position:-875px 0;
}


.navi1 a:hover{
	width:50px;
	background-position:0 -80px;
}

.navi2 a:hover{
	width:125px;
	background-position:-59px -80px;
}

.navi3 a:hover{
	width:150px;
	background-position:-193px -80px;
}

.navi4 a:hover{
	width:112px;
	background-position:-352px -80px;
}

.navi5 a:hover{
	width:138px;
	background-position:-473px -80px;
}

.navi6 a:hover{
	width:74px;
	background-position:-620px -80px;
}

.navi7 a:hover{
	width:68px;
	background-position:-704px -80px;
}

.navi8 a:hover{
	width:86px;
	background-position:-781px -80px;
}

.navi9 a:hover{
	width:85px;
	background-position:-875px -80px;
}

/*****************************************************************
	フッター
*****************************************************************/

.footer_navi{
	width:100%;
	height:40px;
	background-color:#000000;
	float:left;
}

.footer_navi_center{
	width:960px;
	height:40px;
	margin:0 auto;
}

.footer_navi_center ul{
	width:100%;
	height:40px;
}

.footer_navi_center li{
	margin:8px 23px 0 0;
	float:left;
}

.footer_navi_center li:first-child{
	margin:8px 23px 0 3px;
}

.footer_navi_center li:last-child{
	margin:8px 3px 0 0;
	float:left;
}

.footer_navi_center a{
	font-size:14px;
	color:#ffffff;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
}

.footer_navi_center a:hover{
	color:#f7d117;
/*	
	color:#ff2600;
*/	
}

.footer_bottom{
	width:100%;
	height:100px;
	background-color:#000000;
	float:left;
}

.footer_bottom p{
	font-size:14px;
	color:#ffffff;
	line-height:100px;
	text-align:center;
}


/* 2021/03/23 */
.red p, p.red, span.red{
	color: #a70000;
}
/* 2021/03/23 */