@charset "Shift_JIS";



/* CSS Document */



/*　ボディーの基本設定　*/

body { 

	margin : 0px ; 

	padding : 0px  ; 

	font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ;

	text-align : center ;

	background : url(../img_common/body_bg.gif) repeat ;}



/*　For Print　*/

@media print{

	body { background-image:none ;background-color : #c7c7c7 }

	}





p { margin : 0px }

img { border:0; }



/*　見出し　*/

h1 { 

	margin : 0px ;

	padding : 0px ; 

	font-size : 80% }

h2 { 

	margin : 0px ;

	padding : 0px ; 

	font-size : 80% ;}



h3 { 

	margin : 0px ;

	padding : 0px ; 

	font-size : 80% }

h4 {

	margin : 0px 0px 15px 0px ;

	padding : 0px ; 

	font-size : 80% }





a { text-decoration : underline ; color:#0071BA}

a:hover { text-decoration : underline ; color: #F63 ;}



/* input { line-height:inherit} */



/*　---------------------★コンテナー枠---------------------　*/



#container { 

	margin : 0px auto ;

	padding:0px  ;

	width : 950px ;/*　左ナビの幅によって調節　*/

	background : /*　url(../img_common/container_bg.gif) repeat-y left　*/ #f5f5f5 ;

	border:solid #bbb ;

	border-width:0 1px }



/*　---------------------★ヘッダー



header_common1, header_commonで設定。

企業ユーザー、士業ユーザーごとにヘッダーCSS（ロゴ設定）を分岐。



---------------------　*/





/*　---------------------★パンくずリスト---------------------　*/



#pan-list { 

	margin:0px 0px 16px 0px ;

	padding:3px 0px 3px 24px ;

	color : #000 ;

	background:#e5e5e5;

	border-top:2px solid #737373 ;

	border-bottom:1px solid #999 ;

	font-size : 80% ;

	text-align : left ;

	clear : both }



#pan-list a { color : #0071BA ;}





/*　---------------------★ナビゲーション---------------------　*/



#navi {
	width : 212px ;
	margin: 0px auto ;
	float : left ;}

#navi .navi-box {
	width:180px ;
	margin:0px auto 13px auto ;
	padding:6px 0 6px 0;
	font-size:80% ;
	line-height:150% ;
	border:solid #999 ;
	border-width:0 1px 1px 1px ;
	background:#fff; }

#navi .navi-box .navi-bar { 
	margin:6px 0px 6px 0px ;}


/* 運営管理情報 */
#navi .navi-box-info {
	border:solid 1px #E7BD57 ;
	background:#FCFBCB; }


/*　リンク基本　*/
#navi .navi-box a {
	width:150px ;
	padding:0px 0px 0px 20px ;
	margin:0 auto 4px auto ;
	background :url(../img_common/ico_link.gif) no-repeat 5px 4px ;
	display:block ;
	text-align:left }


/*　新規登録アイコン　*/
#navi .navi-box .list02 a { background :url(../img_common/ico_link02.gif) no-repeat 5px 4px ;}
#navi .navi-box a.on { color:#f50 }

/*　管理事務局へリンク　*/
#navi .navi-box .support a { background :url(../img_common/ico_sb_post.gif) no-repeat 0px 4px ;}

/* 規約リンク */
#navi .navi-box .note a { background :url(../img_common/ico_clist.gif) no-repeat 3px 4px ;}

/* お知らせ */
#navi .navi-box .info a { background :url(../img_common/ico_info.gif) no-repeat 3px 4px ;}


/*　サブナビトップ　*/
#navi .navi-box .snavi-top { 
	margin:0px auto 5px 10px ;
	font-weight:600 ;
	color:#014598 ;
	text-align:left ;}



/*　トップリンク　*/

#navi img.top-link {

	margin:2px 0px 16px 0px  ;

	background-color:#D9ECFF ;

	border:1px solid #0CF ;

	text-decoration:none ;

	font-weight:600 ;}

#navi img.top-link { border:0 ; }



/*　その他リンク　*/

#navi .navi-box .txt-b { font-weight:bold }





/*　---------------------★コンテンツ---------------------　*/



#contents { 

	margin : 0px auto 0px auto ;

	padding : 16px 0px 0px 0px ;

	width : 720px ;

	height : auto ;

	text-align : left ;

	float:left ;

	background : url(../img_common/contents_top.gif) no-repeat top #fff ; }

	

