/*** 共通CSS ***/

* {
	background-repeat: no-repeat;
	word-break: break-all;
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	background-color: #ffffff;
	background-repeat: repeat-y;
	background-position: center center;
	text-align: center;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ" , Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	border-width: 0;
}

table {
	border-collapse: collapse;
	border-style: none;
}

th, td {
	padding: 5px 10px;
	border-style: none;
	line-height: 1.5;
	vertical-align: top;
}

h2 {
	color: #0099ff;
	margin: 5px 10px;
	padding: 0;
	background-image: url(../img/common/title_icon.png);
	padding: 13px 55px 13px;
	font-size: 24px;
	line-height: 24px;
}

h3 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px;
}

ul {
	list-style-type: none;
    text-align: left;
}

li {
	line-height: 1.5;
	margin-bottom: 4px;
}

a {
	color: #333333;
}

a:hover {
	color: #0099ff;
}

p {
	margin: 10px;
}


/** クラス **/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
    }

.bottom {
	vertical-align: bottom;
}

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.full {
	width: 100%;
}

.ascii {
	ime-mode: disabled;
}

.line-through {
	text-decoration: line-through;
}

.align-center {
	margin-left: auto;
	margin-right: auto;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.notice {
	color: #ff8c00;
	font-size: 10px;
}

.buttons {
	text-align: center;
}

.imgrep * {
	display: none;
}

.meiryo {
	font-family: 'メイリオ', Meiryo, 'ＭＳ ゴシック', HiraKakuPro-W3, sans-serif;
}

div.msg {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3;
	color: #ff0000;
}

div.content {
	margin: 10px 20px;
}

div.links {
	margin: 10px 20px;
}

tr.even {
	background-color: #f4f4f4;
}

td form {
	margin: 0;
	padding: 0;
}

a.rollover {
	display: block;
	text-decoration: none;
}

a.rollover span {
	display: none;
}

.img * {
	display: none;
}


/** レイアウト **/

#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#side {
	width: 200px;
	float: right;
}

#main {
	clear: both;
	min-height: 600px;
	margin: 10px 0px;
	line-height: 1.3;
}

#contents {
	width: 750px;
	float: left;
}

.full {
	width: 720px;
}

#footer {
	position: relative;
}

.content-left {
	float: left;
	width: 335px;
	margin-left: 10px;
	margin-right: 15px;
}

.content-right {
	float: left;
	width: 335px;
	margin-left: 15px;
}


/** ヘッダ **/

#header-bg {
	background-image: url(../img/header/bg3.png);
	height: 70px;
	background-repeat: repeat-x;
	min-width: 960px;
	background:#000;
}

#header {
	height: 70px;
}

#header-copy {
	position: absolute;
	width: 245px;
	height: 50px;
	top: 0px;
	right: 0px;
	background-image: url(../img/header/copy.png);
}

a#header-logo {
	position: absolute;
	display: block;
	margin: 0;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 50px;
	background-image: url(../img/header/logo3.png);
}

#header-tel {
	position: absolute;
	right: 10px;
	width: 156px;
	height: 17px;
	top: 37px;
	background-image: url(../img/header/tel3.png);
}

#header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 700px;
	height: 40px;
	top: 10px;
	right: 10px;
	text-align: right;
	font-size: 14px;
	color: #f2f2f2;
	line-height: 1.5;
	font-weight: normal;
	font-family: 'メイリオ', Meiryo, 'ＭＳ ゴシック', HiraKakuPro-W3, sans-serif;
}

#header h1 img {
	margin-right: 8px;
}


/** ヘッダナビゲーション **/

#header-navi ul {
	margin: 0;
	padding: 0;
	height: 40px;
}

#header-navi li {
	float: left;
	margin: 0;
}

#header-navi a {
	display: block;
	background-image: url(../img/header/navi5.png);
	width: 125px;
	height: 53px;
	margin: 0;
}

#header-navi a span {
	display: none;
}


a#header-navi-home {
	background-position: 0px 0px;
	width: 85px;
}

a#header-navi-home:hover {
	background-position: 0px -62px;
}

.current-home a#header-navi-home {
	background-position: 0px -124px;
}


a#header-navi-logo {
	background-position: -85px 0px;
}

