@charset "utf-8";

/* ==================================================

フェイス・ワン スタイルシート

================================================== */

/* Win版 IE5.x系列用 */
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */

/* 共通 */
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#646464;
	background-color:#e6e6e6;
}

.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}

.hw {
	font-size:75%;
	line-height:120%;
}

.hw2 {
	font-size:60%;
}

.hw3 {
	font-size:150%;
	color:#ffffff;
}

.ws0 {
	font-size:150%;
	line-height:120%;
}

.ws1 {
	font-size:150%;
	font-weight:bold;
	color:#b80000;
}
.ws2 {
	font-size:120%;
	font-weight:bold;
	color:#3f7d19;
}
.ws3 {
	font-size:120%;
	font-weight:bold;
	color:#b80000;
}

.ws4 {
	font-size:75%;
	color:#cc6666;
}

.ws5 {
	font-size:85%;
}

.ws6 {
	font-size:135%;
	font-weight:bold;
	color:#3f7d19;
	margin-bottom:10px;
}

.ws7 {
	font-size:135%;
	font-weight:bold;
	color:#66cc00;
}

.fs2 {
	font-size:85%;
	line-height:150%;
}

.hani {
	font-size:100%;
	line-height:150%;
}

.pagetop {
	font-size:75%;
	text-align:right;
}

a:link,
a:visited,
a:hover,
a:active {
	color:#005087;
}

br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}

.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}
.seotext {
	width:800px;
	height:30px;
	margin:0 auto;
	text-align:left;
}
.seotext p {
	float:left;
	width:650px;
	padding:12px 0 0;
}
.seotext a {
	float:right;
	width:150px;
	padding:12px 0 0;
	text-align:right;
}
.seotext a:link,
.seotext a:visited {
	color:#ff0000;
}
.seotext a:hover,
.seotext a:active {
	color:#005087;
}
.bk {
	width:830px;
	margin:0 auto;
	background-color:#fff;
}
.main {
	width:800px;
	margin:0 auto;
	text-align:left;
}
.header {
	margin-bottom:10px;
}
.header .logo {
	width:153px;
	float:left;
}
.header .logo img {
	margin-top:5px;
}
.header .logo-r {
	width:140px;
	float:right;
}
.header .logo-r img {
	margin-top:12px;
}

.topmenu {
	border-top:solid 1px #e6e6e6;
}
.pagetitle {
	background:url(../common/title_back.gif) repeat-x;
	height:60px;
}
.pagetitle img {
	float:left;
}
.pagetitle p {
	float:right;
	padding:42px 5px 0 0;
	color:#646464;
}
.pagetitle a {
	color:#646464;
}
.main-left {
	float:left;
	width:180px;
}
.main-left .click_menu {
	margin:15px 0;
}
.main-left .banner {
	margin-bottom:10px;
}
.main-left .banner img {
	margin-bottom:5px;
}
.main-left .banner2 {
	margin-top:10px;
}
.main-left .contact-frame {
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	background:#fafafa;
	padding:8px 15px;
}
.main-left .contact-frame .contact-tel {
	margin:5px 0;
}
.main-left .contact-frame .contact-btn {
	margin-top:5px;
	text-align:center;
}

.main-left .ssl-mark {
	margin-top:10px;
	text-align:center;
}

.main-right {
	float:right;
	width:620px;
}
.main-right-i {
	margin:15px 0 40px 20px;
}

.main-center {
	width:800px;
	margin:0 auto;
	text-align:center;
}
.main-center-i {
	margin:15px 0 40px 20px;
}

.footer-area {
	width:800px;
	margin:0 auto;
	text-align:center;
}
.footer {
	padding:30px 0 10px 0;
	border-bottom:solid 1px #e6e6e6;
}
.footer-area .copyright-area p {
	padding:7px 0;
}
	
/*トップページ*/
#top .top-flash {
	padding-bottom:15px;
}

