@charset "Shift_JIS";

/*
===== CONTENTS ==============================
	1:#wrapper
	2:#globalNav
	3:#topicPath
	4:.sideArea
	5:#mainArea
	6:common_parts
		7-1:.pageTop
=============================================
*/

*{
word-break: break-all;
}



/*
===== 1:#wrapper =====
*/
#wrapper {
	width:1000px;
	margin:0 auto;
}




/*
===== 3:#topicPath =====
*/
#topicPath {
	float:left;
	clear:both;
	margin:-10px 0 10px;
	width:700px;
	_margin:-6px 0 10px;/* IE6 */
}
#topicPath li {
	display:inline;
	float:left;
	font-size:12px;
}
#topicPath li h1{
	display:inline;
}

#right-top-text-link{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 12px;
	float:right;
	width:300px;
	text-align:center;
	margin:-10px 0px 10px 0px;
	_margin:-6px 0 -10px;/* IE6 */
}

/*
===== 4:.sideArea =====
*/
.sideArea {
	float:right;
	width:300px;
	clear:both;
	_margin: 18px 0px 0px 0px;/* IE6 */
}

.sideArea .box{
	background-image: url(../images/right_box_bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	margin: 10px 0px 10px 0px;
	font-size:12px;
}

.sideArea .box .contents{
	padding: 0px 10px 0px 10px;
}

.sideArea .banner100a{
	margin: 0px 0px 5px 0px;
}

.sideArea .banner60a,
.sideArea .banner60b,
.sideArea .banner60c
{
	margin: 0px 0px 5px 0px;
}

.sideArea .box .boxhead,
.sideArea .box .boxfoot
{
	clear:both;
}

.sideArea .box h3{
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height:26px;
	margin: 0px 4px 0px 4px;
}

.sideArea .box h3 img{
	padding: 6px 0px 0px 5px;
}
.sideArea .oshirase h3{
	background-image: url(../images/right_box_oshirase_bg.gif);
}
.sideArea .present h3{
	background-image: url(../images/right_box_present_bg.gif);
}
.sideArea .edit h3{
	background-image: url(../images/right_box_edit_bg.gif);
}
.sideArea .mobile h3{
	background-image: url(../images/right_box_mobile_bg.gif);
}

.sideArea .oshirase .viewall{
	margin:-18px 10px 10px 0px;
	text-align:right;
}

.sideArea .oshirase dt{
	float:left;
	width: 35px;
	margin: 2px 0px 2px 5px;
	clear:both;
	text-align:left;
}

.sideArea .oshirase dl{
	float:left;
	width: 290px;
	margin: 2px 5px 2px 0px;
}

.sideArea .box .editarea{
	padding: 5px 10px 5px 10px;
}

.sideArea .box .contents .qrcode{
	padding: 0px 10px 5px 10px;
}

.sideArea .present{
}

.sideArea .box ul#presentlist{
}

.sideArea .box .carrousel{
	width: 280px !important;
	margin: 20px 10px 0px 10px !important;
	padding: 0px !important;
}

.sideArea .box .carrousel_carrousel{
	margin: 0px -4px 10px -6px !important;
	padding:0px;
	display:block;
}


.sideArea .box #presentlist li{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	list-style-type: none;
	list-style-position: inside;
	width: 140px;
	height: 120px;
	float: left;
	background:transparent url(../images/spacer.gif) no-repeat scroll left 4px 
}

.sideArea .box .carrousel_button{
	border: 1px solid #cccccc;
	background-color:#eeeeee;
	padding: 3px;
	font-size:10px;
}

.sideArea .box .carrousel_button:link,
.sideArea .box .carrousel_button:visited{
	color:#333333;
	text-decoration:none;
}

.sideArea .box .carrousel_button:active,
.sideArea .box .carrousel_button:hover{
	color:#333333;
	text-decoration:none;
}

.sideArea .box .carrousel_prev{
	float:left;
}

.sideArea .box .carrousel_next{
	float:right;
}
.sideArea-friends {
	float:right;
	width:300px;
}

.sideArea .present .memberpresent{
	margin: 5px 0px 0px 0px !important;
	padding: 5px 5px 5px 5px;
	border-top: 1px dotted #cccccc;
	clear:both;
}

.sideArea .present .memberpresent h4{
	text-align:center;
}

.sideArea .present .memberpresent .title{
	text-align:left;
	padding: 10px 5px 5px 5px;
	font-size:12px;
}

.sideArea .present .memberpresent .desc{
	text-align:left;
	padding: 5px 5px 5px 5px;
}



/*
=====5:#mainArea =====
*/
#mainArea {
	float:left;
	width:680px;
	margin: 0px 20px 0px 0px;
	_margin: 0px 0px 0px 0px;/* IE6 */
}

#mainArea-2nd {
	float:left;
	width:680px;
	margin: 0px 20px 0px 0px;
	_margin: 0px 0px 0px 0px;/* IE6 */
}

#mainArea-friends {
	float:left;
	width:680px;
	margin: 0px 20px 0px 0px;
	_margin: 0px 0px 0px 0px;/* IE6 */
}

#mainArea-3rd{
	width:1000px;
	clear:both;
}

