@charset "utf-8";
/*----------------------------------------------------
	itmedia.css
----------------------------------------------------*/
@import url("common.css");

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

　■ヤフー事業
　■CityDO!
　■SEO事業
　■CIPS サービス
　■食彩ネット
　■CityDO!トラベル
　■お問い合わせ
　■ITメディア　汎用css

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

/*----------------------------------------------------
	ヤフー事業
----------------------------------------------------*/
h2#it-yahoo {
	height: 46px;
	background: url(../img/itmedia/ttl_yahoo.gif) no-repeat;
}


/* 取り扱い商材リスト */
ul#merchandise {
}

ul#merchandise li {
	width: 125px;
	height: 140px;
	margin-right: 15px;
	text-indent: -9999px;
 	float: left;
}


ul#merchandise li a{
	display:block;
	width:125px;
	height:125px;
}

	/* ロコ */
	ul#merchandise li#loco {background: url(../img/itmedia/img_loco.gif) no-repeat;}
	ul#merchandise li#loco a:hover{ background: url(../img/itmedia/img_loco_on.gif) no-repeat;}
	

	/* ヘルスケア */
	ul#merchandise li#health {background: url(../img/itmedia/img_health.gif) no-repeat;}
	ul#merchandise li#health a:hover{ background: url(../img/itmedia/img_health_on.gif) no-repeat;}


	/* ビューティ */
	ul#merchandise li#beauty {background: url(../img/itmedia/img_beauty.gif) no-repeat;}
	ul#merchandise li#beauty a:hover{background: url(../img/itmedia/img_beauty_on.gif) no-repeat;}

	
	/* スポンサードサーチ */
	ul#merchandise li#ss { background: url(../img/itmedia/img_ss.gif) no-repeat;}
	ul#merchandise li#ss a:hover{ background: url(../img/itmedia/img_ss_on.gif) no-repeat;}
	
	
	/* バナー広告 */
	ul#merchandise li#banner { background: url(../img/itmedia/img_banner.gif) no-repeat;}
	ul#merchandise li#banner a:hover{ background: url(../img/itmedia/img_banner_on.gif) no-repeat;}

	
	/* 地域情報 */
	ul#merchandise li#local {background: url(../img/itmedia/img_local.gif) no-repeat;}
	ul#merchandise li#local a:hover{ background: url(../img/itmedia/img_local_on.gif) no-repeat;}

	
	/* クーポン */
	ul#merchandise li#coupon {background: url(../img/itmedia/img_coupon.gif) no-repeat;}
	
	
	/* グルメ */
	ul#merchandise li#gourmet {background: url(../img/itmedia/img_gourmet.gif) no-repeat;}
	ul#merchandise li#gourmet a:hover{ background: url(../img/itmedia/img_gourmet_on.gif) no-repeat;}
	
	
	/* 電話帳 */
	ul#merchandise li#phonebook {background: url(../img/itmedia/img_phonebook.gif) no-repeat;}


/* シナジー */
h2#synergy {
	padding: 2px 0 3px 0;
	border-left: 4px solid #02307E;
	border-bottom: 1px solid #02307E;
	background: url(../img/itmedia/ttl_synergy.gif) no-repeat 8px center;
}

	/* シナジーの画像 */
	#synergyBox {
		width: 419px;
		margin: 0 auto 30px auto;
	}





/*----------------------------------------------------
	CityDO!
----------------------------------------------------*/
h2#it-citydo {
	height: 69px;
	background: url(../img/itmedia/ttl_citydo.gif) no-repeat;
}

/* 画像とリンクのボックス */
#citydo-img {
	width: 230px;
	float: left;
}

#citydo-link {
	width: 330px;
	height: 133px;
	font-size: 11px;
	float: left;
	position: relative;
}

	/* citydo-linkの中のリスト */
	#citydo-link dl {
		width: 330px;
		position: absolute;
		top: 48%;
		left: 0%;
	}
	
	#citydo-link dt {
		text-indent: -9999px;
	}
	
	#citydo-link dt.citydo {
		height: 14px	;
		background: url(../img/itmedia/img_citydo_p.gif) no-repeat;
	}
	
	#citydo-link dt.citydo-m {
		width: 160px
		height: 14px	;
		background: url(../img/itmedia/img_citydo_m.gif) no-repeat;
	}


