@charset "utf-8";


/* --------------------------------------------------------------
tag
-------------------------------------------------------------- */

body {
	line-height:1.8;
	font-size:14px;
	background:url(/common/img/bg_contents_01.png) 0 320px repeat-x;
}

body#home {
	background:none;
}

a {
	color: #512013;
	text-decoration: underline;
}
a:hover {
    color: #512013;
    text-decoration: none;
}
.alt { display: none;}

.clear { clear: both;}

.flL { float: left!important; }
.flR { float: right!important; }
.clear { clear: both!important; }

.alC { text-align: center!important; }
.alR { text-align: right!important; }
.alL { text-align: left!important; }

.red,
.msg { color:#f00;}

/* clearfix
=========================================== */

.cf{
	zoom: 1; /* for IE 5.5-7 */
}

.cf:after { /* for modern browser */
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* margin
=========================================== */

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/* padding
=========================================== */

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

/* width
=========================================== */

.w50 { width:50px!important; }
.w100 { width:100px!important; }
.w150 { width:150px!important; }
.w160 { width:160px!important; }
.w170 { width:170px!important; }
.w200 { width:200px!important; }
.w220 { width:220px!important; }
.w250 { width:250px!important; }
.w300 { width:300px!important; }
.w350 { width:350px!important; }
.w400 { width:400px!important; }
.w450 { width:450px!important; }
.w480 { width:480px!important; }
.w500 { width:500px!important; }
.w550 { width:550px!important; }
.w600 { width:600px!important; }

/* fontsize
=========================================== */

.fs10{font-size:10px!important;}
.fs12{font-size:12px!important;}
.fs14{font-size:14px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}


a:hover img,
input.bt:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;	
	}
	
.error{
	color:#f00;
	}

.linkIcon a {
	background:url(/common/img/icon_link_01.png) 0 3px no-repeat;
	padding:0 0 0 23px;
	}

/* --------------------------------------------------------------
#header
-------------------------------------------------------------- */

#header {
	background:url(/common/img/bg_header.png) 0 0 repeat-x;
	height:122px;
	position:relative;
	}

	#header .headerIn {
		width:960px;
		height:79px;
		margin:0 auto;
		}
		
		#header .headerIn .logoBlock {
			float:left;
			}
			
		#header .headerIn .logoBlock p {
			color:#7d584e;
			font-size:11px;
			padding:10px 0 5px 0;
			}
			
		#header .headerIn .logoBlock p.logo {
			padding:0;
			}
		
		#header .headerIn .btReccomend {
			float:right;
			margin:17px 0 0 0;
			}
			
/* --------------------------------------------------------------
#gNavi
-------------------------------------------------------------- */

#gNavi {
	width:960px;
	margin:0 auto;
	background:url(/common/img/bg_gnavi01.png) 0 0 no-repeat;
	padding:0 0 0 1px;
	}


	#gNavi ul li {}
	
		#gNavi li {
			float:left;
			position: relative;
			}
		
			#gNavi li a{
				float:left;
				width:192px;
				height:43px;
				display:block;
				text-indent:-9999px;
				background:url(/common/img/bg_gnavi01.png) -1px 0 no-repeat;
				}
				
			#gNavi .gnavi01 a:hover,
			#home #gNavi .gnavi01 a,
			#gNavi .gnavi01 a.open {
				background-position:-1px -43px;
				}
			
			#gNavi li.gnavi02 a{
				background-position:-193px 0;
				}
				
			#gNavi .gnavi02 a:hover,
			#ranking #gNavi .gnavi02 a,
			#gNavi .gnavi02 a.open  {
				background-position:-193px -43px;
				}
		
			#gNavi li.gnavi03 a{
				background-position:-385px 0;
				}
				
			#gNavi .gnavi03 a:hover,
			#trouble #gNavi .gnavi03 a,
			#gNavi .gnavi03 a.open {
				background-position:-385px -43px;
				}
		
			#gNavi li.gnavi04 a{
				background-position:-577px 0;
				}
				
			#gNavi .gnavi04 a:hover,
			#technique #gNavi .gnavi04 a,
			#gNavi .gnavi04 a.open {
				background-position:-577px -43px;
				}
	
			#gNavi li.gnavi05 a{
				width:191px;
				background-position:-769px 0;
				}
				
			#gNavi .gnavi05 a:hover,
			#qa #gNavi .gnavi05 a,
			#gNavi .gnavi05 a.open {
				background-position:-769px -43px;
				}
				
				#gNavi ul li ul {
					width: 192px;
					margin: 43px 0 0 0;
					list-style: none;
					position: absolute;
					left: 0;
					z-index: 999;
					background: #edd8ab;
					border-top:none;
				}
				
	
						#gNavi li li a{
							float:none;
							width:192px;
							height:43px;
							display:block;
							text-indent:0;
							background:none;
							}
							

						#gNavi ul li ul li a{
							font-size: 92%;
							color: #72590c;
							text-decoration: none;
							text-indent: 10px;
							height: auto;
							padding: 10px 0;
							background: #eacf7f;
							text-align:left;
							line-height:1;
						}
						
						#gNavi ul li ul li a:hover{
							background: #f5e3af;
						}

