@charset "utf-8";


/*======================================
　■基本レイアウト
======================================*/
* {
    margin:0;
    padding:0;
}
body {
    font-size: 100%;
    background:url(img/back_body.jpg) repeat-x left top;    
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size:80%;
}
html {
    overflow-y:scroll;
}
h1,h2,h3,h4,h5,h6 {
}
p,li,dt,dl {
    line-height:1.6;
}
p {
    margin:0 0 1em 0;
}
li {
    list-style-type:none;
}
img {
    border:0;
}
address {
    font-style:normal;
}
.clear {
    clear:both;
}


/*======================================
　■リンク
======================================*/
a:link {
    color:#0000FF;
    text-decoration:none;
}
a:visited {
    color:#0000FF;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:active {
    color:#0000FF;
}

/*======================================
　■wrap
======================================*/
#wrap{
	width:660px;
	margin:0 auto;
	}

/*======================================
　■ヘッダー
======================================*/
#header{
	width:660px;
	height:150px;
	/*position:relative;*/
	margin-bottom:10px;

	}
h1 a{
	width:310px;
	height:40px;
	background:url(img/logo.jpg) no-repeat left top;
	text-indent:-9999px;
	margin:40px 0 0 0px;
	display:block;
	}
	
#title_socialbookmark{
	width:660px;
	height:80px;
	margin:25px auto 15px;
	text-indent:-9999px;
	background: url(img/title_sb.gif) no-repeat left top;
	background-color:#66CC99;
	}
#title_contact{
	background:url(img/title_contact.gif) no-repeat left top;
	width:660px;
	height:80px;
	margin:25px auto 15px;
	text-indent:-9999px;
	}

#title_registration{
	background:url(img/title_registration.gif) no-repeat left top;
	width:660px;
	height:80px;
	margin:25px auto 15px;
	text-indent:-9999px;
	}
	
#overview{
	background:url(img/title_overview.gif) no-repeat left top;
	width:660px;
	height:80px;
	margin:25px auto 15px;
	text-indent:-9999px;
	}
	
h2 #company{
	background:url(img/title_company.gif) no-repeat left top;
	width:660px;
	height:80px;
	margin:25px auto 15px;
	text-indent:-9999px;
	}
	
h2 #technology{
	background:url(img/title_technology.gif) no-repeat left top;
	width:660px;
	height:80px;
	margin:25px auto 15px;
	text-indent:-9999px;
	}
	
#registration{
	width:660px;
	height:40px;
	margin:10px 55px 0 0px;
	_margin:10px 30px 0 0px;
	}
#text_registration{
	height:30px;
	width:560px;
	padding-right:5px;
	display:block;
	/*background : url(img/text_click.gif) no-repeat left top;*/	
	float:left;
	color:#fff;
	text-align:right;
	vertical-align:bottom;
		}
#btn_registration a{
	width:90px;
	height:30px;
	display:block;
	float:right;
	text-indent:-9999px;
	background:url(img/btn_registration.jpg) no-repeat left top;
	}

#mashup a {
	background:transparent url(img/logo_mashup.jpg) no-repeat scroll left top;
	height:35px;
	width:250px;
	float:left;
	margin:-37px 0 0 410px;
	_margin-top:-40px;/*for ＩＥ */
	text-indent:-9999px;
	clear:both;	
	}

/*======================================
　■コンテンツ
======================================*/
#content{  /*全ページ共通*/
	width:660px;
	margin:0 auto;
	}
#content_contact{
	width:660px;
	_margin-top:20px;
	}

/*-------------トップページ用▼-----------------*/	
#summary{
	width:660px;
	height:210px;
	margin:-30px auto 20px ;
	_margin-top:10px; /*IE6用*/
	background:url(img/back_summary.jpg) no-repeat left top;
	text-indent:-9999px;
	}

#newopen{
	width:200px;
	height:150px;
	margin:-30px auto 20px ;
	_margin-top:10px; /*IE6用*/
	text-indent:-9999px;
	background:url(img/newopen.png) no-repeat left top;
	
	}
	
