@charset "utf-8";

/************************************************************
*															*
*				　　ビジエネ名刺発注サービス　				*
*															*
*						スタイルシート						*
*															*
*															*
*	<INDEX>													*
*	@010		グローバル									*
*	@020		バックグラウンド							*
*	@030		パーツ										*
*	@040		ボタン										*
*	@050		スクロール									*
*	@060		カルーセルの背景画像						*
*															*
************************************************************/


/************************************************************
*	@010		グローバル									*
************************************************************/

object,embed {
	outline: none;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #F00;
}

a:visited {
	text-decoration: none;
}

h1,h2,h3 {
	margin: 0px;
	padding: 0px;
	font-size: 0%;
	line-height: 0%;
}

p,ul,ol,dl {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align: middle;
}

/* 特に大きい文字 */
.mostLarge {
	font-size: 21px;
}

/* 特に大きい文字 */
.extraLarge {
	font-size: 19px;
}

/* さらに大きい文字 */
.moreLarge {
	font-size: 17px;
}

/* 大きい文字 */
.large {
	font-size: 15px;
}

/* 14ピクセルの文字 */
.fs14 {
	font-size: 14px;
}

/* 13ピクセルの文字 */
.fs13 {
	font-size: 13px;
}

/* 12ピクセルの文字 */
.fs12 {
	font-size: 12px;
}

/* 11ピクセルの文字 */
.fs11 {
	font-size: 11px;
}

/* 小さい文字 */
.small {
	font-size: 11px;
}

/* 銀字 */
.silver {
	color: silver;
}

/* 赤字 */
.red {
	color: red;
}

/* 青字 */
.blue {
	color: blue;
}

/* 緑字 */
.green {
	color: green;
}

/* ピンク字 */
.pink {
	color: pink;
}

/* ライトピンク字 */
.lightpink {
	color: lightpink;
}

/* 菫字 */
.violet {
	color: violet;
}

/* 紫字 */
.purple {
	color: #96C;
}

/* 黄字 */
.yellow {
	color: yellow;
}

/* 灰字 */
.gray {
	color: gray;
}

/* 白字 */
.white {
	color: white;
}

/* オレン字 */
.orange {
	color: orange;
}

/* 金字 */
.gold {
	color: gold;
}

/* アキノキリンソウ字 */
.goldenrod {
	color: goldenrod;
}

/* トマト字 */
.tomato {
	color: tomato;
}

/* 茶字 */
.brown {
	color: brown;
}

/* 黒字 */
.black {
	color: black;
}

/* ライムグリーン字 */
.limegreen {
	color: limegreen;
}

/* ドジャーブルー字 */
.dodgerblue {
	color: dodgerblue;
}

/* ディープスカイブルー字 */
.deepskyblue {
	color: deepskyblue;
}

/* 太字 */
.bold {
	font-weight: bold;
}

/* 普通の太さ */
.normal {
	font-weight: normal;
}

/* 下線 */
.underline {
	text-decoration: underline;
}

/* センタリング */
.center {
	text-align: center;
}

/* 左寄せ */
.fL {
	float: left;
}

/* 右寄せ */
.fR {
	float: right;
}

/* 文字右寄せ */
.right {
	text-align: right;
}

/* 横幅いっぱい */
.w100p {
	width: 100%;
}

/* 文字高100%に */
.lh100p {
	line-height: 100%;
}

/* 文字高さを120%に */
.lh120p {
	line-height: 120%;
}

/* 相対座標系に */
.por {
	position: relative;
}

/* 絶対座標系に */
.poa {
	position: absolute;
}

/* リンク書式解除 */
.nolink a {
	color: #777;
	text-decoration: none;
	cursor: default;
}

/* カーソルをポインタに */
.pointer {
	cursor: default;
}

/* 先頭１文字上げる */
.up {
	padding-left: 1em;
	text-indent: -1em;
}

/* 回りこみ解除 */
.clear {
	clear: both;
}

/* 非表示に */
.dnone {
	display: none;
}

/* リストスタイル無しに */
.lstn {
	list-style-type: none;
}

/* 文字の囲み */
.enclose {
	border-width: 1px;
	border-style: solid;
}

/* ボーダーなし */
.bnone {
	border: none;
}

/* マージンオート */
.mA {
	margin: auto;
}

