@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
guideディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*タイトル - ご利用ガイド*/

h3.pageTitle {
	/*background: url(/guide/images/title.gif) 0 0;*/
	background-image: url(/guide/images/title.gif);
}

/*
#subCoverArea {
	background-image: url(/guide/images/title.gif);
}
*/

#divGuide {
	padding: 35px 0;
}
h4.h4TitleGuide0465 {
	height: 37px;
	width: 235px;
	font-size: 12px;
	display: block;
	text-indent: -9999px;
	background: url(/guide/images/ttl-1st-0465.gif) no-repeat left top;
}
h4.h4TitleGuidePublic {
	height: 37px;
	width: 264px;
	font-size: 12px;
	display: block;
	text-indent: -9999px;
	background: url(/guide/images/ttl-1st-public.gif) no-repeat left top;
}
h4.h4TitleGuideShop {
	height: 37px;
	width: 321px;
	font-size: 12px;
	display: block;
	text-indent: -9999px;
	background: url(/guide/images/ttl-1st-shop.gif) no-repeat left top;
}
.divGuideWrap {
	margin-top: 70px;
}
.divGuideInnerLeft {
	float: left;
	width: 445px;
}
.divGuideInnerRight {
	float: right;
	width: 445px;
}

#divGuide ul {
	list-style-type: none;
}
#divGuide li {
	float: left;
	padding-left: 10px;
	margin: 0 0 5px 0;
	background: #F4F4F4;
}
#divGuide li.GuideLeftBox {
	float: left;
	clear: both;
	width: 445px;
}
#divGuide li.GuideRightBox {
	float: right;
	width: 445px;
}
#divGuide li a {
	width: 403px;
	padding: 10px 17px 10px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	display: block;
	background: url(/guide/images/arrow.gif) no-repeat 0 50%;
}
#divGuide li a:hover {
	color: #09F;
}
#divManualSwf {
	height: 510PX;
	width: 690px;
}




/*0465.netについて*/

/*タイトル - 0465.netについて*/
h3.pageTitle0465 {
	background: url(/guide/info/images/title.gif) 0 0;
}

/*タイトル - 推奨ブラウザについて*/
h3.pageTitleBrowser {
	background: url(/guide/browser/images/title.gif) 0 0;
}

/*タイトル - 著作権について*/
h3.pageTitleCopyright {
	background: url(/guide/copyright/images/title.gif) 0 0;
}

/*タイトル - セキュリティについて*/
h3.pageTitleSecurity {
	background: url(/guide/security/images/title.gif) 0 0;
}

/*タイトル - マップ検索マニュアル*/
h3.pageTitleGuideManuMap {
	background: url(/guide/manual/images/title-guide-manu-map.gif) 0 0;
}

/*タイトル - ブログ更新マニュアル*/
h3.pageTitleGuideManuBlog {
	background: url(/guide/manual/images/title-guide-manu-blog.gif) 0 0;
}

/*タイトル - クーポン利用マニュアル*/
h3.pageTitleGuideManuCoupon {
	background: url(/guide/manual/images/title-guide-manu-coupon.gif) 0 0;
}

/*タイトル - サービス内容／価格について*/
h3.pageTitleGuideService {
	background: url(/guide/service/images/title.gif) 0 0;
}

/*タイトル - お店ページ更新／運用マニュアル*/
h3.pageTitleGuideManuShop {
	background: url(/guide/manual/images/title-guide-manu-shop.gif) 0 0;
}

/*タイトル - 資料請求について*/
h3.pageTitleGuideRequest {
	background: url(/guide/request/images/title.gif) 0 0;
}

/*タイトル - 0465.net出店の申込について*/
h3.pageTitleGuideBranch {
	background: url(/guide/branch/images/title.gif) 0 0;
}

/*タイトル - 広告掲載に関するお問い合わせ*/
h3.pageTitleGuideAd {
	background: url(/guide/ad/images/title.gif) 0 0;
}

/*タイトル - ブログサービス利用規約*/
h3.pageTitleGuideTermBlog {
	background: url(/guide/term-blog/images/title.gif) 0 0;
}

/*タイトル - コミュニティガイドライン*/
h3.pageTitleGuideTermCommunity {
	background: url(/guide/term-community/images/title.gif) 0 0;
}

/*タイトル - サービスチケットの使い方*/
h3.pageTitleGuideManuTicket {
	background: url(/guide/manual/images/title-guide-manu-ticket.gif) 0 0;
}

/*タイトル - おだわら伝言板ってなに？*/
h3.pageTitleDengon {
	background: url(/guide/dengon/images/title.gif) 0 0;
}

/*タイトル - 団体ブログってなに？*/
h3.pageTitleGroup {
	background: url(/guide/group/images/title.gif) 0 0;
}

