@charset "shift_jis";


/***********************************************
	standard elements
************************************************/
* {
	margin				:0;
	padding				:0;
}

body {
	background-color	:#FCF;
}

div a {
	/*color: #FFF;*/
	cursor				:pointer;
	text-decoration		:none;
}

h1 {
	color				:#444;
	font				:normal 2em "‚l‚r ƒSƒVƒbƒN";
	margin				:10px 0 10px 0;
}

h2 {
	color				:#66F;
	font				:normal 1.5em "‚l‚r ƒSƒVƒbƒN";
	margin				:10px 0 10px 0;
}

a img {
    border-style		:none;
}


/***********************************************
	#wrap
************************************************/
#wrap {
	width				:900px;
	_width				:910px;
	margin				:0 auto;
	background-color	:#FFF;
}


/***********************************************
	#main
************************************************/
#main {
	float				:right;
	width				:650px;
	padding				:0 10px;
}

/*------------------
	#header 
------------------*/
#header {
	position			:relative;
	width				:648px;
	height				:180px;
	background			:#fff url(./img/pc/logo.jpg) no-repeat;
	padding-bottom		:5px;
	overflow			:hidden;
	border-left			:1px solid #CCC;
	border-right		:1px solid #CCC;
}

.header_img{
	position			:absolute;
	z-index				:2;	
	top					:0;
	left				:0;
}

.maintitle {
	position			:absolute;
	z-index				:1;	
	top					:10px;
	left				:10px;
	font-size			:2em;
	color				:#66F;
}

.header-text {
	position			:absolute;
	z-index				:0;	
	top					:100px;
	left				:40px;
	width				:300px;
	font-size			:0.8em;
	color				:#F60;
}


/*------------------
	#navi 
------------------*/
#navi {
	padding				:0 10px;
	border-left			:1px solid #CCC;
	border-right		:1px solid #CCC;
}

#navi ol{
	background			:url(./img/pc/bgnavi2.gif) repeat-y;
	list-style-position	:outside;
	list-style-type		:none;
}

#navi a {
	border-bottom		:1px solid #FFF;
	display				:block;
	height				:20px;
	line-height			:20px;
	text-decoration		:none;
	padding-left		:10px;
	font-size			:0.8em;
}


#navi a:link {
	color				:#F6F;
}

#navi a:visited {
	color				:#CCC;
}

#navi a:hover {
	background			:url(./img/pc/bgnavi3.gif) repeat-y;
	color				:#fff;
	font-weight			:bold;
	font-size			:0.9em;
}



/*------------------
	#maincontents 
------------------*/
#maincontents {
	color				:#030;
	font-size			:small;
	line-height			:1.8em;
	padding				:10px; 
	border-left			:1px solid #CCC;
	border-right		:1px solid #CCC;
}

#maincontents a:link {
	color				:#06F;
}

#maincontents a:hover {
	color				:#690;
	font-weight			:bold;
}

#maincontents p {
	margin				:4px 0 10px 0;
}

#maincontents li {
	list-style			:url(./img/pc/li.gif);
	margin-left			:18px;
}


.commentbox1 {
	padding				:0 10px; 
	/*background-color	:#CCFEB4;*/
}

.commentbox1 h2 {
	color				:#F6C;
	font-weight			:bold;
/*	border-left			:7px solid #690;
	border-bottom		:1px solid #690;*/
}

.commentbox2 {
	margin				:10px 0;
	padding				:0 10px; 
	/*background-color	:#CCFEB4;*/
}

.commentbox2 h3 {
	color				:#F6C;
	font-weight			:bold;
/*	border-left			:7px solid #69F;
	border-bottom		:1px solid #69F;*/
}


/*------------------
	#recommend
------------------*/
#recommend {
	width				:100%;
	height				:500px;
	margin				:10px 0px;
	padding				:0px;
}

#recommend h3{
	font-size			:1.4em;
	margin				:0px 10px;
	padding-top			:5px;
}

#recommend h4{
	height:2em;
	margin				:0px 20px;
	padding-top			:5px;
	font-size			:1.1em;
	line-height			:1em;
	text-align			:center;
}

