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

	CELLSTAR Campaign setting
	
	1. common Setting
	2. header
		2-1. sub_navi
	3. navigation
	4. footer
		4-1. pagetop
		4-2. footer_link
		4-3. copyright
	
---------------------------------------------- */

@import url("reset.css");


/* -------------------------------------------
  1. common Setting
-------------------------------------------- */

#wrapper{
	width: 100%;
	background: url(../img/wrapper_bg.gif) repeat left top;
	}

#wrapper .inner_box{
	width: 900px;
	margin: 0px auto;
	padding: 0px 10px;
	background: #FFFFFF;
	}


a{color: #4581b2;}
a:hover{color: #77A5CA; text-decoration: none;}


/* -------------------------------------------
   2. header
-------------------------------------------- */

#header{
	height: 56px;
	position: relative;
	}

#header h1{
	position: absolute;
	height: 23px;
	width: 103px;
	left: 0px;
	top: 19px;
	background: url(../img/logo_cellstar.gif) no-repeat left top;
	}

#header h1 a{
	text-indent: -9999px;
	height: 23px;
	width: 103px;
	display: block;
	overflow: hidden;
	}


/* -------------------------------------------
   3. main
-------------------------------------------- */

#main{
	background: url(../img/main_bg.jpg) no-repeat left top;
	height: 342px;
	position: relative;
	margin-bottom: 14px;
	}

#main h2,
#main p,
#main dl{
	display: none;
	}


/* -------------------------------------------
   4. contents
-------------------------------------------- */
#contents{
	text-align: left;
	padding-bottom: 40px;
	}

#contents h3{
	text-indent: -9999px;
	height: 30px;
	margin-bottom: 11px;
	}

#contents #products h3{background: url(../img/h3_products.gif) no-repeat left top;}
#contents #regulation h3{background: url(../img/h3_regulation.gif) no-repeat left top;}

#contents .pagetop{
	height: 15px;
	position: relative;
	clear: both;
	padding-top: 15px;
	margin: 0px auto;
	width: 856px;
	}

#contents .pagetop a{
	background: url(../img/btn_p_top.gif) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
	position: absolute;
	height: 15px;
	width: 83px;
	right: 0px;
	overflow: hidden;
	}


/* 4-1. products
---------------------------------- */

#contents #products .inner_area{
	margin: 0px 20px 0px;
	background: url(../img/products_bg.jpg) no-repeat left 3px;
	min-height: 137px;
	height: auto !important;
	height: 137px;
	}

#contents #products .inner_area ul{
	width: 300px;
	padding: 20px 0px 0px 680px;
	}

#contents #products .inner_area ul li{
	background: url(../img/list_circle.gif) no-repeat left 0.34em;
	padding-left: 15px;
	}



/* 4-2. regulation
---------------------------------- */
#contents #regulation{
	margin: 10px 0px 20px;
	}

#contents #regulation .item{
	margin: 0px 12px 20px;
	border-bottom: 1px dotted #CCC;
	padding: 0px 10px 10px;
	}

#contents #regulation .item#regul06{border-bottom: none;}


#contents #regulation .item h4{
	text-indent: -9999px;
	height: 15px;
	margin-bottom: 12px;
	}

/* background setting */
#contents #regulation .item#regul01{background: url(../img/h4_regul01.gif) no-repeat 6px top;}
#contents #regulation .item#regul02{background: url(../img/h4_regul02.gif) no-repeat 6px top;}
#contents #regulation .item#regul03{background: url(../img/h4_regul03.gif) no-repeat 6px top;}
#contents #regulation .item#regul04{background: url(../img/h4_regul04.gif) no-repeat 6px top;}
#contents #regulation .item#regul05{background: url(../img/h4_regul05.gif) no-repeat 6px top;}
#contents #regulation .item#regul06{background: url(../img/h4_regul06.gif) no-repeat 6px top;}

#contents #regulation .item .inner_area{
	padding: 0px 15px;
	}

#contents #regulation .item p.date{
	font-size: 116.6%;
	margin-bottom: 12px;
	}

#contents #regulation .item p.date em{
	font-weight: bold;
	}

/* regul01 */
#contents #regulation .item#regul01 p em{
	color: #db1313;
	}

/* regul02 */
#contents #regulation .item#regul02 .inner_area{
	background: url("../img/regul02_bg.gif") no-repeat 19px top;
	height: 188px;
	}

#contents #regulation .item#regul02 .inner_area *{
	display: none;
	}

/* regul05 */
#contents #regulation .item#regul05 .inner_area{
	background: #fc8900 url(../img/regul05_btm.gif) no-repeat left bottom;
	width: 775px;
	padding: 0px 0px 12px;
	margin-left: 15px;
	}

#contents #regulation .item#regul05 h5{
	background: url(../img/h5_regul05.gif) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	}

#contents #regulation .item#regul05 ul{
	background: #FFF;
	padding: 5px 12px 0px;
	margin: 0px 5px;
	}

#contents #regulation .item#regul05 ul li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 150%;
	margin-top: 5px;
	}

/* regul06 */
#contents #regulation .item#regul06 .inner_area{
	background: url("../img/regul06_bg.gif") no-repeat 15px top;
	height: 56px;
	}

#contents #regulation .item#regul06 .inner_area *{
	display: none;
	}


/* -------------------------------------------
   4. footer
-------------------------------------------- */

#footer{
	background: #f2f1e8 url(../img/copyright_bg.gif) repeat-x left bottom;
	clear: both;
	position: relative;
	}

#footer .inner_box{
	width: 900px;
	margin: 0px auto;
	padding: 0px 10px;
	}

#footer .inner_box .links{
	padding: 0.4em 0px 0.3em 0px;
	text-align: right;
	}

#footer .inner_box .links a{color: #000000;text-decoration: none;}
#footer .inner_box .links a:hover{color: #777777;text-decoration:underline;}

#footer .inner_box .copyright{
	height: 65px;
	}

#footer .inner_box .copyright p{
	background: url(../img/copyright.gif) no-repeat left top;
	height: 65px;
	text-indent: -9999px;
	}