@charset "utf-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(../img_top/bg.jpg);
	background-position: top center;
	background-repeat: repeat;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color: #F9C;
	text-decoration: none;
}
a:visited {
	color: #F9C;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

ul.submenu{
    width:100%;
    margin-top:5px;
    font-size:14px;
    margin-right:auto;
    margin-left:auto;
	text-align:center;
}

ul.submenu li{
    list-style:none;
    padding-left: 15px;
    float:left;

}

.container {
	width: 1035px;
	margin: 0 auto; 
}


.header {

}


.content {

	padding: 0;
}


.news {
	width: 600px;
	height: 234px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: center;
	background-image: url(../img_top/oshirase.jpg);
	background-repeat: no-repeat;
}

.news_frame {

	width: 446px;
	height: 190px;
	margin-left: 100px;
	padding-top: 20px;
	padding-bottom: 10px;
	

}

iframe {

	width: 446px;
	height: 190px;
	padding: 0px;
	margin: 0px;
	
	
}

.bannerarea {
	width: 950px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}


a.rolov01
{
	display:block;
	width : 290px;
	height : 100px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img_top/bn_houin.jpg);
	float:left;
}

a:hover.rolov01{
    background-position: 0 -100px;
}

a.rolov02
{
	display:block;
	width : 290px;
	height : 100px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img_top/bn_blog.jpg);
	float:left;
	margin-left: 20px;
}

a:hover.rolov02{
    background-position: 0 -100px;
}

a.rolov03
{
	display:block;
	width : 290px;
	height : 100px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img_top/bn_yaku.jpg);
	float:left;
	margin-left: 20px;
}

a:hover.rolov03{
    background-position: 0 -100px;
}



.GoogleArea {

	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align:center;
	

}


/* ~~ フッター ~~ */
.footer {
	margin: 0 auto;
	text-align: center;
	border-top:solid 1px #F9C;
}

.footer p{
	padding-top: 6px;
	color: #069;

}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-left: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}