/**
* NJMY-1187
* @release date 2010.03.05
* -- filename: skin16_TRUNK.css	revision: 195166
*/
 
/*--------------------------------------------------------------------
	* Note
	
	このファイルはskin02のスタイルと共通モジュールを
	定義するためのファイルです。
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
	* Base
	
	この項目はこのスキンのデフォルトスタイルを記述しています。
	スキンごとにデザインが異なることが確実なので、設定が必要です
--------------------------------------------------------------------*/

body {background:url(/mySkin/img/skin16_color01_body_bg.gif) center 0 repeat;}
/*#wrap {background:transparent url(/mySkin/img/skin02_bg_wrap.gif) no-repeat scroll center top;}*/

#header,
#header .serviceMenu a,
.userProfile .DataUserName a,
.menu .ListMenu a,
.userNetwork .hover .userCounter,
.userNetwork .selected .userCounter,
.userNetwork .paginate span {color:#999;}

h1 a,
#footer,
#footer a,
.userProfile .DataBiography,
.userProfile .DataBiography a,
.userNetwork .userCounter,
.userNetwork .label,
.userNetwork .paginate,
.userNetwork .paginate a,
.userNetwork .paginate a span,
.userNetwork .noItemMessage,
.userNetwork .noItemMessage a,
.credit,
.pageGuide {color:#666;}

#header .serviceMenu li,
#footer .naverLink li {border-color:#343436;}

#userHeader .serviceLogo {background:url(/mySkin/img/skin16_logo_pick_100309.png) 0 0 no-repeat;}
/*forIE6 service-logoなのでIE6でも対応します*/
* html #userHeader .serviceLogo {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.naver.jp/mySkin/img/skin16_logo_pick_100309.png",sizingMethod="crop");}


/*--------------------------------------
  Layout
--------------------------------------*/

.beginnersGuide,
.contribution,
.noScript,
.noFlash,
.error,
.reactionReport,
.contribution,
.post,
.articleWrapper .moreLinkWrapper {width:660px;margin-bottom:5px;-moz-box-shadow:rgba(0,0,0,0.25) 1px 1px 2px 0;-webkit-box-shadow:rgba(0,0,0,0.25) 1px 1px 2px 0;box-shadow:rgba(0,0,0,0.25) 1px 1px 2px 0;}

.postInner {background:url(/mySkin/img/skin16_bg_contBox_top.gif) 0 0 no-repeat;}
.post {background:url(/mySkin/img/skin16_bg_contBox.gif) 0 0 repeat;}

.displayOption {margin-bottom:5px;}



/*--------------------------------------------------------------------
	* Common Modules
	
	この項目は共通モジュールのスタイルを記述しています。
	汎用化出来るモジュールは極力Common Modules内に記述してくだ
	さい。
--------------------------------------------------------------------*/

/*--------------------------------------
  link
--------------------------------------*/

/*--helpLink--*/
a.helpLink  {color:#afafaf !important;}



/*--------------------------------------
  menu
--------------------------------------*/


/*--------------------------------------
  Form
--------------------------------------*/


/*--------------------------------------
  etc...
--------------------------------------*/

/*--noScript/noFlash--*/
.noFlash,
.noScript {background:#fff;}



/*--------------------------------------------------------------------
	* contribution
	
	この項目はskin02の記事作成フォーム（contribution）のみの
	スタイルを定義するためのものです。
--------------------------------------------------------------------*/

/*--fontColor--*/
.contribution {color:#afafaf;}
.contribution a {color:#777;}

.contribution .count {color:#6f889c;}
.contribution .count.overSize {color:#f00;}


/*--layout--*/
.contributionInner {padding:10px 25px 30px 30px;background:#fff;}
*:first-child+html .contributionInner {padding-top:30px;}/*IE7,8での相殺の問題？？を解決*/



/*--------------------------------------------------------------------
	* article
	
	この項目はskin01の
	記事部分（article）のみのスタイルを定義するためのものです。
--------------------------------------------------------------------*/

/*--------------------------------------
  base
--------------------------------------*/
.post {color:#777;}
.post a {color:#70889b;}


/*--common parts--*/
.post .modified,
.post .modified a {color:#afafaf;}


/*--------------------------------------
  article Individual style
--------------------------------------*/
/*--section h2--*/
.section .h2Wrapper {position:absolute;top:30px;left:-45px;width:55px;height:55px;padding:1px 3px 3px 1px;background:url(/mySkin/img/skin16_article_h2_bg.png) 0 0 no-repeat;z-index:1;zoom:1;text-align:center;}
.section h2 {height:100%;}
.section h2 .year,
.section h2 .month {position:relative;top:35px;*top:34px;color:#555;font-size:8px;font-family:tahoma;}
.section h2 .date {position:absolute;top:0;left:0;width:55px;color:#fff;padding-top:4px;font-size:26px;font-weight:bold;font-family:arial;}
.section h2 .thumbnail {display:block;zoom:1;width:55px;height:55px;-moz-box-shadow:rgba(0,0,0,0.25) 1px 1px 2px 0;-webkit-box-shadow:rgba(0,0,0,0.25) 1px 1px 2px 0;box-shadow:rgba(0,0,0,0.25) 1px 1px 2px 0;}


/*--post--*/
.post {margin-bottom:5px;}
.postInner {margin:0;padding:30px 25px 14px 30px;}


/*--postBodyDetail--*/
.postBodyDetail .siteName {color:#70889b;}
.postBodyDetail .siteUrl {color:#70889b;}
.postBodyDetail .locationPoint a {color:#afafaf;}
.postBodyDetail .matomeOdai {color:#b0b0b0;}
.postBodyDetail .pickCommentWrapper .noItemMessage {color:#afafaf;}

/* postOption */
.postOption .metaData {color:#afafaf;}
.postOption .metaData li {border-color:#e0e0e0;}
.postOption .metaData .commentLink a.selected {color:#fe4640;}
.postOption .metaData .pickFrom {color:#70889b;}
.postOption .metaData .pickCount {color:#686e79;}
.postOption,
.postOption .metaData .pickCount,
.postOption .pickButton a {background-image:url(/mySkin/img/post_btn_pick_sprite_Skin16.gif)}

/* moreLink */
.articleWrapper .moreLink {background:url(/mySkin/img/skin16_article_moreLink_bg.gif) 0 bottom no-repeat;}
.articleWrapper .moreLink a {line-height:40px;color:#666;}


/*--myView--*/


/*--endPage--*/
.endPage .postBodyVisual cite,
.endPage .postBodyVisual cite a {color:#afafaf;}
.endPage .source01,
.endPage .source01 a {color:#afafaf;}


/*--restrictionMessage--*/



/*--------------------------------------------------------------------
	* feedback
	
	この項目はskin02のコメント/フィードバック（feedback）のみの
	スタイルを定義するためのものです。
--------------------------------------------------------------------*/

.post .feedback {padding:25px 30px 30px;background:#181819;border-top:1px solid #0d0d0e;}

.post .feedback .moreLink a {color:#afafaf;}
.post .feedback .log .userName {color:#777;}
.post .feedback .log .message {color:#777;}
.post .feedback .log .message a {color:#777;}
.post .feedback .log .message a:link,
.post .feedback .log .message a:visited {color:#777;}
.post .feedback .log .message a:hover,
.post .feedback .log .message a:active,
.post .feedback .log .message a:focus {color:#777;}
.post .feedback .paginate a {color:#afafaf;}



/*--------------------------------------------------------------------
	* subContents

	この項目はskin02のサブコンテンツ（subContents）のみの
	スタイルを定義するためのものです。
--------------------------------------------------------------------*/

/*--------------------------------------
  userProfile
--------------------------------------*/

/*--thumbnail--*/
#subContents .thumbnail {width:80px;height:80px;margin-left:-1px;padding:6px 8px 8px 6px;background:url(/mySkin/img/skin16_userProfile_bg_thumbnail.png) 0 0 no-repeat;}
#subContents .thumbnail .inner {display:block;zoom:1;}


/*-- LinkAdmin & SettingFollow --*/
/* color */
.LinkAdmin a,
.SettingFollow span {color:#666666;}

/* icon */
.SettingFollow span {background-image:url(/mySkin/img/skin16_userStatus_ico.gif);}

/* background */
.LinkAdmin,
.LinkAdmin a,
.SettingFollow .UserStatus,
.SettingFollow .SetStatus {background-image:url(/mySkin/img/skin16_userStatus_bg.png);}



/*--------------------------------------
  menu
--------------------------------------*/
#subContents .menu .archive,
#subContents .menu .ListLink01 {border-top:1px solid #131315;}
#subContents .menu .archive dd,
#subContents .menu .ListLink01 dd {border-top:1px solid #343436;}

#subContents .ListMenu li.selected {background:url(/mySkin/img/skin16_menu_bg_ListMenu.gif) no-repeat;}

#subContents .ListMenu .subMenuButton  {background-image:url(/mySkin/img/skin16_menu_arrow.gif);}

#subContents .menu li a {background:url(/mySkin/img/skin16_menu_ico_sprite.png) 10px 7px no-repeat;}

/*--------------------------------------
  userNetwork
--------------------------------------*/
#subContents .userNetworkWrap {border-top:1px solid #131315;}
#subContents .userNetwork {border-top:1px solid #343436;}
#subContents .userNetwork .following dt {border-right:1px solid #131315;}
#subContents .userNetwork .follower dt {border-left:1px solid #343436;}