@charset "UTF-8";

/**********************************************
so-net Header
/**********************************************/

/* common */
body{font-size: 84%;behavior:url("/_common/js/csshover.htc");margin:0 !important; padding:0 !important;}
#so-netsite{
	background:#fff;
	color:#333;
	font:small/1.4 "Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	width:100%;
}
* html body {
	font-size: 77%;
}
img {
	border:none;
}
#so-netsite li {list-style-type: none;}
#so-netsite img {border: 0px;}
#so-netsite a:link,
#so-netsite a:visited{
	color: #0a54a7; 
	text-decoration:none;
}
#so-netsite a:active,
#so-netsite a:hover{
	color: #f00;
	text-decoration:underline;
}
#so-netsite .width{
	padding:0 10px;
	margin:0 auto;
}
#so-netsite #link{
	height:45px;
}
#linkElement #h1{
	margin: 0; padding: 0;
	display:inline;
	float:left;
	margin-top:4px;
}
#linkElement h1{
	margin: 0; padding: 0;
	margin-top:16px;
	display:inline;
	float:left;
}

#so-netsite #login{
	height:21px;
	background:url(/_common/img/header/tools_bg.gif) 0 0 repeat-x;
}
#so-netsite #loginElement{
	height:20px;
	padding-top:0px;
}

/* CGM Menu */
#cgmMenu{
	float:right;
	width:137px;
	height:21px;
	background:url(/_common/img/header/tools_btn_bg3.gif) 0 0 no-repeat;
	}
	#cgmMenu li{
		float:left;
		}
	#cgmMenu li a{
		width:68px;
		height:21px;
		display:block;
		}
	#cgmMenu li.cgmMenuMail a:hover{
		background:url(/_common/img/header/tools_btn_bg3.gif) 0 -21px no-repeat;
		}
	#cgmMenu li.cgmMenuBlog a:hover{
		background:url(/_common/img/header/tools_btn_bg3.gif) -68px -21px no-repeat;
		}
	#cgmMenu li span{
		display:none;
		}
#so-netsite #loginElement iframe{
	height:19px;
	}

#so-netsite #loginElement iframe{
	height:19px;
}
/* login */
.login-status {
	overflow:hidden;
	font-size:10px;
	background:url(/_common/img/header/login_sts_bg.gif);
	width:240px;
	height:19px;
	line-height:19px;
	border-top:1px solid #cbcbcb;
}

.login-status div.float-l {
	width:235px;
	text-align:left;
	white-space: nowrap;
}
.login-status div.float-r {
	width:525px;
	text-align:right;
	white-space: nowrap;
}
.login-status span.user0 ,div.login-status span.user1,div.login-status span.user2{
	padding-right:2px;
}


.login-status span.user1 {
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.login-status span.col0 {
	color:#0a54a7;
	font-weight:bold;
}
.login-status input {padding-top:1px;vertical-align: -3px;}
.login-status img {vertical-align: -4px;}
*+html .login-status img {vertical-align: -2px;}
* html .login-status img {vertical-align: -2px;}

#superAd{
	height:90px;
	margin-bottom:6px;
}
#superAdimg{
	text-align:center;
}

/* type:cgm */
#linkElement #toolMenu a{
	line-height:1.0;
}
#linkElement #toolMenu{
	margin-top:15px;
	float:right;
}
#linkElement #toolMenu li{
	font-size:small;
	line-height:1.2;
	float:left;
	padding-left:6px;
}
#linkElement #toolMenu li.nob{
	border-left:none;
}
#cgmtoolLogo{
	padding-left:10px;
	float:right;
}
/* width */
.w950{width:950px;}
.w770{width:770px;}
.w550{width:550px;}
.w240{width:200px;}
.w150{width:150px;}


/* myCgmMenu */
#myCgmMenu{
	height:30px;
	background:url(/_common/img/header/cgm_bg.gif) repeat-x #eee;
	margin-bottom:8px;
}
#myCgmMenu  ul{
	margin:0;
	padding:0;
	padding-top:3px;
}
#myCgmMenu .myCgmMenuQA{
	float:right;
}
#myCgmMenu  li{
	margin-right:2px;
	height:27px;
	float:left;
}
#myCgmMenu  li span{
	display:none;
} 
#myCgmMenu  li a{
	height:27px;
	display:block;
}
.myCgmMenuQA a{
	width:80px;
	background:url(/_common/img/header/myqa_off.gif) 0 4px no-repeat;
}
.myCgmMenuQA a:hover{
	background:url(/_common/img/header/myqa_on.gif) 0 4px no-repeat;
}
.myCgmMenuMySonet a{
	width:90px;
	background:url(/_common/img/header/mysonet_off.gif) 10px 7px no-repeat;
}
.myCgmMenuMySonet a.focus{
	background:url(/_common/img/header/mysonet_on.gif) 0 0 no-repeat;
}
.myCgmMenuMySonet a.focus:hover{
	background:url(/_common/img/header/mysonet_on.gif) 0 0 no-repeat;
}
.myCgmMenuMySonet a:hover{
	background:url(/_common/img/header/mysonet_ov.gif) 10px 7px no-repeat;
}
.myCgmMenuBlog a{
	width:83px;
	background:url(/_common/img/header/myblog_off.gif) 11px 7px no-repeat;
}
.myCgmMenuBlog a.focus{
	background:url(/_common/img/header/myblog_on.gif) 0 0 no-repeat;
}
.myCgmMenuBlog a.focus:hover{
	background:url(/_common/img/header/myblog_on.gif) 0 0 no-repeat;
}
.myCgmMenuBlog a:hover{
	width:83px;
	background:url(/_common/img/header/myblog_ov.gif) 11px 7px no-repeat;
}
.myCgmMenuPhoto a{
	width:81px;
	background:url(/_common/img/header/myphoto_off.gif) 12px 7px no-repeat;
}
.myCgmMenuPhoto a.focus{
	background:url(/_common/img/header/myphoto_on.gif) 0 0 no-repeat;
}
.myCgmMenuPhoto a.focus:hover{
	background:url(/_common/img/header/myphoto_on.gif) 0 0 no-repeat;
}
.myCgmMenuPhoto a:hover{
	width:81px;
	background:url(/_common/img/header/myphoto_ov.gif) 12px 7px no-repeat;
}
.myCgmMenuPhoto a{
	width:81px;
	background:url(/_common/img/header/myphoto_off.gif) 12px 7px no-repeat;
}
.myCgmMenuBuzzmap a{
	width:74px;
	background:url(/_common/img/header/mybuzzmap_off.gif) 12px 7px no-repeat;
}
.myCgmMenuBuzzmap a.focus{
	background:url(/_common/img/header/mybuzzmap_on.gif) 0 0 no-repeat;
}
.myCgmMenuBuzzmap a.focus:hover{
	background:url(/_common/img/header/mybuzzmap_on.gif) 0 0 no-repeat;
}
.myCgmMenuBuzzmap a:hover{
	width:74px;
	background:url(/_common/img/header/mybuzzmap_ov.gif) 12px 7px no-repeat;
}
.myCgmMenuBlogCruiser a{
	width:113px;
	background:url(/_common/img/header/myblocru_off.gif) 10px 7px no-repeat;
}
.myCgmMenuBlogCruiser a.focus{
	background:url(/_common/img/header/myblocru_on.gif) 0 0 no-repeat;
}
.myCgmMenuBlogCruiser a.focus:hover{
	background:url(/_common/img/header/myblocru_on.gif) 0 0 no-repeat;
}
.myCgmMenuBlogCruiser a:hover{
	width:113px;
	background:url(/_common/img/header/myblocru_ov.gif) 10px 7px no-repeat;
}

