@charset "UTF-8";

/*=====================================
初期設定
=====================================*/
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	color: #4C4C4C;
}
/* タグのリセット */
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, caption, img, form, blockquote {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
}
th {
	font-weight: bold;
}
/* テキストエリア内文字サイズのブラウザ間での統一 */
textarea {
	font-size: 100%;
}
/* 画像の下にできる隙間を除去 */
img {
	vertical-align: bottom;
}
/* float解除 */
.clear {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
/*=====================================
テキストスタイル
=====================================*/
a {
	color: #00A0E9;
	text-decoration: none;
}
a:visited {
	color: #00A0E9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	background-color: #EAF9FF;
}
a:active {
	text-decoration: underline;
}
.f-xlarge {
	font-size: 1.5em;
}
.f-large {
	font-size: 1.2em;
}
.f-small {
	font-size: 0.8em;
}
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f14b {
	font-size: 14px;
	font-weight: bold;
}
.red {
	font-weight: bold;
	color: #FF0000;
}
u {
	background-color: #FFFF99;
	text-decoration: none;
}
a.ancer-allow {
	background-image: url(../images_site/common_ancer_allow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
/*=====================================
画像回り込み
=====================================*/
.imgleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 0.8em;
	color: #666666;
	line-height: 120%;
}
.imgleft img {
	padding-bottom: 10px;
}
.imgright {
	float: right;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 0.8em;
	color: #666666;
	line-height: 120%;
}
.imgright img {
	padding-bottom: 10px;
}
/*=====================================
全体構造
=====================================*/
#WRAPPER {
	height: 100%;
	width: 812px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images_site/header_bg.gif);
	background-repeat: no-repeat;
}
#TOP-MAINIMAGE {
	width: 850px;
	height: 345px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}
#TOP-CONTENTS {
	float: left;
	width: 570px;
	height: 100%;
	padding-top: 17px;
	margin-bottom:20px;
}
#WRAP {
	margin-bottom:20px;
}
#TOP-SIDE {
	float: right;
	width: 225px;
	padding-top: 17px;
}
#CONTENTS {
	float: right;
	width: 563px;
}
#SUBMENU {
	float: left;
	width: 225px;
	font-size: 0.9em;
}
/*=====================================
ヘッダー
=====================================*/
#HEADER {
	width: 812px;
	height: 106px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#HEADER h1, #HEADER p {
	position: absolute;
	top: 8px;
	left: 2px;
	font-size: 11px;
	color: #015E89;
	line-height: 120%;
}
a#HEADER-LOGO {
	background-image: url(../images_site/header_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 66px;
	width: 361px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 2px;
	top: 30px;
	outline:none;
}
#HEADER img {
	position: absolute;
	top: 8px;
	left: 630px;
}
#HEADER a#HEADER-CONTACT {
	background-image: url(../images_site/header_contact.gif);
	width: 178px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	right: 6px;
	top: 42px;
	outline:none;
}
#HEADER :hover#HEADER-CONTACT {
	background-position: 0px -35px;
}
#HEADER ul {
	position: absolute;
	top: 87px;
	left: 551px;
}
#HEADER li {
	float: left;
	color: #BCBCBC;
	font-size: 0.8em;
}
#HEADER li a {
	display: block;
	height: 10px;
	outline:none;
	text-indent: -9999px;
	overflow:hidden;
	background-repeat: no-repeat;		
}
#HEADER li a#HEADER-RSS {
	background-image: url(../images_site/submenu_rss.gif);
	width: 15px;	
}
#HEADER li a#HEADER-HOME {
	background-image: url(../images_site/submenu_home.gif);
	width: 46px;	
}
#HEADER li a#HEADER-ABOUT {
	background-image: url(../images_site/submenu_about.gif);
	width: 60px;	
}
#HEADER li a#HEADER-SHOPINFO {
	background-image: url(../images_site/submenu_shopinfo.gif);
	width: 134px;	
}
#HEADER li a:hover {
	background-position: 0px -10px;
}
/*=====================================
メインメニュー
=====================================*/
#MAINMENU {
	width: 812px;
	margin-right: auto;
	margin-left: auto;
	height: 46px;
	overflow: hidden;
	background-image: url(../images_site/mainmenu_bg.gif);
	background-repeat: repeat-x;
}
#MAINMENU li {
	float: left;
}
#MAINMENU li a {
	display: block;
	width: 135px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	outline:none;
}
#MAINMENU li a:hover {
	background-position: 0 -46px;
}
a#MAINMENU-cat57 {
	background-image: url(../images_site/mainmenu_cat01.gif);
}
a#MAINMENU-cat61 {
	background-image: url(../images_site/mainmenu_cat02.gif);
}
a#MAINMENU-cat63 {
	background-image: url(../images_site/mainmenu_cat03.gif);
}
a#MAINMENU-cat62 {
	background-image: url(../images_site/mainmenu_cat04.gif);
}
a#MAINMENU-cat97 {
	background-image: url(../images_site/mainmenu_cat05.gif);
}
a#MAINMENU-cat60 {
	background-image: url(../images_site/mainmenu_cat06.gif);
}
/*=====================================
フッター
=====================================*/
#FOOTER {
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	padding-top: 12px;
	padding-bottom: 4px;
	color: #8E8E8E;
	background-color: #EEEEEE;
}
#FOOTER p {
	padding-bottom: 8px;
}
#FOOTER a {
	color: #373737;
	margin-right: 0.8em;
	margin-left: 0.8em;
	text-decoration: none;
}
#FOOTER a:hover {
	color: #FFA304;
	text-decoration: underline;
}
p#COPYRIGHT {
	text-align: center;
	color: #8E8E8E;
	font-size: 10px;
	margin-top: 0.8em;
	padding-bottom: 0.8em;
}

