@charset "utf-8";
/* ===================================================================
CSS information
side_module.css
=================================================================== */



/* #sideRecruitBox 【採用情報】
=================================================================== */
#sideRecruitBox li{
	margin:0 0 4px 0;
	padding:0 0 0 14px;
	background:url(/common/img/content/icon_arrow_03.gif) no-repeat 4px 6px;
	width:115px;
	float:left;
}
#sideRecruitBox p{
	line-height:1.5;
	margin:0 0 7px 0;
}



/* #sideBlogArticleBox 【技術ブログ】
=================================================================== */
#sideArticleBox li{
	border-bottom:1px solid #E6E6E6;
	padding:0 0 9px 0;
	margin:0 0 8px 0;
	line-height:1.5;
	float:none !important;
}
#sideArticleBox li.lastChild{
	border:none;
}



/* #sideNewsBox 【お知らせ】
=================================================================== */
#sideNewsBox li{
	margin:0;
	line-height:1.5;
	float:none !important;
	overflow:hidden;
}
#sideNewsBox dl{
	width:260px;
	border-bottom:1px solid #E6E6E6;
	padding:0 0 8px 0;
	margin:0 0 7px 0;
}
#index #sideNewsBox dl dd{
	width:260px;
}
#sideNewsBox li.lastChild dl{
	border:none;
	margin:0;
	padding:0 0 2px 0;
}




/* #sideTwitterBox 【Twitter】
=================================================================== */
#index #sideTwitterBox #twitter-widget{
	overflow-y:scroll;
}
#sideTwitterBox #prof{
	color:#333;
	padding:9px 0 7px 17px;
	margin:0 0 13px 0;
	border-top:solid 1px #fff;
	background:#F2F2F2;
}
#sideTwitterBox #userPic{
	float:left;
	padding:0 10px 0 0;
}
#sideTwitterBox #nameArea{
	float:left;
	line-height:1.3;
	padding:1px 0 0 0;
}
#sideTwitterBox #nameArea #userName{
	font-size:92%;
}
#sideTwitterBox #nameArea #screenName{
	font-weight:bold;
	font-size:125%;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#sideTwitterBox #nameArea #screenName a{
	color:#333;
}
#index #sideTwitterBox #tweet-container{
	height:207px;
	font-size:93%;
}
#sideTwitterBox #tweet-container{
	padding:0 17px 12px;
	line-height:1.3;
}
#sideTwitterBox #tweet-container .tweet{
	padding:0 0 5px 0;
	margin:0 0 6px 0;
	background:url(/common/img/content/icon_dot_02.gif) repeat-x 0 bottom;
}
#sideTwitterBox #tweet-container .tweet:last-child{
	background:none;
	margin:0;
}
#sideTwitterBox #tweet-container .txt{
	margin:0 0 3px 0;
}
#sideTwitterBox #tweet-container .action{
	font-size:92%;
}





/* #sideGalleryBox 【社内風景ギャラリー】
=================================================================== */
#sideGalleryBox #slide-gallary{
	position:relative;
	overflow:hidden;
	width:260px;
	height:220px;
	margin-bottom:4px;
}
#sideGalleryBox #slide-gallary #in{
	width:9999px;
	margin-left:-260px;
}
#sideGalleryBox #slide-gallary #in li{
	float:left;
	padding:0;
	width:260px;
	height:200px;
}
#sideGalleryBox #slide-gallary #in li dt{
	padding:0 0 7px 0;
}
#sideGalleryBox #slide-gallary #in li dd{
	text-align:center;
	line-height:1.4;
}
#sideGalleryBox p#slide-left-btn,
#sideGalleryBox p#slide-right-btn{
	cursor:pointer;
	position:absolute;
	z-index:2;
	top:62px;
	opacity:0.6;
	filter: alpha(opacity=60);
}
#sideGalleryBox p#slide-left-btn{
	/*background:url(/common/img/content/bg_splite_arrow.gif) no-repeat 0 0;*/
	left:0;
}
#sideGalleryBox p#slide-right-btn{
	right:0;
}


/* #sideProfileBox 【代表プロフィール】
=================================================================== */
#sideProfileBox dt{
	font-size:117%;
	font-weight:bold;
	width:125px;
	float:right;
}
#sideProfileBox dd.twitter,
#sideProfileBox dd.facebook{
	float:right;
	width:105px;
	padding:0 0 0 20px;
}
#sideProfileBox dd.twitter{
	background:url(/common/img/content/icon_twitter_01.gif) no-repeat 0 3px;
}
#sideProfileBox dd.facebook{
	background:url(/common/img/content/icon_facebook_01.gif) no-repeat 0 3px;
}
#sideProfileBox .text{
	padding:10px 0 0 0;
	clear:both;
	width:100%;
}