/* myCgmMenu */


/* clear */
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
.clearfix{
zoom:1;
}


/**********************************************
so-net Header
/**********************************************/


/**********************************************
so-net base.css
/**********************************************/

/* Common */

h1, h3, h4, p, ul, li, dl, dt, dd, form { margin: 0; padding: 0; }
h2 { margin:0 0 3px; padding: 0; }

a:link			{ text-decoration: none; color:#06c; }
a:visited		{ text-decoration: none; color:#06c; }
a:active		{ text-decoration: none; color:#06c; }
a:hover			{ text-decoration: underline; color:#06c; }

a.black:link			{ text-decoration: none; color:#000; }
a.black:visited		{ text-decoration: none; color:#000; }
a.black:active		{ text-decoration: none; color:#000; }
a.black:hover			{ text-decoration: underline; color:#000; }

h1, h2, h3, h4, select, option,textarea { font-size:100%; font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif}
* html  * html select, * html option, * html textarea {
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}

input,textarea { font-size:100%; font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif}
* html input, * html textarea {
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif
}
input {
vertical-align:middle;
}

input.pwd { font-family:Verdana, Arial, Helvetica, sans-serif !important; }

li { list-style-type: none; }
img { border:0; }


.clr { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.marginBL { margin-bottom:20px; }
.marginBM { margin-bottom:10px; }
.marginTM { margin-top:10px; }
.stxt { font-size: 85%; }
.stxtGr { font-size: 85%; color: #666; line-height:1.5; }
.stxtRd { font-size: 85%; color:#a30; line-height:1.5; }
.txtRd { color:#a30; }
.new { color: #f00; font-weight: bold; margin-left: 5px; }

.p90{font-size:90%;}
.w90{width:90%;}
.maintextArea{width:90%;font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif}
.showPagesize{text-align:right;padding:10px 0px;}
.articleListicon1{float:left;width:10px;padding-right:1px;}
.articleListicon2{float:left;width:10px;padding-right:1px;}
.statusChangebox{width:500px;margin:0 auto;padding-bottom:10px;}
.statusChangeunder{border-bottom:dotted 1px #ccc;padding:5px 0px;}
.blankPage{font-weight:bold;text-align:center;padding:20px 0;}
.categoryAttention{font-size:x-small;color:#AA3300;}
.panelAttention{font-size:x-small;color:#CB0000;}
.buttonRight{padding:10px 0px;text-align:right;}
.contentEditmode{text-align:right;padding-right:10px;}
.contentEditborder{border-right:solid 10px #fff;}
.contentCategorybox{border:solid #E0E0E0;border-width:0px 1px 1px;text-align:center;width:208px;}
.deleteContent{font-size:x-small;color:#6A6A6A;padding:0px 10px;text-align:left;}
.contentBoxtitle{background:#e0e0e0;padding:0px 5px;border:solid #e0e0e0;border-width:1px 1px 0px;font-weight:bold;}
.contentBoxselect{background:#F3F3F3;padding:3px;border:solid #DBDBDB;border-width:1px 1px 0px;}
.contentBoxsettings{float:left;width:70px;font-weight:bold;}
.fontNormal{font-weight:normal;}
.contentMainarea{border:solid 1px #DBDBDB;}
.contentFooterarea{border-top:solid 1px #DBDBDB;}
th.alignCenter{text-align:center !important;}
.deleteTextbutton{background-image:url(/_common/img/icon_delete.gif);background-repeat:no-repeat;background-position:0 4px;padding-left:12px;}
.addTextbutton{background-image:url(/_common/img/add_icon.gif);background-repeat:no-repeat;background-position:0 2px;padding-left:12px;font-size:x-small;}
.myProfdel{float:left;padding-left:15px;}
.authOn{font-weight:bold;color:#FA2121;}
.font90p{font-size:90%;}

.arrowLinkLtop {
	padding-left:12px;
background:transparent url(/_common/img/arrowR_small.gif) no-repeat scroll left center;
	line-height:100%;
	font-family:Verdana, Arial, sans-serif;
}
.arrowLinkLL {
	padding-left:12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat 0 4px;
}
.arrowLinkL {
	padding-left:12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat 0 2px;
}
.arrowLinkR {
	padding-left:12px;
	background: url(/_common/img/arrowL_small.gif) no-repeat 0 2px;
}

.arrowAffiliateL{
	padding-left:12px;
	background: url(/_common/img/arrowL_small.gif) no-repeat 0 4px;
}
.arrowAffiliateR{
	padding-right:12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat 100% 4px;
}

.btnMore {
	float: right;
	padding-left: 12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat left center;
	font-weight: normal;
}

#container {
	width :774px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	color:#151515;
}
#portalContainer {
	width :775px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	color:#151515;
}

/*-- My Link--*/

#myLink {
	padding:5px 0;
}
#myLink li {
	margin-right: 8px;
	padding-left: 12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat left center;
	line-height: 1;
	display:inline;
}
#myLink2 {
	padding:10px 0;
}
#myLink2 li {
	float:left;
	line-height:1;
	padding:0px 2px 0px;
}
#myLink2 li a{
	font-weight:bold;
	width:85px;
	padding:4px 0px 2px;
	text-align:center;
	display:block;
	border:solid 1px #7CACE8;
	background:#fff;
}
#myLink2 li a:hover{
	background:#E5EEF9;
	text-decoration:none;
}

/*-- Footer --*/
#footer{
	clear:both;
	padding:6px 0;
	color:#666666;
	text-align:center;
}

#footer .copyright{
	font-size: 85%;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}

/**********************************************
so-net main.css
/**********************************************/

/* ---- for loginFrame ---- */
div.login-status {
	overflow: hidden;
	font-size: x-small;
}
div.login-status div.float-l {
	text-align:left;
	white-space: nowrap;
}
div.login-status div.float-r {
	text-align:right;
	white-space: nowrap;
}
div.login-status span.user0 ,div.login-status span.user1,div.login-status span.user2{
	padding-right: 2px;
}
div.login-status span.user1 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}
div.login-status span.col0 {
	font-weight: bold;
	color: #0a54a7;
}
div.login-status input {
	padding-top: 1px;
	vertical-align: -3px;
}
div.login-status img {
	vertical-align: -4px;
}
div.login-status span.weather a,div.login-status span.mail a, div.login-status span.fortune a, div.login-status span.e-coupon a{
	color: #333;
}
div.login-status span.date, div.login-status span.weather, div.login-status span.fortune, div.login-status span.mail, div.login-status span.e-coupon {
	margin-right: 3px;
	margin-left: 3px;
}
div.login-status span.date {
	margin-left: 0px;
}
div.login-status span.e-coupon {
	margin-right: 0px;
}

/**********************************************
so-net admin.css
/**********************************************/

/*---------- Content Wrap ----------*/

#contentWrap {
	width:774px;
	margin-top:5px;
	border:1px solid #0090ff;
}

/*---------- Navigation ----------*/

#gNavi li {
	float:left;
	border-bottom:1px solid #0090ff;
	border-right:1px solid #0090ff;
	line-height:1;
}

li#config { border-right:none; }

#gNavi a {
	width:126px;
	padding:5px 0;
	background:#529dd8;
	border:1px solid #87b7e7;
	text-align:center;
	color:#ffffff;
	display:block;
}
#gNavi .shareBlog {
	width:126px;
	padding:5px 0;
	background:#bbbbbb;
	border:1px solid #cccccc;
	text-align:center;
	color:666666;
	display:block;
}
#mypage a {
	width:127px;
}
#gNavi a:hover {
	background:#428dd2;
	text-decoration:none;
}

#gNavi li.naviOn {
	background:#E9ECEE;
	border-bottom:1px solid #E9ECEE;
}
#gNavi li.naviOn a {
	background:#E9ECEE;
	border:1px solid #E9ECEE;
	color:#333;
	font-weight:bold;
}
#gNavi li.naviOn a:hover {
	background:#E9ECEE;
}

#lNavi {
	margin-top:-1px;
	padding:5px;
	background:#E9ECEE;
	clear:both;
}
* html #lNavi {
	margin-top:0;
}
#lNavi ul {
	padding:3px 0;
}
#lNavi li {
	float:left;
	line-height:1;
	border-right:1px solid #bbb;
}
#lNavi a {
	width:120px;
	padding:3px 10px;
}
#lNavi li.naviOn a{
	color:#333;
	font-weight:bold;
}
#tNavi li {
	float:left;
	line-height:1;
	padding:0px 2px 1px;
}

