@import url('reset.css');
@import url('common.css');

#intro {
	width			: 980px;
	margin			: 0 auto;
}

#intro h1 {
	font-weight		: normal;
	color			: #fff;
}

#header {
	width			: 980px;
	height			: 90px;
	margin			: 0 auto;
}

#header .site-title {
	float			: left;
	margin			: 18px 0;
}

#header .head-tel {
	float			: right;
	width			: 269px;
	height			: 80px;
	background-image	: url(../images/bnr_head_tel.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	text-indent		: -9999px;
}

#gloavalnavi {
	height			: 55px;
	background-image	: url(../images/bg_gloavalnavi.png);
	background-position	: left top;
	background-repeat	: repeat-x;
	position		: relative;
	z-index			: 20;
}

#gloavalnavi ul {
	width			: 980px;
	margin			: 0 auto;
}

#gloavalnavi li {
	float			: left;
	height			: 55px;
}

#gloavalnavi li a {
	display			: block;
	height			: 100%;
	background-image	: url(../images/gloavalnavi.png);
	background-repeat	: no-repeat;
	text-indent		: -9999px;
}

#gloavalnavi li a:hover {
	opacity			: 0.65;
	filter			: alpha(style=0,opacity=65);
}

#gloavalnavi li.nav01 a {
	width			: 98px;
	background-position	: 0 0;
}

#gloavalnavi li.nav02 a {
	width			: 137px;
	background-position	: -98px 0;
}

#gloavalnavi li.nav03 a {
	width			: 151px;
	background-position	: -235px 0;
}

#gloavalnavi li.nav04 a {
	width			: 146px;
	background-position	: -386px 0;
}

#gloavalnavi li.nav05 a {
	width			: 147px;
	background-position	: -533px 0;
}

#gloavalnavi li.nav06 a {
	width			: 105px;
	background-position	: -680px 0;
}

#gloavalnavi li.nav07 a {
	width			: 100px;
	background-position	: -785px 0;
}

#gloavalnavi li.nav08 a {
	width			: 95px;
	background-position	: -885px 0;
}

#mainvisual {
	width			: 984px;
	height			: 155px;
	margin			: 0 auto;
}

#mainvisual h2 {
	height			: 65px;
	line-height		: 65px;
	margin-top		: 10px;
	padding-left		: 70px;
	background-image	: url(../images/bg_h2.png);
	background-repeat	: no-repeat;
	background-position	: left top;
	font-size		: 24px;
	color			: #FFED50;
}

#index #mainvisual {
	height			: 100%;
}

#index #mainvisual h2 {
	display			: none;
}

#contents {
	position		: relative;
	width			: 940px;
	margin			: -75px auto 0 auto;
	padding			: 20px 25px 0 25px;
	background-image	: url(../images/bg_contents.png);
	background-repeat	: no-repeat;
	background-position	: left top;
	z-index			: 30;
}

#index #contents {
	background-image	: url(../images/bg_contents_index.png);
}

#contents .main {
	float			: left;
	width			: 690px;
}

#index #contents .main .index-section-top {
	display			: block;
	height			: 161px;
	margin			: -16px 0 13px 0;
	background-image	: url(../images/index_section_top.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	position		: relative;
	text-decoration		: none;
	color			: #000;
}

#index #contents .main .index-section-top p {
	width			: 310px;
	font-size		: 11px;
	position		: absolute;
	left			: 15px;
	bottom			: 20px;
}

#index #contents .main .index-bnr-area {
}

#index #contents .main .index-bnr-area li {
	width			: 335px;
	margin-bottom		: 10px;
}

#index #contents .main .index-bnr-area li.bnr01,
#index #contents .main .index-bnr-area li.bnr03,
#index #contents .main .index-bnr-area li.bnr05 {
	float			: left;
}

#index #contents .main .index-bnr-area li.bnr02,
#index #contents .main .index-bnr-area li.bnr04,
#index #contents .main .index-bnr-area li.bnr06 {
	float			: right;
}

#index #contents .main .index-bnr-area li.bnr01,
#index #contents .main .index-bnr-area li.bnr02 {
	height			: 120px;
}

#index #contents .main .index-bnr-area li.bnr03,
#index #contents .main .index-bnr-area li.bnr04,
#index #contents .main .index-bnr-area li.bnr05,
#index #contents .main .index-bnr-area li.bnr06 {
	height			: 80px;
	_margin-bottom		: 5px;
}

