@charset "utf-8";

/* CSS Document */



html{}

body{color:#000;background:#FFF;font-size:13px;font:FixedSys,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:24px;}

img{border:0;}

a{text-decoration:none;color:#0066CC;}

a:hover{text-decoration:none;color:#8c1c66;}

header{margin:30px 0;}

footer{clear:both;background:#EEE url(../images/nav.jpg) repeat-x;height:200px;margin-top:50px;}

nav{margin:0;padding:0;clear:both;}

h2{border-left:6px #8c1c66 solid;padding-left:15px;line-height:28px;font-size:16px;margin:35px auto;}

h3{margin-top:20px;margin-left:5px;}

dl{padding:5px;}

dt{width:60px;padding:2px;float:left;border-bottom:#333333 1px solid;}

dd{margin-left:60px;padding:2px;border-bottom:#333333 1px solid;}





.contents01{width:240px;display:block;float:left;margin:0;padding:20px 20px 50px 20px;border-right:#dddddd 1px;}

.contents02{width:300px;display:block;float:left;margin:0;padding:20px 30px 50px 30px;border-right:#dddddd 1px;}

.contents03{width:280px;display:block;float:left;margin:0;padding:20px 20px 50px 20px;}

.contents04{width:560px;display:block;float:left;margin:0;padding:20px 30px 100px 50px;}

.contents05{width:290px;display:block;float:left;margin:0;padding:0 15px 50px 15px;}

.clear{clear:both;}





#wrapper{width:960px;margin:0 auto;padding:0;}

#img{margin:0 0 30px 0;float:left;}

#button{margin:0 0 30px 40px;float:right;width:260px;padding:0;}

#button ul li{list-style:none;width:260px;height:100px;line-height:100px;background:url(../images/bottun.jpg) no-repeat;padding-left:80px;font-weight:bold;font-size:16px;color:#555;margin-top:15px;}

#button ul li:first-child{margin-top:0px;}

#button ul li:hover{color:#111;background:url(../images/bottun-hover.jpg) no-repeat;}



#rightmenu{margin:50px 0 30px 40px;float:right;width:250px;padding:0;}

#rightmenu ul li{list-style:none;width:260px;height:100px;line-height:100px;background:url(../images/bottun.jpg) no-repeat;padding-left:80px;font-weight:bold;font-size:16px;color:#555;margin-top:15px;}

#rightmenu ul li:first-child{margin-top:0px;}

#rightmenu ul li:hover{color:#111;background:url(../images/bottun-hover.jpg) no-repeat;}



#main{width:960px;margin:0;padding:0;}

#main ul{margin:0;padding:0;}

#main ul li.gb-nav{width:160px;line-height:50px;text-align:center;font-weight:bold;list-style:none;display:inline-block;background:url(../images/gb-nav.jpg) no-repeat;margin:0;padding:0;color:#555;font-size:14px;}

#main ul li.gb-nav:hover{background:url(../images/gb-nav-hover.jpg);color:#111;}

#contents{margin-bottom:500px;}

ul li.nav{width:100px;line-height:30px;text-align:center;font-weight:bold;list-style:none;display:inline-block;margin:0;padding:0;color:#777;font-size:10px;}

ul li.nav:hover{color:#333;}

#rightmenu{margin:50px 10px;float:right;}



.banner{width:70px;height:auto;float:right;margin-left:10px;}

.blocklink a{display:block;text-decoration:none;color:#000;padding:0 10px;font-weight:normal;}

.blocklink a:hover{background:#f5f5f5;}

.textright{text-align:right;}



@media only screen and (max-width:641px) {

	html{background:none;}

	body, header, nav ul, nav#nav_index ul, footer, div#contents, div#firstview, div#wrapper, div#breadcrums, div#main_column, div#footer_inside, div#sub_nav, div#sub_nav ul, div#copyright {width:100%;height:auto;margin:0;}

	header img{width:60%;height:auto;}

	header a img{width:20%;height:auto;}

	div#main_column, nav ul li, div#sub_nav ul li{float:left;}

	div#sub_column{float:none;clear:both;margin:0 auto 10px;}

	div#sub_menu{margin:0 auto 10px;}

	div#footer_menu, img.footer_logo, img{display:none;}

	nav{background:none;width:auto;height:auto;margin:0 auto 10px;}

	nav ul{margin:0 auto;}

	nav ul li{border:#CCC 1px solid;box-sizing:border-box;background:url(../images/nav_bg.jpg);}

}