@charset "utf-8";

/*
	=====================================================================
	REC住宅情報
	
	Style Info	:	ご利用ガイド画面スタイル
	File Name	:	/common/css/sec/contents/guide/guide.css
	first Update:	2010.01.25
	Last Update	:	2010.01.30
	Auth		:	株式会社インタープロ
	=====================================================================
*/

/* a:hover
---------------------------------------------------------------------- */
#contents .plugin a:hover {
	background: none;
	}

/* h3
---------------------------------------------------------------------- */
#contents h3 {
	padding: 0;
	background: none;
	}

/* p
---------------------------------------------------------------------- */
#contents p {
	color: #333;
	font-size: 75%;
	line-height: 150%;
	margin-bottom: 20px;
	}

/* layout
---------------------------------------------------------------------- */
#contents .layout {
	width: 740px;
	background: url(../../../../../contents/banner/img/line_dashed_3column.gif) top left repeat-y;
	}
	
	/* layout-inner
	------------------------------------------------------------ */
	#contents .layout-inner {
		padding: 20px 0 15px 0;
		background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
		}
	
		/* layout-left
		-------------------------------------------------- */
		#contents .layout-left {
			float: left;
			width: 155px;
			margin-right: 40px;
			}
		
		/* layout-center
		-------------------------------------------------- */
		#contents .layout-center {
			float: left;
			width: 250px;
			}
			
			/* area-a
			---------------------------------------- */
			#contents .layout .area-a {
				margin-bottom: 10px;
				}
				
				/* img
				------------------------------ */
				#contents .layout .area-a img {
					float: left;
					}
				
				/* p
				------------------------------ */
				#contents .layout .area-a p {
					float: right;
					width: 220px;
					margin: 0;
					}
			
			/* area-b
			---------------------------------------- */
			#contents .layout .area-b {
				margin-bottom: 10px;
				}
				
				/* img
				------------------------------ */
				#contents .layout .area-b img {
					float: left;
					}
				
				/* p
				------------------------------ */
				#contents .layout .area-b p {
					float: right;
					width: 220px;
					margin: 0;
					}
			
			/* area-c
			---------------------------------------- */
			#contents .layout .area-c {
				
				}
				
				/* img
				------------------------------ */
				#contents .layout .area-c img {
					float: left;
					}
				
				/* p
				------------------------------ */
				#contents .layout .area-c p {
					float: right;
					width: 220px;
					margin: 0;
					}
		
		/* layout-right
		-------------------------------------------------- */
		#contents .layout-right {
			float: right;
			width: 250px;
			}

/* bread
---------------------------------------------------------------------- */
#contents h3.bread {
	width: 740px;
	padding-top: 21px;
	background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
	}

/* bread-body
---------------------------------------------------------------------- */
#contents .bread-body {
	margin-bottom: 20px;
	}
	
	/* img
	------------------------------------------------------------ */
	#contents .bread-body img {
		float: right;
		}
	
	/* p
	------------------------------------------------------------ */
	#contents .bread-body p {
		float: left;
		width: 400px;
		}

/* system
---------------------------------------------------------------------- */
#contents .system {
	width: 740px;
	background: url(../../../../../contents/banner/img/line_dashed_2column.gif) top left repeat-y;
	}
	
	/* system-inner
	------------------------------------------------------------ */
	#contents .system-inner {
		width: 740px;
		padding-top: 21px;
		background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
		}
		
		/* os
		-------------------------------------------------- */
		#contents .os {
			margin-bottom: 20px;
			background: url(../../../../img/union/line_dashed.jpg) bottom left repeat-x;
			}
			
			/* windows
			---------------------------------------- */
			#contents .windows {
				float: left;
				width: 350px;
				}
				
				/* p
				------------------------------ */
				#contents .windows p {
					padding: 10px;
					background-color: #F7F7F7;
					}
			
			/* mac
			---------------------------------------- */
			#contents .mac {
				float: right;
				width: 350px;
				}
				
				/* p
				------------------------------ */
				#contents .mac p {
					padding: 10px;
					background-color: #F7F7F7;
					}
		
		/* browser-plugin
		-------------------------------------------------- */
		#contents .browser-plugin {
			background: url(../../../../img/union/line_dashed.jpg) bottom left repeat-x;
			}
			
			/* browser
			---------------------------------------- */
			#contents .browser {
				float: left;
				width: 350px;
				}
				
				/* ul
				------------------------------ */
				#contents .browser ul {
					color: #333;
					font-size: 75%;
					padding: 10px 10px 10px 20px;
					background-color: #F7F7F7;
					}
					
					/* li
					-------------------- */
					#contents .browser ul li {
						margin-bottom: 5px;
						line-height: 150%;
						}
			
			/* plugin
			---------------------------------------- */
			#contents .plugin {
				float: right;
				width: 350px;
				}
				
				/* h4
				------------------------------ */
				#contents .plugin h4 {
					color: #333;
					font-size: 75%;
					}
				
				/* h4
				------------------------------ */
				#contents .plugin h4 {
					color: #333;
					font-size: 75%;
					}
				
				/* need
				------------------------------ */
				#contents .plugin p.need {
					margin-bottom: 5px;
					}

/* javascript
---------------------------------------------------------------------- */
#contents h3.javascript {
	padding: 20px 0 0 0;
	}

/* javascript
---------------------------------------------------------------------- */
#contents p.javascript {
	padding: 10px;
	background-color: #F7F7F7;
	}

/* setting
---------------------------------------------------------------------- */
#contents .setting {
	width: 740px;
	background: url(../../../../../contents/banner/img/line_dashed_2column.gif) top left repeat-y;
	}
	
	/* setting-inner
	------------------------------------------------------------ */
	#contents .setting-inner {
		width: 740px;
		padding: 21px 0 15px 0;
		background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
		}
		
		/* ie
		-------------------------------------------------- */
		#contents .ie {
			float: left;
			width: 350px;
			}
			
			/* ol
			---------------------------------------- */
			#contents .setting-inner ol {
				color: #333;
				font-size: 75%;
				padding: 0 0 0 25px;
				}
				
				/* li
				------------------------------ */
				#contents .setting-inner ol li {
					margin-bottom: 5px;
					line-height: 150%;
					}
		
		/* safari
		-------------------------------------------------- */
		#contents .safari {
			float: right;
			width: 350px;
			}

/* font
---------------------------------------------------------------------- */
#contents h2.font {
	padding-top: 21px;
	background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
	}

/* fontsize
---------------------------------------------------------------------- */
#contents .fontsize {
	
	}
	
	/* img
	------------------------------------------------------------ */
	#contents .fontsize img {
		float: right;
		}
	
	/* p
	------------------------------------------------------------ */
	#contents .fontsize p {
		float: left;
		width: 530px;
		}