@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}


a { color: #8e1413; }
a:hover,
a:active { color: #c71b1b; text-decoration: none; }
a:visited {
}

p { 
	line-height: 24px;
	padding: 0 0 14px;
}
/*p { padding: 0 0 16px; }*/

.image_l { float: left; padding: 0 23px 16px 0; }
.image_r { float: right; padding: 0 0 16px 23px; }
.image_r img,
.image_l img {
	padding: 3px 0 5px;
}

table .image_l { padding: 5px 8px 8px 0; }
table .image_r { padding: 5px 0 8px 8px; }

.image_l02 { float: left; padding: 0px 8px 0px 0; }
/* common_reset
------------------------------------------------------------------------*/

img {
    border: 0;
    vertical-align: bottom;
}
.center { text-align: center }
.fLeft { float: left!important }
.fRight { float: right!important }
.clearBoth { clear: both }
p.clearAfter {
    clear: both;
    height: 0;
    width: 0;
    padding-bottom: 5px;
    line-height: 0;
    visibility: hidden;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
	min-width: 980px;
	max-width: 100%;
}
body {
	text-align: center;
	min-width: 980px;
	max-width: 100%;
}

#wrapper {
	background: url(../images/contents_bg.jpg) repeat-x 0 0;
	text-align: left;
	min-width:1025px;
}
#index #wrapper {
	background: url(../images/index_bg.jpg) repeat-x 0 0;
}

#main {
	margin: 0 auto;
	width: 950px;
	padding: 39px 0 30px;
}
#index #main { padding-top: 60px; }


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	height: 321px;
}
#index #header {
	height: 562px;
}

#header p {	padding-bottom: 0; }

h2 {
	font-size: 0;
	width: 950px;
	height: 86px;
	margin: 0 auto;
	padding: 55px 0 0 6px;
}

#headerInner {
	margin: 0 auto;
	height: 101px;
	width: 950px;
}

#header h1 {
	font-size: 11px;
	height: 15px;
	width: 950px;
	margin: 0 auto;
	text-align: right;
	color: #fff;
	padding-top: 5px;
}

#logo {
	float: left;
	padding: 19px 0 0 0;
	margin-left: -4px;
}
.hContact {
	width: 532px;
	float: right;
	padding-top: 19px;
	margin-right: -6px;
}
.hContact p.hTel {
	float: left;
}
.hContact p.hMail {
	float: right;
}

#gNav {
	width: 950px;
	margin: 0 auto;
}
#gNav li {
	float: left;	
}
#gNav li.sub {
	position: relative;
}

#gNav li .sublink {
	position: absolute;
	left: 0;
	top: 60px;
	z-index: 3;
	display: none;	
}

#gNav li .sublink li { margin-top:1px;}
#gNav li.navi01 {
    
}
#gNav li.navi01 a {
    background: url(../images/navi_bg_off.jpg) no-repeat 0 0;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    font-size: 18px;
    width: 146px;
    height: 60px;
    padding-top: 15px;
    box-sizing: border-box;
    position: relative;
}
#gNav li.navi01 a:hover {
    background: url(../images/navi_bg_on.jpg) no-repeat 0 0;
}
#gNav li ul.sublink li a{
    width: 180px;
    background: transparent;
    height: auto;
    padding-top: 0;
}

/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 245px;
}
#navi p { padding-bottom: 0; }
#navi p.ttl01 {margin-bottom: 7px;}
#navi p.ttl02 {margin-bottom: 12px;}
.nav01 { padding-bottom: 40px;}
.nav01 li {
	padding-top: 3px;
}
.nav02 { padding-bottom: 22px;}
.sContact p {
	position: relative;
	height: 357px;
}
.sContact p a {
	position: absolute;
	left: 22px;
	top: 287px;
	text-align: center;
}


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	background: #282828 url(../images/footer_bg.jpg) repeat-x 0 0;
	min-height: 291px;
	margin-bottom: -20px;
	overflow: hidden;
}
#footer p { padding-bottom: 0; }
#footer address {
	color: #fff;
	font-size: 11px;
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
#footerInner {
	width: 950px;
	margin: 0 auto;
	padding-top: 20px;
}
.fLogo {
	float: left;
	margin-left: -4px;
}
.fContact {
	float: right;
	width: 551px;
}

.fContact p {
	float: left;
}
.fContact p.fMail {
	float: right;
}

.fSection02 {
	padding: 46px 0 10px;
	height: 141px;
}
.fSection02 div {
	float: left;
}
.fSection02 div ul {
	width: 50%;
}

.footer01 {	width: 340px; padding-right: 37px; }
.footer02 {	width: 270px; }
.footer03 {	width: 265px; float: right!important; }