#index #contents .main .index-bnr-area li.bnr02 {
	background-image	: url(../images/bnr_index_02.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	position		: relative;
}

#index #contents .main .index-bnr-area li.bnr02 span {
	font-size		: 17px;
	font-weight		: bold;
	color			: #003A71;
	position		: absolute;
	left			: 15px;
	bottom			: 10px;
}

#index #contents .main .index-works {
	margin-bottom		: 20px;
}

#index #contents .main .index-works h3 {
	height			: 34px;
	margin-bottom		: 15px;
	background-image	: url(../images/htxt_h3_index_works.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	position		: relative;
}

#index #contents .main .index-works h3 span {
	display			: block;
	text-indent		: -9999px;
}

#index #contents .main .index-works h3 a {
	position		: absolute;
	right			: 8px;
	top			: 4px;
}

#index #contents .main .index-works .box {
	width			: 310px;
	padding			: 15px 13px;
	background-color	: #FFF4E6;
}

#index #contents .main .index-works .box li.before {
	float			: left;
}

#index #contents .main .index-works .box li.after {
	float			: right;
}

#index #contents .main .index-works .box li span {
	display			: block;
	margin-bottom		: 10px;
}

#index #contents .main .index-works .box p {
	margin-top		: 10px;
}

#index #contents .main .index-bottom {
}

#index #contents .main .index-bottom .box {
	width			: 335px;
}

#index #contents .main .index-bottom .box.blog {
	float			: left;
}

#index #contents .main .index-bottom .box.voice {
	float			: right;
}

#index #contents .main .index-bottom .box h3 {
	width			: 335px;
	height			: 34px;
	margin-bottom		: 15px;
	background-repeat	: no-repeat;
	background-position	: left top;
	position		: relative;
}

#index #contents .main .index-bottom .box.blog h3 {
	background-image	: url(../images/htxt_h3_index_blog.jpg);
}

#index #contents .main .index-bottom .box.voice h3 {
	background-image	: url(../images/htxt_h3_index_voice.jpg);
}

#index #contents .main .index-bottom .box h3 span {
	display			: block;
	text-indent		: -9999px;
}

#index #contents .main .index-bottom .box h3 a {
	position		: absolute;
	right			: 8px;
	top			: 4px;
}

#index #contents .main .index-bottom .box.blog dt,
#index #contents .main .index-bottom .box.voice dt {
	font-weight		: bold;
	margin-bottom		: 5px;
	color			: #2266A5;
}

#index #contents .main .index-bottom .box.voice .inner img {
	float			: left;
}

#index #contents .main .index-bottom .box.voice .inner dl {
	float			: right;
	width			: 185px;
}

#contents .main .breadcrumb {
	padding-bottom		: 15px;
	margin-bottom		: 15px;
	border-bottom		: 1px dotted #666;
}

#contents .main .breadcrumb li {
	display			: inline;
}

#contents .main .section {
	margin-bottom		: 30px;
}

#contents .main .section h3 {
	height			: 35px;
	line-height		: 35px;
	margin-bottom		: 15px;
	padding-left		: 15px;
	background-image	: url(../images/bg_section_h3.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	font-size		: 15px;
	font-weight		: normal;
}

#contents .main .section h4 {
	font-size		: 18px;
	color			: #002f5b;
}

#contents .main .section table {
	width			: 684px;
	margin-left		: 1px;
	margin-bottom		: 10px;
}

#contents .main .section th,
#contents .main .section td {
	padding			: 20px;
	border			: 1px solid #CBDDE8;
	font-weight		: normal;
	text-align		: left;
}

#contents .main .section .noborder th,
#contents .main .section .noborder td {
	border			: 0;
}

#contents .main .section .telnum {
	text-align		: center;
}

#contents .main .section .telnum span {
	font-size		: 22px;
	font-weight		: bold;
	color			: #002f5b;
}

#contents .main .section th {
	background-color	: #e3edf3;
}

#contents .main .section p {
	margin-top		: 5px;
	margin-bottom		: 10px;
}

#contents .main .section p span {
	font-weight		: bold;
	color			: #f00;
}

#contents .main .section .map-area {
	padding			: 15px;
	background-color	: #FFF4E6;
}

#contents .main .section .map-area iframe {
	float			: left;
}

#contents .main .section .map-area .txt-area {
	float			: right;
	width			: 300px;
}