#recommend .recm1 {
	position			:relative;
	float				:left;
	width				:180px;
	height				:450px;
	background-color	:#fff;
	margin				:10px 2px;
	padding				:0 10px;
	border				:1px solid #69C;
}

#recommend .ranking {
	text-align			:center;
}

#recommend .recm1img {
	width				:100%;
	height				:150px;
	overflow			:hidden;
	text-align			:center;
	margin				:10px 0;
}

#recommend .recm1text{
	margin				:0px 5px;
	line-height			:1.2em;
	font-size			:1em;
}

#recommend .shosai {
	position			:absolute;
	right				:5px;
	bottom				:5px;
	font-size			:1.0em;
}



/*------------------
	#imakore 
------------------*/
#imakore {
	background-color	:#CDFFC8;
	margin				:10px 10px;
	padding				:5px;
}

#imakore h3{
	
	font-size			:1.2em;
	margin				:0px 10px;
	padding-top			:5px;
}

#imakore h4{
	margin				:0px 20px;
	padding-top			:5px;
	font-size			:1.2em;
}

#imakore .recm2 {
	background-color	:white;
	margin				:10px 0;
	padding				:0 10px;
}

#imakore .recm2img {
	text-align			:center;
	padding				:10px 0;
}

#imakore .recm2text{
	margin				:0px 10px;
}

#imakore .shosai {
	text-align:right;
	font-size:medium;
	padding:0 10px 10px 0;
}




/***********************************************
	#sidebar
************************************************/
#sidebar {
	float				:left;
	width				:200px;
	margin				:0 10px;
	padding				:0 0px;
	text-align			:center;
	
	border				:0px solid #69F;
	/*background-color	:#A0CAFC;*/
}


/*------------------
	#menu
------------------*/
#sidebar #menu {
	width				:200px;
	margin				:5px;
	padding				:0px;
	overflow			:hidden;
	border				:0px solid #F0F;
	background-color	:white;
}

#sidebar #menu .lbl {
	position			:relative;
	width				:198px;
	height				:80px;
	overflow			:hidden;
	background			:white url(./img/pc/lbl.jpg) no-repeat;
	margin-bottom		:10px;
	border				:1px solid #390;
}

#sidebar #menu .lbltext {
	position			:absolute;
	top					:20px;
	left				:70px;
	width				:100px;
	text-align			:left;
	color				:#690;
	font-weight			:bold;
}


#sidebar #menu a {
	display				:block;
	height				:20px;
	line-height			:20px;
	text-align			:center;
	overflow			:hidden;
	color				:olivedrab;
	border-bottom		:dashed #CCC 1px;

}

#sidebar #menu a:hover {
	background			:url(./img/pc/bgnavi3.gif) repeat-y;
	color				:#FFF;
	font-weight			:bold;
}


#sidebar #menu ul {
	list-style-type		:none;
}

#sidebar #menu a span {
	float				:left;
	margin-left			:10px;
	margin-top			:3px;
}



/*------------------
	.senmonlink
------------------*/
#sidebar .senmonlink  {
	width				:200px;
	margin				:20px 5px;
	padding				:0px;
	background-color	:#CDFFC8;
	border-bottom		:5px solid #CDFFC8;
}

#sidebar .senmonlink .lbl  {
	width				:100%;
	height				:40px;
	margin				:0px;
	padding				:0px;
	background-color	:#690;
	color				:white;
	line-height			:40px;
	font-weight			:bold;
}


#sidebar .senmonlink .links {
	position			:relative;
	width				:190px;
	margin				:2px 5px;
	background-color	:white;
	overflow			:hidden;
	text-align			:center;
}

#sidebar .senmonlink .links a {
	position			:relative;
	z-index				:2;
	display				:block;
	width				:100%;
	height				:50px;
	color				:olivedrab;
}

#sidebar .senmonlink .links a:hover {
	background			:url(./img/pc/bgnavi3.gif) repeat-y;
	color				:#FFF;
	font-weight			:bold;
}