li#config { border-right:none; }

#tNavi a {
	width:120px;
	font-weight:bold;
	padding:5px 0px;
	text-align:center;
	color:#ffffff;
	display:block;
	border:solid 1px #7CACE8;
}
#tNavi .small a {
	width:80px;
	font-weight:bold;
	padding:5px 0px;
	text-align:center;
	color:#ffffff;
	display:block;
	border:solid 1px #7CACE8;
}
#tNavi a:hover {
	border:solid 1px #fff;
	text-decoration:none;
}

#tNavi li.naviOn {
	background:#E9ECEE;
	border-bottom:1px solid #E9ECEE;
}
#tNavi li.naviOn a {
	background:#E5EEF9;
	border:1px solid #E9ECEE;
	color:#333;
	font-weight:bold;
}
#tNavi li.naviOn a:hover {
	background:#E5EEF9;
	border:1px solid #E9ECEE;
}
#pNavi {
	width:775px;
	height:1px;
	margin:0 auto;
	margin-top:-1px;
	padding:3px;
	background:#E5EEF9;
	clear:both;
}
* html #pNavi {
	margin-top:0;
}
#pNavi ul {
	padding:1px 0;
}
#pNavi li {
	float:left;
	line-height:1;
	border-right:1px solid #bbb;
}
#pNavi a {
	padding:3px 10px;
}
#pNavi li.naviOn a{
	color:#333;
	font-weight:bold;
}

/*---------- Content ----------*/

#contentBox {
padding:10px;
}

/* Title L */
.titleL {
	margin-bottom:10px;
	padding:1px 0 1px 7px;
	border-left:7px solid #0090ff;
	border-bottom:1px solid #0090ff;
	font-size:115%;
}

/* Title M */
.titleM {
	margin-bottom:5px;
	margin-left:2px;
	font-size:100%;
	font-weight:bold;
	color:#333333;
}
.tIconM img{ margin-bottom:-2px; }
* html .tIconM img{ margin-bottom:-3px; }
.tIconM a:link,
.tIconM a:visited,
.tIconM a:active {
	color:#333333;
}
.tIconM a:hover {
	color:#808080;
	text-decoration:none;
}

/* Title S */
.titleS {
	margin-top:5px;
	padding:2px 5px;
	background:#A8B4B6;
	color:#ffffff;
	font-size:100%;
}
.tIconS img{ margin-bottom:-2px; }
.tIconS a:link,
.tIconS a:visited,
.tIconS a:active {
	color:#ffffff;
}
.tIconS a:hover {
	color:#eeeeee;
	text-decoration:none;
}

/* Title SS */

.titleSSS {
color:#666;
padding:0;
margin:0;
font-weight:bold;
}

.msgDone {
	margin:0 2px 10px 2px;
	padding:2px 8px;
	border:1px solid #cc0000;
	color:#cc0000;
}

.msgbox {
	margin-bottom:10px;
	padding:5px 12px;
	border:2px solid #ffd762;
	font-weight:bold;
	color:#333333;
}

.hint {
	margin-top:30px;
	padding:0 30px;
	color:#555555;
}
.hint li {
	margin-left:20px;
	list-style:disc;
}
.hintline {
	border-bottom:1px solid #00f;
}

.note {
	float:left;
}
a.help {
	font-weight:bold;
}

/*---------- Common Data ----------*/

.entryData {
	width:100%;
	border-spacing:2px;
	clear:both;
}

.entryData th {
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	width:140px;
	padding:8px 10px;
	background:#ECECEC;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
}

.entryData td {
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	padding:8px 10px;
	background:#F7F7F7;
	vertical-align:top;
}
.mceEditor td{
	padding:0;
}

.entryData td.entryHelp {
	width:240px;
}

.entryData input,
.entryData select {
	vertical-align:middle;
}

.entryData label {
	margin:0 10px 0 2px;
}

.actionControl {
	margin-top:12px;
	text-align:center;
}
.actionControl input {
	width:95px;
}

.actionControlWide {
	margin-top:12px;
	text-align:center;
}
.actionControlWide input {
	width:130px;
}

/* Item Number */
.itemNum {
	text-align:right;
}
.itemShow{
margin:0;
padding:0;
}
.itemShow span{
	font-weight:bold;
}

/* Paging */
.pageNum {
	padding:1px 2px;
}
.numOn {
	padding:1px 2px;
	font-weight:bold;
}
.folderPage{
float:right;
}
.folderPage a.prevPage {
	padding-left:12px;
	background:url(/_common/img/arrowL_small.gif) no-repeat left center;
}
.folderPage a.nextPage {
	padding-right:12px;
	background:url(/_common/img/arrowR_small.gif) no-repeat right center;
}
.themeBox{
background:#F7F7F7;
border:solid 1px #ccc;
padding:5px;
}
.themeList{
float:left;
border-color:#F7F7F7;
border-width:1px;
border-style:solid;
padding:2px 10px;
margin:5px 9px;
background-color:#F7F7F7;
width:105px;
}
.myblogthemeLeft{
float:left;
width:140px;
line-height:2;
}
.themeLeft{
float:left;
width:160px;
line-height:2;
}
.themeRight{
float:right;
width:600px;
}
.themeTitle{
border-bottom:
solid 2px #C0CDDC;
margin-bottom:10px;
}
/*---------- My Page ----------*/

.loading {
	padding:3px 0 3px 30px;
	background:url(../images/loading.gif) no-repeat left center;
	display:block;
}
.arrowLinkS {
	float:right;
	margin-top:5px;
	margin-right:8px;
	padding-left:12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat left center;
	font-size:85%;
}

#main {
	float:left;
	width:510px;
}

/* What's New */
#titleWN {
	padding:2px 0;
	border-bottom:1px solid #0090ff;
	font-size:100%;
}
#whatsNew {
	margin-bottom:8px;
	padding:8px 0;
}
#whatsNew dt {
	float:left;
	clear:left;
}
#whatsNew dd {
	margin-left:50px;
	margin-bottom:2px;
}

/* My Status */
#myStatus {
	margin-top:10px;
	border:1px solid #0090ff;
	padding:1px;
}
#myStatus table {
	width:100%;
}
#myStatus td {
	padding:8px 8px 5px 8px;
	vertical-align:top;
}
td#myblog {
	padding:5px 8px;
	background:#529dd8;
}
#myblog a{
	color:#ffffff;
}
.myblogTitle {
	margin-bottom:2px;
	font-size:115%;
	font-weight:bold;
}
.myblogLink {
	font-size:85%;
}

