/*____________________________

  # So-net HEADFOOT CSS
  # update 2007.10.01
  ____________________________*/

/*_________ common __________*/
#siteTable a:link,
#publicationTable a:link {color: #0a54a7; text-decoration: underline;}
#siteTable a:visited,
#publicationTable a:visited {color: #0a54a7; text-decoration: underline;}
#siteTable a:active,
#publicationTable a:active {color: #f00; text-decoration: underline;}
#siteTable a:hover,
#publicationTable a:hover {color: #f00; text-decoration: underline;}

/*_________ head __________*/
/* common */
.head-link a:link,
.head-link a:visited{
text-decoration:none;
}
.head-link a:active,
.head-link a:hover{
color:#f00;
text-decoration:underline;
}

/*_________ headL2共通ヘッダー（CSS） __________*/
/*--------------- normal（css_login_title_sonetlink_pr_cgm_sperbn） --------------- */
div#soHead-l2A a:link { color: #0a54a7; text-decoration: none;}
div#soHead-l2A a:visited { color: #0a54a7; text-decoration: none;}
div#soHead-l2A a:hover { color: #f00; text-decoration: underline;}
div#soHead-l2A a:active { color: #f00;}
div#soHead-l2A { font-size:100%; width:100%; background:#fff url(../img/soHead_bg.gif) repeat-x; line-height:1.1; color:#333;}
div#soHead-l2A div.block0 { position:relative; margin:0 auto; padding:21px 10px 0px 10px; width:760px;}
div#soHead-l2A div.block0.w950{width:950px !important;}/*070920追加*/
div#soHead-l2A div.block0 div.title { position:relative; width:678px; height:37px;}
div#soToolHead-l2 div.block0 div.title { position:absolute; top: 3px; left: 10px;}
div#soHead-l2A div.block0 div.title a img { float: left; border: 0px !important;}
div#soHead-l2A div.block0 div.title p.comment { float: left; padding: 12px 0 0 45px;}
div#soHead-l2A div.block0 div.title h1 { float: left; padding: 12px 0 0 0;}
div#soHead-l2A div.block0 div.pr { position:absolute; top:4px; left:23px;}
div#soHead-l2A div.block0 div.top { position:absolute; top:3px; right:92px; z-index:10;}
div#soHead-l2A div.block0 div.ns { position:absolute; top:0px; right:20px; width:68px; height:53px; background:url(../img/l2/ns_thin.gif);}
div#soHead-l2A div.block0 div.ns a { width:68px; height:53px; display:block;}
div#soHead-l2A div.block1 { width:100%; height:25px; background:url(../img/tools_bg.gif) repeat-x;}
div#soHead-l2A div.block1 div.tools { position:relative; margin:0 auto; padding:0px 10px; width:760px;}
div#soHead-l2A div.block1 div.tools.w950{width:950px !important;}/*070920追加*/
div#soHead-l2A div.block1 div.tools div#loginFrame { padding-top:1px; padding-left:10px; width:240px; height:19px;}
div#soHead-l2A div.block1 div.tools ul { position:absolute; top:0px; right:20px; width:477px; height:21px; background:url(../img/l2/tools_btn_bg.gif);} 
div#soHead-l2A div.block1 div.tools li { float:left; width:68px; height:21px; background-color:transparent !important;}
div#soHead-l2A div.block1 div.tools li a { display:block; width:68px; height:21px;}
div#soHead-l2A div.block1 div.tools li a:hover { background:url(../img/l2/tools_btn_bg.gif);}
div#soHead-l2A div.block1 div.tools li.mail a:hover { background-position:0px -21px;}
div#soHead-l2A div.block1 div.tools li.blog a:hover { background-position:-68px -21px;}
div#soHead-l2A div.block1 div.tools li.photo a:hover { background-position:-136px -21px;}
div#soHead-l2A div.block1 div.tools li.buzzmap a:hover { background-position:-204px -21px;}
div#soHead-l2A div.block1 div.tools li.sns a:hover { background-position:-272px -21px;}
div#soHead-l2A div.block1 div.tools li.blogcruiser a:hover { background-position:-340px -21px;}
div#soHead-l2A div.block1 div.tools li.myso-net a:hover { background-position:-408px -21px;}
div#soHead-l2A div.block2 { clear:both; font:0px/0px sans-serif; width:760px; margin:0 auto; padding:0px 10px;}
div#soHead-l2A div.block2 div.superBanner { width:728px; height:90px; margin:0 auto 4px auto;}
/*--------------- fix760 --------------- */
div#soHead-l2A.fix760 { width:760px; margin:0 auto; background:#fff url(../img/l2/soHead_bg.gif) no-repeat 0px 0px;}
div#soHead-l2A.fix760 div.block0 { padding:21px 0px 0px 0px;}
div#soHead-l2A.fix760 div.block0 div.pr { left:13px;}
div#soHead-l2A.fix760 div.block0 div.top { right:82px;}
div#soHead-l2A.fix760 div.block0 div.ns { right:10px;}
div#soHead-l2A.fix760 div.block1 { width:760px; background: url(../img/l2/tools_bg.gif) no-repeat 0px 0px;}
div#soHead-l2A.fix760 div.block1 div.tools { padding:0px;}
div#soHead-l2A.fix760 div.block1 div.tools ul { position:absolute; top:0px; right:0px;}
div#soHead-l2A.fix760 div.block2 { padding:0px;}

