@charset "utf-8";

/* -------------------------------------------------
	Portal -Index-
	1.Basic Elements
	2.Layout Style
	3.Header
		3-1.Base
	4.Main
		4-1.icatch
		4-2.PIYO Log list
		4-3.Message content
		4-4.Category list
	5.Mopiyo
	6.Side menu
		6-1.Sign in, Sign up
		6-2.Menu
		6-3.FC2 Information
		6-4.QR code
		6-5.Profile
		6-6.Regional lists
		6-7.Piyo Piyo words
		6-8.Templates
	7.FC2 Footer
-------------------------------------------------- */



/* =================================================
	1.Basic Elements
================================================= */

a.nickname:link,
a.nickname:visited {
	color:#339900;
	font-weight:bold;
}

a.nickname:hover {
	color:#ffa500;
}

a.messagebody:link,
a.messagebody:visited {
	color:#000000;
}

a.messagebody:hover {
	color:#ff0000;
	text-decoration:underline;
}



/* =================================================
	2.Layout Style
================================================= */

#wrap {
	background-image:url(/contents/image/bg_body.png);
	background-position:center center;
	background-repeat:repeat-y;
	background-color:#f5f5f5;
	text-align:center;
	color:#333333;
}



/* =================================================
	3.Header
================================================= */

/*	3-1.Base
---------------------------------------- */
#header {
	background-image:url(/contents/image/basic_images.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:left;
}

#header a {
	display:block;
	width:450px;
	height:92px;
	margin-left:5px;
}

#header a:hover {
	text-decoration:none;
}



/* =================================================
	4.Main
================================================= */

/*	4-1.icatch
---------------------------------------- */
#content .icatch {
	width:585px;
	margin-bottom:15px;
	padding:167px 0 0;
	background-image:url(/contents/image/basic_images.png);
	background-position:-163px -129px;
	background-repeat:no-repeat;
}

#content .icatch p {
	padding:5px 10px;
	text-align:left;
	background:#FFFFFF;
	color:#666666;
}

/*	4-2.PIYO Log list
---------------------------------------- */
#content .massage_body {
	margin-bottom:15px;
	text-align:left;
}

#content .massage_body #header_piyolist {
	width:572px;
	height:30px;
	overflow:hidden;
	margin-left:5px;
	margin-bottom:15px;
	background-image:url(/contents/image/basic_images.png);
	background-position:-161px -93px;
	background-repeat:no-repeat;
}

#content .massage_log-body {
	position:relative;
	width:560px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	color:#666666;
	text-align:left;
}

/*	4-3.Message content
---------------------------------------- */
#content .msg-box {
	position:relative;
	width: 555px;
	margin-top:5px;
	padding: 3px 0px;
	overflow:hidden;
	background: #FFFFFF;
	word-wrap: break-word;
}

#content .msg-box_img {
	float: left;
	width: 30px;
	height:30px;
	margin-left:2px;
	border:1px solid #EEEEEE;
}

#content .msg-box_r {
	float: right;
	width: 515px;
	height:auto;
}

#content .msg-box_rheader {
	background-image:url(/contents/image/log-box_header.png);
	background-repeat:no-repeat;
	background-position:right;
	margin-bottom:0px;
	width: 515px;
	height: 9px;
	font-size:0px;
}

#content .msg-box_rmain {
	background-image:url(/contents/image/log-box_main.png);
	background-repeat:no-repeat;
	padding-left:20px;
	text-align:left;
	margin-top:-3px;
}

#content .msg-box_rfotter {
	background-image:url(/contents/image/log-box_footer.png);
	background-repeat:no-repeat;
	background-position:right;
	margin-left:0px;
	margin-bottom:5px;
	width: 515px;
	height: 6px;
	font-size:0px;
}

#content .msg-box_rmain-a {
	color:#339900;
	font-weight:bold;
}

#content .msg-box_rmain-a a:hover{
	color:#ff0000;
	font-weight:bold;
}

#content .msg-box_rmess-a {
	color:#000000;
}

#content .msg-box_rmess-a a:hover{
	color:#ff0000;
}

#content .massage_log-fotter {
	width:560px;
	height:10px;
 	margin-left:3px;
	padding-top:10px;
	text-align:center;
}

/*	4-4.Category list
---------------------------------------- */
#content #category {
	overflow:hidden;
	width:576px;
	margin:0 auto 15px;
	padding:0 0 5px;
	background-image:url(/contents/image/maincontent_bottom.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#content #category h2 {
	overflow:hidden;
	width:100%;
	height:33px;
	background-image:url(/contents/image/basic_images.png);
	background-position:-160px -506px;
	background-repeat:no-repeat;
	text-align:center;
}

#content #category ul {
	position:relative;
	overflow:hidden;
	width:554px;
	margin:0 auto;
	padding:5px 10px;
	border-right:1px solid #e0e0df;
	border-left:1px solid #e0e0df;
	background-color:#FFFFFF;
}

#content #category ul li {
	float:left;
	width:110px;
	padding:4px 0 4px 20px;
	background-image:url(/contents/image/basic_images.png);
	background-position:-170px -414px;
	background-repeat:no-repeat;
	text-align:left;
}