#contents .main .section .map-area h4 {
	height			: 20px;
	line-height		: 20px;
	margin-bottom		: 5px;
	padding-left		: 25px;
	background-image	: url(../images/bg_map_h4.gif);
	background-repeat	: no-repeat;
	background-position	: left center;
	font-size		: 15px;
	font-weight		: normal;
}

#contents .main .section .corp-txt-area {
	width			: 360px;
	float			: right;
}

#contents .main .section .corp-txt-area a {
	display			: block;
	width			: 290px;
	margin			: 15px auto;
}

#contents .main .section .about_text {
	margin-bottom		: 10px;
}

#contents .main .section .about_text .about_text_left {
	float			: left;
	margin			: 30px 10px;
	width			: 400px;
}

#contents .main .section .about_text .about_img {
	float			: right;
	margin			: 10px;
}

#contents .main .section .staff-box {
	margin-bottom		: 15px;
	padding-bottom		: 15px;
	border-bottom		: 1px dotted #ccc;
}

#contents .main .section .staff-box img {
	float			: left;
}

#contents .main .section .staff-box p {
	float			: right;
	width			: 500px;
}

#contents .main .section .staff-box p span {
	font-size		: 18px;
	color			: #002f5b;
}

#contents .main .page-bnr {
	height			: 150px;
	position		: relative;
	background-image	: url(../images/bnr_page.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#contents .main .page-bnr ul {
	position		: absolute;
	top			: 15px;
	left			: 15px;
}

#contents .main .page-bnr li {
	float			: left;
	margin-right		: 15px;
}

#contents .main .works-box {
	margin			: 10px 0;
	background		: #fffcda;
}
#contents .main .works-box .catbox {
	float			: left;
	width			: 210px;
	height			: 40px;
	margin			: 5px 0 5px 5px;
	padding			: 5px;
	background		: #fffcda;
}
#contents .main .works-box .catbox img {
	margin-right		: 5px;
}
#contents .main .works-box .catbox .title {
	height			: 40px;
	line-height		: 40px;
}

#contents .main .works-box .catbox .title a {
	color			: #000;
}

#contents .main .works-box .catbox .title a:hover {
	text-decoration		: none;
}

#contents .main .works-box dl {
	padding			: 10px;
}

#contents .main .works-box dt {
	height			: 60px;
}

#contents .main .works-box dd {
	height			: 60px;
	line-height		: 60px;
	padding-left		: 100px;
	margin			: -60px 0 0 0;
	border-bottom		: 1px dotted #ccc;
}

#contents .main .works-thmnail {
	float			: left;
	width			: 335px;
	margin			: 20px 0;
}

#contents .main .asset-body {
	float			: right;
	width			: 335px;
	margin			: 20px 0;
}

#contents .main .entry-gallery th,
#contents .main .entry-gallery td {
	background-color	: #fffcda;
	border			: 0;
	padding			: 10px;
}

#contents .side {
	float			: right;
	width			: 225px;
}

#contents .side .section {
	margin-bottom		: 10px;
}

#contents .side .bnr-box {
	display			: block;
	margin-bottom		: 10px;
}

#contents .side h4 {
	margin-bottom		: 8px;
}

#contents .side .local-navi li {
	height			: 45px;
	margin-bottom		: 8px;
}

#contents .side .info-box {
	padding			: 15px;
	border			: 2px solid #B1CBE3;
}

#contents .side .info-box h5 {
	margin			: 0 auto 5px auto;
	text-align		: center;
}

#contents .side .info-box dl {
	margin			: 0 5px;
	font-size		: 10px;
}

#contents .side .info-box dt {
	margin-bottom		: 5px;
	padding-bottom		: 5px;
	border-bottom		: 1px solid #B1CBE3;
}

#footer {
	margin-top		: 27px;
	background-color	: #E9F6FE;
}

#footer .inner {
	width			: 944px;
	margin			: 0 auto;
	padding-top		: 25px;
	position		: relative;
}

#footer .inner .gotop {
	position		: absolute;
	right			: 0;
	top			: -27px;
}

#footer .inner .box {
	float			: left;
	width			: 290px;
	margin			: 0 10px;
}

#footer .inner h4 {
	margin-bottom		: 15px;
}

#footer .inner li {
	float			: left;
	height			: 17px;
	margin			: 0 5px 5px 0;
}
#footer address {
	padding			: 30px 0 10px 0;
	font-style		: normal;
	font-size		: 10px;
	text-align		: center;
}