@charset "EUC-JP";

/* ---- <img>を<a>で囲んだ時に標準表示される罫線を消す ----- */
a img	{
	border: none; 
	text-decoration: none;
	}
	
/* ---- Firefoxで常にスクロールバーを表示する。これでセンタリング位置ずれない ----- */	
html	{
	overflow-y:scroll;
	}	
	
body 	{
	margin:10px 0px 10px 0px; 
 /* ページ全体のmargin 〜IE＆Firefoxはこれで調節*/
	padding: 0px 0px; /* ページ全体のpadding 〜Opereの余白はこれで調節、横幅％指定の時はウィンドウの端（左右）からの距離が決まります。px指定の時は関係なし 
	http://www.1uphp.com/con2/layout/pagemarginpadding.html	*/
	font-family: Verdana, Tahoma,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#F2F2F2;
	font-size:14px;
	}
	
/******************************************************/
/* +++++++++++++++++++++ 共通 +++++++++++++++++++++ */
/******************************************************/	

/*---- 記載順番は、:link → :visited → :hover → :active になります。---*/
	
a{	
	}
	
a:visited{
	color:#006699;
	}	

a:hover	{
	color:#ff0000;
	text-decoration:none;
	}
	
a:active{
	text-decoration:none;
	}		

.red	{
	color:#DD0000;
	}
	
.blue{
	color:#0000FF;
	}
	
.pink	{
	color:#E06897;
	}	
	
.orange	{
	color:#FF9900;
	}

.darkorange	{
	color:#CC6600;
	}	
	
.brown  {
	color:#996600;
	}
	
.white  {
	color:#fff;
	}	
	
a.black  {
	color:#737373;
	}
	
a:visited.black{
	color:#737373;
	}		
	
a:hover.black{
	color:#737373;
	}	
	
a.red  {
	color:#DD0000;
	}
	
a:visited.red{
	color:#DD0000;
	}		
	
a:hover.red{
	color:#DD0000;
	}	
	
a.blue  {
	color:#0000FF;
	}
	
a:visited.blue{
	color:#0000FF;
	}	
	
a:hover.blue{
	color:#0000FF;
	}					
	
a.pink  {
	text-decoration:none;
	color:#E06897;
	border-bottom:1px dashed #E06897;
	}

a:visited.pink{
	color:#E06897;
	}		
	
a:hover.pink{
	text-decoration:none;
	border-bottom:1px dashed #fff;
	}		
	
a.white  {
	text-decoration:none;
	color:#fff;
	border-bottom:1px dashed #fff;
	}
	
a:visited.white{
	color:#fff;
	}		
	
a:hover.white{
	text-decoration:none;
	color:#fff;
	border-bottom:1px dashed #788195;
	}
	
/*-- 詳細ページのテーブル用 --*/
a.gray  {
	color:#FFFFFF;
	}
	
a:visited.gray{
	color:#FFFFFF;
	}		
	
a:hover.gray{
	color:#FFFFFF;
	}		
	
.size13	{
	font-size : 13px;
	}
	
.size14	{
	font-size : 14px;
	}
	
.size15	{
	font-size : 15px;
	}
	
.size16	{
	font-size : 16px;
	}
	
.size17	{
	font-size : 17px;
	}
	
.size18	{
	font-size : 18px;
	}
	
.size19	{
	font-size : 19px;
	}
	
.size20	{
	font-size : 20px;
	}
	
/* ---- 画像回り込み ブラウザによって上余白入るので0px指定 ----- */
.fl{
	float:left;
	margin:0px 15px 10px 0px;
	}

/* ---- 画像回り込み ブラウザによって上余白入るので0px指定 ----- */
.fr{
	float:right;
	margin:0px 0px 10px 15px;
	}

/* ---- 画像回り込み解除 ----- */	
.fc{
	clear:both;
	}	

/************************************************************************/
/* +++++++++++++++++++++++++ レイアウト設定 ++++++++++++++++++++++++ */
/************************************************************************/

/* ++++++++ layoutに記述！ ++++++++ */
	
/************************************************************************/
/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */
/************************************************************************/

#container {
	background-image:url(../images/sitemark.gif);
	background-repeat:no-repeat;	
	background-position: 0px 0px;
	background-color:#FFF;
	border: 1px solid #595959;
	padding: 0px 0px;
	margin: 0px 0px;
	line-height: 200%;
	font-size:14px;
	}

/*--- widthとborderの同時使用避ける為に2重に囲む。IE対策！
	やけど何故かそのIEでcontentのとこだけ枠線消える！ヽ(`Д´)ﾉ 
	なので利用価値なし！　このおかげでIEとFoxでborderの分だけ幅が違う！---*/	
#container .container{
	}	

#banne {
	margin: 0px;
	padding: 0px;
	}
	
/*--- 全部下に書く、※トップページにはなし---*/
#pan_top{
	}

/* --- widthとborderの同時使用避ける為に2重に囲む！ 2カラム用の対策やけど#contentは1カラム、2カラム両方使とるから外側には何も設定すな！ --- */
#content{
	}
	
#content .content{
	padding:10px 10px;
	}
	
/* -------- サイド ※トップ、pk、用語、詳細検索で使とる ------- */
#side{
	}
	
#side .side{
	margin:15px 0px 0px;
	padding:0px 10px 5px 5px;
	}		
	
/* ----- サーバーTips 、TOPページのみ----- */		
#toptips{
	}
	
#toptips .toptips{
	margin:20px 0px 0px 10px;
	}
	
/* ----- Tipsのサイド ----- */		
#toptips_side{
	}	

#toptips_side .toptips_side{
	padding:0px 5px 0px 0px;
	}
	
/* ----- 詳細ページの中パンくず ----- */		
#pan_middle{
	margin:10px 0px 30px;
	}		
	
/* ----- 詳細ページ下の検索パート ----- */		
#viewbottom{
	}		
	