#myProfImg img{
	float:left;
	padding:4px;
	background:#ffffff;
	border:1px solid #d8dcdd;
	margin-right:5px;
}
#myProfBody {
	margin-left:57px;
	font-size:85%;
}
#myName {
	margin-bottom:3px;
	font-weight:bold;
	font-size:100%;
	width:180px;
	overflow:hidden;
}
#myCoupon {
	margin-top:1px;
}

#access {
	font-size:85%;
}
#access li {
	padding:0 5px;
	border-bottom:1px dotted #cccccc;
}
.acArticle,
.acCount,
.acRSS {
	padding-right:7px;
	font-weight:normal;
}
.acNice{padding-right:7px;}
.acRank{font-weight:normal;color:#dd6600;}

.acCount a {
	color:#0090ff;
	font-weight:bold;
}

/* My Item */
.titleWelcome {
	padding:3px 5px;
	background:#eeeeee;
	font-size:100%;
}
.titleST {
	padding:3px 5px;
/*	background:#eeeeee; */
	font-size:100%;
}

.titleST a:link,
.titleST a:visited,
.titleST a:active {
	color:#333333;
}
.titleST a:hover {
	color:#808080;
	text-decoration:none;
}
.tIconST img{ margin-bottom:-3px; }

.titleSpan{cursor:pointer;}
.titleSpan:hover{color:#999;}
.titleSpan2{cursor:pointer;}

.myItemBox {
	width:506px;
	margin-top:10px;
	padding:1px;
	border:1px solid #0090ff;
	overflow:hidden;
}
.myItemBox2 {
	width:506px;
	margin-top:10px;
	padding:1px;
	border:1px solid #E0E0E0;
	overflow:hidden;
}
.myListBody {
	padding:8px;
}
.myList li {
	padding:2px 5px;
	border-bottom:1px dotted #cccccc;
}
/* Nice */
.myNice {
	padding-top:10px;
}
.myNice td {
	width:70px;
	text-align:center;
	vertical-align:top;
	font-size:85%;
}
.myNice img {
	padding:4px;
	background:#ffffff;
	border:1px solid #d8dcdd;
}

/* Side */
#side {
	float:right;
	width:230px;
}
.sidebar {
	margin-bottom:10px;
	padding:1px;
	border:1px solid #d8dcdd;
}
.titleSS {
	padding:3px 5px;
	background:#f3f3f3;
	font-size:100%;
}
.titleSS a:link,
.titleSS a:visited,
.titleSS a:active {
	color:#333333;
}
.titleSS a:hover {
	color:#808080;
	text-decoration:none;
}
.sidebarBody {
	padding:5px 8px;
	background:#f5f5f5;
}

#rss-show-hide {
	padding-right:3px;
}
.sidebarBody #rssfeed {
	max-height:260px;
	margin-bottom:6px;
	overflow:auto;
}
* html body .sidebarBody #rssfeed {
	height:260px;
}
.sidebarBody #rssfeed li{
	clear:both;
}
.sidebarBody #rssfeed p{
	float:right;
	width:145px;
	margin-bottom:6px;
	line-height:1.4;
	font-size:90%;
	overflow:hidden;
}
.sidebarBody #rssfeed img{
	float:left;
	margin-bottom:8px;
	padding:4px;
	background:#ffffff;
	border:1px solid #d8dcdd;
}
p.linkTo {
	font-size:85%;
	text-align:right;
	line-height:1;
}

/* Preblo */
#prebloFrame {
	width:222px;
}

/*---------- New Entry ----------*/

.viewBlog {
	float:right;
	margin:13px 0 0 610px;
	position:absolute;
}

.articleTitle input {
	font-size:115%;
	font-weight:bold;
	width:560px;
}

.codeBox {
	margin:10px 2px;
	padding:10px;
	background:#f5f5f5;
	border:1px solid #dadbdd;
}
.codeBox2 {
	margin:10px 2px;
	padding:10px;
	border-top:solid 1px #dadbdd;
}

.addCapacity{
text-align:center;
}

/* Editor Switch */
.editorSwitch {
	float:left;
	padding-right:10px;
	padding-top:4px;
}
* html .editorSwitch {
	padding-bottom:5px;
}
.editorSwitch span {
	padding:2px 5px 7px 5px;
}
.editorOn {
	background:#A8B4B6 url(/_common/img/editortab_on.gif) no-repeat bottom center;
	color:#ffffff;
	font-weight:bold;
}

/* Tool Button */
.toolButtons li {
	display:inline;
}

/* Articles Input */
textarea#articleArea {
	width:712px;
	height:300px;
	font-size:120%;
	line-height:1.3;
	clear:both;
}
.articleAreaCtl {
	padding-top:2px;
	text-align:right;
}
.articleAreaCtl li {
	display:inline;
}

/* Item Box */
.itemBody {
	padding:10px;
	background:#ffffff;
	border-left:1px solid #A8B4B6;
	border-right:1px solid #A8B4B6;
	border-bottom:1px solid #A8B4B6;
}

/* Item Table */
.itemTable {
	clear:both;
}
.itemTable td {
	width:60px;
	padding-bottom:2px;
	border:1px solid #dddddd;
	text-align:center;
	vertical-align:middle;
	line-height:1.2;
}
.itemTable img {
	margin:3px 0 2px 0;
	border:2px solid #ffffff;
}
.itemTable a:hover img {
	border:2px solid #0090ff;
}

/* So-net photo Image */
.photoImage {
	margin-top:5px;
	padding:5px;
	background:#f5f5f5;
}
.photoImage table {
	text-align:left;
}

/* File Upload */
.fileUpload {
	margin-top:5px;
	padding:5px;
	background:#f5f5f5;
}
.fileUpload table {
	margin:0 auto;
}
.fileStatus {
	text-align:center;
}
.fileSelect {
	padding-right:5px;
}

/* Detail Setting */
#detailSetting textarea {
	width:560px;
	display:block;
}
.checkboxArea span {
	white-space:nowrap;
}

/* Comment, Trackback */

.hrBlue {
	margin-bottom:12px;
	border:0;
	background:#0090ff;
	color:#0090ff;
	height:1px;
}

.postData {
	width:100%;
	margin-bottom:5px;
	padding:2px;
}
.postData td {
	padding:3px 5px;
	background:#f5f5f5;
	border-bottom:2px solid #ffffff;
	vertical-align:top;
}
.postData .postSelect {
	width:1px;
}

/*---------- Article Admin ----------*/

.articleData {
	width:100%;
	margin:5px 0;
	clear:both;
}
.articleData th {
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	padding:3px 5px;
	background:#ececec;
	border-bottom:2px solid #ffffff;
	font-weight:normal;
	text-align:left;
/*	white-space:nowrap; */
}
.articleData th.borderright{
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
border-right:solid 1px #fff;
width:150px;
}
.articleData td {
	padding:3px 5px;
	background:#f5f5f5;
	border-bottom:2px solid #ffffff;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}

td.listCheckboxbg{
background:#ececec;
text-align:center;
}

/* Article */
td.aImg img {
}
td.aCount,
td.aNice,
td.aComment,
td.aTrackback {
	width:42px;
}
td.aDate {
	width:78px;
}
td.aStatus {
	white-space:nowrap;
}
td.allCheckText {
	text-align:right;
	background:#ececec;
}
td.allCheckBox {
	background:#d8dcdd;
}
.articleData span.off {
	color:#cccccc;
}
.articleData span.sonet {
	padding-right:9px;
	background:url(/_common/img/cmt_sonet.gif) no-repeat right center;
}
.articleData span.imgoff {
	padding-right:9px;
	background:url(/_common/img/cmt_imgoff.gif) no-repeat right center;
}
/* Comment */
td.cDate {
	width:78px;
}

#actionDo {
	text-align:center;
}
#actionDo ul {
	display:table;
	margin:20px auto 0 auto;
	text-align:left;
	clear:both;
}
#actionDo li {
	padding:5px;
	border-bottom:1px dotted #999999;
}
* html #actionDo ul {
	display:inline;
}
* html #actionDo li {
	margin-left:-15px;
}
optgroup {
	padding-left:5px;
	color:#333333;
}
optgroup option {
	color:#000000;
}
/* Trackback */
td.tArrow {
	font-size:115%;
}
td.tDate {
	width:78px;
}