.footer01 .fLeft { width: 161px; }
.footer01 .fRight { width: 157px; }
.footer02 .fLeft { width: 132px; }
.footer02 .fRight { width: 122px; }
.footer03 .fLeft { width: 150px; }
.footer03 .fRight { width: 90px; }

.fSection02 p.title {
	margin-bottom: 10px;
}

.fSection02 ul.fLeft {
	
}
.fSection02 ul li {
	font-size: 130%;
	padding: 0 0 7px;
}
.fSection02 ul li a {
	color: #fff;
}




/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* contents
------------------------------------------------------------------------*/

#content {
	width: 650px;
	float: right;
}
#index #content {
}

#breadcrumb {
	font-size: 120%;
	margin-top: -4px;
	margin: -4px 0 6px;
}
#breadcrumb a {
	padding: 0;
	color:#282828;
}

.banner {
	padding-top: 20px;
	text-align: center;
}
.bannerLast {
	clear: both;
	padding: 0;
	text-align: center;	
}

.pageTop {
	position: absolute;
	bottom:310px;
	right:20px;
	left: auto!important;
	margin:0;
	vertical-align:bottom;
	padding-bottom: 0!important;
}
.bg_top {
	clear: both;
	font-size: 0;
	padding: 0;
	text-align: center;
}
.bg_btm {
	clear: both;
	font-size: 0;
	padding-bottom: 20px;
	text-align: center;
}

.concept01 {
	background: url(../images/concept_img_01.jpg) no-repeat 100% 0;
	min-height: 375px;
	padding: 15px 20px 0 280px;	
}
.concept02 {
	background: url(../images/concept_img_02.jpg) no-repeat 100% 0;
	min-height: 280px;
	padding: 15px 350px 0 20px;
}
.concept03 {
	background: url(../images/concept_img_03.jpg) no-repeat 100% 0;
	min-height: 280px;
	padding: 15px 20px 0 340px;
}


/* ------------------------------------------------------------------- box */

.box_style01 {
	overflow: hidden;
	background: #F8F8F8;
	border: 5px double #1EA1E9;
	clear: both;
	padding: 9px 25px 5px 25px;
	margin-bottom: 20px;
}

.box_style02 {
	border: 4px double #24A6DA;
	padding: 9px;
	margin-bottom: 15px;
}

.box04 {
    background: url(../images/box_04.jpg) no-repeat 0 0;
	clear: both;
    padding: 11px 0 0;
}
.box04 .inner {
    background: url(../images/box_05.jpg) repeat-y 0 0;
    padding: 15px 30px 15px 30px;
}
.box04 .inner .title {
	font-size: 160%;    
	text-align: center;
	font-weight: bold;
	border-bottom:1px dotted #333333;
	padding-bottom:3px;
	margin-bottom:15px;
}

.box04 .inner .title02 { margin-left:-5px;}

/* ------------------------------------------------------------------- hx */

h3 {
	background: url(../images/h3.jpg) no-repeat 0 0;
	color: #fff;
	clear: both;
	font-size: 190%;
	font-weight: bold;
    padding: 21px 5px 20px 25px;
	height: 39px;
}

h4 {
	background: url(../images/h4.jpg) no-repeat 0 0;
	clear: both;
	font-size: 190%;
	font-weight: bold;
    padding: 8px 0 15px 17px;
	height: 27px;
}

h5 {
    background: url(../images/h5.jpg) no-repeat 0 3px;
    /*color: #890304;*/
    font-weight: bold;
    padding: 5px 0 15px 25px;
}

h5.h5_02 { padding-top:0; background: url(../images/h5.jpg) no-repeat 0 4px;}

/* ------------------------------------------------------------------- list */

.list_text01 { padding-bottom: 14px; }
.list_text01 li {
	background: url(../images/icon_04.jpg) no-repeat 0 7px;
	padding: 2px 0 5px 13px;
}


/* ------------------------------------------------------------------- table */

