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

/*====================================*/
/* reset css
/*====================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li img { vertical-align:bottom; }

/* link --------------------------------------------------------------------*/
a:link    { color:#ccc; text-decoration:none; outline:none; }
a:visited { color:#ccc; text-decoration:none; outline:none; }
a:active  { color:#fff; text-decoration:underline; outline:none; }
a:hover   { color:#fff; text-decoration:underline; outline:none; }

/* float --------------------------------------------------------------------*/
.fl{float:left; }
.fr{float:right; }
.clear{clear:both; }

/* color --------------------------------------------------------------------*/
.color1{color:#FFFFFF; }
.color2{color:#D6BF00; }
.red{color:#FF0000;}

/* etc --------------------------------------------------------------------*/
img{border:none; margin:0px; padding:0px; }
p{border:none; margin:0px; padding:0px; }
table{font-size:12px; line-height:150%; }

/* body --------------------------------------------------------------------*/
body { color:#ccc; font-size:12px; line-height:1.4; background:#000 url(/img/common/back.jpg) center top repeat; text-align:center; }

/* wrapper --------------------------------------------------------------------*/
.wrapper{width:800px; height:auto; margin:0px auto; background:#000000; clear:both; }

/* header --------------------------------------------------------------------*/
.header{width:800px; text-align:center; }

/* menu --------------------------------------------------------------------*/
.menu { width:800px; height:41px; }
.menu li { float:left; }
.menu a { display:block; width:80px; height:41px; overflow:hidden; text-indent:-9999px; }
.menu a:hover { background-position:0 -41px; }
.menu_01 a { background-image:url(/img/menu/menu_01.jpg); }
.menu_02 a { background-image:url(/img/menu/menu_02.jpg); }
.menu_03 a { background-image:url(/img/menu/menu_03.jpg); }
.menu_04 a { background-image:url(/img/menu/menu_04.jpg); }
.menu_05 a { background-image:url(/img/menu/menu_05.jpg); }
.menu_06 a { background-image:url(/img/menu/menu_06.jpg); }
.menu_07 a { background-image:url(/img/menu/menu_07.jpg); }
.menu_08 a { background-image:url(/img/menu/menu_08.jpg); }
.menu_09 a { background-image:url(/img/menu/menu_09.jpg); }
.menu_10 a { background-image:url(/img/menu/menu_10.jpg); }
.menu_11 a { background-image:url(/img/menu/menu_11.jpg); }

/* main --------------------------------------------------------------------*/
.main{width:780px; margin:0 10px; text-align:left; }

/* contents --------------------------------------------------------------------*/
.contents{width:780px; height:auto; margin:10px 0px 0px; background:url(/img/common/main_back.jpg) repeat-x; clear:both; }
.area_stt{width:780px; height:auto; clear:both; }
.area_stt img{margin:5px 10px; }
.area_b{width:760px; height:auto; margin:0px 10px; background:#000000; clear:both; }

/* bottom_menu --------------------------------------------------------------------*/
.bottom_menu{width:800px; height:auto; margin-top:60px; }
.bottom_menu li{list-style:none; width:200px; text-align:center; float:left; }
.bottom_menu a {width:190px; height:90px; display:block; overflow:hidden; margin:0 5px; text-indent:-9999px; }
.bottom_menu a:hover{background-position:0 -90px; }
.bnr_blog a { background-image:url(/img/menu/bnr_blog.jpg); }
.bnr_map a { background-image:url(/img/menu/bnr_map.jpg); }
.bnr_mobile a { background-image:url(/img/menu/bnr_mobile.jpg); }
.bnr_bangos a { background-image:url(/img/menu/bnr_bangos.jpg); margin-right:0; }

/* footer --------------------------------------------------------------------*/
.footer{width:800px; height:auto; text-align:center; margin-top:10px; clear:both; }
.footer p{color:#818181; }


/* copyright --------------------------------------------------------------------*/
.copyright{width:800px; height:auto; background:#735E01; line-height:250%; text-align:center; clear:both; }

/* dt_link --------------------------------------------------------------------*/
.dt_link{width:800px; height:auto; margin:0px auto; color:#FFFFFF; font-size:10px; letter-spacing:0.1em; line-height:200%; text-align:right; }
.dt_link a {color:#FFFFFF; }