@charset "shift_jis";

/*--------------------------------------------------
yaplog! contents style
common/module.css
--------------------------------------------------*/

a:link {
	color:#287ee7;
}
a:visited {
	color:#a48adf;
}
a:hover,
a:active {
	color:#ef368d;
}

/* info */
.info {
	font-weight:bold;
	color:#333;
}

.notes {
	padding: 6px;
	text-align: left;
}
.notes li {
	font-size:12px;
	line-height:1.6;
	text-indent:-16px;
	padding:0 0 0 16px;
}
.notes li.icon {
	background:url(/img/common/icons.gif) no-repeat 0 -98px;
	text-indent:0;
	padding:0 0 0 16px;
}


/* input */

.inputText {
	color: #999;
	border:solid 1px #BDC7D8;
	padding:2px;
}
.inputFile {
	padding:2px;
}
.inputSelect {
	border:solid 1px #BDC7D8;
	padding:2px;
}
.inputText.long {
	width: 260px;
}
.inputText.login {
	padding:4px;
	width: 260px;
}
.inputText.search {
	padding:4px;
	width: 360px;
}
.inputText.pass {
	width: 160px;
	font-family:arial, sans-serif;
}
.inputText.searchSide {
	padding:4px;
	width: 200px;
}
.inputText:focus, .inputText.focused {
	border-color:#666;
	border-style:solid;
	color:#333;
}

.inputBtnOK {
	background:#f088af;
	border-style:solid;
	border-width:1px;
	border-color:#ead5e0 #5b0e38 #5b0e38 #ead5e0;
	color:#FFFFFF;
	font-size:12px;
	padding:4px 6px;
	text-align:center;
	cursor:pointer;
}
.inputBtnLastOK {
	background:#f088af;
	border-style:solid;
	border-width:1px;
	border-color:#ead5e0 #5b0e38 #5b0e38 #ead5e0;
	color:#FFFFFF;
	font-size:12px;
	padding:8px 16px;
	text-align:center;
	cursor:pointer;
}
.inputBtnNG {
	background:#d8d8d8;
	border-style:solid;
	border-width:1px;
	border-color:#e0e0e0 #6b6b6b #6b6b6b #e0e0e0;
	color:#666;
	font-size:12px;
	padding:4px 6px;
	text-align:center;
	cursor:pointer;
}
.inputBtnDelete {
	background:#ef368d;
	border-style:solid;
	border-width:1px;
	border-color:#ead5e0 #5b0e38 #5b0e38 #ead5e0;
	color:#FFFFFF;
	font-size:12px;
	padding:4px 6px;
	text-align:center;
	cursor:pointer;
}



.contentNavi {
	border-bottom:solid 1px #666;
	margin-bottom:10px;
	padding:0 6px;
}
.contentNavi li {
    float: left;
	border:solid 1px #999;
	border-style: solid solid none none;
	background:#ffe1f1;
}
.contentNavi li.first  {
	border-left:solid 1px #999;
	color: #333;
}
.contentNavi a {
    float: left;
    padding: 3px 12px;
	font-weight: bold;
}
.contentNavi a:link,
.contentNavi a:visited {
    text-decoration: none;
	color:#666;
}
.contentNavi a:hover,
.contentNavi a.active {
    color: #fff;
}
.contentNavi a.selected {
	background:#f088af url(/img/control/common/navi_bg2.gif) repeat-x 0 0;
	color: #fff;
}



.contentSubNavi {
	margin-bottom:10px;
	font-weight: bold;
}
.contentSubNavi ul {
	padding-bottom:6px;
}
.contentSubNavi li {
    float: left;
	padding:0 6px;
}
.contentSubNavi a {
	font-weight: bold;
}
.contentSubNavi .current a:link,
.contentSubNavi .current a:visited {
	color:#333;
	border-bottom:dashed 2px #f66;;
}
.contentSubNavi .current a:hover,
.contentSubNavi .current a.active {
	color:#333;
}


.pagination {
	text-align:center;
	font-size:12px;
	padding:3px;
	margin:40px 3px;
}
.pagination li {
	display:inline;
	color: #CCCCCC;
	margin: 0;
}
.pagination .current {
	display:inline;
	background: #F9DED9;
	border: solid 1px #818181;
	color: #FFFFFF;
	padding: 6px 9px;
	font-weight: bold;
}
.pagination a {
	border: solid 1px #818181;
	color: #666666;
	padding: 6px 9px;
	text-decoration: none;
}
.pagination .prevNoneBtn,
.pagination .nextNoneBtn {
	padding: 6px 9px;
}
.pagination .prevBtn a,
.pagination .nextBtn a {
	border: none !important;
	font-weight: normal !important;
	padding: 6px 9px;
}
.pagination a:link,
.pagination a:visited {
	font-weight: bold;
}
.pagination a:hover,
.pagination a:active {
	background: #F9DED9;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


/* controlBtn */
.controlBtn {
	text-align:center;
	padding:12px;
}


/* fin */
.finTitle {
	font-size:16px;
	font-weight:bold;
	margin:12px 0 3px 0;
	padding:6px;
}
.finText {
	margin:3px;
	padding:6px;
}
.finLink {
	margin-bottom:2em;
	padding:6px;
}
.finLink a {
	background:url(/img/common/icons.gif) no-repeat 0 2px;
	padding-left:12px;
	margin-left:6px;
}
.finAds {
	text-align:center;
}
.finAds dt {
}
.finAds dd {
	margin:3px;
	padding:12px 0;
	text-align:center;
}



.more {
	clear:both;
	margin-bottom:0;
	text-align: right;
	font-size:10px;
}
.more a {
	background:url(/img/common/icons.gif) no-repeat 0 1px;
	padding-left:12px;
}


.messageBox.error {
	color:#ef368d;
	font-weight:bold;
	margin-bottom:10px;
}
.messageBox.explain {
	margin-bottom:1em;
}
.messageBox.explain dt {
	font-weight:bold;
}


/* tooltip.js */
#tt {
	position:absolute;
	display:block;
	background:url(/img/common/tooltip/left.gif) top left no-repeat;
}
#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(/img/common/tooltip/top.gif) top right no-repeat;
	overflow:hidden;
}
#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#e4baec;
	color:#333;
}
#ttcont h2 {
	color:#ef368d;
	font-weight:bold;
	font-size:16px;
}
#ttcont p {
	font-size:10px;
}
#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(/img/common/tooltip/bottom.gif) top right no-repeat;
	overflow:hidden;
}