#contents p {

	line-height:150%;

	color:#333;}





/*　ブログ確認・HP確認リンク　*/

/*　#contents h2 span { 

	margin : 0px;

	padding : 0px ; 

	width : auto ;

	text-align : right ;

	float : right ;}　*/





/*　種別ごと　*/

#contents #blog ,

#contents #hp ,

#contents #seo ,

#contents #customer ,

#contents #account ,

#contents #hp-m ,

#contents #mb ,

#contents #mb-hp ,

#contents #mb-blog {

	margin:0 auto 0px auto ;

	padding:0 0 26px 0 ;

	width:689px ;

	font-size:90% ;

	line-height:140% ;

	clear:both }



#contents #blog img.log ,

#contents #hp img.log {

	vertical-align:middle }



#contents #blog { background : url(../img_common/blog_bg.gif) no-repeat bottom ; }

#contents #hp { background : url(../img_common/hp_bg.gif) no-repeat bottom ; }

#contents #seo { background : url(../img_common/seo_bg.gif) no-repeat bottom ; }

#contents #customer { background : url(../img_common/customer_bg.gif) no-repeat bottom ; }

#contents #account { background : url(../img_common/account_bg.gif) no-repeat bottom ; }

#contents #hp-m { background : url(../img_common/hp_m_bg.gif) no-repeat bottom ; }

#contents #mb { background : url(../img_common/mb_bg.gif) no-repeat bottom ; }

#contents #mb-hp { background : url(../img_common/mb_bg.gif) no-repeat bottom ; }

#contents #mb-blog { background : url(../img_common/mb_bg.gif) no-repeat bottom ; }







/*　h2、h3設定　*/

#contents h2 { 

	margin:0px 0px 0px 0px ;

	height:50px ;

	background :#fff ;

	clear:both;

	text-align:right ;font-size:1px }



/*　種別ごとのh2背景　*/

#contents #blog h2 { color:#fff ; background :url(../img_common/h2_blog.gif) no-repeat center top; } 

#contents #hp h2 { color:#fff ; background :url(../img_common/h2_hp.gif) no-repeat center top; }

#contents #seo h2 { color:#fff; background :url(../img_common/h2_seo.gif) no-repeat center top;}

#contents #customer h2 { color:#fff ; background :url(../img_common/h2_customer.gif) no-repeat center top ; }

#contents #account h2 { color:#fff ; background :url(../img_common/h2_account.gif) no-repeat center top; }

#contents #hp-m h2 { color:#fff ; background :url(../img_common/h2_hp_m.gif) no-repeat center top; }

#contents #mb h2 { color:#fff ; background :url(../img_common/h2_mb.gif) no-repeat center top; }

#contents #mb-hp h2 { color:#fff ; background :url(../img_common/h2_mb.gif) no-repeat center top; }

#contents #mb-blog h2 { color:#fff ; background :url(../img_common/h2_mb.gif) no-repeat center top; }

#contents #infomation h2 { color:#fff ; background :url(../img/info_top.gif) no-repeat center top; }




/*　マニュアルリンク　*/

#contents h2 span { 

	margin:3px 0px 2px 0px ;

	padding:0px 18px 0px 0px ;

	float:right ;

	font-weight:normal ;

	font-size:14px ;

/*　	display:none ;　*/}

#contents h2 span a {

	padding:0px 0px 0px 18px ;

	background :url(../img_common/ico_manual.gif) no-repeat 0px 2px ;}





/*　h3設定　*/

#contents h3 { 

	margin:15px auto 10px auto ;

	padding:5px 10px ;

	font-size:100% ;

	text-align:left ;clear:both ;

	background:#e6e6e6;

	border:solid #a6a6a6 ;

	border-width:1px 0 ;

	clear:both;

	color:#014598;}



#contents h3 span{ font-weight:normal ;color:#333 }

#contents h3 input{ margin-bottom:4px ;float:right }



#contents h3.h3-2 { background-color: #FFFFCC;}





/*　h4設定　*/

#contents h4 {

	margin:16px 0px 16px 0px ;

	padding:0 0 3px 14px ;

	font-size:110% ;

	background :url(../img_common/h4_bg.gif) repeat-x bottom;}



