@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:11px;
	color:#333333;
	text-align:center;
	padding-bottom:50px;
}
a{
	overflow:hidden;
}
a img{
	border:none;
}
a,a:link{
	color:#0099CC;
	text-decoration:none;
}
a:hover,a:active,a:visited{
	color:#0099CC;
	text-decoration:underline;
}

#wrapper{
	margin:40px auto 0px auto;
	width:900px;
	text-align:left;
}

/* header */

#header_tit{
	height:30px;
	float:left;
}
#header_tit h1{
	width:420px;
	height:30px;
	background:url(../img/logo_gb.gif) no-repeat;
	text-indent:-9999px;
}
#header_tit h1 a{
	display:block;
	width:420px;
	height:30px;
}
#header_copy{
	height:30px;
	float:right;
}
#header_copy h2{
	width:316px;
	height:30px;
	background:url(../img/copy_header.gif) no-repeat;
	text-indent:-9999px;
}

/* navigation */

#navi{
	clear:both;
	width:900px;
	height:40px;
	padding-top:10px;
}
#navi ul li{
	height:40px;
	list-style-type:none;
	float:left;
}
#navi_about{
	width:157px;
	background:url(../img/navi_about.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_about a,
#navi_about_ovr a{
	display:block;
	width:157px;
	height:40px;
	text-indent:-9999px;
}
#navi_about a:hover,
#navi_about_ovr{
	display:block;
	width:157px;
	height:40px;
	background:url(../img/navi_about_ovr.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_gb{
	width:229px;
	background:url(../img/navi_gb.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_gb a,
#navi_gb_ovr a{
	display:block;
	width:229px;
	height:40px;
	text-indent:-9999px;
}
#navi_gb a:hover,
#navi_gb_ovr{
	display:block;
	width:229px;
	height:40px;
	background:url(../img/navi_gb_ovr.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_list{
	width:142px;
	background:url(../img/navi_list.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_list a,
#navi_list_ovr a{
	display:block;
	width:142px;
	height:40px;
	text-indent:-9999px;
}
#navi_list a:hover,
#navi_list_ovr{
	display:block;
	width:142px;
	height:40px;
	background:url(../img/navi_list_ovr.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_buy{
	width:180px;
	background:url(../img/navi_buy.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_buy a,
#navi_buy_ovr a{
	display:block;
	width:180px;
	height:40px;
	text-indent:-9999px;
}
#navi_buy a:hover,
#navi_buy_ovr{
	display:block;
	width:180px;
	height:40px;
	background:url(../img/navi_buy_ovr.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_blog{
	width:192px;
	background:url(../img/navi_blog.jpg) no-repeat;
	text-indent:-9999px;
}
#navi_blog a,
#navi_blog_ovr a{
	display:block;
	width:192px;
	height:40px;
	text-indent:-9999px;
}
#navi_blog a:hover,
#navi_blog_ovr{
	display:block;
	width:192px;
	height:40px;
	background:url(../img/navi_blog_ovr.jpg) no-repeat;
	text-indent:-9999px;
}

/* contents */
#contents{
	clear:both;
	margin:10px 0px 40px 0px;
}

/* footer */
#footer{
	clear:both;
	border-top:#ccc 1px solid;
	padding:10px 0px;
}
#footer_contents{
	width:900px;
	text-align:left;
	margin:0px auto;
}
#copy{
	width:440px;
	float:left;
}
#subnavi{
	font-size:10px;
	float:right;
	text-align:right;
	padding:5px;
	background:url(../img/bg_footer.gif) repeat;
}
#subnavi a{
	color:#666666;
	text-decoration:none;
}
#subnavi a:hover{
	color:#666666;
	text-decoration:underline;
}
address{
	font-size:10px;
	font-style:normal;
	color:#666666;
	margin-top:5px;
}

/* second */
#contents_secondpage{
	clear:both;
	width:880px;
	margin:20px auto;
}
#contents_first{
	width:540px;
	float:left;
	margin-bottom:40px;
}
#contents_first h3,
#contents_first h4{
	margin-bottom:20px;
}
#contents_second{
	width:300px;
	float:right;
	margin-bottom:40px;
}
#contents_second p{
	margin-bottom:5px;
}
#frame_contents{
	background:url(../img/op_middle.gif) repeat-y;
	padding:10px;
	color:#336699;
	line-height:1.5em;
}

.gb_txt{
	line-height:1.5em;
}
.btn{
	text-align:right;
	margin:20px 0px;
}
.cap{
	font-size:10px;
	line-height:1.5em;
}
.read{
	font-size:12px;
	font-weight:bold;
	color:#336699;
	line-height:1.5em;
}
.frame_s{
	clear:both;
	width:880px;
	margin:20px 0px;
}
.frame_s2{
	clear:both;
	width:880px;
	margin:0px auto;
}
.frame_first{
	width:435px;
	float:left;
	margin:20px 0px;
}
.frame_s2 .frame_first{
	width:435px;
	float:left;
}
.frame_second{
	width:435px;
	float:right;
	margin:20px 0px;
}
.frame_second2{
	width:435px;
	float:right;
	margin:20px 0px;
}
.frame_s2 .frame_second{
	width:435px;
	float:right;
}
.frame_s2 .frame_second2{
	width:435px;
	float:right;
}
.frame_s_contents{
	background:url(../img/op_middle_s.gif) repeat-y;
	padding:10px;
	color:#336699;
	line-height:1.5em;
}
.frame_l{
	clear:both;
	width:880px;
	margin-bottom:20px;
}
.frame_l_contents{
	background:url(../img/op_middle_l.gif) repeat-y;
	padding:10px;
	color:#336699;
	line-height:1.5em;
}