/*---------- Skin ----------*/

.iconLout {
	margin:0;
	padding:0 4px;
	background:#ffd900;
	border:1px solid #0090ff;
	font-size:85%;
	color:#0090ff;
	cursor:default;
}
.iconWide {
	margin:0;
	padding:0 4px;
	background:#ffd900;
	border:1px solid #0090ff;
	font-size:85%;
	color:#0090ff;
	cursor:default;
}

#selectedSkin {
	width:722px;
	padding:8px 10px;
	margin-bottom:10px;
	background:#f6f6f6;
	border:1px solid #dadbdd;
}

.selectedImg {
	float:left;
}
.selectedImg img {
	border:1px solid #333333;
}
.selectedImg a:hover img {
	border:1px solid #0090ff;
}

.selectedContent {
	margin-left:100px;
}
p.selectedTitle {
	margin-bottom:5px;
	padding:3px 5px;
	background:#d8dcdd;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}
div.selectedTitle {
	margin-bottom:5px;
	padding:3px 5px;
	background:#d8dcdd;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}
.selectedContent p{
	margin-bottom:2px;
}

.skinHead {
	padding:5px 10px;
	margin-bottom:2px;
	background:#d8dcdd;
}

/* Skin Top */
.skinBoxL { float:left; }
.skinBoxR { float:right; }
.skinBoxL,
.skinBoxR {
	width:347px;
	height:82px;
	margin-bottom:10px;
	padding:10px;
	background:#f5f5f5;
}
.skinBoxL img,
.skinBoxR img {
	float:left;
	margin-right:10px;
	border:1px solid #333333;
}

.line {
	height:1px;
	margin:0 0 10px 0;
	background:#dadbdd;
	color:#dadbdd;
	border:0;
	clear:both;
}
.pickup {
	background:#fffce4;
}

/* Skin Select */
.skinBox {
	margin-top:3px;
	padding:10px 10px 0 10px;
	background:#f5f5f5;
}
.skinBoxAlt {
	padding:30px 20px;
	background:#f5f5f5;
}
.skinTable {
	padding:10px 0;
}
.skinTable li {
	float:left;
	width:120px;
	padding:0 12px;
	margin-bottom:8px;
	text-align:center;
	display:block;
	overflow:hidden;
	white-space:nowrap;
}
.skinTable li img {
	border:1px solid #333333;
}
.skinTable li a:hover img {
	border:1px solid #0090ff;
}

.icons {
	display:inline;
	position:absolute;
	margin-top:100px;
	margin-left:5px;
	white-space: nowrap;
}

.layoutTable li {
	float:left;
	margin-right:16px;
	width:100px;
	text-align:center;
}

.tn img {
	border:1px solid #333333;
}
.tn a:hover img {
	border:1px solid #0090ff;
}

/* CSS Edit */
.toGuide {
	font-size:85%;
	text-align:right;
}

/* Simple Edit */
textarea#codeArea {
	width:714px;
	height:300px;
}

/* for IE */
.codeBox textarea.edit {
	width:694px;
	height:300px;
}
* html .codeBox textarea.edit {
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}

.codeBoxBtn {
	margin-top:5px;
}
.codeBoxCtl {
	float:right;
	width:50px;
	margin-top:1px;
	text-align:right;
}
.codeBoxCtl li {
	float:right;
	margin-left:5px;
}


/*---------- Sidebar ----------*/

.field_visible{
	width: 210px;
	border: #DADBDD 1px solid;
	background: #ffffff;
	padding: 8px 8px 35px 8px;
}

.field_invisible{
	width: 210px;
	border: #DADBDD 1px solid;
	background: #ffffff;
	padding: 8px 8px 35px 8px;
}

.pane {
	width: 200px;
	border: #529DD7 1px solid;
	background: #EBF3FE;
	padding: 3px 4px;
	margin-top: 6px;
	color: #085C9C;
	line-height:1.2;
	cursor: move;
}

.pane td {
	word-break:break-all;
}

.titleSidebar {
	padding:3px;
	background:#D8DCDD;
	color:#333333;
	text-align:center;
}

.bodySidebar {
	padding:5px;
	background:#f5f5f5;
	vertical-align:top;
	border-left:1px solid #D8DCDD;
	border-right:1px solid #D8DCDD;
	border-bottom:1px solid #D8DCDD;
}

/* Custom Pane Preview */
.customPaneBox {
	margin:2px;
	background:#f5f5f5;
	padding:12px;
}

.customPaneBox .customPane-body {
	width:182px;
	padding:10px;
	background:#ffffff;
	border:1px solid #D8DCDD;
	overflow:hidden;
}

/*---------- Category ----------*/

.categoryBox {
	margin:2px;
	background:#f5f5f5;
	padding:12px;
}

.no_category {
	width:486px;
	padding: 6px;
	border: #D8DCDD 1px solid;
	background:#ffffff;
}

.field{
	width:460px;
	border: #D8DCDD 1px solid;
	background: #ffffff;
	padding: 12px 12px 6px 12px;
}

.category {
	background: #EBF3FE;
	border: #529DD7 1px solid;
	padding: 6px;
	margin-bottom:6px;
	cursor: move;
}

/*---------- Import Export ----------*/

.logTable {
	width:712px;
	height:200px;
	margin:0 2px;
	padding:10px;
	border:3px solid #d8dcdd;
}

/*---------- Basic Setting ----------*/

.exp {
	width:200px;
	color:#666666;
	line-height:1.6;
	font-size:85%;
}
.exptxt {
	color:#666666;
	line-height:1.6;
	font-size:85%;
}
.blogName input {
	font-size:115%;
	font-weight:bold;
	width:350px;
}
.blogDesc textarea {
	width:350px;
}

.profileImg {
	text-align:center;
}
.profileImg img{
	padding:4px;
	background:#ffffff;
	border:1px solid #d8dcdd;
}
.profileLink {
	margin-left:2px;
	padding-left:12px;
	background: url(/_common/img/arrowR_small.gif) no-repeat left center;
}
.deleteImg {
	padding-left:12px;
	background:url(/_common/img/icon_delete.gif) no-repeat left center;
}

.sendPing textarea,
.spam textarea {
	width:350px;
}

.bidders input {
	margin-bottom:3px;
}

/*---------- Notice ----------*/

.indentM {
	margin-left:20px;
}

#schedule {
	margin-top:5px;
	margin-left:20px;
}
#noteChecker {
	margin-top:8px;
	padding-top:8px;
	border-top:1px dotted #aaa;
}

/*---------- RSS----------*/

td.rProfimg {
	width:44px;
}
td.rProfimg img {
	padding:4px;
	background:#ffffff;
	border:1px solid #d8dcdd;
}
td.rSelect {
	width:1px;
	white-space:nowrap;
}
.rssAddURL {
	width:360px;
}
.rssURL {
	width:300px;
}

/*---------- Advertising ----------*/

.clBox {
	margin-top:2px;
	padding:4px 8px;
	background:#FAFAFA;
	height:26px;
	clear:both;
}

.clBox dt{
	float:left;
	width:70px;
}