#contents #blog h4 ,

#contents #hp h4 ,

#contents #mb h4 ,

#contents #mb-hp h4 ,

#contents #mb-blog h4 { color:#014598 }

#contents #access h4 ,

#contents #seo h4 { color:#363 }

#contents #customer h4 { color:#630 }

#contents #account h4 { color: #555 }

#contents #hp-m h4 { color: #555 }







/* ポップアップヘルプ　リンクボタン */

#contents .pop-help {

	float:right ;

	margin-bottom:4px ;

	}









/*　---------------------★このページトップへ---------------------　*/



#contents p.pagetop { 

	margin : 1em auto 0px auto ;

	padding:0px 20px 15px 0px ;

	height:35px ;

	color : #666 ;

	font-size : 80% ;

	text-align : right ;

	clear : both ;

	background : url(../img_common/contents_bottom.gif) no-repeat top #f5f5f5 }



/*　下行間つめ　*/

#contents p.pagetop2 {

	margin : 2em auto 0 auto ;

	color : #666 ;

	width : 620px ;

	font-size : 80% ;

	text-align : right ;

	clear : both }









#contents .txt-c { text-align:center }

#contents .hr { margin:10px 0px 26px 0px ;clear:both }

#contents .txt-ti {

	font-weight:600 ;

	font-size:90% ;

	margin:16px 0px 4px 0px ;

	clear:both }

#contents .txt-b { font-weight:600 }



#contents .w50-l { width:310px ; float: left } 

#contents .w50-r { width:310px ; float: right } 





#contents .m-box {

	margin:0 auto ;

	width:640px ;

	clear:both }



#contents .count-box {

	margin:0px auto 10px auto ;

	width:640px ;

	clear:both }

#contents .count-box p{

	line-height:250%;}



/*　３列メニュー　*/

#contents .menu {

	margin-bottom:10px ;

	padding:0px 0px 0px 10px ;

	width:180px ;

	float:left ;

	line-height:2em ;

	/*　font-size:90% ;　*/ }



/*　３列メニュー　070126追加　DM送信TOP*/

#contents .menu2 {

	margin-bottom:20px ;

	padding:0px 0px 0px 50px ;

	width:180px ;

	float:left ;

	line-height:160% ;

	/*　font-size:90% ;　*/ }

	

#contents .btn {	

	width:200px ;

	float:left ;

	margin:0px 0px 14px 0px ;}



/* ブログ　４列メニュー用 */

#contents .btn2 {	

	width:160px ;

	float:left ;

	margin:0px 0px 14px 0px ;}





/*　---------------------テーブル---------------------　*/



#contents table {

	margin:0px auto 15px auto ;

	width:100% ;

	/*　font-size:90% ;　*/} 

#contents table th {

	padding:0px 0 ;

	line-height:160% ;

	text-align:center ;

	font-weight:normal ;

	background:url(../img_common/th_bg.jpg) repeat-x #e8e8e8 bottom ;} 

	

#contents table th.w30p { width:200px ;

	background:url(../img_common/th_bg_hpkanri.gif) repeat-x #FFFEEC bottom ;}

#contents table th.w50p { width:50% ;

	background:url(../img_common/th_bg_hpkanri.gif) repeat-x #FFFEEC bottom ;}

	

#contents table td {

	padding:5px 10px ;

	line-height:180% ;

	vertical-align:top ;

	} 



/*　テーブル幅　*/



.m-box .w500 { width : 500px ; }

.m-box .w450 { width : 450px ; }

.m-box .w400 { width : 400px ; }

.m-box .w350 { width : 350px ; }

.m-box .w300 { width : 300px ; }

.m-box .w280 { width : 280px ; }

.m-box .w250 { width : 250px ; }

.m-box .w200 { width : 200px ; }

.m-box .w180 { width : 180px ; }

.m-box .w160 { width : 160px ; }

.m-box .w150 { width : 150px ; }

.m-box .w130 { width : 130px ; }

.m-box .w120 { width : 120px ; }

.m-box .w110 { width : 110px ; }

.m-box .w100 { width : 100px ; }

.m-box .w80 { width : 80px ; }

.m-box .w60 { width : 60px ; }

.m-box .w50 { width : 50px ; }

.m-box .w40 { width : 40px ; }