/* dottedPr */
.dottedPr {
	text-align:right;
	margin-top:1em;
}



/* widget */
.widget {
	margin-bottom:6px;
}

#widgetInfo li {
	background:url(/img/common/icons.gif) no-repeat 0 -196px;
	padding-left:12px;
}
#widgetCinema li {
	background:url(/img/common/icons.gif) no-repeat 0 -199px;
	padding-left:12px;
}
#widgetRectangle,
#widgetBanner {
	margin-bottom:10px;
}
#widgetRectangle {
	height:250px;
}
#widgetLogin {
	background:url(/img/contents/top/sprite.png) no-repeat -630px -120px;
	height:205px;
	margin-bottom:6px;
}
#widgetLogin dt {
	font-weight:bold;
}
#widgetLogin form {
	padding:20px 10px 10px;
}
* html #widgetLogin {
	overflow:hidden
}
* html #widgetLogin .controlBtn input {
	border:none;
}
#widgetMypage {
	background:url(/img/contents/top/login_bg.gif) no-repeat 0 0;
	padding-top:10px;
}
#widgetMypage .controlBtn {
	background:#FFF url(/img/contents/top/login_bg.gif) no-repeat 0 bottom;
	margin-bottom:12px;
}
#widgetMypage .controlBtn p {
	padding-bottom:10px;
}
.widget {
	border:solid 1px #ccc;
}
.widget dt {
	font-weight:bold;
	padding:3px 6px;
	background:#ffe8b6;
	border:solid 1px #fff;
}
.widget dd {
	background:#fff;
	padding:6px;
}
#widgetDecome li,
#widgetSkin li,
#widgetBanner li,
#widgetLook li,
#widgetPr li,
#widgetMark li {
	float:left;
}
#widgetLook {
	width:306px;
}
* html #widgetLook {
	width:300px;
}
#widgetLook li {
	margin:1px;
	font-size:10px;
}
* html #widgetLook li {
	margin:1px 0;
}
#widgetLook li img {
	vertical-align:top;
}
#widgetPr li {
	margin-right:1px;
	padding-bottom:6px;
	font-size:10px;
}
#widgetLook,
#widgetPr {
	margin-bottom:12px;
}
#widgetPr li.text a {
	display:block;
	width:148px;
}
#widgetSkin li {
	padding:10px;
}
#widgetSkin .date {
	text-align:center;
}
#widgetBanner li{
	padding:3px;
}
#widgetRecipe p.item {
}
#widgetRecipe .item {
}
#widgetRecipe .item img {
	border: solid 1px #333;
	margin:3px;
	height:60px;
	float:left;
}
#widgetRecipe .more {
	clear:both;
}
#widgetInfo ul {
	margin-bottom:10px;
}
#widgetInfo span.date,
#widgetCinema span.date {
	font-size:10px;
	color:#666;
}
#widgetMark li {
	padding:3px;
}

#widgetRegist {
	margin-bottom:10px;
}
#widgetRegist a {
	display:block;
	width:145px;
	height:82px;
	text-indent:-9999px;
	overflow:hidden;
}
#widgetRegist .login {
	float:left;
}
* html #widgetRegist .login {
	float:left;
	width:145px;
}
#widgetRegist .regist {
	float:right;
}
* html #widgetRegist .regist {
	float:right;
	width:145px;
	padding-top:4px;
}
#widgetRegist .login a {
	background:url(/img/contents/common/btn_regist.gif) no-repeat 0 0;
}
#widgetRegist .login a:hover,
#widgetRegist .login a:active {
	background:url(/img/contents/common/btn_regist.gif) no-repeat 0 -90px;
}
#widgetRegist .regist a {
	background:url(/img/contents/common/btn_regist.gif) no-repeat -150px 0;
}
#widgetRegist .regist a:hover,
#widgetRegist .regist a:active {
	background:url(/img/contents/common/btn_regist.gif) no-repeat -150px -90px;
}

#widgetSearch p {
	padding:6px;
}
#widgetDecome dd {
	text-align:center;
}
#widgetDecome img {
	border:solid 3px #FCC;
}
#widgetNewentry ul {
	padding:6px;
}
#widgetNewentry li {
	background:url(/img/common/icons.gif) no-repeat 0 -196px;
	padding-left:12px;
}


#widgetMove.widget {
	border:none;
}
#widgetTopTwit.widget {
	border:none;
}

#widgetRecruitCareer,
#widgetRecruitNew,
#widgetApps {
	border:none;
}

#widgetMyadress.widget {
	border:none;
	text-align:center;
}