@charset "utf-8";
/* index.css */


/* --------------------------------

		 Contents
	
	1. index.html
	    ├	1-1.	header
	    ├	1-2.	mainImage
			├	1-3.	secGroup
			├	1-4.	category
			├	1-5.	useful
			├	1-6.	ranking
			└	1-7.	update

	2. .html
	3. .html
	4. .html
	5. .html
	6. .html
	
	
	
--------------------------------- */




/* ==========================================================================================================

	 1. index.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	1-1.	header

---------------------------------------------------------------------*/
body#index div#header {
	margin:0 auto 12px;
}


/*  ------------------------------------------------------------------

	1-2.	mainImage

---------------------------------------------------------------------*/
body#index ul#mainImage,
body#index div#mainImage {
	background:url(/common/img/index/bg_mainImage.jpg) no-repeat center top;
	width:100%;
	padding:9px 0;
	margin-bottom:15px;
	position:relative;
	height:288px;
	text-align:center;
}

	body#index ul#mainImage li,
	body#index div#mainImage div.rotator {
		position:absolute;
		top:9px;
		left:0;
		text-align:center;
		width:100%;
		height:287px;
		display:none;
	}
	
		body#index div#mainImage div.rotator img {
			position:absolute;
			top:0;
			left:50%;
			margin-left:-471px;
		}

		body#index div#mainImage div.rotator div.navi {
			/*
			position:absolute;
			left:50%;
			bottom:10px;
			margin-left:325px;
			*/
			display:none;
			overflow:hidden;
			position:relative;
			text-align:right;
			width:929px;
			margin:252px auto 0;
		}
		
		/* ---------- ie6 hack  ----------*/
		* html body#index div#mainImage div.rotator div.navi { zoom:1; }
		
			body#index div#mainImage div.rotator div.navi div,
			body#index div#mainImage div.rotator div.navi a
			{
				background:#ffffff;
				border:1px solid #bbbbbb;
				display:inline-block;
				margin-right:5px;
				padding:2px;
				line-height:1.0;
				font-size:1px;
			}
			
			/* ---------- ie6 hack  ----------*/
			* html body#index div#mainImage div.rotator div.navi div,
			* html body#index div#mainImage div.rotator div.navi a { display:inline; zoom:1l }
			
			/* ---------- ie7 hack  ----------*/
			*:first-child+html body#index div#mainImage div.rotator div.navi div,
			*:first-child+html body#index div#mainImage div.rotator div.navi a { display:inline; zoom:1; }
			
			body#index div#mainImage div.rotator div.navi a:hover {
				border:2px solid #ffffff;
				padding:1px;
			}
			
			body#index div#mainImage div.rotator div.navi img {
				position:static;
				margin:0;
				vertical-align:bottom;
			}
		
			
	
		
/*  ------------------------------------------------------------------

	1-3.	secGroup

---------------------------------------------------------------------*/
body#index div.secGroup {
	margin-bottom: 2em;
}

	body#index div.secGroup div.section {
		clear: none;
		float: left;
		margin-right: 13px;
		margin-bottom: 0;
		width:311px;
		font-size:83%;
	}
	
	body#index div.secGroup div.section.lastChild {
		float: right;
		margin-right: 0;
	}
	
		body#index div.secGroup div.section h3 {
			margin-bottom:15px;
		}
	
		body#index div.secGroup div.section img {
			vertical-align:baseline;
		}
	
		body#index div.secGroup div.section strong {
			font-weight:bold;
		}
		
		
		/**
		 * ssl関係
		 */	
		body#index div.secGroup div.section.roundBox04.lastChild p.border {
			margin-bottom:10px;	
			padding-bottom:10px;
			background:url(/common/img/index/border_bottom01.gif) repeat-x left bottom;
		
		}

		body#index div.secGroup div.section.roundBox04.lastChild dl {
		}

			body#index div.secGroup div.section.roundBox04.lastChild dl dt {
				width:110px;
				margin-right:10px;
				padding:10px 0;
				text-align:center;
				border:1px solid #cbd7d0;
				background:#FFFFFF;
				float:left;
				
			}
			
			body#index div.secGroup div.section.roundBox04.lastChild dl dd {
			}

/*  ------------------------------------------------------------------

	1-4.	category

---------------------------------------------------------------------*/
body#index div#category {
}

	body#index div#category ul {
	}
		
		body#index div#category ul li {
			float: left;
			margin:0 16px 0 0;
		}
		
		body#index div#category ul li.rightChild {
			margin:0 0 16px 0;
		}

		body#index div#category ul li.lastChild {
			margin: 0;
		}