/*タイトル - 0465.netサイト会員規約*/
h3.pageTitleGuideTermMember {
	background: url(/guide/term-member/images/title.gif) 0 0;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
団体ブログって何？
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body.bodyGroupBlog div.unitListBoxCol2Area {
	background: url(/guide/group/images/whats-cover.jpg) left top no-repeat;
	/*background-color: #FF6699;*//*debug*/
}


/*-------------------------------------------------------------
キャッチコピー等
-------------------------------------------------------------*/
div#divCatchCopyArea {
}

div#divCatchCopyArea h4 {
	height: 62px;
	width: 360px;
	margin-bottom: 28px;
	font-size: 0.5em;
	color: #000;
	line-height: 160%;
	text-indent: -99999em;
	background: url(/guide/group/images/catchcopy.gif) left top no-repeat;
}


div#divCatchCopyArea p.strongLeadTop,
div#divCatchCopyArea p.strongLeadBottom {
	font-weight: bold;
	line-height: 160%;
}

div#divCatchCopyArea p.strongLeadTop {
	width: 474px;
	padding-top: 30px;
	margin: 0 0 24px;
	font-size: 1.2em;
	color: #000;
	line-height: 160%;
}

div#divCatchCopyArea p.strongLeadBottom {
	width: 380px;
	margin: 0 0 24px;
	font-size: 1.1em;
	color: #666;
}

/*GoogleMaps画像*/
img.imgGoogleMaps {
	float: right;
	margin: 0 0 0.5em 1em;
}


/*-------------------------------------------------------------
機能紹介レイアウトのテーブル
-------------------------------------------------------------*/

/*レイアウトテーブル*/
table.tableGroupBlogLayout {
}

table.tableGroupBlogLayout th,
table.tableGroupBlogLayout td {
	padding: 0;
	/*vertical-align: top;*/
}

table.tableGroupBlogGuide {
}

table.tableGroupBlogGuide th {
	padding-bottom: 0.3em;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

table.tableGroupBlogGuide td {
	padding-bottom: 0.3em;
}


/*二つのモード画像*/
p.p2mode {
	float: right;
	width: 210px;
	padding-left: 0.5em;
}

/*二つのモード（スイッチ）イラスト*/
img.imgSwitch {
	margin: 0.5em 0;
}

/*-------------------------------------------------------------
使い方事例
-------------------------------------------------------------*/
div#divCaseStudy {
	width: 690px;
}

div#divCaseStudy h4 {
	height: 26px;
	width: 690px;
	margin-bottom: 28px;
	font-size: 0.5em;
	color: #000;
	/*line-height: 160%;*/
	text-indent: -99999em;
	background: url(/guide/group/images/ttl-case.gif) left top no-repeat;
}


div#divCaseStydyBody {
	width: 690px;
	background: url(/guide/group/images/border-casestudy-vertical.gif) left top repeat-y;
}

div#divCaseStydyBody h5 {
	color: #000;
	font-size: 1.3em;
	padding-bottom: 0.5em;
}

div#divCaseStydyBody p {
	/*float: right;*/
	padding-left: 125px;
	padding-bottom: 0.8em;
	width: 210px;
	line-height: 160%;
}

div#divCaseStydyBody .columnLeft,
div#divCaseStydyBody .columnRight {
	width: 335px;
	padding-bottom: 20px;
}

div#divCaseStydyBody .columnLeft {
	float: left;
}

div#divCaseStydyBody .columnRight {
	float: right;
}

/*
div#divCaseStydyBody .columnLeft p,
div#divCaseStydyBody .columnRight p {
	float: right;
	width: 215px;
}
*/




/*使い方事例テーブル*/
table.tableCaseStudyBlock {
	width: 335px;
}


#caseStudyKanji			{ background-image: url(/guide/group/images/fig-case-kanjiyaku.jpg); }
#caseStudyRecruit		{ background-image: url(/guide/group/images/fig-case-recruit.jpg); }
#caseStudyDiary			{ background-image: url(/guide/group/images/fig-case-diary.jpg); }
#caseStudyPr			{ background-image: url(/guide/group/images/fig-case-pr.jpg); }
#caseStudyPhotoAlbum	{ background-image: url(/guide/group/images/fig-case-photoalbum.gif); }

#caseStudyKanji,
#caseStudyRecruit,
#caseStudyDiary,
#caseStudyPr,
#caseStudyPhotoAlbum {
	background-position: left top;
	background-repeat: no-repeat;
 }



/*-------------------------------------------------------------
ボーダーライン
-------------------------------------------------------------*/
div.divBorderLine {
	height: 3px;
	margin: 20px 0 30px;
	font-size: 1px;
	background: url(/guide/group/images/border.gif) left top no-repeat;
}

div.divBorderCasStudy {
	height: 20px;
	background: url(/guide/group/images/border-casestudy-horizontal.gif) left top no-repeat;
}


/*-------------------------------------------------------------
社長
-------------------------------------------------------------*/
h4#h4Koba {
	width: 690px;
	height: 204px;
	background: url(/guide/group/images/koba.gif) left top no-repeat;
	font-size: 0.5em;
	text-indent: -99999em;
}