a#header-navi-logo:hover {
	background-position: -85px -62px;
}

.current-logo a#header-navi-logo {
	background-position: -85px -124px;
}


a#header-navi-order {
	background-position: -210px 0px;
}

a#header-navi-order:hover {
	background-position: -210px -62px;
}

.current-order a#header-navi-order {
	background-position: -210px -124px;
}


a#header-navi-price {
	background-position: -335px 0px;
}

a#header-navi-price:hover {
	background-position: -335px -62px;
}

.current-price a#header-navi-price {
	background-position: -335px -124px;
}


a#header-navi-concept {
	background-position: -460px 0px;
}

a#header-navi-concept:hover {
	background-position: -460px -62px;
}

.current-concept a#header-navi-concept {
	background-position: -460px -124px;
}


a#header-navi-logomarket {
	background-position: -585px 0px;
}

a#header-navi-logomarket:hover {
	background-position: -585px -62px;
}

.current-logomarket a#header-navi-logomarket {
	background-position: -585px -124px;
}


a#header-navi-faq {
	background-position: -710px 0px;
}

a#header-navi-faq:hover {
	background-position: -710px -62px;
}

.current-faq a#header-navi-faq {
	background-position: -710px -124px;
}


a#header-navi-inquiry {
	background-position: -835px 0px;
}

a#header-navi-inquiry:hover {
	background-position: -835px -62px;
}

.current-inquiry a#header-navi-inquiry {
	background-position: -835px -124px;
}


/** フッタ  */

#contents-footer {
	color: #333333;
	margin: 30px 10px 10px;
	font-size: 12px;
}

#footer-bg {
	clear: both;
	background-image: url(../img/footer/bg.png);
	background-position: center bottom;
	margin: 10px 0 0;
	background-repeat: repeat-x;
	min-width: 960px;
}

#footer {
	width: 960px;
	margin: 0 auto;
	background-image: url(../img/footer/logo.png);
	background-position: left bottom;
	padding-bottom: 50px;
}

#footer-links {
	color: #f2f2f2;
	padding: 15px 10px;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

#footer-links a {
	color: #f2f2f2;
	text-decoration: none;
}

#footer-links a:hover {
	text-decoration: underline;
}

ul.footer-menu {
	margin: 30px 0 0 0;
	padding: 0;
}

ul.footer-menu li {
	display: inline;
	margin: 0 12px 0 0;
	line-height: 1.2;
}

#footer-copyright {
	position: absolute;
	bottom: 18px;
	left: 210px;
	color: #053246;
	font-family: Arial;
}


/** サイドバー **/

.side-banner {
	width: 200px;
	margin: 0 0 10px;
}

.side-text {
	background-color: #e7f5ff;
	color: #808080;
	font-size: 12px;
	padding: 10px;
	margin: 0 0 10px;
	text-align: center;
	line-height: 1.5;
}

#side-banner-a {
	background-image: url(/img/side/banner_a.png);
	height: 200px;
}

#side-banner-b {
	background-image: url(/img/side/banner_b.png);
	height: 200px;
}

#side-banner-c {
	background-image: url(/img/side/banner_c.png);
	height: 200px;
}

#side-banner-d {
	background-image: url(/img/side/banner_d.png);
	height: 200px;
}

#side-catch1 {
	background-image: url(/img/side/catch1.png);
	height: 90px;
	margin-bottom: 5px;
}

#side-catch2 {
	background-image: url(/img/side/catch2.png);
	height: 90px;
	margin-bottom: 5px;
}

#side-catch3 {
	background-image: url(/img/side/catch3.png);
	height: 90px;
}

.side-update {
	border: 1px solid #cccccc;
	padding: 8px;
	margin: 0 0 10px;
}

.side-update img {
	vertical-align: middle;
}

.side-update-item {
	color: #333333;
	font-size: 12px;
	margin: 10px 0;
}

.side-update-thumb {
	float: left;
	border: 1px solid #cccccc;
}

.side-update-info {
	float: right;
	width: 120px;
	line-height: 1.5;
}

.side-update-sold a {
	color: #ff6666;
}

.side-update-opened a {
	color: #0099ff;
}

.side-update-item a:hover {
	color: #333333;
}


/** サイドバーボタン **/