/*--------------- normal（css_login_title_sonetlink） --------------- */
div#soToolHead-l2 a:link { color: #0a54a7; text-decoration: none;}
div#soToolHead-l2 a:visited { color: #0a54a7; text-decoration: none;}
div#soToolHead-l2 a:hover { color: #f00; text-decoration: underline;}
div#soToolHead-l2 a:active { color: #f00;}
div#soToolHead-l2 { font-size:100%; width:100%; line-height:1.1; color:#333;}
div#soToolHead-l2 div.block0 { position:relative; margin:0 auto; width:770px; height: 45px; text-align: left;}
div#soToolHead-l2 div.block0.w950{width:950px;}/*070920追加*/
div#soToolHead-l2 div.block0 div.toolsTitle { float: left; padding: 4px 0 0 0;}
div#soToolHead-l2 div.block0 div.toolsTitle a img { float: left; border: 0px !important;}
div#soToolHead-l2 div.block0 div.toolsTitle h1 { float: left; padding: 12px 0 0 0;}
div#soToolHead-l2 div.block0 div.toolL2Support { float: right; width: 60%; height:37px;}
div#soToolHead-l2 div.block0 div.toolL2Support ul { float: right; padding: 16px 0 0 0; white-space: nowrap; line-height: 110%; font-size: 12px;}
div#soToolHead-l2 div.block0 div.toolL2Support li { float: left; padding: 0 5px 0 5px; border-right: 1px #0a54a7 solid;}
div#soToolHead-l2 div.block0 div.toolL2Support li#navisonet { border: none;}
div#soToolHead-l2 div.block0 div.toolL2Support p.toolL2Logo { float: right; padding: 0 10px 0 0;}
div#soToolHead-l2 div.block1 { clear: both; width:100%; height:25px; background:url(../img/tools_bg.gif) repeat-x;}
div#soToolHead-l2 div.block1 div.toolsNavi { position:relative; margin:0 auto; width: 770px; text-align: left;}
div#soToolHead-l2 div.block1 div.toolsNavi div#loginFrame { float: left; padding-top:1px; padding-left:20px; width:250px; height:19px;}
div#soToolHead-l2 div.block1 div.toolsNavi ul { float: right; padding-right: 10px; width:477px; height:21px; background:url(../img/l2/tools_btn_bg.gif) no-repeat;} 
div#soToolHead-l2 div.block1 div.toolsNavi li { float:left; width:68px; height:21px; background-color:transparent !important;}
div#soToolHead-l2 div.block1 div.toolsNavi li a { display:block; width:68px; height:21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li a:hover { background:url(../img/l2/tools_btn_bg.gif) no-repeat;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetMail a:hover { background-position:0px -21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetBlog a:hover { background-position:-68px -21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetPhoto a:hover { background-position:-136px -21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetBuzzmap a:hover { background-position:-204px -21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetSns a:hover { background-position:-272px -21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetBlogCruiser a:hover { background-position:-340px -21px;}
div#soToolHead-l2 div.block1 div.toolsNavi li.sonetMySonet a:hover { background-position:-408px -21px;}

div#soToolHead-l2 div.block2 { clear:both; font:0px/0px sans-serif; width:760px; margin:0 auto; padding:0px 10px;}
div#soToolHead-l2 div.block2 div.superBanner { width:728px; height:90px; margin:0 auto 4px auto;}
.liquid div#soToolHead-l2 div.block0 { width: 100%; min-width: 770px; max-width: 100%;}
.liquid div#soToolHead-l2 div.block1 div.toolsNavi { width:100%; min-width: 770px; max-width: 100%;}







/*_________ headL2共通ヘッダー（TABLE） __________*/
/* 基本ヘッダー table 右メニューあり */
#siteTable{
vertical-align:middle;
}
#siteTable .head1{
padding-top:3px;
}
.pipe{
margin-right:10px;
padding-right:10px;
border-right:1px solid #ccc;
}


/*_________ foot __________*/

/* CSS用 */
#publication{
	width:950px;
	margin:10px auto;
	line-height:1.1;
}

#publication .pagePublication,
#publication .so-netPublication{
float:left;
}

#publication .pagePublication a,
#publication .so-netPublication a{
padding-right:10px;
border-right:1px solid #ccc;
margin-right:10px;
}
#publication .pagePublication img{
vertical-align:middle;
}
#publication .mark img{
vertical-align:middle;
margin-left:8px;
margin-bottom:6px;
}

#publication .mark .markText{
font-size:80%;
}
#publication .mark,
#publication .credit{
float:right;
}
.underLine{
margin-bottom:8px;
border-bottom:1px solid #ccc;
}


/* table用 */
#publicationTable{
background-color:#fff;
}
table .pagePublication a,
table .markText,
table .so-netPublication a,
table .credit{
vertical-align:middle;
font-size:12px;
text-align:left;
}
table .pagePublication a,
table .so-netPublication a{
padding-right:10px;
border-right:1px solid #ccc;
margin-right:10px;
}
table .markText img{
margin-left:8px;
margin-bottom:6px;
vertical-align:middle;
}
table .markText{
font-size:10px;
}
table .markText,
table .credit{
text-align:right;
}