#viewbottom .viewbottom{
	margin:12px 0px 0px 10px;
	}			
	
/*--- 全部下に書く ---*/
#pan_bottom{
	}	

#footer{
	padding: 0px 0px 0px;
	margin:0px 0px 0px;
	}
	
/************************************************************************/
/* +++++++++++++++++++++ ヘッダー（バナー部） +++++++++++++++++++++ */
/************************************************************************/
	
/*--- paddingを0px以外にする場合、heightを削除しpaddingで
高さを調節するのがベターです。 ---*/

/* -- ブログの方と各<div>のtop値が若干違うので修正する時注意！
	line-height:100%;とかやってみたけど結局駄目ヽ(`Д´)ﾉ -- */

/*重なり深度*/
#banne {
	position : relative;
	z-index: 1;
	height: 100px;
	}

/* 親ボックスにrelativeがあるので、親ボックスの左上が基準位置*/
/*--- サイトのタイトル ---*/	
#banne .sitetitle{
	position: absolute; 
	top  : 10px;
	left: 10px;
	font-family: Verdana, Tahoma, 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'MS UI Gothic','ＭＳ Ｐゴシック',sans-serif;
	font-size:17px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px;
	}

#banne .sitetitle a{
	text-decoration:none;
	color:#000;
	}

/*--- バナーの右端メニュー ---*/	
#banne .bannermenu{
	position:absolute;
	top:10px;
	left:420px;
	font-size:13px;
	line-height:100%;
	padding:5px 0px 5px 0px;
	}
	
/*--- バナーの右端メニューの▼マーク ---*/	
#banne .bannermenu span.mark{
	color:#D9D9D9;
	}	

/*--- サイトの概要、使ってない ---*/	
#banne .description{
	position: absolute; 
	top  : 30px;
	left: 0px;
	background-image:url(../images/finger_one.gif);
	background-repeat:no-repeat;	
	background-position: 0px 5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	}	
	
/**********************************************************************/
/* ++++++ 上メニュー部分のデザイン bannerに組み込む！ ++++++++++++++++++ */ /**********************************************************************/

/* -- <list>での横メニュー上  -- */

/* overflow:hiddenでやっとFoxでブロック幅100％が効く！IEはあほやから関係ないw */
#menu_tab_top{
	position: absolute; 
	top  : 50px;
	left: 10px;
	width:728px;
	font-size:12px;
	background-color:#0056FF;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	overflow:hidden;
	}

#menu_tab_top ul{
	margin:0px;
	padding:0px;
	}

#menu_tab_top ul li{
	display:inline;
	border-top: #e0e0e0 1px solid;
	margin:0px;
	}
	
#menu_tab_top ul li a{
	float:left;
	text-decoration:none;
	border-right: #e0e0e0 1px solid;
	color:#fff;
	padding:2px 10px 1px;
	}

/*--- タブ右端だけ中途半端やから右端のボーダー消す！※使ってない ---*/	
#menu_tab_top ul li a.rightmenu{
	border-right: #0056FF 1px solid;
	}
		
#menu_tab_top ul li a:hover{
	background-color:#ffcc00;
	color:fff;
	padding:2px 10px 1px;
	}				

/**********************************************************************/
/* ++++++++++++ 下メニュー部分のデザイン footerに組み込む！++++++++++++ */ /**********************************************************************/
	
/* --　overflow:hiddenでやっとFoxでブロック幅100％が効く！IEはあほやから関係ないw -- position設定はfooterにまとめる。*/
#menu_tab_bottom{
	font-size:12px;
	background-color:#0056FF;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	width:728px;
	overflow:hidden;
	line-height:100%;
	}		

#menu_tab_bottom ul{
	margin:0px;
	padding:0px;
	}

#menu_tab_bottom ul li{
	display:inline;
	border-top: #e0e0e0 1px solid;
	margin:0px;
	}
	
#menu_tab_bottom ul li a{
	float:left;
	text-decoration:none;
	border-right: #e0e0e0 1px solid;
	color:#fff;
	padding:11px 10px 9px;
	}

/*--- タブ右端だけ中途半端やから右端のボーダー消す！※使ってない ---*/	
#menu_tab_bottom ul li a.rightmenu{
	border-right: #0056FF 1px solid;
	}
		
#menu_tab_bottom ul li a:hover{
	background-color:#ffcc00;
	color:fff;
	padding:11px 10px 9px;
	}

/**********************************************************************/
/* +++++++++++++++++++++++ パンくず +++++++++++++++++++ */ /**********************************************************************/
	
/*--- 上のパンくず ---*/
#pan_top{
	background-color:#FFF;
	font-family: "ＭＳ Ｐゴシック",;
	margin:0px 0px 10px;
	padding:0px 10px 0px;
	font-size:13px;
	}
	
/*--- 下のパンくず<table>、詳細ページと併用 ---*/
table#pan_bottom{
	background-color:#FFF;
	font-family: "ＭＳ Ｐゴシック",;
	width:100%;
	font-size:13px;
	margin:0px 0px 0px;
	line-height:160%;
	}

/*--- パンくずの<td> テーブルやからtdで上下間隔調節 ---*/
table#pan_bottom td{
	padding-top:10px;	
	padding-bottom:20px;
	}

/*--- <td>左側 パンくず ---*/
table#pan_bottom .left{
	width:90%;
	padding-left:10px;
	}
	
/*--- <td>右側 ↑このページの先頭へ ---*/
table#pan_bottom .right{
	width:20%;
	text-align:right;
	padding-right:10px;
	}
	
/*--- 詳細ページの真ん中にあるパンくず ---*/
table#pan_middle{
	font-family: "ＭＳ Ｐゴシック",;
	width:97%;
	font-size:13px;
	line-height:160%;
	}

/*--- <td>左側 パンくず ---*/
table#pan_middle .left{
	width:80%;
	padding-left:10px;
	}
	
