@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:#464646;
}
.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;
}
a:link,
a:visited{
	color:#0064c8;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0064c8;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}
.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}
h1 {
	background-color:#000;
	text-align:left;
	font-size:85%;
	line-height:30px;
	color:#a0aab4;
}
h1 img {
	margin:0 15px;
	vertical-align:middle;
}
.logo-area {
	background:url(../common/logo_bk.gif) repeat-x;
	height:67px;
}
.logo-area h2 {
	width:850px;
	margin:0 auto;
	text-align:left;
	padding-top:18px;
}
.top-menu-area {
	background:url(../common/tm_bk.gif) repeat-x;
	height:34px;
}
.top-menu-area .top-menu {
	width:900px;
	margin:0 auto;
	text-align:left;
}
.main {
	width:850px;
	margin:0 auto;
	text-align:left;
}
.title-area {
	margin-top:10px;
	background:url(../common/title_bk.gif);
}
.title-area-i {
	height:72px;
}
.title-area h3 {
	float:left;
	width:350px;
}
.title-area .top-navi {
	float:right;
	width:500px;
}
.title-area .top-navi p {
	text-align:right;
	font-size:85%;
	color:#fff;
	padding:50px 15px 0 0;
}
.title-area .top-navi a {
	color:#fff;
}
.main-area {
	padding-top:20px;
}
.main-area .main-left {
	float:left;
	width:181px;
}
.main-area .main-right {
	float:right;
	width:649px;
}
.main-left .mobile-site-area {
	border:solid 1px #b4bec8;
	background-color:#fff;
	margin-top:15px;
}
.mobile-site-area .qr-area {
	padding:7px;
}
.mobile-site-area .qr-area .qr {
	float:left;
	width:67px;
}
.mobile-site-area .qr-area .qr-text {
	float:right;
	width:98px;
}
.mobile-site-area .qr-area .qr-text .title {
	font-weight:bold;
	color:#003264;
}
.mobile-site-area .qr-area .qr-text .text {
	padding-top:2px;
	color:#808080;
	font-size:85%;
	line-height:120%;
}
.mobile-site-area .url {
	padding:0 7px 7px 7px;
}
.bottom-link {
	padding:50px 0 7px;
	font-size:85%;
	line-height:120%;
}
.footer {
	background:url(../common/footer_bk.gif) repeat-x;
	height:34px;

}
.footer {
	color:#fff;
	font-size:85%;
	line-height:34px;
}
.copy {
	padding-bottom:7px;
}

/* トップページ 
--------------------------------------------------------------------*/
#top h3.next {
	padding-top:30px;
}
#top .top-banner-area {
	background:url(../img/top_banner_bk.gif) repeat-x;
	height:89px;
}
#top .top-banner {
	width:850px;
	margin:0 auto;
	text-align:left;
}
#top .top-banner img {
	margin:7px 0 0 5px;
}

#top .top-main-area {
	padding-top:20px;
}
#top .top-main-area .top-left-area {
	float:left;
	width:245px;
}
#top .top-main-area .top-left-area .top-left-area-i {
	padding-right:20px;
}
#top .top-left-area .pickup-area {
	border-bottom:dotted 1px #a0aab4;
	padding:10px 5px;
	background-color:#fff;
}
#top .top-left-area .pickup-area .photo {
	float:left;
	width:75px;
}
#top .top-left-area .pickup-area .photo-r {
	float:right;
	width:140px;
}
#top .top-left-area .pickup-area .title {
	font-weight:bold;
	padding-bottom:3px;
}
#top .top-left-area .mobile-site-area {
	border:solid 1px #b4bec8;
	background-color:#fff;
	margin-top:15px;
}
#top .top-left-area .mobile-site-area .qr-area {
	padding:7px;
}
#top .top-left-area .mobile-site-area .qr-area .qr {
	float:left;
	width:60px;
}
#top .top-left-area .mobile-site-area .qr-area .qr-text {
	float:right;
	width:140px;
}
#top .top-left-area .mobile-site-area .qr-area .qr-text .title {
	font-weight:bold;
	color:#003264;
}
#top .top-left-area .mobile-site-area .qr-area .qr-text .text {
	padding-top:2px;
	color:#808080;
	font-size:85%;
	line-height:120%;
}
#top .top-left-area .mobile-site-area .url {
	padding:0 7px 7px 7px;
}
#top .top-main-area .top-center-area {
	float:left;
	width:435px;
}
#top .top-main-area .top-center-area .top-center-area-i {
	padding-right:20px;
}
#top .top-center-area .topics {
	border-bottom:dotted 1px #a0aab4;
	padding:7px 5px;
}
#top .top-center-area .topics .days {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding-left:15px;
	font-size:85%;
}
#top .top-center-area .topics .days img {
	margin:0 0 2px 5px;
	vertical-align:middle;
}
#top .top-center-area .topics .text {
	font-weight:bold;
	padding-left:15px;
}
#top .list-link {
	text-align:right;
	padding-top:5px;
	font-size:85%;
	font-weight:bold;
}
#top .list-link img {
	margin-right:5px;
	vertical-align:middle;
}
#top .top-main-area .top-right-area {
	float:right;
	width:170px;
}
#top .top-main-area .top-right-area .top-right-area-i {
	padding-right:5px;
}
#top .top-right-area .right-banner-area li {
	margin-bottom:5px;
}
#top .top-right-area .get-flash {
	padding:10px;
	background-color:#fff;
	border:solid 1px #a0aab4;
}
#top .top-right-area .get-flash img {
	margin-bottom:5px;
}

