@charset "utf-8";

/* メインビジュアル
-------------------------------------------------- */
#main-visual {
	height:440px;
	padding:0 15px;
	width:auto;
}
#pic_left {
	float: left;
}

#area {
	background-image: url(../../img/pic_area.gif);
	height: 215px;
	width: 455px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
}

#analysis {
	background-image: url(../../img/pic_analysis.gif);
	height: 215px;
	width: 455px;
	background-repeat: no-repeat;
}

#pic_right {
	float: right;
}

#block {
	height: 215px;
	width: 455px;
	background-image: url(../../img/pic_block.gif);
	padding-bottom: 5px;
	background-repeat: no-repeat;
}

#targeting {
	background-image: url(../../img/pic_targeting.gif);
	height: 215px;
	width: 455px;
	background-repeat: no-repeat;
}

.use_title {

	padding-top: 50px;

	padding-left: 20px;

	padding-right: 50px;

	font-size: 130%;

	font-weight: bold;

	padding-bottom: 3px;

}

.use_text {
	padding-left: 20px;
	padding-right: 110px;
	height: 100px;
	font-size: 100%;

}



.use_btn {

	padding-left: 20px;

}

#top-main {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	width: 940px;
	background-color: #FFF;
}

/* ボタン
-------------------------------------------------- */
.use_btn a:hover img{

	opacity:0.1;

	filter: alpha(opacity=10);

}



#btn-area {

	background-image: url(../../img/btn_area_on.gif);

	background-repeat: no-repeat;

	background-position: 21px;

}



#btn-analysis {

	background-image: url(../../img/btn_analysis_on.gif);

	background-repeat: no-repeat;

	background-position: 21px;

}



#btn-block {

	background-image: url(../../img/btn_block_on.gif);

	background-repeat: no-repeat;

	background-position: 21px;

}



#btn-targeting {

	background-image: url(../../img/btn_targeting_on.gif);

	background-repeat: no-repeat;

	background-position: 21px;

}

/* お知らせ

-------------------------------------------------- */
#info {
	float: left;
	width: 680px;
	overflow:hidden;
}
#info a {
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}
#info a:hover {
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}
#info tr {
	background-color: white;
}
/*#info tr:hover {
	background-color: whitesmoke;
}*/
#info th {
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	padding: 15px;
	/*border-bottom: 1px solid whitesmoke;*/
}
#info_title {
	width: 650px;
	border-bottom: 0px solid #FFC0CB;
}
#info_text {
	padding: 0px;
}
.title {
	text-align: left;
	padding-bottom:10px;
}
.date {
	vertical-align:middle;
	padding-right: 10px;
}
#btn_info {
	text-align: center;
	padding-top: 30px;
}

/* サイドメニュー

-------------------------------------------------- */
#side {
	float: right;
	width: 255px;
	overflow:hidden;
}
#side li {
	padding-bottom: 10px;
}
#info {
	float: left;
}
#info li {
	float: left;
}
#pagetop {
	clear: both;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 15px;
}
#twitter {
	padding: 30px 0;
}
#twitter .twit_head {
	width: 250px;
}
#twitter .twit_head a {
	background-image: url("/common/img/twitter.png");
	background-repeat: no-repeat;
	padding: 0 0 47px;
	text-indent: -9999px;
	display: block; 
}
#twitter .twit_head a:hover {
	background-image: url("/common/img/twitter_follow.png");
	background-repeat: no-repeat;
	padding: 0 0 47px;
	text-indent: -9999px;
	display: block; 
}

/* IP判定

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

#ipv {
	padding-bottom: 20px;
	background-image: url(../../img/bg_ipv_2.gif);
	background-repeat: no-repeat;
	height: 111px;
	width: 250px;
	margin-left: 0px;
}

#sparea{
	font-size: 100%;
	padding-top: 50px;
	color:#333333;
	font-weight: bold;
	padding-left: 70px;
	height: 18px;
}

#sparea2{
	font-size: 100%;
	color:#333333;
	font-weight: bold;
	padding-left: 70px;
	height: 18px;
}

#sparea3 {
	padding-left: 150px;
	padding-top: 20px;
}


/*#ipv {
	padding-bottom: 20px;
	background-image: url(../../img/bg_ipv.gif);
	background-repeat: no-repeat;
	height: 111px;
	width: 200px;
	margin-left: 25px;
}

#sparea{
	font-size: 100%;
	padding-top: 50px;
	color:#333333;
	font-weight: bold;
	padding-left: 40px;
	height: 18px;
}

#sparea2{
	font-size: 100%;
	color:#333333;
	font-weight: bold;
	padding-left: 40px;
	height: 18px;
}

#sparea3 {
	padding-left: 100px;
}
*/

a[href $='.pdf'] {

	padding-right: 25px;

	background: transparent url(http://www.docodoco.jp/info/img/pdf.png) no-repeat center right;

}