/*--- <td>右側 ↑このページの先頭へ ---*/
table#pan_middle .right{
	width:20%;
	text-align:right;
	padding-right:10px;
	}	
	
	
	
/**********************************************************************/
/* +++++++++++++++++++++++ サイド部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

/*--- 検索サイド ---*/	
#side{
	font-size:13px;
	}
	
/*--- 全部括ったもの 〜何故か#sideと二重にするとIEと狐で横幅一緒になる
	→のは当然じゃ。#sideにwidthを指定してあるからそこにpadding や borderも指定したら		　　　おかしなるのは当然だろ。
  ---*/
#side .side{
	line-height:180%;
	}

/*--- レンタルサーバー検索 ---*/	
#side .first{
	background-color:#003CB3;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding:1px 0px 1px;
	margin:0px 0px 5px;
	text-align:center;
	color:#FFF;
	}

/*--- 検索トップのサイドでしか使ってない ※つまりside_pkでは使ってない ---*/	
#side .inside_search_side{
	line-height:170%;
	}	
	
/*--- pkのプルダウンメニュー form ---*/	
#side form.pulldown{
	margin:0px 0px 10px;
	}

/*--- pkのプルダウンメニュー select ---*/	
#side form select{
	width:185px;
	line-height:100%;
	}
	
/*--- pkの検索、プルダウン以外を全部括ったもの ---*/	
#side form.search_pk{
	margin:0px 0px 0px;
	}
	
/*--- pkの入力欄、<div><input 〜></div>、 ---*/	
#side form div{
	margin:0px 0px 0px;
	line-height:180%;
	}
	
/*--- pkの入力欄 〜下のチェックボックスはdivで囲んでないからスルー ---*/	
#side form div input{
	text-align:right;
	width:100px;
	line-height:100%;
	background-color:#F2F2F2;
	}
	
/*--- pkのボタン ---*/	
#side .button{
	margin:5px 0px 0px;
	text-align:center;
	width:120px;
	height:25px;
	}
				
	
/**********************************************************************/
/* +++++++++++++++++++++++ フッター部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

#footer{
	position:relative;
	height:100px;
	font-size:13px;
	text-align: center;
	}

/* ---- position以外は上に書く！  ---- */
#menu_tab_bottom{
	position:absolute;
	top:0px;
	left:10px;
	}
	
	
/* 相互リンク、borderとpaddingはwidthに加算される！ */	
#footer .sogolink{
	position:absolute;
	top:73px;
	left:10px;
	width:180px;
	height:20px;
	overflow:auto;
	font-size:12px;
	line-height:180%;
	text-align:left;
	border: 1px solid #CCCCCC;
	}
	
/* ---　widthにpaddingが加算されるので二重に囲む！ --- */		
#footer .sogolink div{
	padding:1px 10px;
	}

/* ---- エックスサーバーを利用しています！  ---- */
#footer div.merchant{
	position:absolute;
	top:35px;
	left:70px;
	line-height:100%;
	margin:10px 0px 5px;	
	padding:0px 0px;
	}
	
/*---- 記載順番は、:link → :visited → :hover → :active になります。---*/

/* ---- エックスサーバーを利用しています！  ---- */
#footer div.merchant a{
	text-decoration:none;
	color:#0000EE;
	}
	
#footer div.merchant a:visited{
	color:#0000EE;
	}

#footer div.merchant a:hover{
	color:#FF0000;
	}

/* ---- copyright ---- */
#footer p{
	position:absolute;
	top:75px;
	left:210px;
	line-height:100%;
	margin:0px;	
	padding:0px 0px 0px;
	}

/* ---- 独自ドメイン取得してレンタルサーバーを使う！へのリンク ---- */
#footer p a{
	color:#000;
	text-decoration:none;
	}
	
/*+++　※
position:relative;を使ったブロックでは、中のブロックは全部 position:absolute;を使う事！
でないと、marginやらリンクやらがおかしなる！
+++*/	

/************************************************************************/
/* +++++++++++++++++++++ 検索ページ用 +++++++++++++++++++++ */
/************************************************************************/
	
/*--- ※検索用のテーブルは#contentと#viewbottomで併用しとるぞ！ ---*/

/*--- データベースバナー ---*/
.db_banner{	
	background-image: url(../images/rentalserverdb.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:0px 0px 15px 0px;
	height:60px;
	}

/*--- リード文 条件をしぼって好みのレンタルサーバーを検索できます。---*/
.lead_search{	
	background-image: url(../images/svdb_mark.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:0px 0px 0px 20px;
	}
	
/*--- リード文 さらに細かく条件指定したい場合は〜 ---*/
.lead_search2{	
	background-image: url(../images/svdb_mark.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:0px 0px 0px 20px;
	margin:15px 0px 0px;
	}	

/*--- 罫線 ---*/
.svdb_border{
	border-top:solid 1px #8C8C8C;
	margin:10px 0px -15px;
	}

/*--- 罫線 チェックボックスのテーブル〜同じ行に項目あるから上下間隔ここだけ違う---*/
.svdb_border2{
	border-top:solid 1px #8C8C8C;
	}				
	
/*--- 検索用テーブル、・ディスク容量・メールアカウント、料金などの<table> 
	border-collapse:collapseはボーダーを重ねて表示、separateはあけて表示
※なぜかこのtableだけwidth指定して
調節しようとするとFoxでディスク容量のとこおかしなる。なのでtdにだけwidht記述	
	---*/
table#dbtop1 {
	vertical-align : top;
	margin: 10px 0px 0px;
    padding: 0px;
	line-height:150%;
	}

#dbtop1 td {
	font-size: 14px;
	padding: 2px 3px;
	}
	
/*--- 項目〜ディスク容量、メールアカウント他 ---*/	
#dbtop1 td.komoku{
	width:150px;
	}
	