table {
    margin-bottom: 20px;
    width: 100%;
}
img.center,
table.img_center img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
table th,
td {
    border: 1px solid #acacac;
    padding: 7px 6px;
}
table th {
    background: #8b8b8b;
    color: #ffffff;
    padding: 7px 6px 6px;
    vertical-align: middle;
    text-align: center;
}
table td { vertical-align: top; line-height:23px;}
table th img { padding-bottom: 4px; }
table.td_middle td,
table .vMiddle { vertical-align: middle; }
table.td_center td { text-align: center; }
table.th_left th { text-align: left; }
table td.td01 { background:#a0a0a0; color:#ffffff; vertical-align:middle; text-align:center; font-weight:bold;}


/* ------------------------------------------------------------------- top */

.top00 {
	width: 950px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
}
.bnr01 a {
    background: url(../images/index_bnr_bg00_off.jpg) no-repeat center top;
    width: 950px;
    height: 170px;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: #000;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    font-size: 19px;
    padding: 40px 0 0 40px;
}
.bnr01 a:hover {
    background: url(../images/index_bnr_bg00_on.jpg) no-repeat center top;
}
.bnr01 a span.bnr01_txt01 {
    font-size: 30px;
}
.bnr01 a span.bnr01_txt02 {
    font-size: 18px;
    color: #5f5f5f;
    font-style: italic;
    margin-left: 30px;
}
.bnr01 a span.bnr01_txt03 {
    display: block;
    margin-top: 10px;
    line-height: 1.5em;
}
.red {
    color: #780300!important;
}
.top01 {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 41px 0;
}
.bnr02 a {
    background: url(../images/index_bnr_bg01_off.jpg) no-repeat center top;
    width: 250px;
    height: 290px;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: #000;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    font-size: 20px;
    padding: 30px 0 0 23px;
    
}
.bnr02 a:hover {
    background: url(../images/index_bnr_bg01_on.jpg) no-repeat center top;
}
.bnr02_txt01 {
    font-weight: bold;
    display: block;
}
.bnr02_txt02 {
    font-size: 12px;
    font-style: italic;
    color: #adadad;
}
.fz26 {
    font-size: 26px;
}
.fz30 {
    font-size: 30px;
}
.bnr03_txt01 {
    font-size: 24px;
    font-weight: bold;
    color: #282828;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8;
}
.bnr03_txt02 {
    font-size: 12px;
    font-style: italic;
    color: #adadad;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
}

.top01 .fLeft {
	width: 250px;
}
.top01 .fRight {
	width: 650px;
}
.top01 .fRight p { padding-bottom: 15px; }
.top01 .fRight ul { margin-right: -10px; }
.top01 .fRight ul li {
	float: left;
	padding: 0 10px 10px 0;
}
.list_bnr02 li a {
    background: url(../images/index_bnr_bg02_off.jpg) no-repeat center top;
    width: 320px;
    height: 116px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    padding: 32px 0 0 25px;
    font-size: 20px;
    font-weight: bold;
    color: #282828;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    padding-right: 20px;   
}
.list_bnr02 li a:hover {
    background: url(../images/index_bnr_bg02_on.jpg) no-repeat center top;
}
.list_bnr02 li a span {
    display: block;
    margin-bottom: 10px;
}
.list_bnr02 li.list_bnr02_02 a {
    padding: 15px 0 0 25px;
}
.list_bnr02 li a span.list_bnr02_03 {
    letter-spacing: -2px;
    line-height: 1.2em;
}

.top02 {
	background: url(../images/index_bg_01.jpg) no-repeat center top;
	clear: both;
	height: 320px;
}
.top02 .inner {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.top02 .inner p {
	text-align: center;
	padding: 34px 0 28px 36px;
}
.top02 .inner li {
	float: left;
}
.top02 .inner li.first {
	width: 301px;
}
.top02 .inner li.first a {
    background: url(../images/index_bnr_bg06_off.jpg) no-repeat center top;
    width: 301px;
    height: 101px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    color: #282828;
    font-size: 20px;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    padding: 30px 0 0 35px;
}
.top02 .inner li.first a span {
    display: block;
}
.top02 .inner li.first a:hover {
    background: url(../images/index_bnr_bg06_on.jpg) no-repeat center top;
}

.bnr04 a {
    background: url(../images/index_bnr_bg08_off.jpg) no-repeat center top;
    width: 324px;
    height: 200px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    color: #282828;
    font-size: 24px;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    padding: 55px 0 0 35px;
}
.bnr04 a:hover {
    background: url(../images/index_bnr_bg08_on.jpg) no-repeat center top;
}
.bnr04 span, .bnr05 span {
    display: block;
}
.bnr05 a {
    background: url(../images/index_bnr_bg09_off.jpg) no-repeat center top;
    width: 324px;
    height: 200px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    color: #282828;
    font-size: 24px;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    padding: 55px 0 0 35px;
}
.bnr05 a:hover {
    background: url(../images/index_bnr_bg09_on.jpg) no-repeat center top;
}

#index h3 {
	padding: 0 0 20px 0;
	height: auto;
}
#index h3.idx_h3 {
    background: url(../images/index_img_03_bg.jpg) no-repeat center top;
    width: 650px;
    height: 60px;
    box-sizing: border-box;
    padding: 20px 0 0 25px;
    color: #fff;
    font-size: 22px;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    margin-bottom: 20px;
}
/* add
------------------------------------------------------------------------*/
.section { padding-bottom: 20px; }