#top h2 {
	margin-bottom:5px;
}
#top .top-main-area .top-left {
	float:left;
	width:580px;
}
#top .top-main-area .top-right {
	float:right;
	width:200px;
}
#top .whatsnew {
	width:580px;
	padding-bottom:20px;
}
#top .whatsnew th {
	width:90px;
	padding:3px 0;
}
#top .whatsnew th p {
	padding:2px 0 2px 5px;
	margin-left:3px;
	border-left:solid 3px #b4b4b4;
}
#top .whatsnew td {
	width:490px;
	padding:3px 0;
}
#top .whatsnew td p {
	padding:2px 0;
}
#top .service .service-l {
	float:left;
	width:285px;
}
#top .service .service-r {
	float:right;
	width:285px;
}
#top .service .menu {
	padding-bottom:10px;
}
#top .service .line {
	border:solid 1px #d2d2d2;
	padding:1px;
}
#top .service img {
	float:left;
	width:70px;
}
#top .service .menu-r {
	float:right;
	width:200px;
}
#top .service .menu-r p {
	padding-right:5px;
}
#top .service .red p {
	color:#ff0000;
	padding:3px 0;
	font-weight:bold;
}
#top .info {
	background-color:#ebebeb;
	margin-bottom:10px;
}
#top .info .photo {
	padding:10px 10px 5px;
}
#top .info p {
	padding:0 10px 5px;
}
#top .info .red a {
	color:#ff0000;
	text-decoration:none;
}
#top .info a:link,
#top .info a:visited {
	color:#ff0000;
	text-decoration:none;
}
#top .info a:hover,
#top .info a:active {
	color:#ff0000;
	text-decoration:underline;
}

#top .info .detail {
	text-align:right;
	padding-bottom:5px;
}
#top .info .detail img {
	vertical-align:middle;
	padding:1px 3px 0 0;
}
#top .banner img {
	padding-bottom:3px;
}
#top .flash p {
	padding:5px 0;
	color:#b4b4b4;
}
#top .flash a:link,
#top .flash a:visited {
	color:#ff0000;
}
#top .flash a:hover,
#top .flash a:active {
	color:#005087;
}

/*会社概要*/
#company .company-l {
	width:410px;
	float:left;
}
#company .company-r {
	width:180px;
	float:right;
	padding-top:5px;
}
#company .company-f {
	width:590px;
	float:left;
}
#company table {
	width:410px;
}
#company th {
	width:110px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#company th p {
	padding:2px 0 2px 5px;
	margin-left:3px;
	border-left:solid 3px #b4b4b4;
}
#company td {
	width:300px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#company td p {
	padding:2px 0;
}
#company .company-f table {
	width:590px;
}
#company .company-f th {
	width:110px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#company .company-f th p {
	padding:2px 0 2px 5px;
	margin-left:3px;
	border-left:solid 3px #b4b4b4;
}
#company .company-f td {
	width:480px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#company .company-f td p {
	padding:2px 0;
}

/*企業理念*/

#concept h2 {
	padding-bottom:10px;
}
#concept .concept-top {
	padding-bottom:500px;
}
#concept .concept-top .photo-l {
	float:left;
	width:120px;
}
#concept .concept-top .photo-r {
	float:right;
	width:470px;
}
#concept .concept-top .photo-r p.next {
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:solid 1px #dcdcdc;
}
#concept .concept-top .photo-r img {
	margin:10px 0;
}
#concept .concept-top .photo-r .name {
	text-align:right;
	padding:7px 15px 0 0;
}

/*事業案内*/

#work h2.next {
	padding-top:40px;
}
#work .work-top {
	padding-top:10px;
}
#work .work-top .photo-l {
	float:left;
	width:180px;
}
#work .work-top .photo-r {
	float:right;
	width:410px;
}
#work .work-top .photo-r p {
	padding:5px 0;
}
#work .work-top table {
	width:600px;
}
#work .work-top th {
	width:210px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#work .work-top th.top {
	width:210px;
	padding:4px 0;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}