#sidebar .senmonlink .links p {
	position			:absolute;
	top					:16px;
	z-index				:1;
	font-size			:small;
 	word-break			:break-all;
	text-align			:left;
	color				:#693;
}

#sidebar .senmonlink .links img {
	position			:absolute;
	top					:0px;
	left				:0px;
	z-index				:0;
	text-align			:center;
}


/*------------------
	.osusumelink
------------------*/
#sidebar .osusumelink  {
	width				:200px;
	margin				:20px 5px;
	padding				:0px;
	background-color	:#CDFFC8;
	border-bottom		:5px solid #CDFFC8;	
}

#sidebar .osusumelink .lbl  {
	width				:100%;
	height				:40px;
	margin				:0px;
	padding				:0px;
	background-color	:#36C;
	color				:white;
	line-height			:40px;
	font-weight			:bold;
}

#sidebar .osusumelink .link_left {
	position			:relative;
	float				:left;
	width				:90px;
	height				:90px;
	margin				:5px 0px 5px 5px;
	border				:1px solid lightblue;
	overflow			:hidden;
	background-color	:white;
}

#sidebar .osusumelink .link_left a {
	position			:absolute;
	z-index				:2;
	display				:block;
	width				:100%;
	height				:100%;
	background-image	:url(./img/pc/link1.jpg);
	padding				:2px;
	color				:olivedrab;
}

#sidebar .osusumelink .link_left a:hover {
	top:2px;
	left:2px;
}

#sidebar .osusumelink .link_left p {
	position			:absolute;
	top					:18px;
	z-index				:1;
	padding				:2px;
	font-size			:small;
 	word-break			:break-all;
	text-align			:left;
	color				:#000;
}

#sidebar .osusumelink .link_left img {
	position			:absolute;
	top					:0px;
	left				:0px;
	z-index				:0;
	text-align			:center;
}


#sidebar .osusumelink .link_right {
	position			:relative;
	float				:right;
	width				:90px;
	height				:90px;
	margin				:5px 5px 5px 0;
	border				:2px solid lightblue;
	overflow			:hidden;
	background-color	:white;
}

#sidebar .osusumelink .link_right a {
	position			:absolute;
	z-index				:2;
	display				:block;
	width				:100%;
	height				:100%;
	background-image	:url(./img/pc/link2.jpg);
	padding				:2px;
	color				:olivedrab;
}

#sidebar .osusumelink .link_right a:hover {
	top:2px;
	left:2px;
}

#sidebar .osusumelink .link_right p {
	position			:absolute;
	top					:18px;
	z-index				:1;
	padding				:2px;
	font-size			:small;
 	word-break			:break-all;
	text-align			:left;
	color				:#000;
}

#sidebar .osusumelink .link_right img {
	position			:absolute;
	top					:0px;
	left				:0px;
	z-index				:0;	
	text-align			:center;
}


#sidebar .osusumelink .link_both {
	position			:relative;
	top					:2px;
	clear				:both;
	width				:188px;
	height				:90px;
	margin				:5px 5px;
	border				:1px solid lightblue;
	overflow			:hidden;
	background-color	:white;
}

#sidebar .osusumelink .link_both a {
	position			:absolute;
	z-index				:2;
	display				:block;
	width				:100%;
	height				:100%;
	background-image	:url(./img/pc/link3.jpg);
	padding				:2px;
	color				:olivedrab;
}

#sidebar .osusumelink .link_both a:hover {
	top:2px;
	left:2px;
}

#sidebar .osusumelink .link_both p {
	position			:absolute;
	top					:18px;
	z-index				:1;
	padding				:2px;
	font-size			:small;
 	word-break			:break-all;
	text-align			:left;
	color				:#000;
}

#sidebar .osusumelink .link_both img {
	position			:absolute;
	top					:0px;
	left				:0px;
	z-index				:0;	
	text-align			:center;
}



/***********************************************
	#footer
************************************************/
#footer {
	color				:#666;
	clear				:both;
	text-align			:center;
	background-color	:powderblue;
	font-size			:0.8em;
}