@charset "UTF-8";
/* ===================================================================
 style info : 共通テンプレートモジュール

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */
/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/*アルファ設定*/
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80; 
	-khtml-opacity:0.80;
}
/* FONTS */
@font-face {
	font-family: 'myFont';
	src:url('webfont/fgflop.eot');
	src:url('webfont/fgflop.eot?#iefix') format('embedded-opentype'),
			url('webfont/fgflop.woff') format('woff'),
			url('webfont/fgflop.ttf') format('truetype');
}

/* LAYOUT
---------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	background: transparent url(../img/bg.jpg) repeat 0 0;
	border-top: 4px solid #f18d00;
}
#page {
	width: 960px;
	margin: 0 auto;
}
#main {
	width: 730px;
	float: right;
}
#contents {
	background: transparent url(../img/container-m.gif) repeat-y 0 0;
}
.topWrap {
	background: transparent url(../img/container-t.gif) no-repeat 0 0;
}
.bottomWrap {
	background: transparent url(../img/container-b.gif) no-repeat 0 100%;
	padding-bottom: 20px;
	padding: 20px 40px;
}

/* HEADER
---------------------------*/
#globalHeader {
	width: 180px;
	float: left;
	position: relative;
	margin-top: 55px;
}
#globalHeader h1 {
	position: absolute;
	top: 0;
	left: -15px;
}
#globalHeader h2 {
	padding-top: 118px;
	text-align: center;
	margin-bottom: 0;
}
#globalHeader dl {
	border: 3px solid #f28e00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	background-color: #fff;
	margin-bottom: 20px;
}
#globalHeader dl dt {
	background: transparent url(../img/pattern-dotted-01.gif) repeat 0 0;
	text-shadow: 0 1px 1px #e44e00, 0 1px 5px #ffffff;
	font-size: 123.1%;
	line-height: 3em;
	text-align: center;
	color: #f28e00;
}
#globalHeader dl dd {
	border-bottom: 2px dotted #f28e00;
}
#globalHeader dl dd  a {
	line-height: 3em;
	padding-left: 50px;
	color: #f28e00;
	text-decoration: none;
	font-size: 108%;
}
#globalHeader dl dd.service-01 a {
	background: transparent url(../img/icon-service-01.gif) no-repeat 10px 50%;
}
#globalHeader dl dd.service-02 a {
	background: transparent url(../img/icon-service-02.gif) no-repeat 10px 50%;
}
#globalHeader dl dd.service-03 a {
	background: transparent url(../img/icon-service-03.gif) no-repeat 10px 50%;
}
#globalHeader dl dd.service-04 a {
	background: transparent url(../img/icon-service-04.gif) no-repeat 10px 50%;
}
#globalHeader div.tel h3 {
	text-align: center;
	font-weight: normal;
	color: #f28e00;
}
#globalHeader div.tel p {
	border-top: 3px solid #f28e00;
	border-bottom: 3px solid #f28e00;
}
#globalHeader div.tel p img {
	display: block;
	margin: 2px 0;
}
/* G NAVI
---------------------------*/
#globalNavigation {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.service #globalNavigation {background: transparent url(../img/arrow-b.gif) no-repeat 90px 100%;}
.post-type-archive-voice #globalNavigation {background: transparent url(../img/arrow-b.gif) no-repeat 265px 100%;}
.plan #globalNavigation {background: transparent url(../img/arrow-b.gif) no-repeat 445px 100%;}
.inquiry #globalNavigation {background: transparent url(../img/arrow-b.gif) no-repeat 625px 100%;}
#globalNavigation ul {
	background: transparent url(../img/pattern-border-02.gif) repeat 0 0;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	overflow: hidden;
	padding: 10px;
}
#globalNavigation li {
	float: left;
	width: 19%;
	text-align: center;
}
#globalNavigation li.longer {
	width: 24%;
}
#globalNavigation li a {
	color: #fff;
	font-size: 123.1%;
	text-decoration: none;
	display: block;
	border-left: 1px dotted #f9d096;
	border-right: 1px dotted #eb6e00;
	text-shadow: 0 1px 0 #e44e00;
}
#globalNavigation li.fc a {
	border-left: 0 none transparent;
}
#globalNavigation li.lc a {
	border-right: 0 none transparent;
}
#globalNavigation li a:hover {
	color: #fef3db;
	text-shadow: 0 -1px 0 #e44e00;
}
/* COMMON
---------------------------*/
#contents p {
	font-size: 116%;
	line-height: 160%;
}
#contents p strong {
	color: #f28e00;
}
table.basic {
    border-collapse: collapse;
    line-height: 1.7em;
    width: 100%;
}
table.basic th {
    background-color: #fdf3e6;
    border: 1px solid #f8e0bd;
    padding: 15px;
    vertical-align: top;
}
table.basic td {
    border: 1px solid #f8e0bd;
    padding: 15px;
    vertical-align: top;
}
table.basic, table.basic th, table.basic td {
    border-left: 0 none transparent;
    border-right: 0 none transparent;
}
.borderStyle-01 {
	background: transparent url(../img/pattern-border-01.gif) repeat-x 0 100%;
	padding-bottom: 3px;
}
.borderStyle-02 {
	background: transparent url(../img/pattern-border-01.gif) repeat-x 0 0;
	padding-top: 3px;
}
.borderStyle-03 {
	border: 4px solid #fff4e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background-color: #fff;
}
.borderStyle-04 {
	border: 4px solid #d7e7af;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background-color: #fff;
}
.title-01 {
	color: #f28e00;
	font-size: 182%;
	line-height: 2em;
	font-weight: normal;
}
.title-02 {
	background: transparent url(../img/pattern-ttl-01.gif) no-repeat 0 0;
	color: #f28e00;
	font-size: 182%;
	line-height: 55px;
	font-weight: normal;
	padding-left: 20px;
	position: relative;
}
.title-02 small {
	position: absolute;
	top: 0;
	right: 40px;
	display: block;
	font-size: 60%;
	line-height: 55px;
	color: #e8d2aa;
}
.title-03 {
	border: 2px solid #f28e00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	background-color: #fff;
}
.title-03 h1 {
	background: transparent url(../img/pattern-ttl-02.gif) no-repeat -25px 0;
	padding-left: 25px;
	float: left;
	line-height: 30px;
	margin-bottom: 0;
	color: #f28e00;
	font-weight: normal;
}
.title-03 h2 {
	color: #e8d2aa;
	text-align: right;
	margin-bottom: 0;
	line-height: 30px;
	font-weight: normal;
	padding-right: 10px;
}
/* BILLBOARD
---------------------------*/
#billboard {
	background: transparent url(../img/slider-bg.gif) no-repeat 0 0;
	height: 340px;
	width: 730px;
	position: relative;
}
.controls a#prev {
	position: absolute;
	left: 20px;
	top: 160px;
	z-index:99;
}
.controls a#next {
	position: absolute;
	right: 20px;
	top: 160px;
	z-index:99;
}
/* FOOTER
---------------------------*/
#globalFooter {
	background: transparent url(../img/footer-bg.gif) repeat-x 0 0;
	padding-top: 70px;
}
#globalFooter .inner {
	background-color: #f18d00;
	padding-bottom: 30px;
}
#globalFooter .footerInfo {
	padding-left: 140px;
	width: 820px;
	margin: 0 auto;
	background: transparent url(../img/logo-03.gif) no-repeat 0 0;
	position: relative;
}
#globalFooter .footerInfo h1 {
	color: #fff;
	margin-bottom: 5px;
	font-size: 14px;
}
#globalFooter .footerInfo h1 strong {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}
#globalFooter .footerInfo p {
	color: #fff;
	line-height: 120%;
}
#globalFooter .copyright {
	position: absolute;
	top: 50px;
	right: 0;
}
#globalFooter .gotoTop {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	border: 3px solid #fae7c9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em 1em;
}
#globalFooter .gotoTop a {
	line-height: 1em;
	color: #f18d00;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../img/arrow-top.gif) no-repeat 0 50%;
	padding-left: 10px;
}
#globalFooter .gotoTop a:hover {
	color: #b67110;
}