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

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

body {background:url(/mySkin/img/skin12_color01_body_bg.jpg) 0 0 repeat;}
#wrap {background:transparent url(/mySkin/img/skin12_bg_wrap_100304.jpg) no-repeat scroll 0 top;}

#header,
#header .serviceMenu a,
#footer,
#footer a,
.userProfile .DataBiography,
.userProfile .DataBiography a,
.userNetwork .userCounter,
.userNetwork .label,
.userNetwork .noItemMessage,
.userNetwork .noItemMessage a,
.userNetwork .hover .userCounter,
.userNetwork .paginate,
.userNetwork .paginate a,
.userNetwork .paginate a span {color:#708382;}

h1 a,
.userProfile .DataUserName a,
.menu .ListMenu a,
.userNetwork .selected .userCounter,
.userNetwork .selected .label,
.userNetwork .paginate span,
.credit,
.pageGuide {color:#fff;}

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

#userHeader .serviceLogo {background:url(/mySkin/img/skin12_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/skin12_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:#fff url(/mySkin/img/skin12_bg_contBox.gif) 0 top no-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
	
	この項目はskin12の記事作成フォーム（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;background:url(/mySkin/img/skin12_article_h2_bg.png) 0 0 no-repeat;_background:url(/mySkin/img/skin12_article_h2_bg.gif) 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:#3fb0b7;font-size:8px;font-family:tahoma;}
.section h2 .date {position:absolute;top:0;left:0;width:55px;color:#3fb0b7;padding-top:4px;font-size:26px;font-weight:bold;font-family:arial;}
.section h2 .thumbnail {display:block;zoom:1;border:1px solid #ccdfdd;width:55px;height:55px;}


/*--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;}

/* moreLink */
.articleWrapper .moreLink {background:url(/mySkin/img/skin12_article_moreLink_bg.jpg) 0 bottom no-repeat;}
.articleWrapper .moreLink a {line-height:37px;color:#708382;}


/*--myView--*/


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


/*--restrictionMessage--*/



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

.post .feedback {padding:25px 30px 30px;background:#fff;border-top:1px solid #beb4a9;}

.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

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

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

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


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

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

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



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

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

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



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