@charset "UTF-8";
 @font-face {
font-family: 'KoushikiSans';
src: url('fonts/KoushikiSans/KoushikiSans-R.eot?') format('eot'), url('fonts/KoushikiSans/KoushikiSans-R.woff') format('woff'), url('fonts/KoushikiSans/KoushikiSans-R.ttf') format('truetype');
}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
	color:#000;
	background:#FFF
}

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
}

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

fieldset, img {
	border:0
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}

ol, ul {
	list-style:none
}

caption, th {
	text-align:left
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}

q:before, q:after {
	content:''
}

abbr, acronym {
	border:0;
	font-variant:normal
}

sup {
	vertical-align:text-top
}

sub {
	vertical-align:text-bottom
}

input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}

input, textarea, select {
*font-size:100%
}

legend {
	color:#000
}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small
}

select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif
}

table {
	font-size:inherit;
	font:100%
}

pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%
}

/*
*/
a {
	text-decoration:none;
}

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

html {
	overflow-y:scroll;
	color:#262626;
}

body {
	margin:0 auto;
	width:960px;
	line-height:1;
	font-family:'meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
}

#container {
	padding:0 10px;
	width:940px;
}

/*
#header
*/
#header {
	padding:50px 0;
	height:50px;
}

#header h1 {
	float:left;
	width:160px;
}

#globalNav {
	padding-top:32px;
	float:right;
	width:700px;
	height:18px;
	line-height:18px;
	font-family:KoushikiSans;
	/*cleartype:true;*/
	font-size:14px;
	text-align:right;
	letter-spacing: 0.1em;
	text-transform:uppercase;/*ブラウザ対応確認*/
}

#globalNav li {
	margin-left:17px;
	float:right;
	overflow:hidden;
	display:block;
}

#globalNav li.con {
	margin-right:0;
}

#globalNav li a {
	color:#0d0d0d;
	display:block;
}

/*
#footer
*/
#footer {
	padding-top:30px;
	padding-bottom:50px;
	clear:both;
	height:70px;
}

#footer div.social {
	height:30px;
}

#footer div.social li {
	width:110px;
	float:right;
	overflow:hidden;
}

#footer div.address {
	padding-top:5px;
	padding-bottom:4px;
	float:left;
	width:40%;
	height:11px;
}

#footer div.address li {
	margin-right:6px;
	float: left;
	line-height:1.1;
	overflow:hidden;
	color:#262626;
	font-family:KoushikiSans;
	/*cleartype:true;*/
	font-size:11px;
	text-transform:uppercase;
}

#footer div.nav {
	padding-top:5px;
	padding-bottom:4px;
	float:right;
	width:40%;
	height:11px;
}

#footer div.nav li {
	margin-left:8px;
	padding-left:8px;
	border-left:1px solid #1f1f1f;
	float: right;
	line-height:1.1;
	overflow:hidden;
	color:#00608d;
	font-family:KoushikiSans;
	/*cleartype:true;*/
	font-size:11px;
	text-transform:uppercase;
}

#footer div.nav li.pri {
	margin-left:0;
	padding-left:0;
	border-left:none;
}

#footer div.nav li a {
	color:#00608d;
}

#footer div.nav li a:hover, #footer div.nav li a:active {
	text-decoration:underline;
}

#footer div.small {
	clear:both;
	height:20px;
}

#footer div.small p {
	line-height:20px;
	color:#262626;
	font-size:10px;
}

/*
#content
*/
#content {
	padding-top:20px;
	clear:both;
}

#top, #main {
	position:relative;
}

#top h2 {
	text-align:center;
}

#top h2 img {
	vertical-align:text-bottom;
}

#abo h2, #ser h2.header, #wor h2, #com h2, #con h2, #pri h2 {
	height:30px;
	font-family:KoushikiSans;
	/*cleartype:true;*/
	font-size:30px;
	text-transform:uppercase;
}

#content div.breadcrumbs {
	margin-top:10px;
	height:20px;
	line-height:20px;
	color:#262626;
	font-size:11px;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

#content div.breadcrumbs li {
	display:inline;
	zoom:1;
}

#content div.breadcrumbs li a {
	color:#00608d;
}