ul.side-buttons {
	margin: 0 0 10px;
	padding: 0;
}

ul.side-buttons li {
	margin-bottom: 10px;
}

.side-buttons a {
	display: block;
	width: 200px;
	height: 100px;
}

.side-buttons a:hover {
	background-position: -230px 0;
}

.side-buttons a span {
	display: none;
}

a.side-button-first {
	background-image: url(/img/side/first_btn.png);
}

a.side-voice {
	background-image: url(/img/side/voice_btn.png);
}

a.side-voice2 {
	background-image: url(/img/side/voice_banner.png);
	height: 80px;
}

a.side-voice2:hover {
	background-position: 0 0;
}

a.side-labo {
	background-image: url(/img/side/labo_btn.png);
	height: 80px;
}

a.side-labo:hover {
	background-position: 0 -100px;
}

a.side-facebook {
	height: 80px;
}

a.side-feature {
	background-image: url(/img/side/feature_btn.png);
	height: 80px;
}

a.side-feature:hover {
	background-position: -220px 0px;
}

a.side-concierge {
	background-image: url(/img/side/concierge_btn.png);
	height: 115px;
}

a.side-concierge:hover {
	background-position: -220px 0;
}

a.side-blog {
	background-image: url(/img/side/blog_btn.png);
}

a.side-recruit {
	background-image: url(/img/side/recruit_btn.png);
	height: 80px;
}

a.side-recruit:hover {
	background-position: -220px 0px;
}

a.side-recruit2 {
	background-image: url(/img/side/recruit2_btn.png);
	height: 80px;
}

a.side-recruit2:hover {
	background-position: 0 0;
}

a.side-recruit-sw {
	background-image: url(/img/side/recruit-sw2_btn.png);
	height: 80px;
}

a.side-recruit-sw:hover {
	background-position: -220px 0px;
}

a.side-recruit3 {
	height: 80px;
}

a.side-trademark {
	background-image: url(/img/side/trademark_btn.png);
	height: 80px;
}

a.side-trademark:hover {
	background-position: -220px 0px;
}

a.side-button-inquiry {
	background-image: url(/img/side/button/inquiry_off.png);
	height: 40px;
}

a.side-button-inquiry:hover {
	background-image: url(/img/side/button/inquiry_on.png);
	background-position: 0 0;
}


/** サイド検索 **/

.side-search {
	margin-bottom: 10px;
}

.side-search input {
	vertical-align: middle;
	line-height: 1.8;
}

.side-search-text {
	width: 140px;
	height: 26px;
	padding: 1px 4px;
	margin: 0 10px 0 0;
	border: 1px solid #c0c0c0;
}

.side-search-submit {
	width: 40px;
	height: 30px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.side-search input[type="submit"] {
	border-style: none;
	background-image: url(/img/side/search_btn.png);
	text-indent: 100%;
}

.side-search input[type="submit"]:hover {
	background-position: 0 -50px;
}


div.message {
	color: #ff0000;
	font-weight: bold;
	font-size: 16px;
}


/** サイドロゴリスト **/

div.side-logolist a {
	display: block;
	width: 60px;
	height: 60px;
	margin-left: 3px;
	margin-bottom: 7px;
	float: left;
	border: 1px solid #cccccc;
}

div.side-logolist a:hover {
	border: 1px solid #0099ff;
}

div.side-logolist a.side-logo-mr {
	margin-right: 1px;
}

div.side-logolist a img {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}


/** サイド最近チェックしたロゴ **/

div.side-mrv {
	margin-bottom: 10px;
}

div.side-mrv-more {
	text-align: right;
}

div.side-mrv-more a {
	color: #0099ff;
	text-decoration: none;
	font-size: 12px;
}

div.side-mrv-more a:hover {
	text-decoration: underline;
}


/** サイドよく見られているロゴ **/

div.side-ranking {
	background-color: #e6f4ff;
	margin-bottom: 10px;
}

div.side-ranking-title {
	text-align: center;
	padding: 4px;
}


/** サイドご意見送信 **/

div.side-feedback {
	margin-bottom: 10px;
}

textarea#side-feedback-textarea {
	border: 1px solid #cccccc;
	padding: 4px;
	width: 190px;
	height: 80px;
	margin-bottom: 10px;
}