#mainArea-4th{
	width:680px;
	clear:both;
	margin:0 auto;
}

/*
===== 6:common_parts =====
*/
.tlt,
.comment {
	font-size:10px;
}

.totalNum {
	margin-bottom:2px;
	text-align:right;
	font-size:10px;
	color: #999999;
}

.totalNum img {
	vertical-align:middle;
	margin-left:5px;
	padding-bottom:2px;
}

/* link color */
.totalNum a:link {
	color:#999999;
}
.totalNum a:visited {
	color:#999999;
}
.totalNum a:hover {
	color:#666666;
}
.totalNum a:active {
	color:#666666;
}

.comment a:link {
	color:#666666;
}
.comment a:visited {
	color:#999999;
}
.comment a:hover {
	color:#666666;
}
.comment a:active {
	color:#666666;
}

table td {
	font-size:10px;
	vertical-align:top;
}

table td.img {
	width:50px;
}

span.error{
	color:#ff0000;
	
}

div,
.type2{
zoom:1;
}


#mainArea-2nd #submenu,
#mainArea #submenu{
	padding: 0px 0px 5px 0px !important;
	margin: 0px 0px 10px 0px !important;
	border: none !important;
}
#submenu ul{}
#submenu li{
	float: left;
}

#submenu li.search{margin-top: 10px !important;}


/* 6-1:.pageTop */
.pageTop {
	clear:both;
	text-align:right;
	margin-bottom:8px;
}

/* ad sytle */
#mbanner{
	border: 1px solid #ffffff !important;
	text-align:center !important;
}

#mbanner p{
	text-align:center !important;
}

/*
div.textad-top{
	text-align: center !important;
	margin: 0px 0px 8px 0px !important;
	padding: 4px 0px 4px 0px !important;
	border: 1px solid #5e5e5e !important;
}

div.textad-top div.textarea{
	border: 0px none #ffffff !important;
	margin: 0px 9% 0px 9% !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 12px;
	width:400px;
	line-height: 120%;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

div.textad-top div.textarea a:link{
	text-decoration: none;
	color: #5e5e5e;
}
div.textad-top div.textarea a:visited{
	color: #5e5e5e;
	text-decoration:none;
}
div.textad-top div.textarea a:hover{
	text-decoration: underline;
	color: #2f2f2f;
}

div.textad-top div.textarea a:active{
	color: #2f2f2f;
	text-decoration: underline;
}

div.textad{
	text-align: center !important;
	margin: 0px 0px 8px 0px !important;
	padding: 4px 0px 4px 0px !important;
	border: 1px solid #5e5e5e !important;
}

div.textad div.textarea{
	border: 0px none #ffffff !important;
	margin: 0px 20% 0px 20% !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 12px;
	width:400px;
	line-height: 120%;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

div.textad div.textarea a:link{
	text-decoration: none;
	color: #5e5e5e;
}
div.textad div.textarea a:visited{
	color: #5e5e5e;
	text-decoration:none;
}
div.textad div.textarea a:hover{
	text-decoration: underline;
	color: #2f2f2f;
}

div.textad div.textarea a:active{
	color: #2f2f2f;
	text-decoration: underline;
}

div.textad-message{
	text-align: center !important;
	margin: 0px 0px 8px 0px !important;
	padding: 4px 0px 4px 0px !important;
	border: 1px solid #5e5e5e !important;
	width:98%;
}

div.textad-message div.textarea{
	border: 0px none #ffffff !important;
	margin: 0px 20% 0px 20% !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 12px;
	width:400px;
	line-height: 120%;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

div.textad-message div.textarea a:link{
	text-decoration: none;
	color: #5e5e5e;
}
div.textad-message div.textarea a:visited{
	color: #5e5e5e;
	text-decoration:none;
}
div.textad-message div.textarea a:hover{
	text-decoration: underline;
	color: #2f2f2f;
}

div.textad-message div.textarea a:active{
	color: #2f2f2f;
	text-decoration: underline;
}
*/
/* ad sytle */

/* #today */

#today{
	border:1px solid #B2B2B2;
	margin-bottom:6px;
}

#today .date{
	font-size:12px;
	font-weight: bold;
	background-color:#ffeaea;
	text-align:center;
	padding: 4px 0px 4px 0px;
	margin: 2px;
}

#today #weather{
	font-size: 12px;
	background-image: url(../images/h_weather_t.gif);
	background-attachment: scroll;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 32px;
	margin: 4px 0px 0px 0px;
}

#today #weather img{
	vertical-align: middle;
}

#today #weather .highs{
	color:#FF0000;
}

#today #weather .lows{
	color:#0000FF;
}

#today #weather .rain{
	background-color:#C1EAFF;
}

#today #fortune{
	font-size: 12px;
	margin: 4px 0px 0px 0px;
}
#today #fortune img{
	vertical-align: middle;
}


#today #fortune p.seiza{
	text-align:left;
	margin: 8px 4px 2px 4px;
	border-bottom: 1px solid #986699;
	padding-bottom:2px;
}

#today #fortune p.seizabody{
	vertical-align: middle;
	margin: 2px 4px 4px 4px;
}

/* #today */