.m-box .w30 { width : 30px ; }

.m-box .w20 { width : 20px ; }

.m-box .w10 { width : 10px ; }



/*　テーブル幅　％　*/

.m-box .w25p { width:25% ;}

.m-box .w80p { width:80% ;}

.m-box .w98p { width:98% ;}



/*　テキスト位置　*/

.m-box .txt-l {text-align:left ;}	

.m-box .txt-r {text-align:right ;}	

.m-box .txt-c {text-align:center ;}	



/*　img float　*/

.m-box .img-l { float:left }

.m-box .img-r { float:right }



/*　アイコン付リンク基本　*/

#contents .m-box table#tb-box-hpkanri td a,
#contents .m-box table td .menu a , 
#contents .m-box table td .menu2 a {
	padding:0px 0px 0px 16px ;
	background :url(../img_common/ico_link.gif) no-repeat 0px 2px ;}



/*　アイコン付リンク基本　*/
#contents .menu a ,
#contents .m-box a.link { 
	padding:0px 0px 0px 16px ;
	background :url(../img_common/ico_link.gif) no-repeat 0px 2px ;}

/*　アイコン表示しない場合　*/
#contents .m-box .btn a ,
#contents .m-box table td a.list-no { background:none ;padding:0 }

/*　リンク編集（鉛筆）　*/
#contents .m-box table td a.pen ,
#contents .m-box .menu a.pen { 
	background :url(../img_common/ico_account.gif) no-repeat ;}

/*　リンク一覧（ノート）　*/
#contents .m-box table td a.note ,
#contents .m-box .menu a.note { 
	background :url(../img_common/ico_clist.gif) no-repeat ;}

/*　リンク検索（虫眼鏡）　*/
#contents .m-box table td a.search ,
#contents .m-box .menu a.search ,
#navi .navi-box a.search { 
	background :url(../img_common/ico_search.gif) no-repeat ;padding-left:22px}

/*　リンク削除（ゴミ箱）　*/
#contents .m-box .menu a.del { 
	background :url(../img_common/ico_del.gif) no-repeat ;}



/*　リンク左サイドメニュー(アイコン青)　*/
#navi .navi-box a.blue{
	background :url(../img_common/ico_link04.gif) no-repeat 5px 4px ;}


/*　テキストリンク右,左よせ　*/
#contents .m-box .txt-r-link {
	text-align:right ;
	font-size:90% ;}

#contents .m-box .txt-l-link {
	font-size:90% ;}	

#contents .m-box .txt-r-link a ,
#contents .m-box .txt-l-link a {
	padding:0px 0px 0px 16px ;
	background :url(../img_common/ico_link.gif) no-repeat 0px 2px ;	
	font-weight:600 ;}


/*　上級者向け管理ページ　アナウンス　*/

#contents .m-box .levelup {
	color:#F60 ;
	font-weight:600 ;
	font-size:100% }


/*　---------------------★フッター---------------------　*/

#footer { 
	margin : 0px auto 0px auto ;
	padding : 10px 15px 0px 0px ; 
	height : 30px ;
	font-size : 80% ;
	text-align : right ;
	color : #555 ;
	clear : both ;
	background : url(../img_common/footer_bg.gif) repeat-x top #fff}





/* copyright は hpmin.footer.tplで設定 */

/* 分岐有 */







/*　========================================================　*/



/*　menu-box メニューボックス　*/

/*　.m-box {

	margin : 0px auto 15px auto ;

	padding : 0px ; 　*/

/*　	width : 640px ; }　*/





.m-box table.tb-box {

	margin : 0px auto 0px auto ;

	width : auto ;

	border:solid #bbb;

	border-width : 1px 0px 0px 1px ;

	width : 640px }



