/*
THEME NAME: anatapub
THEME URI: 
DESCRIPTION: 
VERSION: 1.0
AUTHOR: digical
AUTHOR URI: 
*/

 @import "reset.css";

./* ----------------------------------------
あなた出版社_css
更新日：2010.01.25
---------------------------------------- */

/* --------------------------------------
　リセット
--------------------------------------- */

* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

/* --------------------------------------
　全体設定
--------------------------------------- */

/* ページ全体のテキスト色 */
html {}

/* ページ全体 */
body {
	margin: 0;
	padding: 0;
	background-color:#070052;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color:#333333;
}

/* ページ全体のリンク色 */
a{
	color:#006699;
	text-decoration: underline;
}

a:hover{
	color:#ffffff;
	background-color:#0099cc;
	text-decoration:none;
}

/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */

#wrapper {
	margin: 0 auto;
	padding: 0;
	width:960px;
	background-color:#ffffff;
}

#base {
	margin: 0px 5px 0px 5px ;
	width:950px;
}

#header {
	margin:0px;
	width:950px;
	height:68px;
	background:url(img/hd/header_bg.png)top left no-repeat;
}

#header_left {
	float:left;
	margin:8px 0 0 0;
}

#header_right {
	float:right;
	margin:8px 0 0 0;
	background:url(img/hd/header_keyword.png)top right no-repeat;
}

#mainphoto {
	margin: 0px;
	width:950px;
}

#navi {
	margin: 0px;
	width:950px;
	height:40px;
}

#content {
	margin: 40px 0px 30px 0px;
	padding: 0;
}

#main {
	float:left;
	width:648px;
}

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

.sideblock{
	margin: 0 0 15px 0;
}

#footer {
	margin: 0;
	padding: 0 0 20px 0 ;
	width:950px;
}

/* --------------------------------------
　ヘッダー_タイトルロゴ
--------------------------------------- */

h1#logo{
}

/* --------------------------------------
　ヘッダー_ナビゲーションボタン
--------------------------------------- */

#header_main ul{
}

#navi li{
	margin:0;
	float:left;
	list-style-type:none;
}

#navi li a{
	display:block;
	width:190px;
	height:40px;
	text-indent:0px;
	text-indent:-9999px;
}

#navi li#top a{background:url(img/navi/navi_top_off.png) top left no-repeat;}
#navi li#info a{background:url(img/navi/navi_info_off.png) top left no-repeat;}
#navi li#service a{background:url(img/navi/navi_service_off.png) top left no-repeat;}
#navi li#contact a{background:url(img/navi/navi_contact_off.png) top left no-repeat;}
#navi li#support a{background:url(img/navi/navi_support_off.png) top left no-repeat;}

#navi li#top a:hover{background:url(img/navi/navi_top_on.png) top left no-repeat;}
#navi li#info a:hover{background:url(img/navi/navi_info_on.png) top left no-repeat;}
#navi li#service a:hover{background:url(img/navi/navi_service_on.png) top left no-repeat;}
#navi li#contact a:hover{background:url(img/navi/navi_contact_on.png) top left no-repeat;}
#navi li#support a:hover{background:url(img/navi/navi_support_on.png) top left no-repeat;}



/* --------------------------------------
　フッター_問合せフォームリンク
--------------------------------------- */

#telbox {
	width:648px;
	height:98px;
	margin:30px 0 0 0;
	background:url(img/tel/telbox.png) top left;
}

#telbox_btn{
	width:219px;
	margin:0;
	float:right;
}

#telbox_btn li{
	margin:2px 2px 2px 2px;
	list-style-type:none;
}

#telbox_btn li a{
	display:block;
	width:215px;
	height:46px;
	text-indent:0px;
	text-indent:-9999px;
}

#telbox_btn li#telbox_mail a{background:url(img/tel/telbox_mail.png) top left no-repeat;}
#telbox_btn li#telbox_mitsumori a{background:url(img/tel/telbox_mitsumori.png) top left no-repeat;}

/* --------------------------------------
　フッター_テキストリンク
--------------------------------------- */

#copyright {
}

#copyright p{
	font-size:90%;
	line-height:180%;
	text-align:center;
}

/* --------------------------------------
　トップ_記事表示
--------------------------------------- */

