@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:#2200C1; text-decoration:none; outline:none; }
a:visited { color:#551A8B; text-decoration:none; outline:none; }
a:active  { color:#2200C1; text-decoration:underline; outline:none; }
a:hover   { color:#2200C1; text-decoration:underline; outline:none; }

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

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

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

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

body { color:#333; font-size:12px; line-height:1.6em; background:#f8366e url(/img/common/back.gif) center top repeat-y; text-align:center; }

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

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

/*========================================================================*/
/* header
/*========================================================================*/

.header { width:800px; height:120px; background:url(/img/common/header.jpg) no-repeat; }
.header h1 { margin:0; background:none; display:none; }

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

.menu{width:800px; height:35px; clear:both;}
.menu span{margin:0px; float:left;}

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

.main{width:780px; height:auto; margin:0px 10px; text-align:left; clear:both;}

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

.main_contents{width:580px; height:auto; float:left;}

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

.contents{width:580px; height:auto; margin:10px 0px 0px; background:url(/img/common/main_back.jpg) repeat-x; clear:both;}

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

.area_stt{width:580px; height:auto; clear:both;}
.area_stt img{margin:10px;}
.area_b{width:560px; height:auto; margin:0px 10px; background:#ffffff; clear:both;}

/*========================================================================*/
/* mobile
/*========================================================================*/

.mobile_left { width:260px; margin:10px 0 0 10px; text-align:left; float:left; }
.mobile_left img { margin-right:5px; }

.mobile_left2 { width:20px; margin-top:10px; float:left; }

.mobile_left3 { width:260px; margin:10px 10px 0 0; text-align:left; float:left; }
.mobile_left3 img { margin-right:5px; }

.mobile_tt { color:#FA5584; margin-bottom:10px; }
.mobile_tt strong { font-size:16px; font-weight:bold; }

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

.side { width:190px; margin-top:10px; background:url(/img/common/main_back.jpg) repeat-x top; float:right; }
.side_b { width:170px; margin:10px; overflow:hidden; }
.side_b img { float:left; display:inline; margin-right:5px; }

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

.footer { margin:20px auto 10px; }
.footer p { color:#818181; }

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

.copyright  { color:#FFF; background:#FA5584; line-height:40px; }
.copyright a:link    { color:#FFF; text-decoration:none; }
.copyright a:visited { color:#FFF; text-decoration:none; }
.copyright a:active  { color:#FFF; text-decoration:none; }
.copyright a:hover   { color:#FFF; text-decoration:none; }

/*========================================================================*/
/* dt_link
/*========================================================================*/

.dt_link { width:800px; margin:0 auto; color:#FFF; line-height:2; text-align:right; }
.dt_link a { color:#FFFFFF; }