.pd0 { padding: 0!important; }

.mb0 { margin-bottom : 0; }
.pb0 { padding-bottom: 0!important; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }

.ml01 { margin-left: 6px;}

.pt06 { padding-top: 6px!important; }
.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

.w10 { width: 10%; }
.w15 { width: 15%; }
.w16 { width: 16%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w28 { width: 28%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }

.bold { font-weight:  bold; }

.gm-style-iw:after,
.gm-style div:after,
.gMapInfoWindow:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.gm-style-iw,
.gm-style div,
.gMapInfoWindow { display: block; }
p.mapInfo {
	min-width: 190px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0;
}


/* clearfix
------------------------------------------------------------------------*/

.section {
	zoom: 1;
}

.section:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* P */


.case01 {
	text-align: center;
	margin: 0 0 20px 0;
}

.case01 li {
	display: inline;
	padding: 0 40px;
}


.case02 {
	margin: 0 20px 0px 0;
	float:left;
}

.case02 li {
	margin-bottom:5px;
}


.box01 {
    background: url(../images/box_01.jpg) no-repeat 0 0;
    padding: 35px 0 0;
}
.box01 .inner {
    background: url(../images/box_02.jpg) repeat-y 0 0;
    padding: 0px 30px 0;
}

.box01 .inner .title03 { margin-left:-5px;}

.arrow {
	text-align: center;
	padding-bottom: 20px;
	clear: both;
}

.box01 .image_l {
	padding-bottom: 0;
}

.noteList {
	text-indent: -15px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.title01 {
	font-weight: bold;
	text-align: center;
	font-size: 150%;
}

.note { color:#aa0404; font-weight:bold;}
.note02 { color:#848484; font-size:90%;}

.title04 { 	
	font-weight:bold;
	font-size:150%;
	padding-bottom:5px;
	
}

.box02 { border:1px solid #dddddd; padding:18px 15px 0 22px; margin-bottom:30px; background:#f7f7f7;}
.box03 { border:1px solid #dddddd; padding:15px 15px 0 17px; margin-bottom:30px; background:#f7f7f7; width:425px; margin-left:190px;}

.pl01 { padding-left:15px;}
.pl02 { padding-left:205px;}

.line_height22 { line-height:22px;}



.topBnr {
	position: relative;
}

.topBnr a {
	position: absolute;
	top: 305px;
	left: 57px;
    background: url(../images/index_bnr_bg11_off.png) no-repeat 0 0;
    width: 510px;
    height: 80px;
    box-sizing: border-box;
    text-decoration: none;
    padding: 13px 0 0 17px;
    color: #262626;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    font-size: 20px;
    font-weight: bold;
}
.topBnr a:hover {
    background: url(../images/index_bnr_bg11_on.png) no-repeat 0 0;
}
.fz16{
    font-size: 16px;
}

.twoList {
	padding: 10px 10px 30px 10px;
}

.twoList li {
	float: left;
}

.twoList01 {
}

.twoList01 {
	padding: 0 50px 0 50px;
}

.twoList01 li {
	float: left;
}

.t3ds {
	font-size: 200%;
	color: #bb0200;
	font-weight: bold;
}

.equipmentL {
	padding: 0 0 10px 5px;
}
.equipmentL li {
	float: left;
	padding: 0 10px 0 0;
	margin-right: 3px;
	background: url(../images/arrow_03.jpg) no-repeat right center;
}


.threeL {
	padding: 0 0 10px 0;
}

.threeL li {
	float: left;
	padding: 0 15px 0 0;
}





.threeL li.last,
.equipmentL li.last {padding-right:0;
margin:0; background:none;  }

.noteR {
	color:#FF0000;
	font-size: 110%;
	padding-right: 15px;
	text-align: left;
}

span.noteR {
	color:#FF0000;
	font-size: 80%;
	display: block;
	padding-right: 0;
	text-align: left;
}


.twoA {
	background: url(../images/arrow_02.jpg) no-repeat center center;
	margin: 0 50px 15px 50px;
}
.twoA li{
	float: left;
}

.case03 {
	
	margin-left: -16px;
}

.case03 li {
	float: left;
	text-align: center;
	padding: 5px 0 15px 16px;
}

.case03 li img {
	margin-bottom: 5px;
}

.liststaff{
	
	}
.liststaff dl{
	width:150px;
	float:left;
	margin-right:16px;
	margin-bottom:20px;
	}	
.liststaff dl.last{margin-right:0px;}
.liststaff dt{
	font-weight:bold;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../images/icon_05.jpg) no-repeat 0 center;
	}