.top-content {
	margin: 0 0 60px 0;
	line-height: 160%;
}

.top-content h3 {
}

.top-content p {
	margin: 0 30px 20px 100px;
	line-height: 160%;
}

.top-content p.link {
	padding:0 0 0 16px;
	background:url(img/icon_link.png) center left no-repeat;
	font-size: 100%;
	line-height: 160%;
}

.topmenu {
	margin: 0 20px 30px 0px;
	height:200px;
}

.topmenu ul {
}


.top-content li {
	margin:0 0 3px 3px;
	width:302px;
	height:102px;
	disply:block;
	float:left;
}


/* --------------------------------------
　トップページ_メニューボタン
--------------------------------------- */

..btnlist{
	margin:0px;
}

.btn_top{
	margin:0 0 4px 0;
}

.btn_left{
	margin:0 0 4px 0;
	float:left;
}

.btn_right{
	margin:0 0 4px 4px;
	float:right;
}

/* --------------------------------------
　サイド_blogfeed
--------------------------------------- */

dl.blogfeed  {
	margin:5px 0 0 0;
	padding:0;
}

dl.blogfeed dt {
	color:#333333;
	margin:0 0 0 0;
	padding:7px 0 8px 7px;
	width:60px;
	text-align:left;
	disply:block;
	float:left;
	font-size:95%;
}

dl.blogfeed dd {
	color:#333333;
	margin:0 0 0 75px;
	padding:7px 0 8px 15px;
	text-align:left;
	disply:block;
	background:url(img/side/ico_blogfeed.png) center left  no-repeat;
	font-size:95%;
l	ine-height:140%;
}

/* --------------------------------------
　サイド_サービスメニュー
--------------------------------------- */

#side ul{
	margin: 0 0 10px 15px;
}

#side ul li{
	margin: 5px 0 5px 10px;
	line-height: 140%;
}


/* --------------------------------------
　問合せフォーム
--------------------------------------- */