/*--- 入力欄 ---*/	
#dbtop1 td.field{
	width:360px;
	}

/*--- 入力欄の色 ---*/	
#dbtop1 td.field input{
	background-color:#F2F2F2;
	}	

/*--- 999でメールアカウント無制限で検索できます！ ---*/	
#dbtop1 span.mailfree{
	margin:0px 0px 0px 20px;
	color:#CC6600;
	}
	
/*--- 支払い方法、サポートのテーブル---*/
table#dbtop2 {
	vertical-align : top;
	margin: 0px 0px 0px;
    padding: 0px;
	width:510px;
	line-height:150%;
	}

#dbtop2 td {
	font-size: 14px;
	padding: 2px 3px;
	}
	
/*--- 支払い方法、サポート ---*/	
#dbtop2 td.komoku{
	width:130px;
	}
	
/*--- チェックボックス ---*/	
#dbtop2 td.field{
	width:380px;
	}
	
/*--- 検索ボタン ---*/	
#dbtop2 .button input{
	width:120px;
	background-color:#D9D9D9;
	}		
	
/*--- チェックボックスのテーブル ---*/	
table#dbtop3 {
	vertical-align : top;
	margin:0px 0px 0px;
    padding: 0px;
	width:510px;
	line-height:150%;
	}

#dbtop3 td {
	font-size: 14px;
	padding: 2px 3px;
	}

/*--- 左辺 ---*/	
#dbtop3 .ckbox1{
	width:250px;
	}

/*--- 右辺 ---*/	
#dbtop3 .ckbox2{
	width:250px;
	}
	
/*--- ラジオボタンのテーブル ---*/	
table#dbtop4 {
	vertical-align : top;
	margin:0px 0px 0px;
    padding: 0px;
	width:510px;
	line-height:170%;
	}
	
#dbtop4 td {
	font-size: 14px;
	padding: 2px 3px;
	}
	
/*--- 検索ボタン ---*/	
#dbtop4 .button input{
	width:120px;
	background-color:#D9D9D9;
	}

/* ----- サーバーTips 二重に囲んでpaddingのクロスブラウザ対策、上にもある----- */		
#toptips .toptips{
	border: 1px solid #BDBD94;
	}	

/* ----- サーバーTipsのリード ----- */		
#toptips div.tipslead{
	position:relative;
	left:20px;
	top:-12px;
	width:210px;
	text-align:center;
	background-color:white;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	}

/* ----- 契約してから後悔しないように。 ----- */		
#toptips p.first{
	margin:0px 10px 0px;
	text-align:justify;
	text-justify:distribute;
	line-height:140%;
	}
	
/* -------　小タイトル（ねずみ）　------- */
#toptips div.tips_small{
	background-image: url(../images/cube01-10.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border-bottom: 1px dashed #A6A6A6;
	line-height:150%;
	font-size:14px;
	padding:0px 0px 1px 17px;
	margin:20px 10px 20px;
	font-weight:bold;
	}		

/* ----- サーバーTipsの内容 ----- */		
#toptips p{
	margin:15px 10px;
	line-height:180%;
	}	

/* ----- サーバーTipsのサイド　ドメインのとこ ----- */			
#toptips_side .domain{
	margin:20px 0px 5px;
	}
	
/* ----- リンククラブのドメインのテーブル ----- */
/*--- <table>を100％指定するとIEで幅おかしなる！ ---*/		
table#linkclub {
	border-top     : 1px solid #666666; 
	border-left    : 1px solid #666666; 
	border-collapse: collapse; 
	background     : #ffffff;
	line-height:160%;
	width:180px;
	}
	
#linkclub td {
	border-right   : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	padding        : 3px;
	font-size:13px;
	}	

#linkclub th {
	border-right   : 1px solid #fff;
	border-bottom  : 1px solid #666666;
	text-align     : center;
	font-weight    : normal;
	font-size      : 12px;
	padding        : 3px 1px 3px 1px;
	background     : #003CB3;
	color          : #fff;
	}

#linkclub th.domain{
	width:60%;
	}	
	
/*--- ※ここだけ右端の線を修正している ---*/		
#linkclub th.cost{
	width:40%;
	border-right   : 1px solid #666666;
	}	
	
#linkclub tr {
	vertical-align : top;
	}

/* ----- 行の色変え ----- */	
#linkclub .color_row{
	background-color:#F2F2F2;
	}	

/* ----- こっからムームドメイン ----- */	
.muumuu{
	 margin:20px 0px 10px;
	 padding:20px 0px 0px;
	 border-top  : 1px solid #666666;
	}	
	
.aboutmaster{
	margin:20px 0px 0px;
	}	
	
/************************************************************************/
/* +++++++++++++++++++++ 用語説明ページ用 +++++++++++++++++++++ */
/************************************************************************/

/* --- 記事タイトル　line-heightでFoxの縦幅調節！ --- */	
#content h1.exp{
	line-height:180%;
	padding:1px 0px 1px 2px;
	margin:5px 0px 25px 0px;
	font-size:16px;
	background-color:#D8E2FF;
	}
	
/* --- 記事タイトルのリード画像 --- */	
#content img.h1image{
	position:relative;
	top:1px;
	left:-7px;
	}
	
/* ------- Googleadsense ------- */
#content .GoogleAdsens{
	margin:40px 0px 20px;
	}
	
/* ------- 前後のエントリー(1件ずつ) ------- */
#content .PreviousNext{
	margin:30px 0px 20px;
	}
		
#content .orange_arrow{
	position:relative;
	top:7px;
	left:1px;
	}		
	
/* ++++++++++ サムネイル画像をクールに拡大表示する Highslide JS用 ++++++++++ */ 	

/*-- 鬱陶しいからカーソル画像使ってない。つまりアップしてない！ --*/	
.highslide {
    cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 1px solid gray;
}
.highslide:hover img {
    border: 1px solid silver;
}
.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