.clBox dd{
	float:left;
	margin-left:8px;
}

.clView {
	width:30px;
	height:16px;
	padding:1px;
	border:1px solid #AAA;
}

#adPreview {
	width:100%;
	text-align:center;
	vertical-align:top
}

/* Color Palet */
.clPalet {
	position:absolute;
	z-index:300;
	width:220px;
	top:10px;
	left:10px;
	display:none;
	border:1px solid #AAA;
	padding:5px;
	background:#F5F5F5;
}
.clPalet table {
	width:220px;
	padding:0;
}
.clSelectView {
	width:40px;
	height:18px;
	border:1px solid #000000;
}
.clHexView {
	width:120px;
	font:14px/1.1 "Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	border:none;
	background:#F5F5F5;
}
.clPalet table td {
	padding:0;
}
.btnClose a {
	float:right;
	width:17px;
	height:17px;
	background:url(/_common/img/close_palet.gif) no-repeat;
	display:block;
}
.btnClose a:hover {
	background:url(/_common/img/close_palet_ov.gif) no-repeat;
}
.clPaletTable {
	background:#FFFFFF;
}
.clPaletTable td {
	cursor:pointer;
}

/*---------- Do Not Delete ----------*/

#contentBox:after,
dl:after,
ul:after,
#selectedSkin:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
contentBox,
dl,
ul,
#selectedSkin {
	zoom:1;
}



/* ----- original style ----- */

div#soToolHead-l2 * { margin: 0; padding: 0; }
div#soToolHead-l2 li { list-style-type: none; }


/**********************************************
new add css
/**********************************************/

#myLink ul li select{
width:170px;
vertical-align:middle;
}
#myLink ul li select option{
font-weight:bold;
}
#whatsNew .whatsNew1st,.whatsNew1st{
color:#f00;
font-weight:bold;
}

.list-table{
background-color:#f2f2f2;
margin-bottom:15px;
}
.list-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:center;
font-size:small;
}
.list-body{
color:#626262;
padding:5px;
background-color:#FFF;
font-size:small;
}
.delete-table{
background-color:#f2f2f2;
}
.delete-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:left;
font-size:small;
}
.delete-body{
color:#626262;
padding:5px;
background-color:#FFF;
font-size:small;
}
.table-title{
color:#626262;
font-weight:bold;
padding:5px 5px 5px 10px;
}

.entry-table{
background-color:#fff;
margin-bottom:15px;
}
.entry-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
font-size:small;
}
.entry-body{
color:#616161;
padding:5px;
background-color:#FFF;
font-size:small;
}
.entry-body-con{
color:#616161;
background-color:#FFF;
font-size:small;
}
.main-section{
color:#626262;
font-weight:bold;
padding:5px 5px 5px 5px;
font-size:small;
margin-bottom:5px;
}
.main-section:hover{
/* color:#999; */
}

.helpPopup {
display:none;
margin-left:10px;
background: #FFF;
z-index:256;
position:absolute;
background:url(/_common/img/tips_sankaku.gif) no-repeat 0px 0px;
}
.helpPopup-title{
background-color:#0090ff;
border:1px solid #0090ff;
color:#FFF;
padding:3px 8px;
width:300px;
font-size: small;
text-align:left;
font-weight: normal;
margin-left:5px;
white-space:normal;
}
.helpPopup-body{
background-color:#FFF;
padding:8px;
width:300px;
border-left:1px solid #0090ff;
border-right:1px solid #0090ff;
border-bottom:1px solid #0090ff;
line-height:1.2;
font-size: small;
text-align:left;
font-weight: normal;
color:#626262;
line-height:120%;
margin-left:5px;
white-space:normal;
}

.helpPopup2 {
display:none;
margin-left:10px;
background: #FFF;
z-index:256;
position:absolute;
background:url(/_common/img/tips_sankaku.gif) no-repeat 0px 0px;
}

#footerHelp{
clear:both;
width:755px;
margin-top:20px;
background:#FBFBFB;
border:solid 1px #E0E0E0;
padding:10px;
}
#footerHelp ul{
list-style:none;
padding:0px;
margin:0px;
text-align:left;
list-style-position:outside;
}
#footerHelp ul li{
font-weight:normal;
margin:0px;
background:url(/_common/img/tips_sankakuR.gif) no-repeat 0 0px;
padding-left:10px;
}
#footerHelp ul li a{
color:#8ACBFE;
}
#footerHelp .helpBox1{
font-weight:bold;
float:left;
width:32%;
}
#footerHelp .helpBox2{
font-weight:bold;
padding-top:19px;
padding-right:10px;
float:left;
width:32%;
border-right:solid 1px #E0E0E0;
margin-right:10px;
}
#footerHelp .helpBox3{
font-weight:bold;
float:left;
width:32%;
padding-right:10px;
}
.footerMore {
font-size:x-small;
float:right;
padding-left: 12px;
background: url(/_common/img/arrowR_small.gif) no-repeat left center;
font-weight: normal;
}
.pdownBlog{
font-size:small;
font-weight:bold;
width:200px;
}
.pdownBlog option{
padding:2px;
}

.memberName{
font-weight:bold;
font-size:115%;
}

.niceUnderlist{
padding:5px;
border:solid 1px #ccc;
}

.underlineList{
border-bottom:dotted 1px #ccc;
}
.fontBold{
font-weight:bold;
}
.textWall{
color:#bbb;
}
.vMiddle{
vertical-align:middle;
}
hr{
border:dotted 1px #ccc;
_height:1px;
}

.cmnTable {
	width:100%;
	clear:both;
}

.cmnTable th {
	width:310px;
	padding:8px 10px;
	background:#ECECEC;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	border-bottom:solid 1px #fff;
}

.cmnTable td {
	padding:8px 10px;
	background:#f5f5f5;
	vertical-align:top;
	border-bottom:solid 1px #fff;
}

.cmnTable td.entryHelp {
	width:240px;
}

.cmnTable input,
.entryData select {
	/** vertical-align:middle; **/
	vertical-align:top;
}

.cmnTable label {
	margin:0 10px 0 2px;
}
.centerButton{
text-align:center;
padding:10px 0px;
}
.searchLine{
background:#A9B4B6;
color:#fff;
padding:5px 15px;
}
.gray{
color:#ccc;
}
.grayS{
text-align:left;
font-size:x-small;
color:#4B4B4B;
}
.xSmall{
font-size:x-small;
}
*+html .xSmall{
font-size:xx-small;
}
*+html>/**/.xSmall{
font-size:x-small;
}
img.skinImage{
border:1px solid #000;
}

.yui-nav li{
width:120px;
}


/**********************************************
portal add css
/**********************************************/

#topMain{
width:460px;
float:left;
margin-right:10px;
}
#topRight{
width:300px;
float:right;
}