/* マージントップ */
.mt2 {
	margin-top: 2px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt12 {
	margin-top: 12px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

/* マージンボトム */
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

/* ボタン（丸に矢印） */
.arrow1 a {
	float: left;
	height: 13px;
	line-height: 100%;
	padding-left: 15px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow1.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: #F99;*/
}

.arrow1 a:hover {
	background-position: 0px -13px;
	color: #FB0;
	text-decoration: none;
}

.arrow1 a:active {
	background-position: 0px -26px;
	color: #F00;
}

/* ボタン（右上矢印） */
.arrow2 {
	float: right;
	width: 46px;
	height: 11px;
	line-height: 100%;
	vertical-align: bottom;
	background-image: url('../images/common/arrow2.png');
	background-repeat: no-repeat;
	background-position: right center;
	/*background: #F99;*/
}

/* ボタン（丸縁に矢印） */
.arrow3 a {
	float: left;
	height: 13px;
	line-height: 100%;
	padding-left: 15px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow3.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: #F99;*/
}

.arrow3 a:hover {
	background-position: 0px -13px;
	color: #FB0;
	text-decoration: none;
}

.arrow3 a:active {
	background-position: 0px -26px;
	color: #F00;
}

.arrow3Selected {
	float: left;
	height: 13px;
	line-height: 100%;
	padding-left: 15px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow3.png');
	background-repeat: no-repeat;
	background-position: 0px -39px;
	/*background: #99F;*/
}

/* ボタン（四角に矢印） */
.arrow4 a {
	float: left;
	height: 13px;
	line-height: 100%;
	padding-left: 15px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow4.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: #F99;*/
}

.arrow4 a:hover {
	background-position: 0px -13px;
	color: #FB0;
	text-decoration: none;
}

.arrow4 a:active {
	background-position: 0px -26px;
	color: #F00;
}

/* ボタン（八角に矢印） */
.arrow5 a {
	float: left;
	height: 13px;
	line-height: 100%;
	padding-left: 15px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow5.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: #F99;*/
}

.arrow5 a:hover {
	background-position: 0px -13px;
	color: #FB0;
	text-decoration: none;
}

.arrow5 a:active {
	background-position: 0px -26px;
	color: #F00;
}

/* ボタン（格子の矢印） */
.arrow6 {
	float: left;
	height: 15px;
	line-height: 100%;
	padding-left: 18px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow6.png');
	background-repeat: no-repeat;
	/*background: #F99;*/
}

/* 緑の矢印 */
.arrow7 {
	float: left;
	height: 14px;
	line-height: 100%;
	padding-left: 15px;
	vertical-align: bottom;
	background-image: url('../images/common/arrow7.png');
	background-repeat: no-repeat;
	/*background: #F99;*/
}

/* ベージュエンピツの下線 */
.beigeline {
	line-height: 15px;
	background-image: url('../images/common/beigeline.gif');
	background-position: top left;
	background-repeat: repeat;
}

/* 赤エンピツの下線 */
.redline {
	line-height: 24px;
	background-image: url('../images/common/redline.gif');
	background-position: top left;
	background-repeat: repeat;
}

/* 黒エンピツの下線 */
.blackline {
	line-height: 13px;
	background-image: url('../images/common/blackline.gif');
	background-position: top left;
	background-repeat: repeat;
}

/* ○囲み */
.cirEnclose {
	width: 16px;
    height: 16px;
    font-weight: bold;
    padding-left: 2px;
    border: 1px #00B4FF solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

/* 角丸文字 */
.rdCnr {
    font-weight: bold;
    padding: 0px 4px;
    border: 2px #00B4FF solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

/* 角丸文字（赤） */
.rdCnrRed {
	color: white;
    font-weight: bold;
    padding: 0px 4px;
    border: 2px red solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: red;
}

/* ちぎり和紙風ボックス（水平／トップ） */
.horChigiriTop {
	float: left;
	width: 400px;
	height: 4px;
	font-size: 0%;
	background-image: url('../images/common/horChigiriTop.png');
	background-repeat: repeat-x;
	background-position: center top;
	/*background: #F99;*/
}

/* ちぎり和紙風ボックス（水平／ボトム） */
.horChigiriBottom {
	float: left;
	width: 400px;
	height: 4px;
	font-size: 0%;
	background-image: url('../images/common/horChigiriBottom.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	/*background: #FF0;*/
}

/* ちぎり和紙風ボックス（タテ） */
.verChigiri {
	float: left;
	width: 400px;
	background-image: url('../images/common/verChigiri.png');
	background-repeat: repeat-y;
}


/* 写真の説明文の配置（写真内） */
.in_photo {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

/* 写真の説明文の配置（写真外） */
.out_photo {
	position: absolute;
	bottom: -20px;
	width: 100%;
	text-align: center;
}


/************************************************************
*	@020		バックグラウンド							*
************************************************************/

/* ボディ */
body {
	color: #666;
	font-size: 14px;
	line-height: 140%;
	text-indent: -9999px;
	background-image: url('../images/common/bizeneBgd010.png'),
					  url('../images/common/bizeneBgd020.png'),
					  url('../images/common/bizeneBgd030.png'),
					  url('../images/common/bizeneBgd040.png'),
					  url('../images/common/bizeneBgd010.png');
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: center 1275px, center 2160px, center 3718px, center 5255px, center 6550px;
	overflow-x: hidden;
	/*background-color: red;*/
}

/* 全体領域 */
#wrapper {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1000px;
	margin-left: -500px;
	/*background: yellow;*/
}


/************************************************************
*	@030		パーツ										*
************************************************************/

/* UniC@rdロゴ（ビジエネVersion） */
#bizeneImg010 {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 223px;
	height: 51px;
	background-image: url('../images/common/bizeneImg010.png');
	background-repeat: no-repeat;
}

/* クラウドマーク */
#bizeneImg020 {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 98px;
	height: 58px;
	background-image: url('../images/common/bizeneImg020.png');
	background-repeat: no-repeat;
}

/* 英文説明 */
#bizeneImg030 {
	width: 651px;
	height: 12px;
	margin: 80px auto 0px;
	background-image: url('../images/common/bizeneImg030.png');
	background-repeat: no-repeat;
}

/* タイトル */
#bizeneImg040 {
	width: 849px;
	height: 142px;
	margin: 50px auto 0px;
	background-image: url('../images/common/bizeneImg040.png');
	background-repeat: no-repeat;
}

/* 名刺オーダーフロー */
#bizeneImg050 {
	width: 100%;
	height: 400px;
	margin: 35px auto 0px;
	/*background-color: red;*/
}

