@charset "UTF-8";

/*
 * base
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
article, aside, dialog, figure, figcaption, footer, header,
hgroup, nav, section { 
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
object,
iframe,
img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	font-size:100%;
}
input,
select {
	vertical-align:middle;
}

/* clearfix */
header:after,
footer:after,
hgroup:after,
article:after,
section:after,
div:after,
nav:after,
aside:after,
form:after,
ul:after,
li:after {
	display:block;
	clear:both;
	content:"";
}
header,
footer,
hgroup,
article,
section,
div,
nav,
aside,
form,
ul {
	/zoom:1; /* IE6,IE7 */
}

/* style */
body {
	border-top:#A5E2FF 5px solid;
	background:#FFFFFF;
	word-break:break-all;
	color:#666666;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
img {
	border:none;
	vertical-align:middle;
}

/*
 * common
 */
footer.common {
	font-size:small;
}
footer.common a {
	text-decoration:none;
}
footer.common a:hover {
	text-decoration:underline;
}
footer.common ul {
	list-style:none;
}
div.common-guide {
	border-top:#D9D9D9 1px solid;
	border-bottom:#EFEFEF 1px solid;
	background:#EFEFEF;
}
div.common-guide ul {
	margin:8px auto;
	width:900px;
}
div.common-guide ul li {
	float:left;
	padding:0 8px;
	color:#0099CC;
}
div.common-guide ul li a {
	color:#0099CC;
}
div.common-guide ul li + li {
	border-left:#0099CC 1px solid;
}
div.common-information {
	border-top:#E9F2F7 1px solid;
	border-bottom:#80D6FF 1px solid;
	background:#80D6FF url("/img/common/information-background.png") left top repeat-x;
}
div.common-information ul {
	margin:8px auto;
	border-left:#4CC5FF 2px solid;
	width:900px;
}
div.common-information ul li {
	margin:0 5px;
}
div.common-information ul li a {
	color:#006699;
}
div.common-information p {
	margin:8px auto;
	width:900px;
	color:#FFFFFF;
	font-size:small;
	font-weight:bold;
	font-family:"Meiryo","メイリオ",sans-serif;
}

/*
 * nav
 */
nav.primary {
	border-top:#FAFAFA 1px solid;
	width:900px;
}
nav.primary ul {
	list-style:none;
}
nav.primary ul li {
	float:left;
	width:150px;
	height:40px;
	overflow:hidden;
}
nav.primary ul li a {
	display:block;
	background-image:url("/img/nav-primary.png");
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-9999em;
}
nav.primary ul li a.active {
	opacity:0.8;
	filter:alpha(opacity=80);
	cursor:default;
}
	li#primary-home a {
		background-position:0px 0px;
	}
	li#primary-home a:hover,
	li#primary-home a.active {
		background-position:0px -40px;
	}
	li#primary-service a {
		background-position:-150px 0px;
	}
	li#primary-service a:hover,
	li#primary-service a.active {
		background-position:-150px -40px;
	}
	li#primary-philosophy a {
		background-position:-300px 0px;
	}
	li#primary-philosophy a:hover,
	li#primary-philosophy a.active {
		background-position:-300px -40px;
	}
	li#primary-company a {
		background-position:-450px 0px;
	}
	li#primary-company a:hover,
	li#primary-company a.active {
		background-position:-450px -40px;
	}
	li#primary-recruit a {
		background-position:-600px 0px;
	}
	li#primary-recruit a:hover,
	li#primary-recruit a.active {
		background-position:-600px -40px;
	}
	li#primary-contact a {
		background-position:-750px 0px;
	}
	li#primary-contact a:hover,
	li#primary-contact a.active {
		background-position:-750px -40px;
	}

/*
 * aside
 */
aside.unit {
	float:right;
	padding:15px 15px 15px 0;
	width:235px;
	font-size:small;
}
aside.unit ul {
	list-style:none;
}
ul#unit-package li {
}
.unit-group {
	margin:10px 0;
	border:#ECECEC 5px solid;
}
div#unit-contact {
	display:block;
	text-align:center;
}
div#unit-contact h3 {
}
div#unit-contact p {
	margin:10px;
}
div#unit-contact ul {
	margin:10px 5px;
}
div#unit-security {
	margin:10px 0;
	line-height:1.41;
	font-size:x-small;
}
div#unit-security img {
	float:right;
	margin:0 0 0 10px;
}

/*
 * contents
 */