/* 豊富で役立つ特集・コンテンツも勢ぞろい */
h2#special {
	padding: 2px 0 3px 0;
	border-left: 4px solid #02307E;
	border-bottom: 1px solid #02307E;
	background: url(../img/itmedia/ttl_contents.gif) no-repeat 8px center;
}

.contentspage {
	width: 560px;
	margin-bottom: 15px;
}

	/* 横3列のボックスとその中のリスト */
	.contentsBox {
		width: 175px;
		margin-right: 10px;
		float: left;
	}
	
	h3.contents {
		text-align: center;
	}
	
	dl.contents {
	}
	
	dl.contents dd a {
		font-size: 10px;
	}
	
	
	
/* 10周年バナー */
.test {
	border:#006600 1px solid;
}

.mgn_banner {
	margin-left:320px;
}

.text_L {
	display:block;
	width:550px;
	float:left;
}





/*----------------------------------------------------
	SEO事業
----------------------------------------------------*/
h2#it-seo {
	height: 46px;
	background: url(../img/itmedia/ttl_seo.gif) no-repeat;
}

/* SEOのバナーとテキストのボックス */
#super-seo {
	width: 560px;
}

#seo-linkBox {
	width: 264px;
	padding: 0;
	float: left;
}

#seo-textBox {
	width: 290px;
	padding: 0 0 0 6px;
	float: left;
}


/* SEOサービス開始まで */
.seo-serviceBox {
	width: 560px;
	margin: 0 0 20px 0;
}

.seo-service dl {
	margin: 0 0 20px 0;
}

.seo-service dt {
	width: 260px;
	height: 59px;
	float: left;
	text-indent: -9999px;
}

	/* STEP1～4 */
	.seo-service dt.img01 {
		background: url(../img/itmedia/seo_service01.gif) no-repeat;
	}
	
	.seo-service dt.img02 {
		background: url(../img/itmedia/seo_service02.gif) no-repeat;
	}
	
	.seo-service dt.img03 {
		background: url(../img/itmedia/seo_service03.gif) no-repeat;
	}
	
	.seo-service dt.img04 {
		background: url(../img/itmedia/seo_service04.gif) no-repeat;
	}

.seo-service dd.text {
	width: 300px;
	padding-top: 0.5em;
	float: left;
}




/*----------------------------------------------------
	CIPS サービス
----------------------------------------------------*/
h2#it-cips {
	height: 19px;
	background: url(../img/itmedia/ttl_cips.gif) no-repeat;
}


/* 画像とテキスト */
ul.cips-link {
	width: 230px;
	margin: 0;
	float: left;
}

.cips-link li {
	margin: 2px 0 0 5px;
	font-size: 11px;
}

.cips-link li.img {
	width: 214px;
	height: 153px;
	background: url(../img/itmedia/img_cips.jpg) no-repeat;
	text-indent: -9999px;
}

.cips-text {
	width: 330px;
	margin: 0;
	float: left;
}




/*----------------------------------------------------
	食彩ネット
----------------------------------------------------*/
h2.it-syokusai {
	height: 20px;
	background: url(../img/itmedia/ttl_syokusai.gif) no-repeat;
}


/* 画像とテキスト */
ul.syokusai-link {
	width: 230px;
	margin: 0;
	float: left;
}

.syokusai-link li {
	margin: 2px 0 0 5px;
	font-size: 11px;
}

.syokusai-link li.img {
	width: 214px;
	height: 153px;
	background: url(../img/itmedia/img_syokusai.jpg) no-repeat top;
	text-indent: -9999px;
}

/* 右側ボックス */
.reasonBox {
	width: 330px;
	margin: 0;
	float: left;
}