/* #sideMapBox 【所在地】
=================================================================== */
#sideMapBox #google-maps{
	width:260px;
	height:172px;
	margin:0 0 10px 0;
}
#sideMapBox p{
	line-height:1.2;
	font-size:84%;
}



/* #sideKeitaiBox 【ke-tai.org(アイコン)】
=================================================================== */
#sideKeitaiBox .main-img{
	padding:0 0 6px 16px;
}
#sideKeitaiBox .right-detail{
	float:right;
	width:162px;
}
#sideKeitaiBox .right-detail dt{
	font-weight:bold;
	font-size:134%;
}
#sideKeitaiBox .right-detail dd{
	font-size:92%;
	line-height:1.4;
}




/* #sideBlogBox 【技術ブログ(アイコン)】
=================================================================== */
#sideBlogBox .main-img{
	padding:0 0 6px 16px;
}
#sideBlogBox .right-detail{
	float:right;
	width:162px;
}
#sideBlogBox .right-detail dt{
	font-weight:bold;
	font-size:134%;
}
#sideBlogBox .right-detail dd{
	font-size:92%;
	line-height:1.4;
}





/* #sideSpecialBox 【社内紹介】
=================================================================== */
#sideSpecialBox p.lead{
	font-size:117%;
	line-height:1.5;
	padding:0 0 0 4px;
	margin:0 0 6px 0;
	font-weight:bold;
}
#sideSpecialBox ul{
	padding:0 0 4px 0;
}
#sideSpecialBox ul li{
	background:url(/common/img/content/icon_arrow_03.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
	margin:0 0 0px 0;
}
#sideSpecialBoxAtHome li{
    margin:0 0 4px 0;
    padding:0 0 0 14px;
    background:url(/common/img/content/icon_arrow_03.gif) no-repeat 4px 6px;
    width:115px;
    float:left;
}




/* #sideBlogArticleBox 【技術ブログ(記事一覧)】
=================================================================== */
#sideBlogArticleBox #blog-list img{
	border:1px solid #E6E6E6;
	padding:15px 19px;
	margin:0 0 16px 0;
	width:220px;
}
#sideBlogArticleBox #blog-list dt{
	font-size:108%;
	font-weight:bold;
	line-height:1.6;
}
#sideBlogArticleBox #blog-list dd{
	font-size:84%;
}
#sideBlogArticleBox #blog-list li{
	margin:0 0 20px 0;
}



/* #sideLineupBox  【実績紹介】
=================================================================== */
#sideLineupBox li{
	margin:0 0 12px 0;
}
#sideLineupBox dt{
	border:1px solid #e6e6e6;
	padding:15px 19px;
	margin:0 0 5px 0;
}
#sideLineupBox dd{
	font-weight:bold;
	background:url(/common/img/content/icon_arrow_03.gif) no-repeat 5px 8px;
	padding:0 0 0 14px;
}



/* #sideSlideBox  【関連スライド】
=================================================================== */
#sideSlideBox li{
	margin:0 0 12px 0;
}
#sideSlideBox dt{
	border:1px solid #e6e6e6;
	padding:15px 19px;
	margin:0 0 5px 0;
}
#sideSlideBox dd{
	font-weight:bold;
	background:url(/common/img/content/icon_arrow_03.gif) no-repeat 5px 8px;
	padding:0 0 0 14px;
}








#ie6 #sideKeitaiBox .main-img,
#ie7 #sideKeitaiBox .main-img,
#ie6 #sideBlogBox .main-img,
#ie7 #sideBlogBox .main-img{ 
	float:left;
}
#ie6 #sideKeitaiBox p,
#ie7 #sideKeitaiBox p,
#ie6 #sideBlogBox p,
#ie7 #sideBlogBox p{
	clear:both;
}

#ie6 #prof{	width:281px;}
#ie6 #sideNewsBox{ width:284px;}
#ie6 #sideNewsBox dl{ width:240px !important;}

#ie6 #index #sideNewsBox dl dd{ width:240px !important;}
#ie6 #index #sideTwitterBox #twitter-widget{ overflow-y:hidden;}
#ie6 #index #tweet-container{ width:264px !important;}
#ie6 #index #twitter-widget{ height:285px !important;}
#ie6 #sideRecruitBox li{ width:240px !important;}