/*--credit出す場合はdisplay: none;消せ--*/
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
	display: none;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/* -------　各ページの小タイトル（ねずみ）　------- */
.small_title{
	background-image: url(../images/cube01-10.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border-bottom: 1px dashed #A6A6A6;
	line-height:150%;
	font-size:14px;
	padding:0px 0px 0px 17px;
	margin:35px 0px 0px;
	font-weight:bold;
	}
	
/* -------　各ページの小タイトル（赤）　------- */
.small_title_red{
	background-image: url(../images/cube01-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border-bottom: 1px dashed #A6A6A6;
	line-height:150%;
	font-size:14px;
	padding:0px 0px 0px 17px;
	margin:35px 0px 0px;
	font-weight:bold;
	}	
	
.small_title a{
	text-decoration:none;
	}

/* --- 指定した高さ以上になると、自動的にスクロールバーが出ます。--- */	
pre{
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:1px solid #808080;
	border-right:1px solid #8080800;
	overflow:auto;
	width:455px;
	height: 300px;
	padding:2px 5px;
	background-color:#FFFFDD;
	line-height:150%;
	scrollbar-face-color:#E0E0E0;
	}			
	
/*------- 引用文　-------*/
blockquote{
	color : #000;
	margin: 30px 15px;
	padding:10px 10px 10px;
	background-color: #FFFCE0;
	background-color: #ffffdd;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
	}
	
blockquote p{
	margin-top:0px;
	margin-bottom:0px;
	}
	
/*------- 各ページ一番最初の項目用　
	使いたい色、background-color: #FFFCE0; -------*/		
.blockquote1{
	color : #000;
	margin: 30px 5px 30px;
	padding:10px 10px 10px;
	background-color: #FFFCF9;
	border-bottom: 1px solid #D1CEB7;
	border-top: 1px solid #D1CEB7;
	}
	
/*------- 段落作った時の一番下余白消し　-------*/	
.blockquote1 p{
	margin-bottom:0px;
	}	
	
/* -------　各ページのリスト項目　------- */	
.subject{
	background-image: url(../images/pin_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	line-height:160%;
	padding:1px 0px 1px 17px;
	margin:10px 0px;
	}
	
/* ---　リスト項目上をひとつひとつ説明する場合、何故か上下マージン効かず　--- */
.subject_exp{
	background-image: url(../images/finger_one.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	border-bottom: 1px solid #A6A6A6;
	line-height:100%;
	padding:5px 0px 4px 18px;
	margin:35px 0px 15px;
	}
	
/*------- クラスで引用、TipS用　#FFF4DF -------*/
.blockquote2{
	color : #000;
	margin: 30px 15px;
	padding:15px 10px 15px;
	background-color:#F7F6F4;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	}
	
/*------- 段落作った時の一番下余白消し　-------*/	
.blockquote2 p{
	margin-bottom:0px;
	}			

/*------- 独自ドメイン初心者でも絶対に知っておかなければいけない話　-------*/	
.blockquote3{
	color : #000;
	margin: 30px 15px;
	padding:15px 10px 15px;
	background-color: #FFFCE0;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	}

/*------- 段落作った時の一番下余白消し　-------*/	
.blockquote3 p{
	margin-bottom:0px;
	}
	
/*------- レジストリ＆レジストラの説明　-------*/　		
.blockquote3_subject_exp{
	margin-left:15.5em;
	margin-bottom:0px;
	background-color:#FFFCE0;
	}
	
/* ----- メールアカウント（用語集） ----- */		
.blockquote4{
	width:90%;
	background-color:#FFFCE0;
	border-top:solid 1px #BDBD94;
	border-bottom:solid 1px #BDBD94;
	margin:30px 0px 30px 20px;
	padding:10px 0px 10px 10px;
	}
	
/* ----- ↓サブドメイン↓ ----- */
	
/* -------　<div id="subdomain1">　 ------- */
#subdomain1{
	}
	
/* -------　http://www.hoge.com/　 ------- */
#subdomain1 .http{
	background-image:url(../images/subdomain_arrow2.gif);
	background-repeat:no-repeat;
	background-position:90px 28px;
	font-size:17px;
	padding:0px 0px 23px;
	margin:10px 0px 0px 20px;
	}

/* -------　下線 ------- */
#subdomain1 .line{
	border-bottom:1px solid #000000;
	padding:0px 0px 2px;
	}
	
/* -------　これがサブ ------- */
#subdomain1 .this{
	margin:0px 0px 0px 128px;
	}
	
/* -------　これがサブ（二つ目） ------- */
#subdomain1 .this span{
	margin:0px 0px 0px 29px;
	}			
	
/* -------　レンタルサーバーでのサブドメイン形式のURL　 ------- */
#subdomain2{
	}		
	
/* -------　http://好きな名前.hoge.com/　 ------- */
#subdomain2 .http{
	margin:10px 0px 0px 20px;
	font-size:17px;
	}	
	
/* -------　下線（好きな名前）※メイリオの日本語ベースラインのせいでborder外す
	border-bottom:1px solid #FF0000;
　-- */
#subdomain2 .line{
	padding:0px 0px 2px;
	}
	
/* -------　下線（dmget.com）※メイリオの日本語ベースラインのせいでborder外す
	border-bottom:1px solid #0000FF;
 -- */
#subdomain2 .line2{
	padding:0px 0px 2px;
	}	
		
/* -------　説明　サブドメイン ------- */
#subdomain2 .this{
	margin:0px 0px 0px 45px;
	}
	
/* -------　説明、自分の独自ドメイン　 ------- */
#subdomain2 .this span{
	margin:0px 0px 0px 83px;
	}
	
	
/* -------　レンタルサーバーでのサブドメイン形式のメールアドレス ------- */
#subdomain3{
	}		
	