.contentsLine{
font-weight:bold;
clear:both;
background:#E0E0E0;
text-align:left;
padding:3px 5px;
}
.moreList{
float:right;
font-size:x-small;
padding-right:6px;
background-image:url(/_common/img/tips_sankakuRL.gif);
background-position:right;
background-repeat:no-repeat;
}
#headerSearch{
padding:3px 0px;
}
.widthAuto{
width:775px;
margin:0 auto;
}
#headerNavi{
margin:0 auto;
width:775px;
background:#7CACE8;
padding-top:4px;
padding-left:5px;
font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
}
.skyBorder{
margin-bottom:15px;
border:solid 1px #B5CFEF;
}
.whiteBorder{
border:solid 1px #fff;
padding:5px;
background:#EDF4FF;
}
.tagBorder{
border:solid 1px #fff;
padding:15px;
background:#EDF4FF;
}
.grayBorder{
margin-bottom:15px;
border:solid 1px #ccc;
}
.grayBorder2{
border:solid 1px #fff;
padding:10px;
background:#f3f3f3;
}
.grayBorder3{
border:solid 1px #fff;
padding:10px;
background:#f3f3f3;
}
.grayBorder2 li{
border-bottom:dotted 1px #666;
padding-bottom:2px;
margin-bottom:2px;
}
.pb5{padding-bottom:5px;}
.aboutBox{
margin-bottom:15px;
border:solid 1px #F2D99C;
background:#FFFFDB;
padding:5px;
}
.aboutText{
font-weight:bold;
font-size:90%;
}
.qrBox{
margin-bottom:15px;
border:solid 1px #F2D99C;
background:#FFFFDB;
padding:10px;
}
.qrTitle{
font-weight:bold;
color:#c60;
}
.qrImage{
float:left;
width:74px;
padding-right:10px;
}
.qrText{
float:left;
width:180px;
}
.qrArrow{
background:url(/_common/img/tips_sankakuRL.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:7px;
}

#tskin ul {
	padding: 4px;
}
#tskin li {
	float: left;
	width: 94px;
	text-align: center;
	line-height: 1.2;
}
#tskin img {
	border: 1px solid #333;
}
#tskin:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
#tskin {
	height:100%;
	display:inline-block;
}

/*--- Ranking ---*/
.tBoxL {
	float: left;
	width: 214px;
	padding: 0px;
	margin-right:10px;
}
.tBoxR {
	float: right;
	width: 214px;
	padding: 0px;
}
.tBoxL ul,
.tBoxR ul {
	padding: 4px 8px;
}
.tBoxL li,
.tBoxR li {
	padding-left: 18px;
	line-height: 160%;
}
.bestNice {
padding:5px;
}
.bestNice ul{
	padding: 4px 8px;
}
.bestNice li{
	padding-left: 18px;
	line-height: 160%;
}
.recommendBackground{
background-image:url(/_common/img/top_recblog_bg.gif);
background-repeat:repeat-x;
padding:15px 10px 10px;
}
.toprecommendImg{
width:80px;
text-align:center;
float:left;
padding:0 14px;
}
.textPR{
background:#EEF3FF;
padding:7px 10px;
font-size:x-small;
margin-bottom:15px;
}
.rankingContainer{
margin-bottom:15px;
border:solid 1px #C3CADD;
padding:10px;
width:438px;
}
.rankingCategory{
border-bottom:dotted 1px #ccc;
color:#666;
font-weight:bold;
font-size:x-small;
}
.mobileBlog{
padding:10px 0px;
width:458px;
}
.mobileImg{
float:left;
width:114px;
text-align:center;
}
.mobileImg img{
border:solid 1px #000;
}
.topimageMargin{
margin-bottom:15px;
}
#recentNavi{
border-top:solid 2px #B5CFEF;
background:#E5EEF9;
padding:10px 10px 0px;
}
#recentNavi li{
padding:0px 2px;
float:left;
}
#recentNavi a{
text-align:center;
width:90px;
display:block;
}
#recentNavi li.naviOn a{
color:#000;
font-weight:bold;
background:#fff;
}

#blogpartsNavi{
border-top:solid 2px #B5CFEF;
background:#E5EEF9;
padding:10px 10px 0px;
}
#blogpartsNavi li{
padding:0px 2px;
float:left;
}
#blogpartsNavi a{
text-align:center;
padding:0px 5px;
display:block;
}
#blogpartsNavi li.naviOn a{
color:#000;
font-weight:bold;
background:#fff;
}

.lineBanish{
background:#fff;
height:1px;
margin-top:-1px;
}

li.no1 { background: url(/_common/img/no1.gif) no-repeat left center; }
li.no2 { background: url(/_common/img/no2.gif) no-repeat left center; }
li.no3 { background: url(/_common/img/no3.gif) no-repeat left center; }
li.no4 { background: url(/_common/img/no4.gif) no-repeat left center; }
li.no5 { background: url(/_common/img/no5.gif) no-repeat left center; }
li.no6 { background: url(/_common/img/no6.gif) no-repeat left center; }
li.no7 { background: url(/_common/img/no7.gif) no-repeat left center; }
li.no8 { background: url(/_common/img/no8.gif) no-repeat left center; }
li.no9 { background: url(/_common/img/no9.gif) no-repeat left center; }
li.no10 { background: url(/_common/img/no10.gif) no-repeat left center; }

#portalMain{
float:left;
width:570px;
margin-right:10px;
}
#portalMainwide{
float:left;
width:775px;
}
#portalRight{
float:left;
width:190px;
}
.portalTitle{
font-size:20px;
color:#666;
}
.categorySelect{
padding:10px;
}

.hourNaviline{
padding:10px 5px 0px 0px;
border-bottom:solid 1px #C3CCDC;
}

.hourNaviline .hourNavi{
float:right;
background:#fff;
padding:4px 2px 0px;
margin-right:2px;
margin-bottom:-1px;
font-size:x-small;
}

#hourNavileft{
font-weight:bold;
color:#666;
float:left;
}
#hourNavileft2{
font-weight:bold;
color:#666;
float:left;
}

.hourNaviline .naviOn{
float:right;
background:#fff;
padding:3px 2px 0px;
margin-right:2px;
margin-bottom:-1px;
font-size:x-small;
font-weight:bold;
background:#fff;
border-left:solid 1px #C3CCDC;
border-right:solid 1px #C3CCDC;
border-top:solid 1px #C3CCDC;
border-bottom:solid 1px #fff;
}

/*--- CSS hack for IE7 ---*/
*+html .hourNaviline .naviOn{
float:right;
background:#fff;
padding:4px 2px 0px;
margin-right:2px;
margin-bottom:-1px;
font-size:x-small;
font-weight:bold;
background:#fff;
border-left:solid 1px #C3CCDC;
border-right:solid 1px #C3CCDC;
border-top:solid 1px #C3CCDC;
border-bottom:solid 1px #fff;
}
/*--- /CSS hack for IE7 ---*/

.hourNaviline .naviOn a{
color:#000;
}
.videosList{
padding:5px 0px;
text-align:center;
width:140px;
float:left;
}
.positionRelative{
position: relative;
}
.playIcon{
position: absolute;
top: 78px;
left: 60px;
_left: 50px;
width: 122px;
}
.moblogList{
float:left;
width:140px;
text-align:center;
}

.rrList{
border-bottom:dotted 1px #ccc;
padding-bottom:10px;
margin-bottom:10px;
}
.rrImage{
float:left;
width:90px;
text-align:center;
}
.rrImage img{
padding:3px;
border:solid 1px #ccc;
}
.rrText{
float:left;
width:480px;
}
.recommendListborder{
border-bottom:dotted 1px #ccc;
padding-bottom:10px;
margin-bottom:10px;
width:280px;
float:left;
}
.recommendList{
border-bottom:dotted 1px #ccc;
padding-top:5px;
padding-bottom:5px;
}
.recommendImage{
float:left;
width:90px;
text-align:center;
}
.recommendText{
float:left;
width:175px;
}
h2.underLine{
border-bottom:solid 1px #C3CDD9;
padding-bottom:1px;
}

.pr10{padding-right:10px;}

/*-- New Article --*/
.searchLine img{ margin-bottom:-2px; }
.tBoxNew {
	margin-bottom:15px;
	border:solid 1px #C3CADD;
	padding:10px;
	width:438px;
}