#ebusiness_cm {
	/*margin:10px 0;*/
	border:1px solid #CCC;
	padding:5px 5px 0;
	width:400px;
	margin-left:130px;
	margin-bottom:50px;
}
#ebusiness_cm p {
	padding:5px 0 0 15px;
	background-image:url(img/img_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin-bottom:0px;
	/*height:1em;*/
}

#ebusiness_cm a {
	width:400px;
	height:77px;
	display:block;
	background-image:url(img/navi_cm02.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	padding-top:0;
}

#ebusiness_cm a:hover {
	background-position:0 -77px;
}


	
*:first-child+html #summary{ 
	margin:10px auto 20px; /*IE7用*/
}
#feature{
	width:660px;
	height:200px;
	margin:30px 0 0 ;
	}	

#feature_1,#feature_2,#feature_3 {
	width:200px;
	height:200px;
	float:left;
	background-color:#FF9999;
	}
	
#feature_1,#feature_2{
	margin-right:30px;
	}
	
#feature_1{
	background:url(img/back_fea1.jpg) no-repeat left top;
	text-indent:-9999px;
}
#feature_2{
	background:url(img/back_fea2.jpg) no-repeat left top;
	text-indent:-9999px;
}
#feature_3{
	background:url(img/back_fea3.jpg) no-repeat left top;
	text-indent:-9999px;
}

.categorypart{
	margin:30px 0 10px;
	}
	
/*--親ボックスの高さを算--*/

.categorypart:after{ /* モダンブラウザ用 */
    height:0;　/*モダンブラウズ用*/
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
.categorypart{　/*IE用*/
	width:100%;
	}
	
/*--親ボックスの高さを算出-*/

/*-------------クラウドマップ本体▼-----------------*/
div.cloudmap_container {
	border:1px solid #848484;
	margin-bottom:20px;
}
/*-------------クラウドマップ本体▲-----------------*/

/*-------------タグクラウド▼-----------------*/
a.tagrank0{
	font-size:35%;
	color: #666666;
	text-decoration:none;
}
a.tagrank0:hover{
	color: #222222;
}

a.tagrank1{
	font-size:70%;
	color: #666666;
	text-decoration:none;
}
a.tagrank1:hover{
	color: #222222;
}

a.tagrank2{
	font-size:90%;
	color: #666666;
	text-decoration:none;
}

a.tagrank2:hover{
	color: #222222;
}

a.tagrank3{
	font-size:110%;
	color: #666666;
	text-decoration:none;
}

a.tagrank3:hover{
	color: #222222;
}

a.tagrank4{
	font-size:130%;
	font-weight:bolder;
	color: #666666;
	text-decoration:none;
}

a.tagrank4:hover{
	color: #222222;
}

a.tagrank5{
	font-size:150%;
	font-weight:bold;
	color: #666666;
	text-decoration:none;
}

a.tagrank5:hover{
	color: #222222;
}

a.tagrank6{
	font-size:170%;
	font-weight:bold;
	color: #666666;
	text-decoration:none;
}

a.tagrank6:hover{
	color: #222222;
}

a.tagrank7{
	font-size:190%;
	color: #666666;
	text-decoration:none;
}

a.tagrank7:hover{
	color: #222222;
}

span.tagcount{
	font-size:12px;
	color:gray;
	text-decoration:none;
}

div.tagcloud{
	float:left;
	border:1px solid #848484;
	width:70%;
}

div.scouter{
	float:right;
	width:25%;
}

/*-------------タグクラウド▲-----------------*/

/*-------------クラウドマップって何？▼-----------------*/
#whats_cm{
	width:660px;
	height:190px;
	background:url(img/back_whatsCA.jpg) no-repeat left top;
	margin:30px 0 0 0;
	}

/*-------------クラウドマップって何？▲-----------------*/

/*-------------クラウドマップとBuzzurlAPIをマッシュアップ！▼-----------------*/

#wcm_buzz{
	width:660px;
	height:200px;
	background:url(img/back_CA+Buzz.jpg) no-repeat left top;
	margin:30px 0 0 0
	}

/*-------------クラウドマップとBuzzurlAPIをマッシュアップ！▲-----------------*/