/*=====================================
トップページ：左側
=====================================*/
#TOP-IMAGE {
	float: left;
	width: 570px;
	height: 186px;
	margin-bottom: 23px;
}
/*なぜFAXDMか？*/
#TOP-WHYFAXDM {
	width: 551px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
	clear: both;
}
#TOP-WHYFAXDM h2 {
	background-image: url(../images_site/top_label_whyfaxdm.gif);
	height: 16px;
	width: 288px;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 12px;
}
#TOP-WHYFAXDM p {
	padding-bottom: 1.5em;
	line-height: 160%;
}
#TOP-WHYFAXDM img {
	float: right;
	margin-left: 20px;
}
/*FAXDMの豆知識*/
#TOP-DMKNOWLEDGE {
	font-size: 0.8em;
	width: 265px;
	float: left;
	padding-top: 13px;
}
#TOP-DMKNOWLEDGE p {
	font-size: 10px;
	padding-bottom: 15px;
	padding-left: 32px;
}

#TOP-DMKNOWLEDGE h2 {
	background-image: url(../images_site/top_label_dmknowledge.gif);
	height: 35px;
	width: 265px;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 5px;
}
#TOP-DMKNOWLEDGE table {
	width: 257px;
	margin-bottom: 1.2em;
	margin-left: 8px;
	height: 100%;
	border-collapse: collapse;
}
#TOP-DMKNOWLEDGE th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	line-height: 140%;
	padding-right: 5px;
}
#TOP-DMKNOWLEDGE td {
	line-height: 140%;
	padding-bottom: 0.3em;
}
#TOP-DMKNOWLEDGE a.ancer-allow {
	padding-left: 8px;
}
/*出版業界の豆知識*/
#TOP-PUBKNOWLEDGE {
	font-size: 0.8em;
	width: 265px;
	float: right;
	padding-top: 13px;
}
#TOP-PUBKNOWLEDGE p {
	font-size: 10px;
	padding-bottom: 15px;
	padding-left: 32px;
}