.reasonBox h3.reason {
	width: 206px;
	height: 43px;
	margin: 0;
	padding: 0;
	border: none;
 	background: url(../img/itmedia/img_reason.gif) no-repeat;
	text-indent: -9999px;
}

/* ↓これでリストの背景にラインを表示 */
ul.syokusai-list li,ul.business-list li {
	margin: 0;
	padding: 6px 0 5px 0;
	color: #3399FF;
	background: url(../img/common/dotline.gif) repeat-x bottom;
}

/* ↓これでリストマークを表示 */
span.reason-text,span.business-text {
	padding: 0 0 0 20px;
	background: url(../img/common/icon_listmark.gif) no-repeat 0.3em;
}

/* 食彩 パンフリスト */
ol.panf {
	width: 400px;
}

ol.panf li {
	margin-right: 20px;
	float: left;
}

/* ビジネスモデル */
.business-img {
	width: 560px;
	margin-bottom: 30px;
}

/*----------------------------------------------------
	トラベル事業
----------------------------------------------------*/
h2#travel {
	height: 46px;
	background: url(../img/itmedia/ttl_travel.gif) no-repeat;
}

.travelBox-2col h3.travel {
	margin: 25px 0 0 0;
}


/* 2カラム */
.travelBox-2col {
	float: left;
	display:inline;
	width: 265px;
	margin: 0 12px 0 0;
}


/* ↓これでリストの背景にラインを表示 */
ul.travel-list li {
	margin: 0;
	padding: 6px 0 5px 0;
	color: #000088;
	background: url(../img/common/dotline.gif) repeat-x bottom;
}

/* ↓これでリストマークを表示 */
span.travel-text {
	padding: 0 0 0 20px;
	background: url(../img/common/icon_listmark.gif) no-repeat 0.3em;
}

/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
.itmedia-section500 {
	width: 500px;
	margin: 0 auto 40px auto;
}

.itmedia-section500Btm {
	width: 500px;
	margin: 0 auto 60px;
}

.it-contactTable {
	width: 500px;
	border: 1px solid #999;
}

.it-contactTable caption {
	color: #6699CC;
	padding: 0 0 3px 0;
}

.it-contactTable th {
	width: 120px;
	padding: 4px 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	vertical-align: top;
	font-weight: normal;
}

.it-contactTable td {
	padding: 4px 5px;
	border-bottom: 1px solid #999;
}

.must {
	margin-left: 5px;
	color: #000088;
}

.transmitBox {
	width: 500px;
	text-align: center;
}

.ime-on {
	ime-mode: active;
}

.ime-off {
	ime-mode: disabled;
}

div#thanxMessage{
	margin:10px 0 40px 100px;
}

div#thanxMessage p{
	text-align:center;
}

/*----------------------------------------------------
	ITメディア　汎用css
----------------------------------------------------*/
/* フォントカラー */
.blue01 {
	color: #000088;
}

.red01 {
	color: #CC3300;
}



/* 外部リンク アイコン位置
span.icon {
	margin-left: 3px;
}

.position {
	vertical-align: -1px;
}
 */
 
	/* リンク */
	#seo-linkBox ul,ul.travel-link {
		margin: 2px 0 0 5px;
		font-size: 11px;
}


/*----------------------------------------------------
	スポンサードサーチ利用約款
----------------------------------------------------*/
dl.ss-rules{
	margin-bottom:1em;
}

dl.ss-rules dt{
	float:left;  
	width:5px;  
	padding:5px 0 0 5px;  
	clear:both;
}

dl.ss-rules dd{
	width:525px;  
	margin-left:20px;  
	padding:5px 5px 1em 5px;
}

dl.ss-rules dd ul li, ul.ss-rulesList li{
	padding-left:6px;
	margin-left:3px;
	background: url(../img/itmedia/dot_rules.gif) no-repeat left 9px;
}

ul.ss-rulesList{
	margin-bottom:1em;
}

p#btmRules{
	margin-top:2em;
	float:left;
}

img#overtureMark{
	margin-top:2em;
	float:right;
}