/* -------　http://好きな名前.hoge.com/　 ------- */
#subdomain3 .mail{
	margin:10px 0px 0px 20px;
	}	
	
/* -------　下線（好きな名前）※メイリオの日本語ベースラインのせいでborder外す
	border-bottom:1px solid #FF0000;
　 ------- */
#subdomain3 .line{
	font-size:17px;
	padding:0px 0px 2px;
	}
	
/* -------　下線（hoge.com）※メイリオの日本語ベースラインのせいでborder外す　
	border-bottom:1px solid #0000FF;
 ------- */
#subdomain3 .line2{
	font-size:17px;
	padding:0px 0px 2px;
	}	
		
/* -------　説明　サブドメイン ------- */
#subdomain3 .this{
	margin:0px 0px 0px 74px;
	}
	
/* -------　説明、自分の独自ドメイン　 ------- */
#subdomain3 .this span{
	margin:0px 0px 0px 84px;
	}						
	
/************************************************************************/
/* +++++++++++++++++++++ カテゴリページ用 +++++++++++++++++++++ */
/************************************************************************/

/* ------- ページ分割上　------- */
#content .paginate{
	text-align:center;
	margin:20px 0px 0px;
	}
	
/* ------- ページ分割下　------- */
#content .paginate_bottom{
	text-align:center;
	margin:20px 0px 0px;
	}
	
/* ------- GoogleAdsenseリンクユニット ------- */
#content .linkunit{
	text-align:center;
	}	

/* - カテゴリでの記事タイトル line-heightでFoxの縦幅調節！ - */	
#content h2.entry_title{
	margin:30px 0px 10px 0px;
	padding:1px 0px 0px 5px;
	font-size:16px;
	line-height:180%;
	}

/* --- 記事タイトルのリード画像 --- */	
#content img.h2image{
	position:relative;
	top:1px;
	left:-6px;
	}

/* --- カテゴリでの記事タイトルのリンク消し --- */	
#content h2.entry_title a{
	text-decoration:none;
	color:#000;
	}
	
#content h2.entry_title a:hover{
	text-decoration:none;
	color:#3399CC;
	}	
	
/* --- 記事概要 --- */	
#content .category_entry_body{
	padding-bottom:20px;
	border-bottom: 1px solid #CCCCCC;
	}

/* --- 続きを読む --- */	
#content .entry_more_link{
	font-size:13px;
	}
	
/* --- 続きを読む、続きを隠す、使ってない！ --- */	
#content .showhide{
	font-size:13px;
	}
	
/**********************************************************************/
/* +++++++++++++++++++++++ サイトマップ +++++++++++++++++++ */ /**********************************************************************/	

/*-- カテゴリ毎の間隔調整 --*/
#content .sitemap ul{
	margin-bottom:15px;
	}	
	
/*-- カテゴリとエントリを括った<li> --*/
#content .sitemap li.sitemap_category{
	font-size:14px;
	list-style: none;
	}

/*-- カテゴリ名 --*/
#content .sitemap li.sitemap_category div{
	line-height:160%;
	border-left: 7px solid #0066FF;
	padding:0px 0px 0px 5px;
	margin:0px 0px 5px -40px;
	}		
	
/*-- エントリタイトル名 --*/
#content .sitemap li.sitemap_entry{ 
	font-size:13px;
	list-style: none;
	line-height:160%;
	margin:0px 0px 0px -40px;
	}	
	
/************************************************************************/
/* +++++++++++++++++++++ 検索結果一覧リスト用 +++++++++++++++++++++ */
/************************************************************************/

/*--- 検索の結果　何も見つからなかった場合 ---*/
.nodata{
	margin:20px 0px;
	}

/*--- 並べ替えボタンの説明 ---*/
.sort_exp{
	text-align:right;
	font-size:13px;
	margin:-20px 5px 0px 0px;
	}
	
/*--- 並べ替え<div>〜下ボタンはマージン直で書く ---*/
.sort{
	margin:0px 0px 10px 0px;
	}
	
.sort input{
	margin:0px 2px 0px 0px;
	}	
	
/*--- 右の方のボタン全部<span> ---*/
.sort span{
	margin:0px 0px 0px 0px;
	}

/*--- 複数チェックして詳細を見るボタン ※padding:0pxないとIE8で変なスペースできる---*/	
.sort .sortbtn1{
	background-color:#DDDDDD;
	width:173px;
	margin:0px 15px 0px 0px;
	padding:0px;
	}

/*--- 会社名、お試しボタン ---*/	
.sort .sortbtn2{
	background-color:#DDDDDD;
	width:63px;
	padding:0px;
	}	

/*--- 容量ボタン ---*/		
.sort .sortbtn3{
	background-color:#DDDDDD;
	width:50px;
	padding:0px;
	}

/*--- メールボタン ---*/		
.sort .sortbtn4{
	background-color:#DDDDDD;
	width:55px;
	padding:0px;
	}
	
/*--- 初期費用、月額料金ボタン ---*/		
.sort .sortbtn5{
	background-color:#DDDDDD;
	width:78px;
	padding:0px;
	}
	
/*--- 初年度ボタン ---*/		
.sort .sortbtn6{
	background-color:#DDDDDD;
	width:65px;
	padding:0px;
	}
	
/*--- 2年目〜ボタン (#D6DDE0) ---*/		
.sort .sortbtn7{
	background-color:#DDDDDD;
	width:67px;
	padding:0px;
	}		

/*--- 結果一覧テーブル <table>を100％指定するとIEで幅おかしなる！ ---*/		
table#result {
	border-top     : 1px solid #666666; 
	border-left    : 1px solid #666666; 
	border-collapse: collapse; 
	background     : #ffffff;
	line-height:160%;
	width:728px;
	}
	
#result th {
	border-right   : 1px solid #fff;
	border-bottom  : 1px solid #666666;
	text-align     : center;
	font-weight    : normal;
	font-size      : 12px;
	padding        : 3px 1px 3px 1px;
	background     : #003CB3;
	color          : #fff;
	}
	