/* 名刺オーダーフロー（マスク） */
#bizeneImg051 {
	position: absolute;
	top: 289px;
	width: 100%;
	height: 430px;
	margin: 0px auto;
	background-image: url('../images/common/bizeneImg051.png');
	background-repeat: no-repeat;
	background-position: center 30px;
	/*background-color: pink;*/
}

/* What's UniC@rd */
#bizeneImg060 {
	width: 1000px;
	height: 458px;
	margin: 50px auto 0px;
	background-image: url('../images/common/bizeneImg060.png');
	background-repeat: no-repeat;
}

/* What's new? */
#bizeneImg100 {
	width: 682px;
	height: 342px;
	margin: 90px auto 0px;
	background-image: url('../images/common/bizeneImg100.png');
	background-repeat: no-repeat;
}

/* UniC@rd */
#bizeneImg110 {
	width: 286px;
	height: 51px;
	margin: 62px auto 0px;
	background-image: url('../images/common/bizeneImg110.png');
	background-repeat: no-repeat;
}

/* 名刺はビジネスパートナー */
#bizeneImg120 {
	width: 585px;
	height: 75px;
	margin: 27px auto 0px;
	background-image: url('../images/common/bizeneImg120.png');
	background-repeat: no-repeat;
}

/* 名刺と付箋紙 */
#bizeneImg130 {
	width: 652px;
	height: 442px;
	margin: 100px auto 0px;
	background-image: url('../images/common/bizeneImg130.png');
	background-repeat: no-repeat;
}

/* 総務の現場では */
#bizeneImg140 {
	width: 562px;
	height: 48px;
	margin: 70px auto 0px;
	background-image: url('../images/common/bizeneImg140.png');
	background-repeat: no-repeat;
}

/* 困った顔の総務部女子 */
#bizeneImg150 {
	width: 1031px;
	height: 638px;
	margin: 50px auto 0px;
	background-image: url('../images/common/bizeneImg150.png');
	background-repeat: no-repeat;
}

/* UniC@rdなら解決 */
#bizeneImg160 {
	width: 849px;
	height: 204px;
	margin: 130px auto 0px;
	background-image: url('../images/common/bizeneImg160.png');
	background-repeat: no-repeat;
}

/* うれしい顔の総務部女子 */
#bizeneImg170 {
	width: 1001px;
	height: 1112px;
	margin: 110px auto 0px;
	background-image: url('../images/common/bizeneImg170.png');
	background-repeat: no-repeat;
}

/* 180°変わる */
#bizeneImg180 {
	width: 1058px;
	height: 88px;
	margin: 110px auto 0px;
	background-image: url('../images/common/bizeneImg180.png');
	background-repeat: no-repeat;
}

/* さっそく使ってみよう */
#bizeneImg190 {
	width: 411px;
	height: 24px;
	margin: 100px auto 0px;
	background-image: url('../images/common/bizeneImg190.png');
	background-repeat: no-repeat;
}

/* 満足顔の女性 */
#bizeneImg200 {
	width: 614px;
	height: 550px;
	margin: 60px auto 0px;
	background-image: url('../images/common/bizeneImg200.png');
	background-repeat: no-repeat;
}