#TOP-PUBKNOWLEDGE h2 {
	background-image: url(../images_site/top_label_pubknowledge.gif);
	height: 35px;
	width: 265px;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 5px;
}
#TOP-PUBKNOWLEDGE table {
	width: 257px;
	margin-bottom: 1.2em;
	margin-left: 8px;
	height: 100%;
	border-collapse: collapse;
}
#TOP-PUBKNOWLEDGE th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	line-height: 140%;
	padding-right: 5px;
}
#TOP-PUBKNOWLEDGE td {
	line-height: 140%;
	padding-bottom: 0.3em;
}
#TOP-PUBKNOWLEDGE a.ancer-allow {
	padding-left: 8px;
}

/*=====================================
トップページ：右側
=====================================*/
/*サービスメニュー*/
#TOP-SIDE-MENU li {
	position: relative;
	height: 62px;
	width: 225px;
}
#TOP-SIDE-MENU li a {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 62px;
	width: 225px;
	overflow:hidden;
	display: block;
	text-indent:-9999px;
	outline:none;

}
#TOP-SIDE-MENU li p {
	position: absolute;
	left: 8px;
	top: 8px;
	font-size: 10px;
	color: #606060;
}
#TOP-SIDE-MENU li a:hover {
	background-position: -225px 0px;
}
a#TOP-PLAN {
	background-image: url(../images_site/topmenu_plan.gif);
}
a#TOP-EXAMPLE {
	background-image: url(../images_site/topmenu_example.gif);
}
a#TOP-FAQ {
	background-image: url(../images_site/topmenu_faq.gif);
}
/*ひながた請求*/
#TOP-SIDE-EXAMPLE {
	font-size: 0.8em;
}
#TOP-SIDE-EXAMPLE h2 {
	background-image: url(../images_site/topside_label_fax.gif);
	height: 58px;
	width: 225px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 23px;
	margin-bottom: 6px;
}
#TOP-SIDE-EXAMPLE img {
	float: left;
}
#TOP-SIDE-EXAMPLE p {
	padding-bottom: 1em;
	line-height: 140%;
	margin-right: 8px;
	margin-left: 10px;
}
#TOP-SIDE-EXAMPLE a {
	background-image: url(../images_site/topside_btn_fax.gif);
	display: block;
	height: 35px;
	width: 178px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	outline:none;
}
#TOP-SIDE-EXAMPLE a:hover {
	background-position: 0px -35px;
}
/*お知らせ*/
#TOP-SIDE-NEWS {
	font-size: 0.8em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 1em;
}
#TOP-SIDE-NEWS h2{
	background-image: url(../images_site/topside_label_news.gif);
	height: 29px;
	width: 225px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
}
#TOP-SIDE-NEWS ul {
	padding-left: 10px;
	padding-bottom: 10px;
}
#TOP-SIDE-NEWS li {
	line-height: 140%;
	padding-bottom:0.5em;
}
#TOP-SIDE-NEWS li a {
	background-image: url(../images_site/common_icon_bluedot.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	display:block;
	background-position: 0px 4px;
}
a#TOP-SIDE-NEWS-ANCER {
	margin-left: 10px;
}
/*バナー*/
a#TOP-SIDE-BANNER-EPTN {
	margin-left: auto;
	background-image: url(../images_site/common_banner_epar.gif);
	background-repeat: no-repeat;
	height: 62px;
	width: 155px;
	display:block;
	margin-right: auto;
	text-indent: -9999px;
	outline:none;
	margin-top: 1em;
}