#work .work-top th p {
	padding:2px 0 2px 5px;
	margin-left:3px;
	border-left:solid 3px #f0000c;
	color:#f0000c;
	font-weight:bold;
}
#work .work-top td {
	width:390px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#work .work-top td.top{
	width:390px;
	padding:4px 0;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}
#work .work-top td p {
	padding:2px 0;
}
#work .advantage {
	padding:15px 0;
	text-align:center;
}
#work .step table {
	width:600px;
}
#work .step th {
	width:180px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#work .step th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
	border-left:solid 3px #b4b4b4;
}
#work .step td {
	width:420px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#work .step td p {
	padding:2px 0;
}
#work .backup {
	text-align:center;
	padding:15px 0 20px;
}
#work .partner table {
	width:600px;
}
#work .partner th {
	width:250px;
	text-align:center;
	vertical-align:middle;
	padding:15px 0;
	border-bottom:solid 1px #dcdcdc;
}
#work .partner th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
	border-left:solid 3px #b4b4b4;
}
#work .partner td {
	width:350px;
	padding:15px 0;
	border-bottom:solid 1px #dcdcdc;
}
#work .partner td p {
	padding:2px 0;
}
#work .hardware table {
	width:600px;
}
#work .hardware th {
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
	line-height:150%;
}
#work .hardware th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
}
#work .hardware td {
	padding:15px 0;
}
#work .hardware td p {
	padding:2px 0;
}

#work .hardware td ul {
	list-style-type:disc;
}

#work .lineup table {
	width:600px;
}
#work .lineup th {
	width:300px;
	vertical-align:middle;
	padding:5px 0;
}
#work .lineup th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
}
#work .lineup td {
	padding:5px 0;
}
#work .lineup td p {
	padding:2px 0;
}

#work .products table {
	width:600px;
}
#work .products th {
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
}
#work .products th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
}
#work .products td {
	padding:5px 0;
	line-height:150%;
}
#work .products td p {
	padding:2px 0;
}

#work .webshop-top {
	padding-top:30px;
}
#work .webshop-top table {
}

#work .webshop-top th {
	width:300px;
	text-align:center;
	padding:10px;
}
#work .webshop-top td {
	width:280px;
	text-align:center;
	padding:10px;
}
#work .webshop-top td p {
	padding:2px 0;
}
.waku1 {
	border-style:solid;
	border-color:#3f7d19;
	border-width:1px;
}
.waku2 {
	border-style:solid;
	border-color:#cc0033;
	border-width:1px;
}
.waku3 {
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}

#work .webshop-2nd {
	padding-top:30px;
}

#work .webshop-2nd table {
	border-collapse:separate;
	border-spacing:5px;
}

#work .webshop-2nd th {
	width:130px;
	vertical-align:middle;
	text-align:center;
	font-weight:#bold;
	padding:5px;
}
#work .webshop-2nd td {
	width:480px;
	vertical-align:middle;
	text-align:left;
	padding:5px;
}
#work .webshop-2nd td p {
	padding:2px 0;
}

#work .jigyou-top {
	padding-top:10px;
}

#work .jigyou-top td {
	padding:10px;
}

#work .jigyou-top td p {
	padding:10px 0;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}

#work .f1ssl {
	padding-top:10px;
}
#work .f1ssl table {
	width:600px;
}
#work .f1ssl th {
	width:65px;
	padding:10px ;
	text-align:center;
}

#work .catalogue {
	padding-top:20px;
}

#work .catalogue table {
	width:600px;
}

#work .catalogue th {
	width:130px;
	padding:10px 5px;
	text-align:center;
}

#work .catalogue td {
	padding:10px;
}

#work .check p {
	padding:10px 0 20px;
	border-bottom:solid 1px #dcdcdc;
}