/* ビジネス名刺はユニカードで注文しよう */
#bizeneImg202 {
	width: 376px;
	height: 283px;
	margin: 70px auto 0px;
	background-image: url('../images/common/bizeneImg202.png');
	background-repeat: no-repeat;
}

/* クラウド型名刺発注サービス */
#bizeneImg210 {
	width: 618px;
	height: 38px;
	margin: 160px 191px 0px;
	background-image: url('../images/common/bizeneImg210.png');
	background-repeat: no-repeat;
}

/* ビジエネ×ミック･データサービス */
#bizeneImg220 {
	width: 565px;
	height: 142px;
	margin: 50px 217px 30px 218px;
	background-image: url('../images/common/bizeneImg220.png');
	background-repeat: no-repeat;
}


/************************************************************
*	@040		ボタン										*
************************************************************/

/* ボタン領域 */
#btn_area1 {
	width: 800px;
	margin: 100px auto 0px;
}

/* すぐ試してみる */
#bizeneImg070 {
	width: 197px;
	height: 27px;
	background-image: url('../images/common/bizeneImg070.png');
	background-repeat: no-repeat;
}

/* いま申し込む */
#bizeneImg080 {
	width: 169px;
	height: 27px;
	background-image: url('../images/common/bizeneImg080.png');
	background-repeat: no-repeat;
}

/* 続きをよむ */
#bizeneImg090 {
	float: left;
	width: 142px;
	height: 62px;
	margin: 26px 0px 0px 328px;
	background-image: url('../images/common/bizeneImg090.png');
	background-repeat: no-repeat;
}

/* ボタン領域 */
#btn_area2 {
	width: 800px;
	margin: 155px auto 0px;
}

/* 体験コースへ */
#btn_experience a {
	float: left;
	width: 392px;
	height: 113px;
	background-image: url('../images/common/btn_experience.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_experience a:hover {
	background-position: 0px -113px;
}

#btn_experience a:active {
	background-position: 0px -226px;
}

/* 見積ご依頼・お問い合わせ */
#btn_request a {
	float: right;
	width: 392px;
	height: 113px;
	background-image: url('../images/common/btn_request.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_request a:hover {
	background-position: 0px -113px;
}

#btn_request a:active {
	background-position: 0px -226px;
}


/************************************************************
*	@050		スクロール									*
************************************************************/

/* 全体領域 */
#scroll {
	position: fixed;
	right: 0%;
	bottom: 0%;
	width: 60px;
}

/* スクロールトップ */
#arrow_up a {
	float: left;
	width: 60px;
	height: 60px;
	background-image: url('../images/common/arrow_up.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#arrow_up a:hover {
	background-position: 0px -60px;
}

#arrow_up a:active {
	background-position: 0px -120px;
}

/* スクロールボトム */
#arrow_down a {
	float: left;
	width: 60px;
	height: 60px;
	background-image: url('../images/common/arrow_down.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#arrow_down a:hover {
	background-position: 0px -60px;
}

#arrow_down a:active {
	background-position: 0px -120px;
}


/************************************************************
*	@060		カルーセルの背景画像						*
************************************************************/

/* 1 */
#calImg01 {
	float:left;
	width: 336px;
	height: 260px;
	background-image: url('../images/common/kokan01.png');
}

/* 2 */
#calImg02 {
	float:left;
	width: 395px;
	height: 260px;
	background-image: url('../images/common/kokan02.png');
}

/* 3 */
#calImg03 {
	float:left;
	width: 398px;
	height: 260px;
	background-image: url('../images/common/kokan03.png');
}

/* 4 */
#calImg04 {
	float:left;
	width: 394px;
	height: 260px;
	background-image: url('../images/common/kokan04.png');
}

/* 5 */
#calImg05 {
	float:left;
	width: 394px;
	height: 260px;
	background-image: url('../images/common/kokan05.png');
}

/* 6 */
#calImg06 {
	float:left;
	width: 394px;
	height: 260px;
	background-image: url('../images/common/kokan06.png');
}

/* 7 */
#calImg07 {
	float:left;
	width: 379px;
	height: 260px;
	background-image: url('../images/common/kokan07.png');
}

/* 8 */
#calImg08 {
	float:left;
	width: 394px;
	height: 260px;
	background-image: url('../images/common/kokan08.png');
}

/* 9 */
#calImg09 {
	float:left;
	width: 394px;
	height: 260px;
	background-image: url('../images/common/kokan09.png');
}

/* 10 */
#calImg10 {
	float:left;
	width: 395px;
	height: 260px;
	background-image: url('../images/common/kokan10.png');
}