@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; }

/*========================================================================*/
/* etc
/*========================================================================*/

/* link */
a:link    { color:#0099CC; text-decoration:none; outline:none; }
a:visited { color:#0066CC; text-decoration:none; outline:none; }
a:active  { color:#0099CC; text-decoration:underline; outline:none; }
a:hover   { color:#0099CC; text-decoration:underline; outline:none; }

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

/* color */
.color1 { color:#333; }
.color2 { color:#eb0b7e; }

/* td */
td { font-size:12px; }

/*========================================================================*/
/* body
/*========================================================================*/

body { color:#666; font-size:12px; line-height:1.6; background:#fff url(/img/common/back.jpg) repeat-x; text-align:center; }

/*========================================================================*/
/* wrapper_wide
/*========================================================================*/

.wrapper_wide { width:960px; background:url(/img/common/back2.jpg) repeat-y; margin:0 auto; }

/*========================================================================*/
/* wrapper
/*========================================================================*/

.wrapper {
	width:800px;
	background:#fff;
	margin:0 auto;
	color: #666666;
}

/*========================================================================*/
/* menu
/*========================================================================*/

.menu li { float:left; }

/*========================================================================*/
/* main
/*========================================================================*/

.main { width:800px; margin:0 auto; text-align:left; } 

/*========================================================================*/
/* main_contents
/*========================================================================*/

.main_contents { width:580px; float:right; }

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

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

/* area */
.area_stt img { margin:10px; }
.area_b { background:#fff; margin:0 10px; }

/*========================================================================*/
/* side
/*========================================================================*/

.side { width:210px; float:left; overflow:hidden; margin-top:10px; }
.side img {margin-bottom:10px;}

/*========================================================================*/
/* mailmagazine
/*========================================================================*/
.mailmagazine { width:170px; height:80px; background: url(/img/mobile/mailmaga_bg.jpg) no-repeat; display:block; overflow:hidden; padding:75px 20px 0; margin-bottom:10px; }
.mailmagazine a { width:170px; height:50px; display:block; overflow:hidden; background:url(/img/mobile/mailmaga.png); text-indent:-9999px; }
.mailmagazine a:hover { background-position:0 -50px; }

/*========================================================================*/
/* group
/*========================================================================*/
.group { width:210px; height:150px; background: url(/img/mobile/group_bg.jpg) no-repeat; display:block; overflow:hidden; margin-bottom:10px; padding-top:45px; text-align:center; }

/*========================================================================*/
/* footer
/*========================================================================*/

.footer { color:#fff; background:#0c9; margin:40px 0 10px; padding:20px 0; }
.footer p { color:#666; }
.footer a:link    { color:#fff; }
.footer a:visited { color:#fff; }
.footer a:active  { color:#fff; }
.footer a:hover   { color:#fff; }

/*========================================================================*/
/* copyright
/*========================================================================*/

.copyright { color:#fff; line-height:40px; background:#0c9; }
.copyright a { color:#fff; }