.m-box table.tb-box th {

	padding : 2px ;

	font-size : 100% ;

	font-weight : normal;

	text-align : center ;

	border:solid #bbb;

	border-width : 0px 1px 1px 0px ;

	background:url(../img_common/th_bg.jpg) repeat-x #e8e8e8 bottom ;} 



.m-box table.tb-box td {

	border:solid #aaa;

	border-width : 0px 1px 1px 0px ;

	word-break:break-all;/* 長文英数字でレイアウト崩れ防止(Fox非対応) */}







/*　テーブルセル色　*/

.m-box table.tb-box .sel-bg {
	background:#ecffd7}


.m-box table.menu { width:640px}

.m-box table .center { text-align : center }



/*　tb-boxの中のteble　*/

.m-box table.tb-box .tb-box-in { border:0 ;}

.m-box table.tb-box .tb-box-in td { border:0 ; padding:0px ;}







/*　「表示」セル幅　*/

.m-box table th.hyoji { width : 40px ; }



/*　例・ヘルプ　グレー太字　*/

.example { color : #666 ; font-weight:normal }



/*　必須　*/

.hissu {  color:#F00 ; font-weight:normal ;}

.p-hissu { margin:0px 0px 10px 0px ; font-size:90% }

.p-hissu span { color:#F00 ; font-weight:600}





/* ★注釈コメント、戻るリンクなど */



.txt-memo ,.txt-caution ,.txt-hint {

	margin :0px 20px 15px 20px ; }

.txt-memo span ,

.txt-caution span { color:#f00 }



.txt-memo {

	padding:8px 14px ;

	background:url(../img_common/txt_memo.gif) repeat-x left top ;	

	border:2px dotted #bbb ;

	/*for IE 5.5-7*/

	zoom:1;

	}



.txt-memo:after{

	/*for modern browser*/

	content:".";

	display: block;

	height:0px;

	clear:both;

	visibility:hidden;

	}





.txt-caution {

	padding:10px 14px 8px 65px;

	background:url(../img_common/txt_caution.gif) no-repeat left top ;

	border:1px solid #FFA466 ;}



.txt-hint {

	padding:10px 14px 8px 14px;

	text-align:left ;

	background:url(../img_common/txt_hint2.gif) repeat-x left top ;

	border:1px solid #fac ;

	font-size:100% ;}

.txt-hint img { margin:0 2px 2px 2px ;vertical-align:middle }

.txt-hint span { display:block ;text-align:right }

.txt-hint a {

	padding-left:16px ;

	font-weight:600 ;

	background:url(../img_common/ico_link04.gif) no-repeat left center ;

	}



/*　リンクはてなマーク（ヘルプ）　*/

.txt-help {

	margin-bottom:4px ;

	font-size:85% ;

	text-align:right ;

	}

.txt-help a {

/*	font-weight:600 ;*/

/*	background :url(../img_common/ico_anime01.gif) no-repeat ;*/

	padding:0px 0 0px 0px ;}





/* ページリンク上下 */



.page-navi-top ,

.page-navi-top2 ,

.page-navi-bottom ,

.page-navi-bottom2 {

	text-align:right ;

	clear:both ;

	font-size:85% }

.page-navi-top a ,

.page-navi-bottom a {

	padding-left:16px ;

	background:url(../img_common/ico_link.gif) no-repeat left center ;}

.page-navi-top2 a ,

.page-navi-bottom2 a {

	padding-left:12px ;

	background:url(../img_common/ico_link03.gif) no-repeat left center ;}



.page-navi-top span ,

.page-navi-top2 span ,

.page-navi-bottom span ,

.page-navi-bottom2 span {

	font-weight : 600}



.page-navi-top ,.page-navi-top2 { margin:-10px 0 10px 0 ;}

.page-navi-bottom ,.page-navi-bottom2 { margin:10px 0 10px 0 ; }





	

/*　その他　項目追加サブミット　*/

div.plus {

	margin : -10px 0px 15px 0px ;

	padding : 0 0px 0.5em 0px;

	height : 20px ;

	text-align : right ;

	font-size : 80% ;

	border : none ;}

	

div.plus input {

	cursor:pointer ;

	text-align:center ;	}



	

div.plus span {

	margin : -5px 0px 0px 0px ;

	padding : 0px 5px 0px 0px ;}





.m-box table.tb-menu{width:640px}





/*　right-link　右揃えリンク　*/	

.right-link {text-align:right ; font-size:90%;}	





/*　ページナビ　*/

.page-navi {

	margin : 10px 0px 0px 0px ;

	font-size : 80% ;clear:both}

.page-navi img{

	vertical-align:middle;

}

.page-navi span { font-weight : 600}











/*　---------------------★その他---------------------　*/



/*　ページ内リンク　*/

.p-link {

	padding:8px ;margin:-16px auto 16px auto ;

	border:solid #ccc ;

	border-width:0px 0px 1px 0px ;

	background:#f5f5f5 ;

	color:#555 ;

	font-size:90% ;

	text-align:center ;}

.p-link a.on { color:#f50 }





/*　---------------------★前のページへ---------------------　*/



p.pageback { 

	margin : 0 auto 2em 20px ;

	color : #666 ;

	font-size : 80% ;

	text-align : left ;

	clear : both }



p.pageback img { vertical-align : middle ; margin : 0px 3px 0px 0px ;} 



p.pageback-top { 

	margin : 0 auto 1.5em 0px ;

	color : #666 ;

	font-size : 80% ;

	text-align : left ;

	clear : both }



p.pageback-top img { vertical-align : middle ; margin : 0px 3px 0px 0px ;} 





/*　---------------------★エラー表示、ボタン、フォーム類---------------------　*/



/*　err/info　ページトップ　エラー/インフォメーション　*/



#err {

margin:0px 0px 15px 0px ;

padding : 8px 0 ;

border : 2px solid #f66 ;

background : #fff7e5;

font-size : 90% ;

font-weight : 600 ;

line-height: 130% ;

text-align : center ;}



#err p { color : #F30; }



#info {

margin:0px 0px 15px 0px ;

padding : 8px 0 ;

border:2px solid #5c9 ;

background:#fff7e5;

color: #666;

font-size : 90% ;

font-weight : 600 ;

line-height: 130% ;

text-align : center }









/*　プレビューボタン　*/

.btn_pre {margin:0px 0px 5px 0px ;}





/*　フォーム　保存ボタン　*/		

table#save {

	margin:0px 0px 15px 0px ;

	padding:0 ;

	background:#e5e5e5;}



table#save td{

	padding:10px 10px;

	vertical-align:middle }



#save td.save-r{

	text-align:right;}



input.save { 

	padding : 0px 1px ;

	margin:0px 0px 0px 5px ;

	cursor : pointer ; }

	

#save p.left {

	margin:15px 10px 0px 10px ;

	float:left;font-size:80%}

		

#save p.right { 

	margin:10px 10px 0px 0px ;

	padding:0px 0px 0px 0px ;

	text-align:right;

	float : right ;

	background:url(../img_common/ico_yajirusi.gif) no-repeat left; }



/*　キャンセルボタン　*/

#save td.save-r a.reset {

	padding:0 ;

	background:none ;}

#save td.save-r a.reset img {

	margin-bottom:5px ;}