#content div.breadcrumbs li a:hover, #content div.breadcrumbs li a:active {
	text-decoration:underline;
}

/*
about.html
#abo #main
*/
/*
#abo #main は差し替え予定。
*/
#abo #main {
	margin-top:50px;
	text-align:center;
}

#abo #main h3 img {
	vertical-align:text-bottom;
}

#abo p {
	margin-top:25px;
}

#abo #main p img {
	vertical-align:text-bottom;
}

/*
services.html
#ser #main
*/
#ser #main {
	margin-top:20px;
	padding-bottom:70px;
}

/*
works.html
#wor #main
*/

#wor #main p.url a:hover {
	text-decoration:underline;
}

#sgdSlctrNav h3, #sgdSlctrNav li {
	line-height:20px;
}

#sgdSlctrNav h3 {
	padding:5px 0;
}

#sgdSlctrNav li a {
	display:block;
}

#wor #navTop {
	clear:both;
	padding:40px 0 20px;
	height:40px;
}

/*
company.html
#com #main
*/
#com #main {
	margin-top:50px;
	padding-right:120px;
}

#com #main div.colL {
	float:left;
	width:240px;
}

#com #main div.colL li {
	line-height:1.5;
	font-family:KoushikiSans;
	/*cleartype:true;*/
	font-size:16px;
	text-transform:uppercase;
}

#com #main div.colR {
	padding-bottom:100px;
	float:right;
	width:560px;
}

#com #main div.colR table {
	line-height:1.5;
	font-size:12px;
}

#com #main div.colR tr {
	border-bottom:1px solid #cdcdcd;
}

#com #main div.colR tr.last {
	border-bottom:none;
}

#com #main div.colR th {
	padding-right:40px;
	width:120px;
	text-align:right;
}

#com #main div.colR th, #com #main div.colR td {
	padding-top:6px;
	padding-bottom:5px;
	vertical-align:top;
}

#com #main div.colR tr.last th, #com #main div.colR tr.last td {
	padding-bottom:0;
}

/*
contact.html
#con #main
*/

#con #main {
	margin-top:50px;
	padding-right:120px;
}

#con #main div.colL {
	float:left;
	width:240px;
}

#con #main div.colL li {
	line-height:1.5;
	font-family:KoushikiSans;
	/*cleartype:true;*/
	font-size:16px;
	text-transform:uppercase;
}

#con #main div.colR {
	/*padding-bottom:100px;*/
	float:right;
	width:560px;
}

#con #main div.colR {
	line-height:1;
	font-size:12px;
}

#con #main div.colR p.lead {
	line-height:1.5;
	font-size:12px;
}

#con #main #wrapForm {
	margin-top:24px;
}

#con form.jqtransformdone div.rowElem {
	padding:0;
}

#con #main div.colR span.req {
	color:#9f3333;
}

#con div.mfp_err {
	margin-top:16px;
	margin-bottom:9px;
	float:left;
}

#con div.jqTransformSelectWrapper, #con div.jqTransformInputWrapper, #con table.jqTransformTextarea {
	clear:both;
}

#con form.jqtransformdone label {
	margin-top:16px;
	margin-right:12px;
	margin-bottom:9px;
}

#con div.jqTransformSelectWrapper select {
	width:269px;
}

#con div.jqTransformInputWrapper input {
	width:300px;
	/*added*/
	padding-top:0px;
	display:block;
	line-height:31px;
}

#con div.jqTransformSafari div.jqTransformInputInner div input {
	padding-left:inherit;
	position:inherit;
	top:inherit;
	left:inherit;
	height:inherit;
}

#con table.jqTransformTextarea textarea {
	width:370px;
	height:130px;
}

#con.thanks div.colR p.lead {
	padding-bottom: 200px;
}

/*#con form.jqtransformdone div.rowElem{
	clear:both;
	padding:0;
}

label,div.mfp_err {
	float:left;
}

#con form.jqtransformdone div.jqTransformSelectWrapper,
#con form.jqtransformdone div.jqTransformInputWrapper {
	clear:both;
}*/

#con #main div.colR div.wrapBtn {
	padding-top:48px;
	padding-left:78px;
	padding-bottom:56px;
	height:52px;
}

#con #main div.colR div.btn {
	float:left;
	clear:none;
}

