@charset "utf-8";
			
	
/***************************************************************/
/* ++++++++++++++++++++++ コンテンツ ++++++++++++++++++++++ */
/***************************************************************/	


/********************************************/
/* ---------------　各ページ共通　------------- */
/********************************************/

/* -------　橙⇒　------- */
.orange_arrow{
	position:relative;
	top:7px;
	left:1px;
	}

/* -------　各ページの小タイトル（ねずみ）　------- */
.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 3px 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 3px 17px;
	margin:35px 0px 0px;
	font-weight:bold;
	}	
	
/* -------　各ページの小タイトル（橙）　------- */
.small_title_orange{
	background-image: url(../images/cube_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border-bottom: 1px dashed #A6A6A6;
	line-height:150%;
	font-size:14px;
	padding:0px 0px 3px 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 5px 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;
	}

/* ----- Firefoxアドオン検索のボタン、これないとIEでドデカボタンになる ----- */		
.submit{
	line-height:100%;
	padding:3px 0px 0px;
	}
	
/* エックスサーバー評価用 */
#content .xserver_matome{
	font-size:16px;
	font-weight:normal;
	margin:30px 0px 15px;
	border-bottom: 1px dashed #B2B2A0;
	background-image: url(../images/finger_one.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px 0px 0px 19px;
	}
	
/******************************************************/
/* -------------　クレジットカード用　------------ */
/******************************************************/
	
/*--- カードの名前 ---*/			
#content .card_name{
	margin:10px 0px 10px 10px;
	padding:0px 0px 0px 5px;
	}
	
/* --- カードの名前の画像（使ってない） --- */	
#content .card_name img{
	position:relative;
	top:4px;
	left:-5px;
	}	

/*--- カードの名前の▼色（使ってない） ---*/			
#content .card_name_mark{
	color:#FF9933;
	}		

/*--- カードの画像 ---*/			
#content .card_img{
	float:left;
	padding:0px 20px 5px 10px;
	}	
	
/*--- 紹介テーブル <table>を100％指定するとIEで幅おかしなる！ ---*/		
table#card_komoku {
	border-top     : 1px solid #666666; 
	border-left    : 1px solid #666666; 
	border-collapse: collapse; 
	background     : #fff;
	line-height:160%;
	width:280px;
	}
	
#card_komoku td {
	border-right   : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	padding        : 3px 3px 3px 5px;
	font-size:13px;
	}	
	
#card_komoku tr {
	vertical-align:middle;
	}

/*--- 年回費とかの欄 ---*/		
#card_komoku .komoku{
	width:40%;
	}

/*--- 年回費とかの値 ---*/		
#card_komoku .atai{
	width:60%;
	}
	
/*--- 年回費とかの色 ---*/		
#card_komoku .color{
	background-color:#ffcccc;
	}
	
/*--- ブランド値の高さ ---*/		
#card_komoku .brand_atai{
	padding : 7px 3px 7px 5px;
	}
		
/*--- カードのコメント ---*/		
#content .comment{
	clear:both;
	margin:15px 0px 30px;
	padding:0px 0px 15px;
	border-bottom:1px solid #999999;
	}	
	
/******************************************/
/* ------　サブドメインの説明　---------- */
/******************************************/

/* -------　<blockquote id="sub_seourl">　 ------- */
#sub_url{
	}
	
/* -------　http://好きな名前.blog.com　 ------- */
#sub_url .http{
	margin:15px 0px 0px 20px;
	font-size:17px;
	}	

/* -------　説明　好きな名前  ------- */
#sub_url .this{
	margin:0px 0px 0px 70px;
	}
	
/* -------　説明、自分の独自ドメイン　 ------- */
#sub_url .this span{
	margin:0px 0px 0px 90px;
	}
	
/************************************************/
/* ---　エックスサーバーのサブドメインで出来ること！　---- */
/************************************************/	
	
/* -------　<blockquote id="sub_mail">　 ------- */
#sub_mail{
	}

/* -------　アカウント名@好きな名前.blog.com　 ------- */
#sub_mail .mail{
	margin:15px 0px 0px 20px;
	font-size:17px;
	}	

/* -------　説明　好きな名前 ------- */
#sub_mail .this{
	margin:0px 0px 0px 75px;
	}
	
/* -------　説明、自分の独自ドメイン　 ------- */
#sub_mail .this span{
	margin:0px 0px 0px 88px;
	}
	
