@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:#555; }
.color2 { color:#324764; }

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

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

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

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

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

/* header */
.header { height:90px; background:url(/img/common/header.jpg) no-repeat; }
.header h1 { background:none; display:none;}

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

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

/* main contents */
.main_contents{width:580px; height:auto; float:left;}

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

/* mobile */
.mobile_left{width:165px; height:auto; margin:15px 0 0 15px; float:left;}
.mobile_left img{margin:0 12px 0 5px;}
.mobile_left2{width:3px; height:auto; margin:15px 0 0 20px; float:left;}
.mobile_left3{width:172px; height:auto; margin:15px 0 0 25px; float:left;}
.mobile_left3 img{margin:0 0 10px;}
.mobile_left4{width:auto; height:auto; margin-left:20px; float:left;}
.mobile_tt{color:#0086E4; font-size:10px; line-height:100%; text-align:left;}
.mobile_tt strong{font-size:18px; font-weight:bold; line-height:100%;}

/* side */
.side { width:190px; margin-top:10px; background:url(/img/common/main_back.jpg) repeat-x; float:right; }
.side_b { width:180px; margin:5px ; overflow:hidden; }
.side_stt{color:#324764; font-size:14px; line-height:100%;}
.side_date{line-height:100%; margin:0 0 8px;}
.mv5 { margin:5px 0; }
.mr5 { margin-right:5px; }

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

/* copyright */
.copyright{width:800px; height:50px; color:#fff; background:#000000; line-height:50px; text-align:center; clear:both;}

/* dt_link */
.dt_link{width:800px; height:auto; margin:0 auto; font-size:12px; color:#999999; line-height:200%; text-align:right;}