header#contents-lead {
	background:transparent url("/img/contents/lead-background.png") center bottom no-repeat;
}
header#contents-lead div {
	margin:0 auto;
	width:900px;
}
header#contents-lead h1 {
	margin:10px 5px;
}
div.contents-wraps {
	background:transparent url("/img/contents/wraps-background.png") center top no-repeat;
}
div.contents-wrap {
	margin:0 auto;
	width:900px;
}
article#content {
	float:left;
	width:650px;
}
article#content div.next,
p.next {
	margin:15px;
	text-align:right;
}
article#content div.focus {
	margin:15px;
	text-align:center;
}
article#content div.upper {
	margin:15px;
	text-align:right;
}
article#content hgroup {
	margin:15px;
}
article#content hgroup h1 {
	border-bottom:#CCCCCC 1px dotted;
	color:#336699;
	font-size:medium;
	font-family:"Meiryo","メイリオ",sans-serif;
}
article#content hgroup h2 {
	margin:10px 0 0 0;
}
article#content footer {
	margin:15px;
	border:#E4E4E4 1px solid;
	padding:15px;
	font-size:small;
	line-height:1.41;
}
article#content footer address {
	font-style:normal;
}
article#content section {
	margin:15px;
	line-height:1.41;
}
article#content section h2 {
	background:transparent url("/img/contents/headline2.png") left bottom no-repeat;
	padding:5px 10px;
	letter-spacing:0.1em;
	color:#444444;
	font-size:large;
	font-family:"Meiryo","メイリオ",sans-serif;
	font-weight:normal;
}
article#content section h2 {
	background:transparent url("/img/contents/headline2.png") left bottom no-repeat;
	padding:5px 10px;
	letter-spacing:0.1em;
	font-size:large;
	font-family:"Meiryo","メイリオ",sans-serif;
	font-weight:normal;
}
article#content section p,
article#content section ul,
article#content section ol {
	margin:1em 0;
}
article#content section ul li,
article#content section ol li {
	margin:0 0 0 25px;
}
article#content section dl {
	margin:1em 0;
}
article#content section dl dd {
	margin:0 0 0 25px;
}
article#content form {
	margin:15px;
	font-size:small;
	line-height:1.41;
}
/* service */
article.service {
}
article.service section {
	margin:15px;
	font-size:small;
	line-height:1.41;
}
article.service section img.service-display {
	float:left;
	margin:10px 0;
}
article.service section div.service-body {
	float:right;
	width:400px;
}
article.service section div.service-body h3 {
	margin:15px 0;
}
article.service section div.service-body h4 {
	margin:10px 0;
	color:#000066;
	font-size:medium;
}
article.service section div.service-body ul {
	list-style:none;
}
article.service section div.service-body ul li {
	margin:0 !important;
}
	li.link-next {
		float:left;
	}
	li.link-next a {
		background:transparent url("/img/contents/service/link-next.png") left center no-repeat;
		padding:0 0 0 10px;
	}
	li.link-contact {
		float:right;
	}
