@charset "utf-8";

@import"reset.css";
@import"footer.css";

/*
-----------------------------------------------
head
-----------------------------------------------*/

#wrap {
	width:780px;
	margin:auto;
	background-color:#fafaf8;
}

#wrap h1{
	padding:0;
	margin:0;
	padding-left:5px;
	color:#fff;
	background-color:#c5c2bb;
	font-weight:normal;
	font-size:1.2em; !inportant
}



#header{
	background:url(../img/hdr-back.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:80px;
}
#logo{
	position:relative;
	left:-18px;
}

#gNav{
	height:336px;
	background:url(../img/idx-main.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#gNav li{
	display:inline;
	float:left;
}

#midl-nav li{
	display:inline;
	float:left;
}
#idx-container{
	float:left;
	background:url(../img/idx-container-back.gif);
	background-repeat:repeat-y;
	width:780px;
}

/*
-----------------------------------------------
サイドカラム（sub01,sub02）
-----------------------------------------------*/
#sub01{
	width:212px;
	float:left;
	background-color:#cec5b4;
	height:auto;
}
#sub02{
	width:213px;
	float:left;
	background-color:#cec5b4;
}

img.formBtn{
	margin-top:10px;
	padding-left:11px;
}
ul.bnr{
	padding-top:10px;
	padding-left:11px;
}
ul.bnr li{
	margin-bottom:5px;
	list-style:none;
	}
#info {
	background-color:#fafaf8;
	width:181px;
	color:#333;
	font-size:1.2em;
	margin:0;
	margin-top:10px;
	margin-left:11px;
	line-height:18px;
	padding:10px 0px 10px 10px;
}
/*
-----------------------------------------------
idxMain
-----------------------------------------------*/
#idxMain{
	background-color:#fafaf8;
	/*width:355px;*/
	width:331px;
	float:left;
	padding-left:12px;
	padding-right:12px;
}

#idxMain h2{
	color:#000000;
	font-size:1.6em;
	background-image:url(../img/ttl-back01.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:18px;
	padding-top:5px;
	height:23px;
	/*margin-top:9px;*/
	margin-top:5px;
	margin-left:-3px;
}

#idxMain p{
	margin:0;
	padding:0;
	padding-top:10px;
	color:#000000;
	font-size:1.2em;
	line-height:1.7;
}

#idxMain p a{
	text-decoration:none;
	color:#000000;
}

#idxMain p a:hover{
	text-decoration:underline;
	color:#dc3501;

}

#idxMain h3 img{
	position:relative;
	left:-2px;
	bottom:-5px;
}

#idxMain ul{
	padding-top:10px;
}

#idxMain li{
	color:#000000;
	font-size:1.3em;
	background-image:url(../img/l-arrow.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:10px;
	list-style:none;
	line-height:1.8;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width:314px;
}
#idxMain li a{
	display:block;
	color:#000000;
	text-decoration:none;
}
#idxMain li a:hover{
	text-decoration:underline;
	color:#dc3501;
}

#feed{
	
	margin-bottom:10px;
}

#feed img{
	margin-top:5px;
	margin-bottom:3px;
}


/*
----------------
まぐまぐメールマガジン
-----------------------------*/
#magumagu{
	width:191px;
	background: url(../img/magumagu-bg.png) no-repeat left bottom;
	padding-bottom:15px;
	margin: 0 auto;
	margin-bottom:1em;
}

#magumagu form{
	margin:0;
	padding:0;
	margin-bottom:1em;
}

#magumaguContent{
	padding:5px 10px 0px 10px;
	width: 171px;
	background: url(../img/magumagu-bg.png) repeat-y right top;
}


#magumaguTtl{
	padding:3px 10px;
	color:#fff;
	font-size:12px;
	background: url(../img/magumagu-bg.png) no-repeat left top;
}