#result tr {
	vertical-align : top;
	}

#result th.check {
	width:3%;
	}
	
#result th.kaisya {
	width:19%;
	}
	
#result th.plan {
	width:17%;
	}		

#result th.yoryo {
	width:7%;
	}

#result th.mail {
	width:7%;
	}	

#result th.otamesi {
	width:6%;
	}
	
#result th.getugaku {
	width:9%;
	}	
	
#result th.syoki {
	width:10%;
	}	
	
#result th.1nenme {
	width:11%;
	}	
	
/*--- 2年目料金、※ここだけ右端の線を修正している、が何故かFoxで効かないので直打ち ---*/		
#result th.2nenme{
	width:11%;
	border-right   : 1px solid #666666;
	}		
	
#result td {
	border-right   : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	padding        : 3px;
	font-size:13px;
	}
	
#result td.right {
	text-align     : right;
	}

/*--- メールの欄だけ中央揃えに ---*/		
#result td.center {
	text-align     : center;
	}

/*--- 結果一覧下の用語解説 ---*/		
.result_yogolink{
	font-size:13px;
	}	

/************************************************************************/
/* +++++++++++++++++++++ 詳細情報ページ用 +++++++++++++++++++++ */
/************************************************************************/

/*--- パンくずは結果一覧と併用 ---*/
	
/*--- サーバー名 
	background-image:url(../images/hand02-02.gif);
	background-repeat:no-repeat;
	background-position:10px 12px;
---*/
h1.ep	{
	position:relative;
	border-top: 1px solid #003CB3;
	border-left: 15px solid #003CB3;
	padding:18px 0px 18px 0px;
	font-size:16px;
	line-height:100%;
	margin:25px 0px 25px;
	font-weight:normal;
	background-color:#F2F2F2;
	}
	
/*--- リンク対策で二重に囲む、なぜかIEで直下の辺りおかしなるからposition使う ---*/	
h1.ep div{
	position:absolute;
	top:10px;
	left:10px;
	}	

/*--- 独自ドメインの利用OK ---*/	
h1.ep span{
	margin-left:10px;
	font-size:14px;
	}		

/*--- 料金 ---*/	
.ryokin{
	margin:0px 0px 0px 10px;
	}
		
/*--- 支払い方法・契約単元 ---*/	
.pay{
	font-size:13px;
	margin:0px 0px 0px 10px;
	}
	
.svtp{
	font-size:13px;
	margin:0px 0px 0px 10px;
	}	
	
.support{
	margin:0px 0px -25px 10px;
	}	

/*--- ○△×の説明 ---*/	
.marubatu{
	font-size:13px;
	text-align:right;
	margin:-5px 20px 0px 0px;
	}		
	
/*--- 詳細ページ、
border-collapse:collapseはボーダーを重ねて表示、separateはあけて表示　	empty-cells: show; は○×対策。show（空白セルの枠線を表示します）は
デフォルト値やけど、phpの条件式を満たすために敢えて指定！	
 ---*/		
table#view {
	border-top     : 1px solid #666666; 
	border-left    : 1px solid #666666; 
	border-collapse: collapse; 
	empty-cells: show; 	
	background     : #ffffff;
	margin:0px 0px 0px 0px;
	line-height:160%;
	width          : 728px;
	}

/*--- 項目 ---*/	
#view th{
	border-right   : 1px solid #fff;
	border-bottom  : 1px solid #666666;
	text-align     : center;
	padding        : 5px 0px;
	background-color:#003CB3;
	font-weight:normal;
	font-size:14px;
	color: #fff;
	}
			
#view td {
	border-right   : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	text-align     : center;
	padding        : 3px;
	font-size:14px;
	}
	
/*--- 右端だけ線おかしなるの修正 ---*/	
#view th.right{
	border-right   : 1px solid #666;
	}			

/*--- 値 ---*/	
#view tr.value{
	background-color:#F2F2F2;
	}
	
/*--- ディスク容量 ---*/
th.disc{
	width:14%;
	}	
/*--- メール ---*/	
th.mail{
	width:10%;
	}
/*--- CGI（Perl） ---*/	
th.perl{
	width:8%;
	}
/*--- PHP ---*/	
th.php{
	width:8%;
	}
/*--- MySQL ---*/
th.mysql{
	width:13%;
	}	
/*--- 複数ドメイン ---*/
th.multidomain{
	width:14%;
	}
/*--- サブドメイン ---*/
th.subdomain{
	width:14%;
	}	
/*--- 転送量 ---*/
th.tenso{
	width:11%;
	}
/*--- お試し ---*/	
th.otamesi{
	width:8%;
	}
	
/*--- メイリオの○×が異様に小さいので修正 ---*/		
.font_maru{
	font-family:'ＭＳ Ｐゴシック', 'MS UI Gothic' ;
	}	

/*--- 複数ドメイン、サブドメイン、MovableTypeとか ---*/	
.hukusudomain{
	font-size:13px;
	margin:10px 0px 0px 10px;
	}

/*--- メール関連 ---*/	
.aboutmail{
	font-size:13px;
	margin:5px 0px 0px 10px;
	}
	
/*--- サーバータイプ ---*/	
.svtype{
	font-size:13px;
	margin:5px 0px 5px 10px;
	line-height:180%;
	}
	
/* ----- キャンペーン ----- */		
.campain    {
	background-color:#FFFFDD;
	border:solid 1px #BDBD94;
	margin:30px 30px 20px 30px;
	padding:0px 10px 10px;
	}