/* --------------------------------------------------------------
#titleArea
-------------------------------------------------------------- */
						
#titleArea	 {
	background:url(/common/img/bg_title_area_01.png) 0 0 repeat-x;
	height:198px;
	}
	
	#titleArea .titleAreaIn {
		background:url(/common/img/bg_titlearea_02.jpg) center top no-repeat;
		height:198px;
		}

		#titleArea .titleAreaIn h1 {
			width:960px;
			margin:0 auto;
			position:relative;
			}
			
			#titleArea .titleAreaIn h1 img {
				position:relative;
				top:64px;
				left:163px;
			}


						
/* --------------------------------------------------------------
#contents
-------------------------------------------------------------- */

#contents {
	width:964px;
	margin:0 auto;
	}
	
	#topicPath {
		font-size: 0;
		text-align: left;
		padding-bottom: 20px;
		margin:18px 0 0 0;
		}
		#topicPath li {
			font-size: 13px;
			line-height: 1;
			display: inline;
			padding-right: 15px;
			}
		#topicPath li a {
			color: #412013;
			margin-right: 15px;
			}
		
/* --------------------------------------------------------------
#main
-------------------------------------------------------------- */

#main {
	width:728px;
	float:left;
	margin:0 0 50px 0;
	}

/* --------------------------------------------------------------
#lNavi
-------------------------------------------------------------- */