/* 企業理念 
--------------------------------------------------------------------*/
#concept .top-image {
	text-align:center;
	padding-bottom:15px;
}

/* 会社概要 
--------------------------------------------------------------------*/
#profile .profile-area th {
	padding:8px 0 8px 20px;
	border-bottom:dotted 1px #c1c4c7;
	background:url(../common/arrow_2.gif) no-repeat 10px 12px;
}
#profile .profile-area td {
	padding:8px 0;
	border-bottom:dotted 1px #c1c4c7;
}
#profile .profile-area .yakuin-l {
	float:left;
	width:100px;
}
#profile .profile-area .yakuin-r {
	float:right;
	width:300px;
}
#profile .line {
	padding-top:5px;
	border-top:dotted 1px #c1c4c7;
	margin-top:5px;
}

/* ニュースリリース　トップ 
--------------------------------------------------------------------*/
#news h4 {
	padding-bottom:10px;
}
#news .news-top p {
	padding-left:5px;
	padding-right:5px;
}
#news .news-top .text {
	padding-bottom:7px;
	border-bottom:dotted 1px #a0aab4;
}
#news .list {
	min-height:250px;
	height:auto !important;
	height:250px;
}
#news .list dt {
	padding:6px 5px 1px 23px;
	background:url(../common/arrow_2.gif) no-repeat 10px 10px;
}
#news .list dt img {
	vertical-align:middle;
	margin-left:7px;
}
#news .list dd {
	padding:0 5px 7px 23px;
	border-bottom:dotted 1px #c1c4c7;
	font-weight:bold;
}
#news .news-area {
	border:solid 1px #c3cbd3;
	padding:15px 20px 20px;
	background-color:#fff;
}
#news .news-area h5 {
	font-weight:bold;
	color:#1e2832;
	font-size:125%;
	line-height:130%;
}
#news .news-area .text {
	padding-top:20px;
}
#news .news-area .column-box {
	margin-top:30px;
	border:solid 1px #c3cbd3;
	padding:12px 15px;
	background-color:#eceef0;
}
#news .back-link {
	padding:5px 0 0 15px;
	font-weight:bold;
	background:url(../common/arrow_1.gif) no-repeat 0 10px;
}

/* ミュージック＆デザイン事業部 
--------------------------------------------------------------------*/
#music-design h4.next {
	padding-top:40px;
}
#music-design .top-text-area {
	padding:15px 5px 30px;
}
#music-design .service-area {
	border-bottom:dotted 1px #a0aab4;
}
#music-design .service-area .service-left {
	float:left;
	width:324px;
}
#music-design .service-area .service-left .service-left-i {
	padding:10px 10px 10px 5px;
}
#music-design .service-area .service-right {
	float:right;
	width:324px;
}
#music-design .service-area .service-right .service-right-i {
	padding:10px 5px 10px 10px;
	border-left:dotted 1px #a0aab4;
	background-color:#fff;
}
#music-design .service-area .service .photo {
	float:left;
	width:75px;
}
#music-design .service-area .service .photo-r {
	float:right;
	width:224px;
}
#music-design .service-area .title {
	font-weight:bold;
	color:#009fe8;
	padding-bottom:3px;
}
#music-design .service-area .title2 {
	font-weight:bold;
	color:#f92949;
	padding-bottom:3px;
}

#music-design .works-area {
	padding:10px 5px;
	border-bottom:dotted 1px #a0aab4;
}
#music-design .works-area .photo {
	float:left;
	width:140px;
}
#music-design .works-area .photo-r {
	float:right;
	width:499px;
}
#music-design .works-area .works-copy {
	color:#a0aab4;
	font-size:85%;
	line-height:120%;
}
#music-design .works-area .title {
	font-weight:bold;
	color:#f92949;
	padding-bottom:3px;
}
#music-design .works-area .title a {
	color:#f92949;
}
#music-design .works-area .title2 {
	font-weight:bold;
	color:#009fe8;
	padding-bottom:3px;
}
#music-design .works-area .title2 a {
	color:#009fe8;
}
#music-design .works-area .kuwashiku {
	text-align:right;
	padding-top:5px;
	font-weight:bold;
}
#music-design .works-area .kuwashiku a {
	color:#f92949;
}
#music-design .works-area .kuwashiku img {
	margin-right:5px;
	vertical-align:middle;
}
#music-design .works-area .kuwashiku2 {
	text-align:right;
	padding-top:5px;
	font-weight:bold;
}
#music-design .works-area .kuwashiku2 a {
	color:#009fe8;
}
#music-design .works-area .kuwashiku2 img {
	margin-right:5px;
	vertical-align:middle;
}
#music-design .last-test {
	padding:10px 5px 0;
}