#work .button p {
	padding:10px 0 20px;
}

#work .green-top p {
	padding:10px 5px 10px;
}

#work .green-2nd p {
	padding:10px 5px 10px;
}

#work .green-2nd table th {
	padding:10px 0px;
}

#work .green-2nd table td {
	padding:10px 0px 0px 10px;
}


/*アクセス*/

#access h2 {
	padding-bottom:5px;
}
#access h2.next {
	padding-top:30px;
}
#access .map table {
	width:600px;
}
#access .map th {
	width:70px;
	padding:4px 0;
}
#access .map th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
	border-left:solid 3px #b4b4b4;
}
#access .map td {
	width:530px;
	padding:4px 0;
}
#access .map td p {
	padding:2px 0;
}
#access .access p {
	padding-bottom:20px;
}

/*採用情報*/

#recruit h2.next {
	padding-top:40px;
}
#recruit .recruit-top {
	padding-top:10px;
}
#recruit .recruit-top .photo-l {
	float:left;
	width:180px;
}
#recruit .recruit-top .photo-l img {
	padding-bottom:15px;
}
#recruit .recruit-top .photo-r {
	float:right;
	width:410px;
}
#recruit .recruit-top .photo-r p {
	padding:5px 0 15px;
}
#recruit .applicants {
	padding-bottom:30px;
}
#recruit .applicants table {
	width:600px;
}
#recruit .applicants th {
	width:100px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#recruit .applicants th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
	border-left:solid 3px #b4b4b4;
}
#recruit .applicants td {
	width:500px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#recruit .applicants td p {
	padding:2px 0;
}

/* スタッフの声 */
#staff h2 {
	margin-bottom:7px;
}
#staff h3 {
	padding-bottom:3px;
	border-bottom:solid 1px #e6e6e6;
	margin-bottom:5px;
}
#staff h3.next {
	padding-top:30px;
}
#staff h3 p {
	border-left:solid 3px #f0000c;
	padding:3px 0 3px 7px;
	font-weight:bold;
}
#staff .staff-l {
	width:120px;
	float:left;
}
#staff .staff-r {
	width:470px;
	float:right;
}
#staff .staff-r dt {
	color:#f0000c;
	font-weight:bold;
	margin-bottom:1px;
}
#staff .staff-r dd {
	padding-bottom:5px;
	border-bottom:solid 1px #e6e6e6;
	margin-bottom:5px;
}
#staff .staff-r dd.last {
	padding-bottom:5px;
	border-bottom:none;
	margin-bottom:10px;
}
#staff .schedule {
	border:solid 1px #dcdcdc;
	background:#fafafa;
	padding:8px 15px;
}
#staff .schedule h4 img {
	vertical-align:middle;
	margin-right:5px;
}
#staff .schedule h4 {
	font-weight:bold;
}
#staff .schedule table {
	width:568px;
}
#staff .schedule th {
	width:70px;
	padding:4px 0;
	border-top:solid 1px #dcdcdc;
}
#staff .schedule th p {
	padding:2px 0 2px 5px;
	margin-left:3px;
	border-left:solid 3px #b4b4b4;
}
#staff .schedule td {
	width:498px;
	padding:4px 0;
	border-top:solid 1px #dcdcdc;
}
#staff .schedule td p {
	padding:2px 0;
}

/* お問い合わせ */
#contact .check p {
	padding:10px 0 20px;
	border-bottom:solid 1px #dcdcdc;
}
#contact .button p {
	padding:10px 0 20px;
}