#lNavi {
	width:220px;
	float:right;
	margin:0 0 50px 0;
	}
	
	#lNavi .lnavi01 {
		background:url(/common/img/bg_side_area01_01.jpg) 0 0 no-repeat;
		width:220px;
		height:150px;
		margin:20px 0;
		position:relative;
	}
	
		#lNavi .lnavi01 h3 {
			position:absolute;
			top:-20px;
			left:15px;
		}
		
		#lNavi .lnavi01 p {
			position:absolute;
			top:44px;
			left:20px;
		}
		
		#lNavi .lnavi01 a {
			position:absolute;
			top:108px;
			left:15px;
		}
		
	#lNavi .lnavi02 {
		margin:0 0 15px 0;
	}
	
		#lNavi .lnavi02 ul {
			border-left:solid 1px #ccc;
			border-right:solid 1px #ccc;
			border-bottom:solid 1px #ccc;
		}
		
			#lNavi .lnavi02 ul li {
				padding:10px 13px;
			}
				
			#lNavi .lnavi02 ul li.type2 {
				background:#fbf5e9;
			}
			
				#lNavi .lnavi02 ul li a {
					background:url(/common/img/icon_link_01.png) 0 3px no-repeat;
					padding:0 0 0 23px;
				}
		
	#lNavi .lnavi03 {
		margin:0 0 15px 0;
		background:url(/common/img/btm_side_01.gif) 0 bottom no-repeat;
		padding:0 0 5px 0;
	}
	
		#lNavi .lnavi03 ul {
			border-left:solid 1px #dedfd1;
			border-right:solid 1px #dedfd1;
		}
		
		#lNavi .lnavi03 ul li {
			background:url(/common/img/border_side_area03_01.gif) 0 bottom repeat-x;
			padding:25px 0 25px 10px;
		}
		
		#lNavi .lnavi03 ul li.list05{
			background:none;
			padding:25px 0 20px 10px;
		}
		
		#lNavi .lnavi03 ul li a {
			padding:10px 0 10px 55px;
		}
		
		#lNavi .lnavi03 ul li.list01 a {
			background:url(/common/img/icon_side_area03_01.gif) 0 0 no-repeat;
		}
		
		#lNavi .lnavi03 ul li.list02 a {
			background:url(/common/img/icon_side_area03_02.gif) 0 0 no-repeat;
		}
				
		#lNavi .lnavi03 ul li.list03 a {
			background:url(/common/img/icon_side_area03_03.gif) 0 0 no-repeat;
		}
		
		#lNavi .lnavi03 ul li.list04 a {
			background:url(/common/img/icon_side_area03_04.gif) 0 0 no-repeat;
		}
		
		#lNavi .lnavi03 ul li.list05 a {
			background:url(/common/img/icon_side_area03_05.gif) 0 0 no-repeat;
		}
	
	#lNavi .lnavi04 {
		margin:0 0 15px 0;
		background:url(/common/img/btm_side_01.gif) 0 bottom no-repeat;
		padding:0 0 5px 0;
	}
	
		#lNavi .lnavi04 ul {
			border-left:solid 1px #dedfd1;
			border-right:solid 1px #dedfd1;
		}
		
		#lNavi .lnavi04 ul li {
			background:url(/common/img/border_side_area03_01.gif) 0 bottom repeat-x;
			padding:10px 0 10px 15px;
		}
		
		#lNavi .lnavi04 ul li.last {
			background:none;
			padding:10px 0 5px 15px;
		}
		
		#lNavi .lnavi04 ul li a {
			background:url(/common/img/icon_link_01.png) 0 3px no-repeat;
			padding:0 0 0 23px;
		}
	
	#lNavi .lnavi05 {
		margin:0 0 15px 0;
		background:url(/common/img/btm_side_01.gif) 0 bottom no-repeat;
		padding:0 0 5px 0;
	}
	
		#lNavi .lnavi05 ul {
			border-left:solid 1px #dedfd1;
			border-right:solid 1px #dedfd1;
		}
		
		#lNavi .lnavi05 ul li {
			background:url(/common/img/border_side_area03_01.gif) 0 bottom repeat-x;
			padding:10px 0 10px 15px;
		}
		
		#lNavi .lnavi05 ul li.last {
			background:none;
			padding:10px 0 5px 15px;
		}
		
		#lNavi .lnavi05 ul li a {
			background:url(/common/img/icon_link_01.png) 0 3px no-repeat;
			padding:0 0 0 23px;
		}
		
	
	#lNavi .lnavi06 {
		background:url(/common/img/bg_side_area06_01.jpg) 0 0 repeat-y;
		position:relative;
		padding:69px 10px 20px 10px;
	}
	
		#lNavi .lnavi06 h3 {
			position:absolute;
			top:14px;
			left:-5px;
		}
		
		#lNavi .lnavi06 h4 {
			font-size:13px;
			color:#512013;
		}
		
		#lNavi .lnavi06 p {
			padding:15px 10px;
			background:#fff;
			font-size:11px;
			color:#333;
		}

/* --------------------------------------------------------------
.pagetop
-------------------------------------------------------------- */

.pagetop {
	clear:both;
	text-align:right;
	}
					
/* --------------------------------------------------------------
#footer
-------------------------------------------------------------- */

#footer {
	border-top:solid 5px #512012;
	background:url(/common/img/bg_footer_01.gif) 0 0 repeat;
	padding:25px 0 15px 0;
	}
	
	#footer .footerTop {
		width:960px;
		margin:0 auto;
		padding:0 0 20px 0;
		}
		
		#footer .footerTop dl {
			float:left;
			}
			
		#footer .footerTop dl.list01 {
			width:137px;
			}
			
		#footer .footerTop dl.list02 {
			width:223px;
			}
			
		#footer .footerTop dl.list03 {
			width:163px;
			}
			
		#footer .footerTop dl.list04 {
			width:190px;
			}
			
				#footer .footerTop dl dt a {
					font-size:12px;
					background:url(/common/img/icon_link_01.png) 0 3px no-repeat;
					padding:0 0 5px 23px;
					display:block;
					}
					
				#footer .footerTop dl dd a {
					font-size:11px;
					background:url(/common/img/icon_link_02.png) 18px 3px no-repeat;
					padding:0 0 5px 41px;
					display:block;
					}
					
	#footer .footerBtm {
		background:url(/common/img/border_footer_01.gif) 0 0 repeat-x;
		padding:10px 0 0 0;
		}
				
	#footer .footerBtmIn {
		width:960px;
		margin:0 auto;
		}	
		
		#footer .footerBtmIn h1 {
			float:left;
		}	
		
		#footer .footerBtmIn p {
			float:right;
			font-size:11px;
			color:#512013;
		}