.formtable {
	margin:20px 40px 15px 60px;
	width: 550px; 
	background: #ffffff;
	border-top: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.formtable th {
	width:140px;
	padding: 10px;
	font-weight: bold;
	line-height:130%;
	vertical-align: top;
	text-align: right;
	background: #dddddd;
	border-bottom: 1px #999999 solid;

}

.formtable td {
	padding: 10px;
	line-height:130%;
	vertical-align: top;
	background: #f0f0f0;
	border-bottom: 1px #999999 solid;
}


/* --------------------------------------
　メイン_記事
--------------------------------------- */

.post-content {
}

.post-title {
	font-size: 200%;
	line-height: 120%;
}

.post-content h3 {
}

.post-content h4 {
}

.post-content p {
}

.post-content p.nomal {
	margin: 0 20px 5px 80px;
	font-size: 100%;
	line-height: 160%;
}

.post-content ol {
}

.post-content li {
}

/* --------------------------------------
　メイン_汎用（common）
--------------------------------------- */

div.common .post-content h2 {
	margin:0 0 20px 0;
	width:600px;
	height:60px;
	font-size: 200%;
	line-height: 120%;
	text-indent:-9999px;
}

div.common .post-content h2.anatapub_service {background:url(img/h2_service.png) top left no-repeat;}
div.common .post-content h2.anatapub_support {background:url(img/h2_support.png) top left no-repeat;}
div.common .post-content h2.anatapub_contact {background:url(img/h2_contact.png) top left no-repeat;}
div.common .post-content h2.anatapub_mitsumori {background:url(img/h2_mitsumori.png) top left no-repeat;}
div.common .post-content h2.anatapub_faq {background:url(img/h2_faq.png) top left no-repeat;}
div.common .post-content h2.privacy {background:url(img/h2_privacy.png) top left no-repeat;}
div.common .post-content h2.policy {background:url(img/h2_policy.png) top left no-repeat;}
div.common .post-content h2.digical {background:url(img/h2_digical.png) top left no-repeat;}
div.common .post-content h2.about {background:url(img/h2_about.png) top left no-repeat;}
div.common .post-content h2.staff {background:url(img/h2_staff.png) top left no-repeat;}
div.common .post-content h2.faq {background:url(img/h2_faq.png) top left no-repeat;}


div.common .post-content h3 {
	margin:0 0 5px 60px;
	height:20px;
	font-size: 120%;
	line-height: 120%;
	text-indent:-9999px;
}

div.common .post-content h3.anatapub_support {background:url(img/h3_anatapub_support.png) top left no-repeat;}
div.common .post-content h3.anatapub_follow {background:url(img/h3_anatapub_follow.png) top left no-repeat;}
div.common .post-content h3.anatapub_premium {background:url(img/h3_anatapub_premium.png) top left no-repeat;}
div.common .post-content h3.anatapub_revival {background:url(img/h3_anatapub_revival.png) top left no-repeat;}
div.common .post-content h3.shikumi {background:url(img/h3_shikumi.png) top left no-repeat;}
div.common .post-content h3.word {background:url(img/h3_word.png) top left no-repeat;}
div.common .post-content h3.faq {background:url(img/h3_faq.png) top left no-repeat;}
div.common .post-content h3.daihyou {background:url(img/h3_daihyou.png) top left no-repeat;}
div.common .post-content h3.editorinchief {background:url(img/h3_editorinchief.png) top left no-repeat;}
div.common .post-content h3.editor {background:url(img/h3_editor.png) top left no-repeat;}
div.common .post-content h3.faq_edit {background:url(img/h3_faq_edit.png) top left no-repeat;}
div.common .post-content h3.faq_store {background:url(img/h3_faq_store.png) top left no-repeat;}
div.common .post-content h3.faq_web {background:url(img/h3_faq_web.png) top left no-repeat;}

div.common .post-content h4 {
	margin:0 0 5px 80px;
	font-size: 120%;
	line-height: 120%;
	font-weight:bold;
}

div.common .post-content h4.faq {
	margin:10px 0 5px 80px;
	padding:13px 0 3px 38px;
	min-height:30px；
	_height:30px;
	background:url(img/icon_faq_q.png) top left no-repeat;
	font-size: 120%;
	line-height: 120%;
	font-weight:bold;
	color:#0099cc;
}


div.common .post-content p {
	margin: 0 30px 5px 80px;
	font-size: 100%;
	line-height: 160%;
}

div.common .post-content p.link {
	padding:0 0 0 16px;
	background:url(img/icon_link.png) center left no-repeat;
	font-size: 100%;
	line-height: 160%;
}

div.common .post-content ul {
	margin:0 0 10px 80px;
}

div.common .post-content li {
	margin:2px 0 2px 10px;
	padding:0 0 0 16px;
	background:url(img/icon_list.png) top left no-repeat;
	font-size:90%;
	line-height: 120%;
}

div.common .post-content dl{
	margin:0 0 0 20px;
	min-height:140px;
	_height:140px;
}

div.common .post-content dl.profile-block{
	margin:10px 0 0 60px;
	width:520px;
}
div.common .post-content dt{
	margin:0;
	width:120px;
	min-height:120px;
	_height:120px;
	disply:block;
	float:left;
	clear:both;
	background-color:#999999;
}

div.common .post-content dd{
}


div.common .post-content dd.name{
	margin:0 0 10px 140px;
	font-size:120%;
	font-weight:bold;
}

div.common .post-content dd.profile{
	margin:0 0 5px 140px;
	font-size:100%;
	line-height:140%;
}

div.common .post-content dd.link {
	margin:0 0 10px 140px;
	padding:0px 0 0px 16px;
	background:url(img/icon_link.png) center left no-repeat;
	font-size: 100%;
	line-height: 160%;
}

div.common .post-content .block {
	margin:0 0 20px 0;
}

div.common .post-content .block_faqlist {
	margin:0 30px 40px 60px;
	border-bottom:1px solid #999999;
}

div.common .post-content .name {
	margin:40px 0 20px 405px;
}


/* --------------------------------------
　メイン_サービス
--------------------------------------- */

div.service .post-content {
}

div.service .post-content h2 {
	margin:0 0 10px 0;
	width:600px;
	height:60px;
	font-size: 200%;
	line-height: 120%;
	text-indent:-9999px;
}

div.common .post-content h2.anatapub_service {background:url(img/service/h2_service.png) top left no-repeat;}
div.service .post-content h2.anatapub_support {background:url(img/service/h2_anatapub_support.png) top left no-repeat;}
div.service .post-content h2.anatapub_follow {background:url(img/service/h2_anatapub_follow.png) top left no-repeat;}
div.service .post-content h2.anatapub_premium {background:url(img/service/h2_anatapub_premium.png) top left no-repeat;}
div.service .post-content h2.anatapub_revival {background:url(img/service/h2_anatapub_revival.png) top left no-repeat;}

div.service .post-content h3 {
	margin:0 0 10px 60px;
	font-size: 120%;
	line-height: 120%;
	text-indent:-9999px;
}

div.service .post-content h3.servicemenu {background:url(img/service/h3_servicemenu.png) top left no-repeat;}
div.service .post-content h3.serviceprice {background:url(img/service/h3_serviceprice.png) top left no-repeat;}
div.service .post-content h3.serviceflow {background:url(img/service/h3_serviceflow.png) top left no-repeat;}
					
div.service .post-content h4 {
	margin:0 0 10px 60px;
	font-size: 120%;
	line-height: 120%;
}

div.service .post-content p {
	margin: 0 20px 5px 80px;
	font-size: 100%;
	line-height: 160%;
}

div.service .post-content p.link {
	padding:0 0 0 16px;
	background:url(img/icon_link.png) center left no-repeat;
	font-size: 85%;
	line-height: 160%;
}

div.service .post-content ul {
	margin:0 0 10px 80px;
}

div.service .post-content li {
	margin:2px 0 2px 10px;
	padding:0 0 0 16px;
	background:url(img/icon_list.png) top left no-repeat;
	font-size:90%;
	line-height: 120%;
}

div.service .post-content table{
	margin:0 0 10px 80px;
	width: 500px; 
	border-collapse: collapse;
	border-spacing: 0;
	border-top:1px #0099cc solid;
}

div.service .post-content th {
	width:100px;
	padding:0 10px 5px 0;	
	vertical-align:bottom;
	background-color:#0099cc;
	border-bottom:1px #ffffff solid;
	text-align: right; 
	font-size:90%;
	line-height:120%;
	font-weight:bold;
	color:#ffffff;
}

div.service .post-content td {
	width:400px;
	padding:10px 0 5px 10px;
	vertical-align:baseline;
	border-bottom:1px #0099cc solid;
	text-align: left; 
	font-size:100%;
	line-height:120%;
}

div.service .post-content .block {
	margin:0 0 40px 0;
}
 
.imgleft,
.imgright{
}

.imgleft img{
	margin:0 10px 5px 0;
	float:left;
}

.imgright img{
	margin:0 0 5px 10px;
	float:right;
}

/* --------------------------------------
　メイン_おしらせ（news）
--------------------------------------- */

div.news .post-title {
	margin:0 0 20px 80px;
	font-size: 200%;
	line-height: 120%;
}

div.news .post-content h2 {
	margin:0 0 20px 80px;
	width:600px;
	height:60px;
	font-size: 200%;
	line-height: 120%;
	text-indent:-9999px;
}

div.news .post-date{
	margin: 0 30px 10px 80px;
	font-size: 90%;
	line-height: 120%;
}

div.news .post-meta{
	margin: 0 30px 80px 80px;
	font-size: 90%;
	line-height: 120%;
}

div.news .post-content h3 {
	margin:0 0 5px 60px;
	height:20px;
	font-size: 120%;
	line-height: 120%;
	text-indent:-9999px;
}

div.news .post-content h4 {
	margin:0 0 5px 80px;
	font-size: 120%;
	line-height: 120%;
	font-weight:bold;
}

div.news .post-content p {
	margin: 0 30px 15px 80px;
	font-size: 100%;
	line-height: 160%;
}

div.news .post-content p.link {
	padding:0 0 0 16px;
	background:url(img/icon_link.png) center left no-repeat;
	font-size: 100%;
	line-height: 160%;
}

div.news .post-content ul {
	margin:0 0 10px 80px;
}

div.news .post-content li {
	margin:2px 0 2px 10px;
	padding:0 0 0 16px;
	background:url(img/icon_list.png) top left no-repeat;
	font-size:90%;
	line-height: 120%;
}