#con #main div.colR div.btn01 {
	margin-right:18px;
}

#con div.btn01 button.jqTransformButton {
	background: url(images/btn-frm-01.png) no-repeat 0 0;
}

#con div.btn02 button.jqTransformButton {
	background: url(images/btn-frm-02.png) no-repeat 0 0;
}

/*#con #wrapForm button.jqTransformButton span,
#con #wrapConfirm button.jqTransformButton span {
	background:none;
	height:42px;
}

#con #wrapForm button.jqTransformButton span span,
#con #wrapConfirm button.jqTransformButton span span {
	width:80px;
	height:34px;
	line-height:26px;
	color:#121212;
	background:none;
	font-size:14px;
}

#con #wrapConfirm {
	display:none;
	padding-bottom:100px;
}

#con #wrapConfirm table {
	margin-top:3em;
}

#con #wrapConfirm th {
	width:10em;
}

#con #wrapConfirm th,
#con #wrapConfirm td {
	font-size:12px;
	line-height:2;
}*/

/*form*/
div.mfp_err {
	color:#9f3333;
}

/* form from mfpcss */
div#mailfrom_hidden_object {
	display:none;
}
input#button_mfp_goconfirm,input#button_mfp_send {
	width: 96px;/*width: 180px;*/
	height: 42px;/*height: 60px;*/
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(images/btn-frm-01.png);
	background-repeat:no-repeat;/*added*/
	border: none;
	border-style: none;
	cursor: pointer;
	color:#121212;
	font-size:14px;
}

input#button_mfp_send { margin-right:18px; }

input#button_mfp_reset,input#button_mfp_back {
	width: 96px;/*width: 180px;*/
	height: 42px;/*height: 60px;*/
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(images/btn-frm-02.png);
	background-repeat:no-repeat;/*added*/
	border: none;
	border-style: none;
	cursor: pointer;
	color:#121212;
	font-size:14px;
}
.reset_over {
	background-image: url(images/btn-frm-02-on.png);
}
.reset_out {
	background-image: url(images/btn-frm-02.png);
}
.confirm_over {
	background-image: url(images/btn-frm-01-on.png);
}
.confirm_out {
	background-image: url(images/btn-frm-01.png);
}

ul.confirm_layer {
	width: 720px;/*width: 720px;*/
	padding: 0px;
	margin: 0px;
}

ul.confirm_layer li {
	width: 720px;/*width: 720px;*/
	list-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

ul.confirm_layer li.confirm_middle {
	background-color:#ffffff;
}

ul.confirm_layer li.confirm_top {
	margin-top:50px;
	padding-top:100px;
	padding-bottom:30px;
	height: 24px;
	background-color:#FFFFFF;
	border-top: 1px solid #dedede;
}

ul.confirm_layer li.confirm_bottom {
	padding:50px 0 100px;
	height: 42px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #dedede;
}

div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

div#disabled_submit input {
	margin: 10px;
}

table.infield {
	width: 480px;/*width: 660px;*/
	margin: 0px auto 0px auto;
}

table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 12px;
	width: 150px;
	color: #232323;
}

table.infield tr td {
	padding: 5px;
}

table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}

div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 100;/* modified / default -> z-index: 1; */
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #cccccc;/* modified / default -> background-color: #000000; */
	font-size: 12px;
	text-align: center;
 _top: expression(  document.documentElement && document.documentElement.scrollTop ||  document.body && body.scrollTop || 0  + 0 + 'px'  );
}

div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 110;
	text-align: center;
	margin: 0px auto 0px auto;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #ffffff;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

img#loading_proccess_image {
	position: absolute;
	z-index: 2000;
}

/*
privacy.html
#pri #main
*/
#pri #main {
	margin-top:50px;
	padding:0 100px 170px;
}

#pri #main h3 {
	line-height:2;
	font-weight:bold;
	font-size:12px;
	letter-spacing:0.1em;
}

#pri #main p, #pri #main ul {
	margin-bottom:1.5em;
}

#pri #main p.last {
	margin-bottom:0;
}

#pri #main p, #pri #main li {
	line-height:1.5;
	font-size:12px;
	letter-spacing:0.1em;
}

#pri #main li {
	padding-left:0.5em;
	list-style: disc inside;
}