/* 携帯コンテンツ事業部 
--------------------------------------------------------------------*/
#mobile h4 {
	padding-bottom:10px;
}
#mobile h5 {
	padding-top:40px;
}
#mobile .mobile-top {
	padding:0 5px;
}
#mobile .mobile-top .photo {
	float:left;
	width:190px;
}
#mobile .mobile-top .photo-r {
	float:right;
	width:449px;
}
#mobile .contents-area {
	padding:12px 5px 30px;
}
#mobile .contents-line {
	border-bottom:dotted 1px #a0aab4;
}
#mobile .contents-area .photo {
	float:left;
	width:110px;
}
#mobile .contents-area .photo-r {
	float:right;
	width:529px;
}
#mobile .contents-area .qr-area {
	width:529px;
	padding-bottom:7px;
}
#mobile .contents-area .qr-area .qr-l {
	float:left;
	width:444px;
}
#mobile .contents-area .qr-l .contents {
	width:444px;
}
#mobile .contents-area .contents .title {
	float:left;
	width:374px;
	padding-bottom:7px;
}
#mobile .contents-area .contents .title .contents-copy {
	color:#a0aab4;
	font-size:85%;
	line-height:120%;
}
#mobile .contents-area .contents .title .contents-title {
	color:#8dc221;
	font-weight:bold;
}
#mobile .contents-area .contents .title .payment {
	color:#f92949;
	font-size:85%;
	line-height:120%;
	padding-top:3px;
}
#mobile .contents .icon {
	float:right;
	width:70px;
	text-align:right;
}
#mobile .contents-area .qr-area .qr {
	float:right;
	width:70px;
}
#mobile .contents-area .photo-r .url-box {
	border:solid 1px #c6e090;
	padding:7px 10px;
	background-color:#f7faee;
}
#mobile .contents-area .photo-r .url-box .url {
	font-weight:bold;
	color:#8dc221;
	padding-bottom:4px;
}

/* 採用情報 
--------------------------------------------------------------------*/
#recruit h4 {
	padding-bottom:10px;
}
#recruit h4.next {
	padding-top:30px;
}
#recruit .recruit-top p {
	padding-left:5px;
	padding-right:5px;
}
#recruit .genre {
	padding:0 0 7px 7px;
	border-bottom:solid 1px #a0aab4;
	font-weight:bold;
	color:#fa5064;
	font-size:125%;
}
#recruit .genre img {
	vertical-align:middle;
	margin-right:7px;
}
#recruit .recruit-area th {
	padding:8px 0 8px 20px;
	border-bottom:dotted 1px #c1c4c7;
	background:url(../common/arrow_2.gif) no-repeat 10px 12px;
}
#recruit .recruit-area td {
	padding:8px 0;
	border-bottom:dotted 1px #c1c4c7;
}
#recruit .oubo-area {
	margin-top:20px;
	border:solid 1px #b4bec8;
	background-color:#eceef0;
	padding:12px 15px;
}
#recruit .oubo-area .title {
	padding-bottom:7px;
}
#recruit .oubo-area .text {
	padding-top:3px;
	font-size:85%;
	line-height:120%;
}

/* 個人情報の取扱いについて 
--------------------------------------------------------------------*/
#privacy h4 {
	padding-bottom:7px;
}
#privacy .top-text {
	padding:0 5px 20px;
	border-bottom:dotted 1px #a0aab4;
}
#privacy .privacy dt {
	font-weight:bold;
	color:#f92949;
	padding:5px 5px 2px;
}
#privacy .privacy dd {
	padding:0 5px 20px;
	border-bottom:dotted 1px #a0aab4;
}

/* お問い合わせ 
--------------------------------------------------------------------*/
#form-page h4 {
	padding-bottom:10px;
}
#form-page .contact-top p {
	padding-left:5px;
	padding-right:5px;
}
#form-page .kome {
	padding-top:3px;
	color:#f92949;
	font-size:85%;
	line-height:120%;
}
#form-page .form-area {
	margin-bottom:15px;
	background:#fbfbfb;
	border:solid 1px #e8e8e8;
}
#form-page .top-info {
	margin-bottom:5px;
}
#form-page .tel {
	margin:7px 0 20px 0;
}
#form-page table {
	width:649px;
	margin-top:10px;
	margin-bottom:15px;
}
#form-page table th {
	width:169px;
}
#form-page table td {
	width:480px;
}
#form-page table th div {
	background:url(../common/arrow_2.gif) no-repeat 10px 9px;
	padding:5px 5px 5px 23px;
}
#form-page table td div {
	padding:5px 5px 5px 23px;
}
#form-page table td .add-info {
	padding-left:5px;
}
#form-page table th,
#form-page table td {
	border-top:dotted 1px #a0aab4;
	border-bottom:dotted 1px #a0aab4;
}
#form-page .require {
	color:#d20000;
	padding-left:5px;
}
#form-page .require-mark {
	color:#d20000;
}
#form-page form {
	margin-bottom:25px;
}
#form-page .kojinjouhou {
	margin:20px 5px 0 5px;
}
#form-page .last-info {
	text-align:center;
	margin:50px 0 100px 0;
}