.tBoxNew dl.thead {
	margin-bottom: 3px;
	color:#666;
	font-weight:bold;
	font-size:x-small;
	line-height: 100%;
}
.tBoxNew dl.thead dt{
	padding: 7;
}
.tBoxNew dl {
	width:438px;
	padding: 2px 0;
	line-height: 160%;
 	background: url(/_common/img/dotline.gif) repeat-x left bottom;
}
.tBoxNew dt {
	float: left;
	padding-left: 7px;
}
.tBoxNew dd {
	margin-left: 270px;
}

.mainPager{
padding:10px 0px;
width:100%;
margin:0 auto;
text-align:center;
}
.pageNum{
color:#ddd;
}
.pageNum a{
}
.nowpageNum{
border:solid 1px #C5CACA;
padding:1px 5px;
font-weight:bold;
background:#eee;
}
/*tagPage*/
.tagMainpager{
text-align:center;
margin:20px 0px 10px 0px;
}
.tagPage{
background-image:url("/common/img/tag/page_bg.gif");
background-repeat:no-repeat;
background-position:center;
color:#C9C8D2;
width:26px;
text-align:center;
}
.tagPageblank{
width:26px;
font-size:12px;
text-align:center;
vertical-align:middle;
}
.tagPagen{
color:#0066CC;
}
.tagPage a:hover{
color:#F39D34;
}
.tagNowpage{
margin:0px 2px;
font-weight:bold;
color:#FFF;
text-align:center;
padding:0px 9px;
background-color:#0066CC;
border:1px solid #438ED9;
}
/*Page*/


.articleList{
border-bottom:dotted 1px #ccc;
padding-bottom:5px;
margin-bottom:5px;
}
.articleImage{
float:left;width:54px;
margin-right:15px;
padding:1px;
border:solid 1px #ccc;
text-align:center;
}
.articleText{
float:left;
width:470px;
}
.blogList{
border-bottom:dotted 1px #ccc;
padding-bottom:5px;
margin-bottom:5px;
}
.blogImage{
float:left;width:42px;
margin-right:15px;
padding:1px;
border:solid 1px #ccc;
text-align:center;
}
.blogText{
float:left;
width:470px;
}

.mp3Img{
position:relative;
float:left;
}
.mp3Imgabs{
position:absolute;
top:27px;
left:1px;
width:48px;
font-size:10px;
}

#add_file_area tr td{
	background:#fff;
}

/*********************
access_log
**********************/

.on-day-style{
text-align:center;
font-size:12px;
padding:3px;
}
.on-day-style a:link{color:#616161;}
.on-day-style a:visited{color:#616161;}
.on-day-style a:active{color:#616161;}
.on-day-style a:hover{color:#616161;}

.day-selected{
text-align:center;
border:1px solid #d7d7d7;
background-color:#FFF;
font-size:12px;
padding:2px;
}
.day-selected a{
color:#616161;
}
.day-style-saturday{
text-align:center;
padding:3px;
font-size:12px;
color:#00f;
}
.day-style-saturday a:link{color:#00f;}
.day-style-saturday a:visited{color:#00f;}
.day-style-saturday a:active{color:#00f;}
.day-style-saturday a:hover{color:#00f;}

.day-style{
text-align:center;
padding:3px;
font-size:12px;
color:#f00;
}
.day-style a:link{color:#f00;}
.day-style a:visited{color:#f00;}
.day-style a:active{color:#f00;}
.day-style a:hover{color:#f00;}

.log-table{
background-color:#f2f2f2;
margin-bottom:15px;
}
.log-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:center;
}
.log-total-text{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:left;
}
.log-total-num{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:right;
}
.log-body{
color:#626262;
padding:5px;
background-color:#FFF;
}

/*********************************************************/
.panele {
       visibility:hidden;
       border-collapse:separate;
       position:relative;
       left:0px;top:0px;
       font:1em "Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
       background-color:#FFF;
       border:1px solid #000;
       z-index:1;
       overflow:hidden;
}

.panele .hd {
       background-color:#000;
       color:#FFF;
       font-size:100%;
       line-height:100%;
       border:1px solid #FFF;
       border-bottom:1px solid #000;
       font-weight:bold;
       overflow:hidden;
       padding:4px;
}
.panele .bd {
       overflow:hidden;
       padding:4px;
}

.panele .bd p {
       margin:0 0 1em;
}

.panele .close {
       position:absolute;
       top:5px;
       right:4px;
       z-index:6;
       height:12px;
       width:12px;
       margin:0px;
       padding:0px;
       background-repeat:no-repeat;
       cursor:pointer;
       visibility:inherit;
}

.panele .close.nonsecure {
       background-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panele .close.secure {
       background-image:url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panele .ft {
       padding:4px;
       overflow:hidden;
}
.container-close{display:none;}

.yui-panel .hd{background-color:#000;}
.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#000;
}
/*********************************************************/

/*-- Error --*/

div.error-desc {
	width: 350px;
	margin: 20px auto 0 auto;
	padding: 20px 30px;
	background: #f3f3f3;
}




/*--- AMAZON ---*/

/* search */
.sonet-asin-main {
	margin: 2px 12px 0px 12px;
	border: solid 1px #0090FF;
	margin-bottom: 1px;
	top: 100px;


}
.sonet-asin-body {
	padding: 1px;
	margin: 1px 12px 0px 12px;
	font-size: small;
	text-align: left;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	overflow: hidden;	
}

.sonet-asin-body img.item{
	margin-right: 12px;
}

.sonet-asin-body hr{
	margin-bottom: 12px;
}

.sonet-asin-body p{
	padding: 0px;
	margin: 8px 0px 8px 0px;
}

.sonet-asin-body p.close{
	font-size: x-small;
	text-align: right;
	margin-top: 12px;
	margin-bottom: 2px;
}

.sonet-asin-header{
	height: 32px;
	padding: 1px;
	margin: 1px 12px 0px 12px;
	background-color: #FFD900;
}

.sonet-asin-header img{
	padding : 2px 0px 0px 2px;
	margin-left: 5px;
}
.sonet-asin-header h3{
	margin-top: 13px;
	margin-left: 70px;
	text-align: left;
	font-size: medium;
	font-weight: bold;
	font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;
	color:#FFFFFF;
}

.sonet-asin-area{
	padding-bottom: 12px;
}

.sonet-asin-image{
	padding-right: 12px;
	border: 0;
	float: left;
}

p.sonet-asin-title{
	padding: 0px 6px 0px 6px;
	margin-top: 0px;
	margin-bottom: 3px;
}

.sonet-asin-info ul{
	padding: 0px 6px 0px 6px;
	margin: 0;
}

li.sonet-asin-label{
	color: #333333;
	line-height: 140%;
	list-style-type: none;
	font-size: x-small;
	margin-bottom: 6px; 
}

.sonet-asin-break{
	clear:both;
}

.audioIconclass div:hover{text-decoration:none;}
.filemgrbox{
	padding:5px 5px 1px;
	border:solid 1px #ccc;
	float:left;
	margin:5px 5px 3px 5px;
_margin:3px 3px 3px 3px;
}


/* AFPBB News */
#afpbb-show-hide {
	padding-right:3px;
}
.afpbb {
	height:252px;
	margin-top:5px;
	overflow:auto;
}
.afpbb li {
	padding:3px 5px 3px 0;
	font-size:90%;
	clear:left;
}
.afpbb .newsImage {
	float:left;
	display:block;
	width:45px;
	height:45px;
	margin-right:5px;
	background:#d9d9d9;
	border:2px solid #d9d9d9;
	overflow:hidden;
}
.afpbb .newsImage img{
	width:100%;
}
.afpbb a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.afpbbFoot {
	padding-top:3px;
	text-align:right;
}