/**********************************************/
/* ---　独自ドメインを使ったサブドメインを利用する！　---- */
/**********************************************/	

/* ----- ↓サブドメイン↓ ----- */
	
/* -------　<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;
	}

/*************************************************************************/
/* -----------------　アマゾンアフィリエイト　----------------- */
/*************************************************************************/	
 
/* ----- amazlet ----- */
#content .amazlet-powered-date{
	display:none;
	}

/* ----- G-Tools カスタムCSS選択時 		
<div class="g-tools_table"> 全体を指定するClass
<span class="g-tools_title">商品タイトル</span>
<span class="g-tools_body">商品の情報</span>
<span class="g-tools_img">商品画像</span>
<span class="g-tools_by">by G-Tools</span>	
----- */

#content .g-tools_table{
	}
							
#content .g-tools_title{
	font-size:14px;
	}
	
#content .g-tools_body{
	font-size:13px;
	padding:0px 0px 0px 10px;
	}
	
#content .g-tools_img{
	margin:0px 15px 0px 0px;	
	}	
	
#content .g-tools_by{
	display:none;
	}	

/***************************************************************************/
/* -----------------　レンサバ紹介のテーブル　----------------- */
/***************************************************************************/	
		
/*--- <table> 
	border-collapse:collapseはボーダーを重ねて表示、separateはあけて表示
	<table>を100％指定するとIEで幅おかしなる！
	但し、セル内に折り返しされるほど文章あると、幅100％になりIE、Fox両方で同じ　になる。なんでか分からん┐(ﾟ～ﾟ)┌　
	 ---*/

/*--- 奇数番目に出現するtr要素のclass属性にはeven　～sortable_ja.js ---*/
table#result .even{
	background-color:#EDF3FE;
	}

/*--- 偶数番目に出現するtr要素のclass属性にはodd ～sortable_ja.js---*/
table#result .add{
	}	

/*---  <table>を100％指定するとIEで幅おかしなる！ ---*/		
table#result {
	border-top     : 1px solid #666666; 
	border-left    : 1px solid #666666; 
	border-collapse: collapse; 
	background     : #ffffff;
	line-height:160%;
	width:470px;
	margin-top:20px;
	}
	
#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     : #666666;
	color          : #fff;
	}
	
#result td {
	border-right   : 1px solid #666666;
	border-bottom  : 1px solid #666666;
	padding        : 3px;
	font-size:13px;
	}	
	
#result tr {
	vertical-align:middle;
	}

#result th.kaisya {
	width:24%;
	}
	
#result th.plan {
	width:20%;
	}		

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

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

#result th.otamesi {
	width:10%;
	}
	
/*--- 毎回変わる列 ---*/		
#result th.etc{
	width:12%;
	}

/*--- ※ここだけ右端の線を修正している、が何故かFoxで効かないので直打ち ---*/			
#result th.ryokin {
	width:13%;
	border-right   : 1px solid #666666;
	}

/*--- 初期費用と月額料金を並べる時用 ---*/
#result th.mail2{
	 width:10%;
	 }
	 
/*--- 初期費用と月額料金を並べる時用 ---*/
#result th.etc2{
	 width:13%;
	 }	 
	 
#result td.right {
	text-align     : right;
	}

#result td.center {
	text-align     : center;
	}
	
/* ------------------　DB検索フォーム　------------------ */

/*--- 条件をしぼって好みのレンタルサーバーを検索できます。 ---*/	
.dblead{
	border-bottom:solid 1px #8C8C8C;
	margin:30px 0px 15px;
	}

/*--- 入力欄の色 ---*/	
.db1 input{
	background-color:#F2F2F2;
	width:50px;
	}
	
/*--- 入力欄の上下マージン ---*/	
.db1{
	margin:5px 0px;
	}	
	
/*--- チェックボックスの上下マージン ---*/	
.db2{
	margin:5px 0px;
	}

/*--- チェックボックスの一番上の<div> ---*/		
.separate{
	margin-top:15px;
	}

/*--- 検索ボタン上の罫線 ---*/		
.button_sv{	
	border-top:solid 1px #8C8C8C;
	}		

/*--- 検索ボタン ---*/	
.button_sv input{
	background-color:#D9D9D9;
	width:120px;
	margin:10px 0px 0px;
	padding:0px 0px;
	height:22px;
	}

/*--- DB情報 ---*/		
.dbinfo{
	margin:10px 0px 0px;
	}