/*----ブックマークカテゴリ---*/
#cattitle_sb{
	width:660px;
	height:40px;
	background:url(img/cattitle_sb.gif) no-repeat left top;
	text-indent:-9999px;
	margin-top:40px;	
	}
	
#btn_hatena_bm a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_hatena.jpg) no-repeat left top;
	text-indent:-9999px;	
	}
#btn_hatena_bm a:hover{ 
	background:url(img/thumbnail_hatena_on.jpg) no-repeat left top;	
	}
#btn_delicious a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_deli.jpg) no-repeat left top;
	text-indent:-9999px;	
		}
#btn_delicious a:hover{ 
	background:url(img/thumbnail_deli_on.jpg) no-repeat left top;	
		}
#btn_buzzurl a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_buzz.gif) no-repeat left top;
	text-indent:-9999px;
	}
#btn_buzzurl a:hover{ 
	background:url(img/thumbnail_buzz_on.gif) no-repeat left top;
	}
/*----ブックマークカテゴリ---*/

/*----動画カテゴリ---*/
#cattitle_video{
	width:660px;
	height:40px;
	background:url(img/cattitle_video.gif) no-repeat left top;
	text-indent:-9999px;
	margin-top:40px;
	}

#btn_hatena_video a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_hatena.jpg) no-repeat left top;
	text-indent:-9999px;
	}

#btn_hatena_video a:hover{ 
	background:url(img/thumbnail_hatena_on.jpg) no-repeat left top;
	}
/*----動画カテゴリ---*/

/*----本DVDカテゴリ---*/
#cattitle_book{
	width:660px;
	height:40px;
	background:url(img/cattitle_book.gif) no-repeat left top;
	text-indent:-9999px;
	margin-top:40px;
	}

#btn_hatena_book a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_hatena.jpg) no-repeat left top;
	text-indent:-9999px;
	}

#btn_hatena_book a:hover{ 
	background:url(img/thumbnail_hatena_on.jpg) no-repeat left top;
	}
/*----本DVDカテゴリ---*/

/*----音楽カテゴリ---*/
#cattitle_music{
	width:660px;
	height:40px;
	background:url(img/cattitle_music.gif) no-repeat left top;
	text-indent:-9999px;
	margin-top:40px;
	}

#btn_music a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_fm.jpg) no-repeat left top;
	text-indent:-9999px;
	}

#btn_music a:hover{ 
	background:url(img/thumbnail_fm_on.jpg) no-repeat left top;
	}
/*----音楽カテゴリ---*/

/*----論文カテゴリ---*/
#cattitle_thesis{
	width:660px;
	height:40px;
	background:url(img/cattitle_thesis.gif) no-repeat left top;
	text-indent:-9999px;
	margin-top:40px;
	}

#btn_citeulike a{ 
	width:200px;
	height:60px;
	display:block;
	float:left;
	background:url(img/thumbnail_citeulike.jpg) no-repeat left top;
	text-indent:-9999px;
	}
	
#btn_citeulike a:hover{ 
	background:url(img/thumbnail_citeulike_on.jpg) no-repeat left top;
	}
/*----論文カテゴリ---*/

.explanation_thumbnail{
	width:445px;
	float:right;
	}
.explanation_thumbnail h3 a {
	font-size:x-small;
	color:#F96611;
	}
.explanation_thumbnail h3 a:hover {
	background-color:#f96611;
	color:#ffffff;
	text-decoration:none;
}
.explanation_thumbnail p {
	font-size:0.8em;
}

#toContact a{  /*お問合せ→*/
	width:100px;
	height:25px;
	display:block;
	background: url(img/toContact.gif) no-repeat left top;
	text-indent:-9999px;
	margin:-60px 0 45px 550px;
	}
#news{
	width:660px;
	height:4em;
	background-color:#E0E0E0;
	margin:70px auto 0
	}
#top_news{
	width:660px;
	height:10px;
	background:
	url(img/back_top_news.gif) no-repeat left top;
	}
#btm_news{
	width:660px;
	height:10px;
	background:
	url(img/back_btm_news.gif) no-repeat left bottom;
	}
