@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, td, input { 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; }
a img, li img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * etc
************************************************************/

/* link */
a:link    { color:#fff; text-decoration:none; outline:none; }
a:visited { color:#fff; 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:#fff; }
.color2 { color:#ccbc9b; }

/* margin */
.mb10 { margin-bottom:10px; }

/************************************************************
 * body
************************************************************/

body { color:#fff; font-size:12px; line-height:1.6em; background:#000 url(/img/common/back.gif) repeat fixed; }

/************************************************************
 * heading
************************************************************/

h1 { display:block; line-height:20px; text-align:center; }

/************************************************************
 * header
************************************************************/

.header { width:100%; background:url(/img/index/header_back.jpg) repeat-x; margin-bottom:10px; }
.header_b { position:relative; width:800px; height:100px; margin:0 auto; text-align:center; }
.header_b p { position:absolute; bottom:0; right:0; text-align:center; }
.header_b span { display:block; font-size:14px; font-weight:bold; background:#f00; padding:2px 15px; margin-bottom:5px; }

/************************************************************
 * wrapper
************************************************************/

.wrapper { width:800px; margin:0 auto; }

/*========================================================================*/
/* contents
/*========================================================================*/

.contents { margin-top:10px; background:url(/img/common/main_back.jpg) repeat-x; margin:0 10px; }

/*========================================================================*/
/* area
/*========================================================================*/

.area_stt img { margin:5px 10px; }
.area_b { margin:0 10px; background:#000; }
.other_stt { width:760px; height:60px; background:url(/img/other/other_stt_back.jpg) no-repeat; color:#ff82c2; font-size:18px; font-weight:bold; line-height:60px; text-align:center; }

/************************************************************
 * copyright
************************************************************/

.copyright { color:#999; line-height:50px; text-align:center; background:#000; }


/************************************************************
 * clearfix
************************************************************/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}