/*　---------------------★info-page　完了ページ（info）---------------------　*/

#info-page {

	margin-top:30px ;width:95%;

	padding:20px 15px 15px 15px ;

	text-align:center;

	color : #666;

	border:2px solid #5c9 ;

	background:#fff7e5;}



#info-page p {

	margin:0px 0px 0px 0px ;

	font-weight:600;

	color: #666;}

	

#info-page span {

	margin:30px 0px 0px 0px ;

	display:block ;

	text-align:left ;

	font-size:80%}

	



/*　---------------------★err-page　完了ページ（err）---------------------　*/

#err-page {

	margin-top:30px ;

	padding:20px 15px 15px 15px ;

	text-align:center;

	border:2px solid #f66 ;

	background:#fff7e5;}



#err-page p {

	margin:0px 0px 0px 0px ;

	font-weight:600;

	color : #F30;}

	

#err-page span {

	margin:30px 0px 0px 0px ;

	display:block ;

	text-align:left ;

	font-size:80%}

	

	

/* --------------------------070110追加　解約申込強調----------------------------- */



.red{ color:#f00;}



#container #employee h3.red{

	margin:15px auto 10px auto ;

	padding:4px 10px ;

	font-size:90% ;

	text-align:left ;clear:both ;

	background:#fcc ;

	border:solid #f00 ;

	border-width:1px 0 ;

	font-weight:bold ;

	clear:both;}

	





/*　---------------------------　通知内容ﾒｰﾙの確認　------------------------------　*/

#newa .tb-box table td a.pen {

	background :url(../img_common/ico_account.gif) no-repeat ;

	font-size : 90% ;}



/* --------------------------071112　ブログレイアウト現在の設定----------------------------- */



#container .m-box .red2{

	 color:#f00;

	font-weight:bold;}