a#side-feedback-submit {
	width: 100px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../img/common/button_feedback.png);
	cursor: pointer;
}

a#side-feedback-submit:hover {
	background-position: 0 -50px;
}

div#side-feedback-thanks {
	display: none;
	font-size: 12px;
	padding: 6px;
}


/** サイドロゴマークラボ新着記事 **/
div.side-labo-new {
	margin-bottom: 10px;
	padding: 9px;
	border: 1px solid #cccccc;
}

div.side-labo-article {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}

div.side-labo-article.last {
	border-bottom: none;
}

div.side-labo-article img {
	float: left;
}

div.side-labo-article-date {
	margin-bottom: 4px;
}

div.side-labo-article-title {
	width: 120px;
	float: right;
	font-size: 12px;
}

div.side-labo-article-title a:hover {
	color: #ff6699;
}


/** ページ **/

div.page {
	margin: 4px 30px 10px 10px;
	text-align: center;
	line-height: 1.3;
	font-size: 14px;
}

div.page a, div.page span {
	margin: 0 8px;
	padding: 2px 6px;
}

div.page a {
	border: 1px solid #0099ff;
	color: #0099ff;
	text-decoration: none;
	font-weight: bold;
}

div.page span {
	border: 1px solid #cccccc;
	color: #cccccc;
	font-weight: bold;
}

div.page a:hover {
	background-color: #0099ff;
	color: #f2f2f2;
}

div.page_info {
	letter-spacing: 2px;
	float: left;
	margin: 3px;
}

div.page_prevnext {
	text-align: left;
	margin-bottom: 8px;
}

div.page_list {
	float: right;
}

div.page_list a, div.page_list span {
	margin: 0 2px;
	display: inline-block;
	float: left;
}

div.page_list span.page {
	border-color: #0099ff;
	background-color: #0099ff;
	color: #f2f2f2;
}


/** ソート **/

span.sortlink {
}

a.sortlink {
	text-decoration: none;
	color: #0000ff;
}


/** テーブル **/

table.form {
	width: 100%;
	margin-bottom: 20px;
}

table.form col.h {
	width: 200px;
}

table.form col.d {
}


table.data {
	width: 100%;
	border: 1px solid #cccccc;
	margin: auto;
}

table.data th, table.data td {
	border: 1px solid #cccccc;
	padding: 10px;
	line-height: 1.5;
}

table.data th {
	background-color: #f2f2f2;
	text-align: left;
}

table.data col.h {
	width: 200px;
}


span.required {
	color: #ff0000;
	font-weight: bold;
}

div.buttons {
	text-align: center;
}

div.links {
	margin-bottom: 20px;
}


/** 用語 **/

a.word {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

a.word:hover {
	text-decoration: underline;
}


/** トピックパス **/

div.topicpath {
	margin: 10px;
	font-size: 12px;
}

div.topicpath a, div.topicpath span {
	margin-left: 5px;
	margin-right: 5px;
}

div.topicpath a {
	text-decoration: none;
}

div.topicpath a:hover {
	text-decoration: underline;
}


/** ロゴ **/

.logo-id-price {
	width: 159px;
	height: 135px;
	background-image: url(../img/common/logo_id_price_bg.png);
	margin-bottom: 20px;
	position: relative;
}

.logo-id {
	position: absolute;
	top: 10px;
	right: 25px;
	color: #f2f2f2;
	font-size: 24px;
	font-weight: bold;
}

.logo-price {
	position: absolute;
	top: 70px;
	right: 25px;
	color: #fcee21;
	font-size: 26px;
	font-weight: bold;
}

span.logo-tax {
	position: absolute;
	top: 118px;
	right: 3px;
	font-size: 12px;
	color: #333333;
}

.logo-210 {
	width: 230px;
	height: 230px;
	background-image: url(../img/common/logo_210_bg.png);
	text-align: center;
	position: relative;
}

.logo-210 a {
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	width: 210px;
	height: 210px;
	border: 1px solid #cccccc;
}

.logo-210 a:hover {
	border-color: #0099ff;
}


/** ページ説明 **/

p.page-desc {
	width: 700px;
}


/** ロゴ制作 **/

.title-arrange {
	background-image: url(../img/common/title_arrange.png);
	height: 50px;
	margin-bottom: 20px;
}

.title-arrange span {
	display: none;
}

.title-concept {
	background-image: url(../img/common/title_concept.png);
	height: 50px;
	margin-bottom: 20px;
}

.title-concept span {
	display: none;
}

a.order-button {
	display: block;
	width: 335px;
	height: 30px;
	margin-top: 20px;
}

a.button-arrange {
	display: block;
	width: 335px;
	height: 30px;
	margin-top: 10px;
	background-image: url(../img/common/button_arrange_off.png);
}

a.button-arrange:hover {
	background-image: url(../img/common/button_arrange_on.png);
}

a.button-arrange span {
	display: none;
}

a.button-concept {
	display: block;
	width: 335px;
	height: 30px;
	margin-top: 10px;
	background-image: url(../img/common/button_ordermade.png);
}

a.button-concept:hover {
	background-position: 0 -50px;
}

a.button-concept span {
	display: none;
}


div.button-inquiry a.rollover {
	width: 200px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../img/common/button_inquiry_off.png);
}