/* =================================================
	5.Mopiyo
================================================= */

#main #content .content_body {
	margin:0 0 15px;
	text-align:left;
}

#main #content .content_body .content_body-mopiyo {
	margin-bottom: 15px;
	background-image: url(/contents/image/mopiyo_img.gif);
	background-repeat: no-repeat;
	width: 572px;
	height: 167px;
}

#main #content .content_body .mopiyo_title1 {
	margin-bottom: 15px;
	background-image: url(/contents/image/mopiyo_title1.gif);
	background-repeat: no-repeat;
	width: 572px;
	height: 27px;
}

#main #content .content_body .mopiyo_title2 {
	margin-bottom: 15px;
	background-image: url(/contents/image/mopiyo_title2.gif);
	background-repeat: no-repeat;
	width: 572px;
	height: 27px;
}



/* =================================================
	6.Side menu
================================================= */

/*	6-1.Sign in, Sign up
---------------------------------------- */
#menu #sign_up {
	margin: 0 0 10px;
}

#menu #login {
	margin: 0 0 20px;
}

#menu #sign_up p,
#menu #login p {
	color: #8F8F8F;
	text-align: left;
}

#menu #sign_up a,
#menu #login a {
	display: block;
	width: 160px;
	background-image: url(/contents/image/basic_images.png);
	background-repeat: no-repeat;
}

#menu #sign_up a {
	height: 50px;
	background-position: 0 -142px;
}

#menu #sign_up a:hover {
	background-position: 0 -92px;
}

#menu #login a {
	height: 40px;
	background-position: 0 -192px;
}

#menu #login a:hover {
	background-position: 0 -232px;
}

/*	6-2.Menu
---------------------------------------- */
#menu .menu_body {
	width: 100%;
	margin: 0 0 20px;
	padding-bottom: 7px;
	background: url(/contents/image/bottom.png) no-repeat left bottom;
	text-align:center;
}

#menu .menu_box {
	padding:5px;
	text-align: left;
	border-left: 1px solid #E0E0DF;
	border-right: 1px solid #E0E0DF;
}

#menu h3 {
	width: 160px;
	height: 30px;
	overflow: hidden;
	background-image: url(/contents/image/basic_images.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#menu #menulist h3 { background-position: 0 -272px; }
#menu #info h3 { background-position: 0 -302px; }
#menu #keywords h3 { background-position: 0 -506px; }
#menu #area h3 { background-position: 0 -536px; }
#menu #template h3 { background-position: 0 -566px; }

#menu #menulist li {
	padding:3px 0 3px 25px;
	background: url(/contents/image/basic_images.png) no-repeat -168px -305px;
}

#menu .menu_box .more {
	padding:0 3px;
	text-align:right;
}

/*	6-3.FC2 Information
---------------------------------------- */
#menu #info #rss_convert .rss_fc2info {
	position:relative;
}

#menu #info #rss_convert .rss_fc2info .rss_fc2infolist {
	padding:5px 0;
	border-bottom:1px dotted #EAEAEA;
}

#menu #info #rss_convert .rss_fc2info .rss_fc2infolist .rss_fc2info_day {
	color:#A1A1A1;
}

/*	6-4.QR code
---------------------------------------- */
#menu #piyo_mobile .qr {
	width: 160px;
	padding: 46px 0 5px;
	background-image: url(/contents/image/basic_images.png);
	background-position: 0 -332px;
	background-repeat: no-repeat;
	text-align: left;
}

#menu #piyo_mobile .qr span {
	display: block;
	padding: 0 70px 5px 7px ;
	color: #8F8F8F;
	font-size: 78%;
}

#menu #piyo_mobile .qr a {
	display: block;
	font-size: 100%;
	text-align: center;
}

/*	6-5.Profile
---------------------------------------- */
#menu .prof {
	margin:0 0 10px;
	text-align:center;
}

/*	6-6.Regional lists
---------------------------------------- */
#menu #area #slidemenu { color:#5F5F5F; }
#menu #area #slidemenu dt {
	padding:2px 2px 2px 10px;
	background: url(../../contents/image/slide_close.png) no-repeat 0 10px;
	font-weight:bold;
	cursor:pointer;
}

#menu #area #slidemenu .collapsed dt {
	background: url(../../contents/image/slide_open.png) no-repeat 0 10px;
}

#menu #area #slidemenu dd {
	display:none;
	padding-left:10px;
}
#menu #area #slidemenu dd a { display:inline-block;padding:0 5px 0 0; }
#menu #area #slidemenu .collapsed dd { display:block; }

/*	6-7.Piyo Piyo words
---------------------------------------- */
#menu #keywords ul {
	margin:0 0 5px;
	border-bottom:1px dotted #EAEAEA;
}

/*	6-8.Templates
---------------------------------------- */
#menu #template .templates_menu {
	margin:0 0 5px;
	font-size:85%;
}

#menu #template .recent_templates li {
	padding:0 0 5px;
	text-align:center;
}



/* =================================================
	7.FC2 Footer
================================================= */

#fc2footer {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 50px 0 0;
	background: #F5F5F5 url(../../contents/image/bg_footer.png) no-repeat top center;
}