/* ----- キャンペーン　ロゴ ----- */		
.campain div.logo{
	position:relative;
	left:20px;
	top:-10px;
	width:160px;
	background-image:url(../images/campaign.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding:0px;
	text-align:center;
	}	

/* ----- キャンペーン内容 ----- */	
.campain p{
	margin:-10px 0px 0px;
	padding:0px 10px 0px 0px;
	}

/* ----- Noticeその他備考 ----- */		
.sonota    {
	border-top: 1px solid #BFBFBF;
	margin:20px 10px 35px;
	}

/* ----- Noticeその他備考　ロゴ ----- */		
.sonota div.logo{
	position:relative;
	left:20px;
	top:-12px;
	width:170px;
	background-image:url(../images/notice.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding:0px;
	}	

/* ----- Noticeその他備考 内容 ----- */	
.sonota p{
	margin:-10px 0px 0px;
	padding:0px 10px 0px 0px;
	}
	
/* ----- 注意事項 ----- */		
.caution    {
	border-top: 1px solid #BFBFBF;
	margin:35px 0px 20px;
	}

/* ----- 注意事項　ロゴ ----- */		
.caution div.logo{
	position:relative;
	left:20px;
	top:-12px;
	width:170px;
	background-image:url(../images/caution_server.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding:0px;
	}	

/* ----- 注意事項 内容 ----- */	
.caution p{
	margin:-10px 0px 0px;
	padding:0px 10px 0px 0px;
	}		
	
/************************************************************************/
/* ++++++++++++++++++++++++++ DB抽出リンク！　+++++++++++++++++++++++++ */ /************************************************************************/

/*--- サイドはinclude/side.phpと同じid="side"使とるぞ！
	そやから上のサイドのとこに一緒に書いてあるんじゃ。---*/	

h1.ex{
	background-image:url(../images/server_ex_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	border-bottom: #CCCCCC 1px solid;
	font-size:16px;
	padding:0px 0px 0px 29px;
	margin:0px 0px 0px 0px;
	}

/*--- ソートボタン囲みdiv ---*/	
.sort_ex{
	font-size:13px;
	margin:10px 0px 0px 0px;
	}
	
/*--- ソートボタンの解説 ---*/	
.sort_ex span{
	padding:0px 0px 0px 2px;
	}

/*--- 折り返された時のボタン下マージン ---*/	
.sort_ex input{
	margin:0px 0px 5px;
	}	
	
/*--- ソートボタン・会社名 ---*/	
.sort_ex .coname{
	background-color:#DDDDDD;
	width:70px;
	padding:0px;
	}
	
/*--- ソートボタン・容量 ---*/	
.sort_ex .yoryo{
	background-color:#DDDDDD;
	width:53px;
	padding:0px;
	}	

/*--- ソートボタン・メール ---*/	
.sort_ex .mail{
	background-color:#DDDDDD;
	width:58px;
	padding:0px;
	}
	
/*--- ソートボタン・お試し ---*/	
.sort_ex .otamesi{
	background-color:#DDDDDD;
	width:58px;
	padding:0px;
	}	
	
/*--- ソートボタン・初期費用 ---*/	
.sort_ex .syoki{
	background-color:#DDDDDD;
	width:78px;
	padding:0px;
	}	
	
/*--- ソートボタン・月額料金 ---*/	
.sort_ex .getugaku{
	background-color:#DDDDDD;
	width:75px;
	padding:0px;
	}					
	
/*--- ソートボタン・初年度料金 ---*/	
.sort_ex .syonendo{
	background-color:#DDDDDD;
	width:67px;
	padding:0px;
	}	

/*--- ソートボタン・2年目以降 ---*/	
.sort_ex .ninenme{
	background-color:#DDDDDD;
	width:68px;
	padding:0px;
	}
	
/*--- ○×△ ---*/	
.marubatu_ex{
	text-align:right;
	margin:0px 10px 0px 0px;
	font-size:13px;
	}		

/*--- 一覧ページ、border-collapse:collapseはボーダーを重ねて表示、separateはあけて表示　	empty-cells: show; は○×対策。show（空白セルの枠線を表示します）は
デフォルト値やけど、phpの条件式を満たすために敢えて指定！	
 ---*/		
table#ex {
	border-top     : 1px solid #666666; 
	border-left    : 1px solid #666666; 
	border-collapse: collapse; 
	empty-cells: show; 	
	background     : #ffffff;
	margin:0px 0px 10px;
	line-height:160%;
	width          : 505px;
	}
		
#ex td {
	border-right   : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	text-align     : center;
	padding        : 3px;
	font-size:14px;
	}
	
/*--- レンサバ名---*/	
#ex td.coname{
	text-align: left;
	padding:10px 0px 0px 5px;
	font-size:13px;
	}

/*--- 鯖名＆プラン名 ---*/	
#ex td.coname div{
	padding:0px 0px 0px 5px;
	margin:0px 0px 5px;
	font-size:14px;
	}

/*--- プラン名 ---*/	
#ex td.coname span{
	margin:0px 0px 0px 30px;
	}
	
/*--- 項目 ---*/	
#ex tr.komoku{
	background-color:#003CB3;
	color: #fff;
	}
	
/*--- 項目の線だけ白にする為 ---*/	
#ex tr.komoku td{
	border-right   : 1px solid #fff;
	}
	
/*--- 右端だけ線おかしなるの修正 ---*/	
#ex tr.komoku td.right{
	border-right   : 1px solid #666;
	}				
	
/*--- 値 ---*/	
#ex tr.value{
	background-color:#F2F2F2;
	}		
	
#ex td.yoryo{
	width:15%;
	}		

#ex td.mail{
	width:12%;
	}
	
#ex td.otamesi{
	width:10%;
	}
		
#ex td.getugaku{
	width:14%;
	}
	
#ex td.shokihi{
	width:15%;
	}			
	
#ex td.syonendo{
	width:17%;
	}
	
#ex td.ninenme{
	width:17%;
	}
	
/*--- 用語解説 ---*/	
.yogolink{
	font-size:13px;
	padding:0px 0px 0px 0px;
	margin:30px 0px 20px;
	}