/* philosophy */
article.philosophy {
}
article.philosophy section {
	margin:15px;
	font-size:small;
	line-height:1.41;
}
article.philosophy section.philosophy {
}
article.philosophy section.philosophy h3 {
	margin:1em 0 0 0;
	color:#000066;
}
article.philosophy section.philosophy p {
	margin:5px 0 !important;
}
article.philosophy section.policy {
}
article.philosophy section.policy h3 {
	color:#0066CC;
	font-size:medium;
}
article.philosophy section.policy p {
	margin:0 !important;
}
/* company */
article.company {
}
article.company section {
	margin:15px;
	font-size:small;
	line-height:1.41;
}
article.company section {
}
article.company section table {
	width:100%;
	font-size:small;
}
article.company section table th,
article.company section table td {
	border:#E4E4E4 1px solid;
	padding:10px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
article.company section table th {
	background:#F2F2F2;
	white-space:nowrap;
}
article.company section table td a {
	color:#0099CC;
}
article.company section table td * + div {
	margin:5px 0 0 0;
}
article.company section table td ul,
article.company section table td ol {
	margin:0 !important;
}
article.company section table td dl dt {
	float:left;
}
	dl.board dt {
		width:8em;
	}
	dl.contact dt {
		width:3em;
	}
article.company section table td dl dd:before {
	padding:0 0.5em 0 0;
	content:":";
}
/* access */
article.access {
}
/* contact */
article.contact {
}
article.contact section {
	margin:25px 15px 15px 15px;
	font-size:large;
}
article.contact section.message {
	border:#E4E4E4 1px solid;
	font-size:medium !important;
}
article.contact section.message div,
article.contact section.message p,
article.contact section.message ul,
article.contact section.message ol {
	margin:15px !important;
}
article.contact section.message ul li,
article.contact section.message ol li {
	margin:5px 25px;
}
article.contact form.contact {
	padding:0 0 15px 0;
}
article.contact form.contact small {
	color:#FF6633;
}
article.contact form.contact table {
	margin:15px 0;
	width:100%;
}
article.contact form.contact table th,
article.contact form.contact table td {
	padding:10px 0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
article.contact form.contact table th {
	width:150px;
	white-space:nowrap;
}
article.contact form.contact table th small {
	float:right;
}
article.contact form.contact table th label {
	float:left;
}
article.contact form.contact table th label.point {
	border-left:#99CCFF 3px solid;
	padding:0 0 0 7px;
}
article.contact form.contact table th label.option {
	border-left:#FFFFFF 3px solid;
	padding:0 0 0 7px;
}
article.contact form.contact table tr.odd th,
article.contact form.contact table tr.odd td {
	background:#FFFFFF;
}
article.contact form.contact table tr.even th,
article.contact form.contact table tr.even td {
	background:#F3F3F3;
}
article.contact form.contact iframe {
	border:#E4E4E4 1px solid;
	width:420px;
}
/* recruit */
article#recruit {
	padding:1px 0 100px 0;
}
article#recruit a {
	text-decoration:underline;
	color:#0099CC;
}
article#recruit a:hover {
	color:#D985A1;
}
article#recruit h3 {
	border-bottom:#EEEEEE 1px solid;
	background:transparent url("/img/contents/recruit/marker1.png") left center no-repeat;
	padding:5px 15px;
	color:#32AAD3;
	font-size:medium;
	font-weight:normal;
}
article#recruit header {
	margin:15px;
}
article#recruit header h1 {
	font-size:small;
	color:#777777;
	font-family:"Meiryo","メイリオ",sans-serif;
}
article#recruit header h2 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}
article#recruit div.body {
	margin:auto;
	width:720px;
}
article#recruit div.body h2 {
	color:#D985A1;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}
article#recruit div.body h2 time {
	float:right;
}
article#recruit div.body nav {
	font-size:90%;
}
article#recruit div.body nav ul {
	font-weight:bold;
	list-style:none;
}
article#recruit div.body nav ul li {
	margin:15px;
	border-radius:5px;
}
article#recruit div.body nav ul li a {
	display:block;
	border:#EEEEEE 1px solid;
	border-radius:2px;
	background: #FFFFFF;
	background: linear-gradient(top, #FFFFFF, #A5E2FF);
		background: -webkit-linear-gradient(top, #FFFFFF, #A5E2FF);
		background: -moz-linear-gradient(top, #FFFFFF, #A5E2FF);
		background: -o-linear-gradient(top, #FFFFFF, #A5E2FF);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#A5E2FF)";
	padding:10px 16px;
}
article#recruit div.body nav ul li a:hover {
	border:#D985A1 1px solid;
	border-radius:2px;
	background: #FFFFFF;
	background: linear-gradient(top, #FFFFFF, #F4DAE3);
		background: -webkit-linear-gradient(top, #FFFFFF, #F4DAE3);
		background: -moz-linear-gradient(top, #FFFFFF, #F4DAE3);
		background: -o-linear-gradient(top, #FFFFFF, #F4DAE3);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#F4DAE3)";
}
article#recruit div.body section {
	font-size:90%;
}
article#recruit div.body section em {
	color:#D985A1;
	font-style:normal;
}
article#recruit div.body section h4 {
	margin:1em 0.5em 0.5em 15px;
}
article#recruit div.body section p,
article#recruit div.body section ul,
article#recruit div.body section ol {
	margin:0.5em 15px;
	line-height:1.41;
}
article#recruit div.body section ul li,
article#recruit div.body section ol li {
	margin:0 0 0 25px;
}
article.offers {
}
article.offers section {
	margin:25px 15px;
}
article.offers section.catch {
	margin:auto;
	width:720px;
	text-align:center;
}
article.offers section.catch div {
	margin:25px 0;
}
article.offers nav {
	margin:25px 15px;
}
article.job {
}
article.job h2 {
	border-bottom:#EEEEEE 1px solid;
	padding:0 0 5px 0;
	color:#32AAD3;
	font-size:x-large;
}
article.job div.content {
	float:left;
	width:460px;
}
article.job div.content section {
	margin:25px 0;
}
article.job figure {
	float:right;
	margin:25px 0;
	width:240px;
}
article.job figure figcaption {
	text-align:center;
	font-size:xx-small;
}
article.job figure img {
	display:block;
	margin:0 0 10px 0;
}
article.job figure figcaption {
	text-align:center;
	font-size:xx-small;
}
article.job figure img {
	display:block;
	margin:0 0 10px 0;
}
article.entry {
}
article.entry form {
	float:left;
	margin:15px;
	width:500px;
	line-height:1.41;
}
article.entry form input {
	font-size:large;
}
article.entry form input[type="text"],
article.entry form input[type="email"],
article.entry form input[type="url"] {
	width:100%;
}
article.entry form input#Twitter {
	width:10em;
}
article.entry form input#Age {
	width:3em;
	text-align:right;
}
article.entry form textarea {
	width:100%;
}
article.entry form fieldset {
	margin:15px 0;
}
article.entry form fieldset div {
	margin:5px 0;
}
article.entry form fieldset p {
	margin:5px 0;
	font-size:small;
}
article.entry form > div {
	border-top:#E4E4E4 1px solid;
	padding:15px;
	font-size:small;
}
article.entry aside {
	float:right;
	margin:15px 15px 15px 0;
	border-radius:5px;
	background:#F1F1F1;
	width:300px;
}
article.entry aside p {
	margin:10px 0;
}
article.entry aside iframe {
	display:block;
	margin:10px;
	width:280px;
	height:400px;
}


