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

body {
	margin:0;
	padding:0;
	font-size:75%;
	line-height:150%;
	font-family:"ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
	color:#333333;
}

h1,h2,h3,h4,h5,h6,form,p {
	margin:0;
	padding:0;
}

img {
	border:0;
}


/*link
------------------*/
a:link,a:visited {
	color:#117bbd;
	text-decoration:none;
}

a:hover {
	color:#117bbd;
	text-decoration:underline;
}


/*margin_b
----------------------*/
.margin_b5 {
	margin-bottom:5px;
}

.margin_b10 {
	margin-bottom:10px;
}

.margin_b15 {
	margin-bottom:15px;
}

.margin_b20 {
	margin-bottom:20px;
}

.margin_b25 {
	margin-bottom:25px;
}

.margin_b30 {
	margin-bottom:30px;
}

/*clearfixハック*/

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac */
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */

/*end clearfixハック*/


/*header
------------------*/
.header {
	background: url(../images/com/bg_hed.jpg) 0 0 repeat-x;
	width:100%;
	height:98px;
}

.header_inner {
	width:880px;
	height:98px;
	background:url(../images/com/bg_header_inner.jpg) 0 0 no-repeat;
	margin:0 auto;
}

.header_top {
	width:880px;
	height:30px;
}

.header_middle {
	width:880px;
	height:68px;
}

.seo_text {
	font-size:1em;
	font-weight:normal;
	line-height:-1em;
	margin-top:8px;
	float:left;
}


/*high_top_menu
-----------------*/
.high_top_menu {
	width:165px;
	float:right;
	margin-top:12px;
}

.high_top_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.high_top_menu ul li {
	float:left;
}

.btn_home a {
	background:url(../images/header/img_high_top_menu.gif) 0 0 no-repeat;
	width:39px;
	height:8px;
	display:block;
	text-indent:-9999px;
	line-height:-1em;
	font-size:1px;
}

.btn_sitemap a {
	background:url(../images/header/img_high_top_menu.gif) -40px 0 no-repeat;
	width:60px;
	height:8px;
	display:block;
	margin-left:10px;
	text-indent:-9999px;
	line-height:-1em;
	font-size:1px;
}

.btn_login a {
	background:url(../images/header/img_high_top_menu.gif) -100px 0 no-repeat;
	width:46px;
	height:8px;
	display:block;
	margin-left:10px;
	text-indent:-9999px;
	line-height:-1em;
	font-size:1px;
}

.btn_home a:hover {
	background:url(../images/header/img_high_top_menu.gif) 0 -31px no-repeat;
	width:39px;
	height:8px;
	display:block;
	text-indent:-9999px;
	line-height:-1em;
	font-size:1px;
}

.btn_sitemap a:hover  {
	background:url(../images/header/img_high_top_menu.gif) -40px -31px no-repeat;
	width:60px;
	height:8px;
	display:block;
	margin-left:10px;
	text-indent:-9999px;
	line-height:-1em;
	font-size:1px;
}

.btn_login a:hover  {
	background:url(../images/header/img_high_top_menu.gif) -100px -31px no-repeat;
	width:46px;
	height:8px;
	display:block;
	margin-left:10px;
	text-indent:-9999px;
	
}


/*header_middle
-----------------*/
.logo_mark {
	width:270px;
	height:57px;
	padding:5px 0 0 20px;
	float:left;
}

.logo_mark a {
	background:url(../images/header/logo_img.gif) 0 0 no-repeat;
	width:270px;
	height:57px;
	display:block;
	text-indent:-9999px;
}

.g_navi {
	width:424px;
	float:right;
	padding-right:10px;
}

.g_navi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.g_navi ul li {
	float:left;
}

.g_navi01 a {
	background:url(../images/header/g_navi.gif) 0 0 no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
	float:left;
	padding-right:20px;
}

.g_navi02 a {
	background:url(../images/header/g_navi.gif) -111px 0 no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
	float:left;
	padding-right:20px;
}

.g_navi03 a {
	background:url(../images/header/g_navi.gif) -222px 0 no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
	float:left;
	padding-right:20px;
}


.g_navi04 a {
	background:url(../images/header/g_navi.gif) -333px 0 no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
	float:left;
}

.g_navi01 a:hover {
	background:url(../images/header/g_navi.gif) 0 -53px no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
}

.g_navi02 a:hover {
	background:url(../images/header/g_navi.gif) -111px -53px no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
}

.g_navi03 a:hover {
	background:url(../images/header/g_navi.gif) -222px -53px no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
	float:left;
	padding-right:20px;
}


.g_navi04 a:hover {
	background:url(../images/header/g_navi.gif) -333px -53px no-repeat;
	width:91px;
	height:53px;
	display:block;
	text-indent:-9999px;
	float:left;
}


/*menu
------------------*/
.bg_menu {
	background:url(../images/com/bg_img_menu.jpg) 0 0 repeat-x;
	width:100%;
}

.menu {
	width:880px;
	margin:auto;
	height: 70px;
}

.menu ul {
	margin:0;
	padding:15px 0 10px;
	list-style-type:none;
	height: 45px;
	width: 880px;
}

.menu ul li {
	float:left;
	width:286px;
	height:45px;
}

.menu01 {
	margin-right:11px;
}

.menu02 {
	margin-right:11px;
}

.menu01 a {
	background:url(../images/menu/menu01_off.jpg) 0 0 no-repeat;
	width:286px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

.menu02 a {
	background:url(../images/menu/menu02_off.jpg) 0 0 no-repeat;
	width:286px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

.menu03 a {
	background:url(../images/menu/menu03_off.jpg) 0 0 no-repeat;
	width:286px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

.menu01 a:hover {
	background:url(../images/menu/menu01_on.jpg) 0 0 no-repeat;
	width:286px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

.menu02 a:hover {
	background:url(../images/menu/menu02_on.jpg) 0 0 no-repeat;
	width:286px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

.menu03 a:hover {
	background:url(../images/menu/menu03_on.jpg) 0 0 no-repeat;
	width:286px;
	height:45px;
	display:block;
	text-indent:-9999px;
}


/*footer
------------------*/
.bg_footer {
	background:url(../images/com/bg_footer.jpg) 0 0 repeat-x;
	width:100%;
	padding-bottom:30px;
}

.footer {
	width:880px;
	margin:0 auto 0;
	font-size:0.8em;
}

.footer_menu {
	text-align:center;
	padding-top:3px;
	margin-bottom:10px;
}

.footer_l {
	width:300px;
	white-space:nowrap;
	float:left;
}

.footer_r {
	width:300px;
	white-space:nowrap;
	float:right;
	text-align:right;
}



/*main
----------------------*/
.main {
	background:url(../images/com/bg_main.jpg) 0 0 repeat-x;
	width:100%;
	padding:20px 0 30px;
}


.contents {
	width:880px;
	margin:auto;
}