#news dl{
	margin-left:200px;
	font-size:0.8em;
	padding:1em;
	height:1em;
	}
#news dt{
	float:left;
	padding-right:15px;
	}
#news dd{
	padding-left:10px;
	}
	
.divider{
	padding:5px 10px;
	margin-bottom:5px;
	background:url(img/divider.gif) repeat-x left bottom;
	
	}


#toTop a{
	width:16em;
	height:17px;
	font-size:0.8em;
	text-align:right;
	vertical-align:bottom;
	line-height:2;
	float:right;
	margin:40px 0 20px;
	*clear:both;
	background:url(img/arrow_up.gif) no-repeat right top;
	padding-right:23px;
	color:#333333;
	}


/*-------------トップページ用▲-----------------*/	

#explanation{
	width:660px;
	margin:15px auto;
	line-height:1.5;
	font-size:smal;
	}
#notice{
	width:660px;
	text-align:right;
	color:red;
	margin:0 auto;
	font-weight:bold;
	}

#display{
	width:660px;
	height:600px;
	margin:20px auto;
	text-indent:-9999px;
	background:url(img/display.jpg) no-repeat left top;
	
	}
/*-------------お問い合わせのページ-----------------*/	
/*#contact_form{
	width:660px;
	margin:20px auto;
	}
	
.formbox{
	border:1px solid #cccccc;
	width:660px;
	margin:0px auto 70px auto;
	}
	
.item{
	background-color:#EBEBEB;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	width:150px;
	padding:5px 10PX;
	}
	
.item_btn{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-align:center;
	padding:5px;
	}
	
.box1,.box2{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	width:400px;
	padding:5px;
	}
	
.mark{
	font-weight:bold;
	color:red;
	}
*/
	
fieldset{
	width:635px;
	background-color:#FFFFFF;
	padding:10px;
	}
#contactform_webform{
	margin-top:-30px;
	}
	
.leftpart{
	display:block;
	widht:10em;
	height:1.5em;
	}
dt{
	padding-left:5px;
	border-left:5px solid #F96611;
	}
dd{
	margin:5px 0 10px;
	}
.broad{
	border-top:1px solid gray;
	border-right:1px solid siler;
	border-left:1px solid gray;
	border-bottom:1px solid siler;
	padding:3px;
	}
input:focus,textarea:focus{
	background-color:#feede4;
}

.redletter{
	color:red;
	}
/*-------------お問い合わせのページここまで------------*/		

/*-------------メルマガ登録のページ------------*/	
.box3{
	width:300px;
	padding:5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}
	
.textbox{
	border:8px solid #cccccc;
	padding:20px;
	margin-bottom:70px;
	}
/*-------------メルマガ登録のページここまで------------*/	

/*-------------会社概要のページ------------*/	

.box4{
	width:500px;
	padding:5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}
	
.textbox2{
	margin-bottom:70px;
	}
/*-------------会社概要のページここまで------------*/	

#tagcloud{
	width:160px;
	height:160px;
	margin:20px 0 20px 0;
	background-color:
	#FFCC33;
	}

/*-------------「ご意見ありがとうございました（thankyou.html）」のページここから------------*/	
#content_thankyou{
	width:640px;
	margin-top:-30px;
	_margin-top:20px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #666666;
	}
.back{
	font-size:0.8em;
	width:9em;
	display:block;
	vertical-align:right;
	float:right;
	}
/*-------------「ご意見ありがとうございました（thankyou.html）」のページここまで------------*/	


/*======================================
　■フッター
======================================*/
#footer{
	padding:30px 0;
	margin:30px auto 0;
	_margin-top:30px;
	background: url(img/back_footer.jpg) repeat-x left top;
	background-color:#e6e6e6;
	clear:both;
	}

#footerNavi{
	padding:1px;
	margin:0 auto;
	text-align:center;
	}
#footerNavi ul{
	text-align:center;
		}
#footerNavi li{
	display:inline;
	}	
#footerNavi a{
	padding:0 1em;
	font-size:x-small;
	}	
#copyright{
	text-align:center;
	font-size:x-small;
	margin:10px;
	_padding-bottom:120px; /*IE用*/
		}