div.button-inquiry a.rollover:hover {
	background-image: url(../img/common/button_inquiry_on.png);
}

a.inquiry-btn {
	display: block;
	margin: 40px 35px;
	width: 650px;
	height: 80px;
	background-image: url(../img/common/inquiry_btn.png);
}

a.inquiry-btn:hover {
	background-position: 0 -100px;
}

a.inquiry-btn span {
	display: none;
}

a.search-logo {
	width: 650px;
	height: 80px;
	background-image: url(../img/common/search2_btn.png);
	margin-left: 35px;
	margin-right: auto;
}

a.search-logo:hover {
	background-position: 0 -100px;
}


.fb-like {
	margin-bottom: 10px;
	height: 20px;
}


/** 検索リンク **/

/*.search-link {
	width: 720px;
	text-align: center;
	margin-left: 0;
	line-height: 1.2;
}

.search-link a {
	color: #808080;
	font-size: 12px;
}

.search-link a:hover {
	color: #0099ff;
}
*/

/** 業種から探す **/
/*
.industry-link {
	margin-bottom: 10px;
	height: 85px;
	background-image: url(../img/common/industry_link_bg.png);
}

.industry-link2 {
	margin-bottom: 5px;
	height: 66px;
	background-image: url(../img/common/industry_link2_bg.png);
}

.industry-link-inner {
	padding: 29px 10px 0;
}
*/

/** アルファベットから探す **/
/*
.alphabet-link {
	height: 50px;
	margin-bottom: 10px;
	background-image: url(../img/common/alphabet_link_bg.png);
}

.alphabet-link-inner {
	padding: 28px 10px 0;
}

.alphabet-link a {
	margin-left: 4px;
	margin-right: 4px;
}
*/

/** モチーフで探す **/

.motif-link {
	margin-top: 10px;
	margin-bottom: 5px;
	height: 67px;
	background-image: url(../img/common/motif_link_bg.png);
}

.motif-link-inner {
	padding: 38px 10px 0;
}


/** イメージで探す **/

.image-link {
	margin-top: 10px;
	margin-bottom: 5px;
	height: 67px;
	background-image: url(../img/common/image_link_bg.png);
}

.image-link-inner {
	padding: 31px 10px 0;
}


/** ロゴ一覧表示形式 **/

.logo-list-type {
	text-align: right;
	margin-right: 30px;
}

.logo-list-type a,
.logo-list-type span {
	display: inline-block;
	width: 80px;
	height: 20px;
	background-image: url(/img/logo/listtype_btn.png);
	margin-left: 0px;
}

.logo-list-type a.listtype-list {
	background-position: 0px 0px;
}

.logo-list-type a.listtype-list:hover {
	background-position: 0px -30px;
}

.logo-list-type span.listtype-list {
	background-position: 0px -60px;
}

.logo-list-type a.listtype-image {
	background-position: -85px -0px;
}

.logo-list-type a.listtype-image:hover {
	background-position: -85px -30px;
}

.logo-list-type span.listtype-image {
	background-position: -85px -60px;
}


/** キーワード一覧 **/
.all-keywords {
	line-height: 2;
	text-align: left;
}

.all-keywords a {
	margin-right: 8px;
	white-space: nowrap;
}