/* フォームページ */
#form-page h2.top {
	margin-bottom:7px;
}
#form-page h2.next {
	padding-top:0px;
}
#form-page .top-copy {
	margin-bottom:5px;
}
#form-page .top-info {
	margin-bottom:3px;
}
#form-page .top-info2 {
	color:#ff0000;
	margin-bottom:3px;
}
#form-page .tel {
	margin:10px 0 30px 0;
}
#form-page table {
	width:570px;
	margin-bottom:15px;
}
#form-page table th {
	width:140px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#form-page table td {
	width:430px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#form-page table th div {
	padding:3px 0 3px 5px;
	margin-left:3px;
	border-left:solid 3px #b4b4b4;
}
#form-page table td div {
	padding:3px 0;
}
#form-page table td .add-info {
	padding-left:5px;
}
#form-page .require {
	color:#ff0000;
	padding-left:5px;
}
#form-page .require-mark {
	color:#ff0000;
}
#form-page form {
	margin-bottom:25px;
}
#form-page .last-info {
	text-align:center;
	margin:50px 0 250px 0;
}

#form-page .regi {
	padding-top:5px 0px 0px;
}
#form-page .regi table {
	width:600px;
	margin-bottom:0px;
}
#form-page .regi th {
	width:80px;
	text-align:center;
	border-bottom:solid 0px #dcdcdc;
}
#form-page .regi td {
	width:520px;
	border-bottom:solid 0px #dcdcdc;
}

#form-page .regi form {
	margin-bottom:15px;
}

/* 個人情報の取扱いについて */

#privacy h2 {
	padding-bottom:5px;
}
#privacy h2.next {
	padding-top:40px;
}
#privacy .policy {
	padding-bottom:10px;
}
#privacy .policy table {
	width:600px;
}
#privacy .policy th {
	width:20px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#privacy .policy th p {
	padding:2px 0;
	margin-left:5px;
}
#privacy .policy td {
	width:580px;
	padding:4px 0;
	border-bottom:solid 1px #dcdcdc;
}
#privacy .policy td p {
	padding:2px 0;
}

#privacy .ssl {
	padding-bottom:10px;
}
#privacy .ssl table {
	width:600px;
}
#privacy .ssl th {
	width:65px;
	padding:10px ;
	text-align:center;
}
#privacy .ssl td p {
	padding:5px 0;
}

#privacy .contact p {
	padding-bottom:0px;
}
/* メンバーページ */

#members .members {
	padding:10px 0px;
}
#members .members table {
	width:600px;
	padding:5px 0px;
}
#members .members th {
	width:200px;
	padding:10px 10px;
}
#members .members td {
	width:400px;
	padding:10px 10px;
	text-align:center;
	text-decoration:nine;
}

#members .info {
	padding:10px 0px;
}
#members .info table {
	width:600px;
	padding:5px 0px;
}
#members .info th {
	padding:10px 0px;
	line-height:130%;
}
#members .info td {
	padding:10px 0px;
	vertical-align:middle;
}

#members .info2 {
	padding:10px 0px;
}
#members .info2 table {
	width:600px;
	padding:5px 0px;
}
#members .info2 th {
	text-align:center;
	padding:10px 10px;
}
#members .info2 td {
	padding:10px 0px;
	text-align:left;
	vertical-align:middle;
}

/* サイトマップ */

#sitemap .sitemap-top {
	padding-top:10px;
}
#sitemap .sitemap table {
	width:600px;
}

#sitemap .sitemap th {
	width:15px;
	text-align:center;
	vertical-align:middle;
	padding:2px 0;
}
#sitemap .sitemap th p {
	padding:2px 0 2px 5px;
	margin-left:5px;
}
#sitemap .sitemap td {
	vertical-align:middle;
	padding:2px 0px;
}
#sitemap .sitemap td p {
	padding:2px 2px;
}

/* 写真日記 */

#photodiary .diary-top {
	padding-top:10px;
}

#photodiary .diary-top table {
	width:600px;
	margin-bottom:15px;
	border-bottom:solid 1px #dcdcdc;
}

#photodiary .diary-top td {
	width:200px;
	padding:10px;
}

#photodiary .diary-top td p {
	padding:10px;
	text-align:center;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}