/*  ------------------------------------------------------------------

	1-5.	useful

---------------------------------------------------------------------*/
body#index div#useful {
}

	body#index div#useful dl {
		width:322px;
		float:left;
		margin-right:10px;
	}
	
	
	body#index div#useful dl.rightChild {
		margin-right:0;
		margin-bottom:13px;
	}
	
	body#index div#useful dl.lastChild {
		margin:0;
	}
	
	body#index div#useful dl dt {
		margin-bottom:3px;
	}
	
	body#index div#useful dl dd {
		
	}

/*  ------------------------------------------------------------------

	1-6.	ranking

---------------------------------------------------------------------*/
body#index div#ranking.roundBox01_wide {
	background-image:url(/common/img/index/ranking_side.gif);
}
	
	body#index div#ranking.roundBox01_wide div.content_inner {
		background-image:url(/common/img/index/ranking_bottom.gif);
	}

		body#index div#ranking div.content_inner div.section {
			clear:none;
			float:left;
			margin-bottom:0;
			margin-right:12px;
			width:155px;
		}
		
		body#index div#ranking div.content_inner p.rankTextArea {
			border:1px solid #eac443;
			background:#efcc53;
			padding:10px;
			color:#744e04;
			margin-top:15px;
		}
	

		body#index div#ranking div.content_inner div.section.lastChild {
			margin-right:0;
		}
		
			body#index div#ranking div.content_inner div.section h3 {
				margin-bottom:4px;
			}
			
			body#index div#ranking div.content_inner div.section ol {
				background:#ffffff;
				border:1px solid #e3dfa8;
			}
						
			/* ---------- ie6 hack  ----------*/
			* html body#index div#ranking div.content_inner div.section ol { zoom:1; }

				body#index div#ranking div.content_inner div.section ol li {
					background:url(/misc/dotLine02.gif) repeat-x left bottom;
					list-style:none;
					padding:7px;
				}
				
				/* ---------- ie6 hack  ----------*/
				* html body#index div#ranking div.content_inner div.section ol li { display:inline; zoom:1; }
				
				/* ---------- ie7 hack  ----------*/
				*:first-child+html body#index div#ranking div.content_inner div.section ol li { display:inline; zoom:1; }
				
				
				body#index div#ranking div.content_inner div.section ol li.third {
					background:none;
				}

					body#index div#ranking div.content_inner div.section ol li dl {
						font-size:83%;
					}

						body#index div#ranking div.content_inner div.section ol li dl dt {
							margin-bottom:10px;
							padding-right:73px;
							width:60px;
						}
												
						body#index div#ranking div.content_inner div.section ol li.first dl dt {
							background:url(/common/img/index/rank_first_place.gif) no-repeat right center;
							min-height:57px;
						}
												
						/* ---------- ie6 hack  ----------*/
						* html body#index div#ranking div.content_inner div.section ol li.first dl dt { height:57px; }
						
						
						body#index div#ranking div.content_inner div.section ol li.second dl dt {
							background:url(/common/img/index/rank_second_place.gif) no-repeat right center;
							margin-left:2px;
							min-height:53px;
						}
						
						/* ---------- ie6 hack  ----------*/
						* html body#index div#ranking div.content_inner div.section ol li.second dl dt { height:53px; }
						
						
						body#index div#ranking div.content_inner div.section ol li.third dl dt {
							background:url(/common/img/index/rank_third_place.gif) no-repeat right center;
							margin-left:5px;
							min-height:45px;
						}
						
						/* ---------- ie6 hack  ----------*/
						* html body#index div#ranking div.content_inner div.section ol li.third dl dt { height:45px; }



						body#index div#ranking div.content_inner div.section ol li dl dd {
						}
						
/*  ------------------------------------------------------------------

	1-7.	update

---------------------------------------------------------------------*/
body#index div#update {
}

	body#index div#update p {
		background:url(/misc/dotline02_green.gif) repeat-x left bottom;
		margin-top:-10px;
		overflow:hidden;
		padding-bottom:11px;
	}
	
/* ---------- ie6 hack  ----------*/
* html body#index div#update p { zoom:1; }

		body#index div#update p strong {
			background:url(/misc/dotline02_green.gif) repeat-x left top;
			display:-moz-inline-box;
			display:inline-block;
			margin:10px 0 5px;
			padding-top:12px;
			width:100%;
		}
		
		/* ---------- ie6 hack  ----------*/
		* html body#index div#update p strong { display:inline; }
		
		/* ---------- ie7 hack  ----------*/
		*:first-child+html body#index div#update p strong { display:inline; }