@charset "utf-8";

/* -------------------------------------------------
	-Index-
	1.Basic Elements
	2.Layout Style
	3.Pager
	4.Keyword level
-------------------------------------------------- */



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

body {
	background-color:#FFFFFF;
	text-align:center;
	color:#333333;
}

a:link,
a:visited {
	color:#3875AB;
}

a:focus,
a:hover,
a:active {
	color:#ff0000;
	text-decoration:underline;
}

blockquote {
	background-color:#F9F9F9;
	border:1px dashed #CACACA;
	color:#666;
	padding:1em;
}

.system_message {
	color:#FF0000;
	font-weight:bold;
}

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

#container1,
#container2 {
	background-color:#FFFFFF;
}


/* =================================================
	2.FC2Header
================================================= */
#fc2header {
	width:100%;
	height:50px;
	background-color:#F21302;
	background-image:url(/contents/image/hiroba_header_back.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	font-size:93%;	/* 12px */
	text-align:center;
}

#fc2header #header_wrap {
	position:relative;
	overflow:hidden;
	width:900px;
	margin:0 auto;
	text-align:left;
}

#fc2header #header_wrap #piyo_logo {
	width:219px;
	height:50px;
	background-image:url(/contents/image/hiroba_header.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#fc2header #header_wrap #header_menu {
	position:absolute;
	top:5px;
	right:0px;
	width:580px;
	color:#FFFFFF;
	text-align:right;
}

#fc2header #header_wrap #header_menu a:link,
#fc2header #header_wrap #header_menu a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#fc2header #header_wrap #header_menu a:focus,
#fc2header #header_wrap #header_menu a:hover,
#fc2header #header_wrap #header_menu a:active {
	color:#820000;
}

#fc2header #header_wrap #header_menu ul {
	overflow:hidden;
	width:100%;
	margin:0 0 3px;
	text-align:right;
}

#fc2header #header_wrap #header_menu ul li {
	display:inline;
	margin-right:-1px;
	padding:0 5px;
	border-right:1px solid #FFFFFF;
}

#fc2header #header_wrap #header_menu ul .welcome span {
	color:#FFFF00;
	font-weight:bold;
}


/* =================================================
	3.Pager
================================================= */
.pager {
	padding:10px 5px;
	font-size:85%;
	font-family:Verdana, sans-serif;
	text-align:center;
}

.pager a {
	margin:0 2px;
	padding:1px 3px;
	border:1px solid #999999;
}

.pager a:link,
.pager a:visited {
	color:#666666;
}

.pager a:focus,
.pager a:hover,
.pager a:active {
	background-color:#3875AB;
	color:#FFFFFF;
	text-decoration:none;
}

.pager span {
	margin:0px 2px;
	padding:1px 3px;
	background-color:#cfe2f4;
	border:1px solid #999999;
	color:#666666;
}



/* =================================================
	4.Keyword level
================================================= */
#keywords ul li {
	display:inline;
	padding-right:5px;
}

#keywords .taglevel1 a { font-size:93%;color:#72a9e0; }
#keywords .taglevel2 a { font-size:108%; }
#keywords .taglevel3 a { font-size:116%; }
#keywords .taglevel4 a { font-size:124%; }
#keywords .taglevel5 a { font-size:139%; }
#keywords .taglevel6 a { font-size:154%; }
#keywords .taglevel7 a { font-size:170%;font-weight:bold; }



/* =================================================
	5.Page top link
================================================= */
.pagetop {
	margin:10px 20px;
	text-align:right;
}

.pagetop span {
	padding:3px 0 3px 22px;
	background: url(/contents/image/basic_images.png) no-repeat -168px -379px;
}