/*=====================================
第2階層：トピックパス
=====================================*/
#TOPICPATH {
	width: 794px;
	font-size: 10px;
	padding: 9px;
}
/*=====================================
第2階層：コンテンツ
=====================================*/
#CONTENTS-BANNER h1, #CONTENTS-BANNER div{
	display: block;
	height: 30px;
	width: 563px;
	outline:none;
	text-indent:-9999px;
	overflow:hidden;
	padding-bottom: 15px;
	background-repeat: no-repeat;
}
#ENTRY {
	width: 563px;
}
#ENTRY p {
	padding-bottom: 1em;
	padding-right: 8px;
	padding-left: 12px;
	font-size: 0.9em;
	line-height: 160%;
}
#ENTRY h1 {
	background-image: url(../images_site/common_bg_glay.gif);
	background-repeat: repeat-x;
	color: #252525;
	font-weight: bold;
	padding-top: 17px;
	padding-right: 8px;
	padding-left: 12px;
	padding-bottom: 1em;
	margin-top: 0em;
	display: block;
	font-size: 18px;
}
#ENTRY h2.h1_bg {
	background-image: url(../images_site/common_bg_glay.gif);
	background-repeat: repeat-x;
	color: #252525;
	font-weight: bold;
	padding-top: 17px;
	padding-right: 8px;
	padding-bottom: 1em;
	padding-left: 0px;
	margin-top: 0em;
	display: block;
	font-size: 18px;
}
#ENTRY .h1_bg a {
	color: #252525;
/*	background: none;
	text-decoration: none;*/
}
#ENTRY h2 {
	color: #0077AA;
	font-weight: bold;
/*	padding-top: 1em;*/
	margin-top: 1em;
	padding-right: 8px;
/*	padding-left: 12px;*/
	padding-left: 16px;
	padding-bottom: 1em;
	margin-left: 12px;
	font-size: 16px;
	background-image: url(../images_site/common_icon_h4.gif);
	background-repeat: no-repeat;
}
#ENTRY h3 {
	color: #252525;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 12px;
	padding-bottom: 1em;
	font-size: 14px;
	background-image: url(../images_site/common_icon_h3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
#ENTRY h4 {
	color: #252525;
	padding-right: 8px;
	padding-left: 16px;
	padding-bottom: 1em;
	margin-left: 12px;
	font-size: 14px;
	background-image: url(../images_site/common_icon_h4.gif);
	background-repeat: no-repeat;
}
#ENTRY blockquote {
	color: #424242;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 12px;
	font-size: 0.9em;
	line-height: 140%;
}
#ENTRY ul {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 12px;
	font-size: 0.9em;
}
#ENTRY li {
	background-image: url(../images_site/common_icon_bluedot.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 10px;
	background-position: 0px 5px;
	line-height: 140%;
}
/*カテゴリートップブログ表示*/
#ENTRY p.subcate {
	padding-bottom: 3px;
	width: 543px;
	font-size: 0.8em;
	line-height: 140%;
	text-align: right;
}
#ENTRY p.subcate span {
	background-image: url(../images_site/entry_icon_subcate.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 0px 1px;
}
#ENTRY .entry-date {
	margin-left: 12px;
	padding-bottom: 2em;
	font-size: 0.8em;
	line-height: 140%;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
}

#ENTRY table {
	font-size: 0.9em;
	margin-bottom: 1.2em;
	margin-left: 12px;
/*	height: 100%;
	border: 1px solid #BEBDBF;
	border-collapse: collapse;*/
}

/*#ENTRY th {
	padding: 9px 15px;
	border: 1px solid #BEBDBF;
	text-align: left;
	font-size: 0.8em;
	line-height: 160%;
}*/

#ENTRY td {
	line-height: 160%;
}

/*=====================================
第2階層：メニュー
=====================================*/
a#SUBMENU-EXAMPLE  {
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 225px;
	text-indent: -9999px;
	outline:none;
	background-image: url(../images_site/submenu_banner_example.gif);	
}
a:hover#SUBMENU-EXAMPLE  {
	background-position: 0px -100px;
}
#SUBMENU ul {
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
}
#SUBMENU li a {
	width: 202px;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 9px;
	padding-right: 14px;
	color: #252525;
	background-image: url(../images_site/common_ancer_point.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 120%;
}
#SUBMENU li a:hover {
	color: #00A0E9;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../images_site/common_ancer_point_hover.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/*=====================================