/*
 * home
 */
header.home {
	background:transparent url("/img/home/header-background.png") left 60px repeat-x;
}
header.home div {
	position:relative;
	margin:0 auto;
	background:transparent url("/img/home/header-value.png") 30px 100px no-repeat;
	width:900px;
	height:415px;
}
header.home div h1 {
	position:absolute;
	top:5px;
	left:10px;
	background:transparent url("/img/logo-corporate.png") left top no-repeat;
	width:170px;
	height:44px;
	overflow:hidden;
	text-indent:-9999em;
}
header.home div h2,
header.home div p {
	display:none;
}
header.home div img#header-mobile {
	position:absolute;
	right:70px;
	bottom:0;
}
div.home-body {
	margin:0 auto;
	background:transparent url("/img/home/body-background.png") center top no-repeat;
	padding:0 10px;
	width:900px;
}
div.home-body-contents {
	float:left;
	padding:15px;
	width:620px;
	overflow:hidden;
}
figure#home-news {
	position:relative;
	background:transparent url("/img/home/news-dot.png") center bottom repeat-x;
	padding:0 0 5px 0;
	width:620px;
	font-size:small;
}
figure#home-news figcaption {
	background:transparent url("/img/home/news-dot.png") center bottom repeat-x;
	padding:0 0 15px 0;
	width:100%;
}
figure#home-news ul {
	position:absolute;
	top:0;
	right:0;
	width:510px;
	list-style:none;
	text-align:right;
}
figure#home-news ul li {
	padding:0 0 0 10px;
}
	li#home-news-backnumber {
		float:left;
	}
	li#home-news-rss {
		float:right;
	}
	li#home-news-twitter {
		float:right;
	}
	li#home-news-facebook {
		float:right;
	}
	li#home-news-mixi {
		float:right;
	}
figure#home-news table {
	clear:both;
	margin:5px 0;
	width:100%;
}
figure#home-news table tbody th,
figure#home-news table tbody td {
	vertical-align:middle;
}
figure#home-news table tbody th {
	padding:5px 5px 5px 0;
	text-align:center;
	white-space:nowrap;
	font-size:x-small;
	font-family:monospace;
	font-weight:normal;
}
figure#home-news table tbody th span.category {
	display:block;
	padding:2px 5px;
	background:#55C8FF url("/img/home/news-category.png") left top repeat-x;
	color:#FFFFFF;
	font-family:"Meiryo","メイリオ",sans-serif;
}
figure#home-news table tbody td {
	padding:5px 5px 5px 10px;
	background:transparent url("/img/home/news-arrow.png") left center no-repeat;
}
figure#home-news table tbody td a {
	color:#444444;
}
section#home-cms {
	margin:15px 0;
}
section#home-cms table {
	width:100%;
	font-size:70%;
	font-family:"Meiryo","メイリオ",sans-serif;
}
section#home-cms table colgroup.title {
}
section#home-cms table colgroup.movie {
	padding:30px 0 30px 30px;
}
section#home-cms table colgroup.qr {
	padding:30px 0 30px 30px;
}
section#home-cms table th,
section#home-cms table td {
	text-align:center;
	vertical-align:middle;
}