パーツ
=====================================*/
a#BANNER-BLOG {
	background-image: url(../images_site/banner_blog.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 240px;
	display: block;
	margin-top: 45px;
}
a:hover#BANNER-BLOG {
	background-position: 0 -57px;
}
a#BANNER-KYOKAI {
	background-image: url(../images_site/banner_kyokai.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 240px;
	display: block;
	margin-top: 10px;
}
a:hover#BANNER-KYOKAI {
	background-position: 0 -57px;
}
a#BANNER-BLOG-INSIDE {
	background-image: url(../images_site/banner_blog_inside.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 48px;
	width: 200px;
	display: block;
	margin-top: 45px;
}
a:hover#BANNER-BLOG-INSIDE {
	background-position: 0 -48px;
}
#CONTACT-BOX {
	background-image: url(../images_site/contact_box_bg.gif);
	background-repeat: no-repeat;
	height: 255px;
	width: 610px;
	overflow: hidden;
	position: relative;
	margin-bottom: 2em;
}
#CONTACT-BOX a {
	background-image: url(../images_site/contact_box_button.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 71px;
	width: 259px;
	position: absolute;
	left: 321px;
	top: 75px;
}
#CONTACT-BOX a:hover {
	background-position: 0px -71px;
}
/*=====================================
業務案内：カテゴリートップ
=====================================*/
#CAT-SERVICE h2 {
	height: 28px;
	width: 397px;
	padding-bottom: 25px;
	background-image: url(../images_site/topleft_service_label.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#CAT-SERVICE .topleft-service {
	float: left;
	height: 97px;
	width: 270px;
	margin-right: 24px;
	margin-bottom: 30px;
	display: inline;
	position: relative;
}
#CAT-SERVICE .topleft-service h3 a {
	height: 21px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 89px;
	top: 0px;
	display: block;
}
#CAT-SERVICE a#TOPSERVICE01 {
	width: 164px;
	background-image: url(../images_site/topleft_service_label_01.gif);
}
#CAT-SERVICE a#TOPSERVICE02 {
	width: 164px;
	background-image: url(../images_site/topleft_service_label_02.gif);
}
#CAT-SERVICE a#TOPSERVICE03 {
	width: 152px;
	background-image: url(../images_site/topleft_service_label_03.gif);
}
#CAT-SERVICE a#TOPSERVICE04 {
	width: 178px;
	background-image: url(../images_site/topleft_service_label_04.gif);
}
#CAT-SERVICE a#TOPSERVICE05 {
	width: 92px;
	background-image: url(../images_site/topleft_service_label_05.gif);
}
#CAT-SERVICE a#TOPSERVICE06 {
	width: 106px;
	background-image: url(../images_site/topleft_service_label_06.gif);
}
#CAT-SERVICE a#TOPSERVICE07 {
	width: 77px;
	background-image: url(../images_site/topleft_service_label_07.gif);
}
#CAT-SERVICE a#TOPSERVICE08 {
	width: 126px;
	background-image: url(../images_site/topleft_service_label_08.gif);
}
#CAT-SERVICE a.topservice-icon {
	position: absolute;
	left: 0px;
	top: 0px;
}
#CAT-SERVICE .topleft-service p {
	width: 180px;
	font-size: 0.8em;
	line-height: 120%;
	background-image: url(../images_site/dot_glay.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: absolute;
	left: 90px;
	top: 30px;
	padding-bottom: 10px;
}
#CAT-SERVICE a.topservice-more {
	position: absolute;
	left: 90px;
	top: 73px;
	background-image: url(../images_site/topleft_service_more.gif);
	text-indent: -9999px;
	height: 24px;
	width: 80px;
}
#CAT-SERVICE a:hover.topservice-more {
	background-position: 0 -24px;
}