@charset "UTF-8";



/* styles */
/*/////////////////////////////////////////////////*/

/* mainvisual */

div#mainvisual {
	background:       url(../img/index/mv_loader_base.gif);
	height:           420px;
	position:         relative;
	margin:           0 0 20px 0;
}

div#main-imgs {
	background:       url(../img/index/mv_loader.gif) no-repeat 50% 180px;
	width:            945px;
	height:           359px;
	position:         relative;	
}

div.main-img {
	position:         absolute;
	width:            945px;
	height:           359px;
	display:          none;
	top:              0px;
	left:             0px;
}

div#control {
	background:       url(../img/index/bg_control.png) no-repeat;
	height:           61px;
	position:         absolute;
	top:              359px;
	left:             0;
	z-index:          2;
}

div.num-1 { padding : 7px 374px 7px 384px; width :  187px; }
div.num-2 { padding : 7px 280px 7px 291px; width :  374px; }
div.num-3 { padding : 7px 0px 7px 100px; width :  900px; }
div.num-4 { padding : 7px 94px 7px 103px; width :  748px; }
div.num-5 { padding : 7px 0 7px 10px;  width :  935px; }


div#control ul {
	margin:           0 auto;
}


div#control ul li {
	background:       url(../img/index/bg_control_link.gif) no-repeat;
	width:            187px;
	float:            left;
}

div#control ul li a {
	background:       url(../img/index/bg_control_link.gif) no-repeat;
	width:            171px;
	height:           34px;
	padding:          7px 3px 3px 3px;
	display:          block;
}

div#control ul li a:hover,
div#control ul li.on a { background : url(../img/index/bg_control_link_current.gif) no-repeat; }

div#control ul li a img {
	display:          block;
}



/* headline */

div#headline {
	background:      url("../img/index/bg_headline.gif") no-repeat;
	width:           945px;
	margin-bottom:   20px; 
	position:        relative;
}

* html div#headline ul#hl-list             { background-position : 0px 10px; }
*:first-child+html div#headline ul#hl-list li { background-position : 0px 10px; }

div#headline ul#hl-list {
	height:          31px;
	overflow:        hidden;
	width:           945px;
	font-size:       10px;
	line-height:     31px;
}

div#headline ul#hl-list li {
	width:           660px;
	position:        absolute;
	padding:         0 0 0 155px;
	display:       	 none;
}

div#headline ul#hl-list li a {
	background:      url("../shared/img/icon_link.gif") no-repeat 0 50%;
	padding:         0 0 0 15px;
}

div#headline ul#hl-list li a span.date {
	color:           #555555;
	margin:          0 5px 0 0;
}

div#headline ul.news-btn {
	width:           135px;
	position:        absolute;
	top:             7px;
	right:           7px;
}

div#headline ul.news-btn li {
	float:           left;
	margin:          0 0 0 5px;
}

div#headline ul.news-btn li img {
	display:         block;
}



/* sort */

div#sort ul {
	width:           780px;
	padding:         7px 0 7px 165px;
	margin:          0 auto;
}



/* showcasebox */


div.plans {
	padding:         15px 0 0 0;
}

div.plans.even {
	background:      #d8d5c9;
}

div.plans div.inner {
	width:           945px;
	margin:          0 auto;
	position:        relative;
}

div.plans div.inner h2 {
	position:        absolute;
	top:             0;
	left:            -51px;
}

div.showcasebox {
	width:           945px;
	overflow:        hidden;
}

div.showcasebox div.in {
	width:           1000px;
}

/* ie 6 & 7 */
* html div.showcasebox div.in { margin: 0 0 15px 0; }
*:first-child+html div.showcasebox div.in { margin: 0 0 15px 0; }


div.showcasebox div.elm {
	background:      #ffffff;
	width:           305px;
	margin:          0 15px 15px 0;
	float:           left;
	display:         block;
	position:        relative;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	box-shadow:            0px 1px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:    0px 1px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:       0px 1px 0px rgba(0, 0, 0, 0.15);
}


div.showcasebox div.elm a.block {
	width:           305px;
	display:         block;
	background:      url(../shared/img/blank.gif);
	position:        absolute;
	top:             0;
	left:            0;
	z-index:         2;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
}

div.showcasebox div.elm h3,
div.showcasebox div.elm p {
	display:         block;
	position:        absolute;
	z-index:         1;
}

div.showcasebox div.elm p.sh-img {
	width:           285px;
	top:             10px;
	left:            10px;
}

div.showcasebox div.elm p.sh-spec {
	width:           285px;
	height:          60px;
	top:             200px;
	left:            10px;
}

div.showcasebox div.elm h3 {
	font-weight:     bold;
	color:           #222222;
	background:      url(../shared/img/icon_link.gif) no-repeat 0 6px;
	padding:         0 0 0 15px;
	left:            10px;
}

div.showcasebox div.elm p.sh-price {
	font-size:       12px;
	font-weight:     bold;
	color:           #777777;
	width:           285px;
	left:            10px;
}

div.showcasebox div.elm p.sh-price span.left,
div.showcasebox div.elm p.sh-price span.right {
	width:           135px;
}

div.showcasebox div.elm p.sh-price span.right {
	border-left:     1px dotted #bbbbbb;
	padding:         0 0 0 10px;
	 
}

div.showcasebox div.elm p.sh-price em {
	font-style:      normal;
	font-size:       16px;
	color:           #af0000;
	margin:          0 3px;
}

div.showcasebox div.elm p.sh-badge {
	width:           60px;
	height:          64px;
	z-index:         2;
	top:             0;
	right:           0;
}

/* showcasebox normal */

div.showcasebox div.elm.nml,
div.showcasebox div.elm.nml a.block  { height : 335px; }
div.showcasebox div.elm.nml p.sh-img {	height : 180px; }
div.showcasebox div.elm.nml p.sh-spec {
	width:           285px;
	height:          60px;
	top:             200px;
	left:            10px;
}
div.showcasebox div.elm.nml h3 {
	font-size:       16px;
	width:           130px;
	top:             270px;
}
div.showcasebox div.elm.nml p.sh-price {
	top:             300px;
}

/* showcasebox mini */

div.showcasebox div.elm.mini,
div.showcasebox div.elm.mini a.block  { height : 160px; }
div.showcasebox div.elm.mini p.sh-img {	height : 50px; }
div.showcasebox div.elm.mini h3       {
	font-size:       14px;
	background-position: 0 4px;
	width:           285px;
	top:             70px;
}
div.showcasebox div.elm.mini p.sh-conbi {
	font-size:       10px;
	color:           #555555;
	width:           285px;
	top:             95px;
	left:            10px;
}
div.showcasebox div.elm.mini p.sh-price {
	top:             125px;
}



/* loader */

div#loader {
	background:      url(../shared/img/bg_loader.gif) no-repeat 50% 50%;
	display: none;
}




div.bannerbox {
	margin:          20px 0 20px 0;
}




/* sealbox */

ul#sealbox {
	line-height:     1.5;
	border-top:      1px solid #cccccc;
	padding:         20px 0 20px 0;
}

ul#sealbox li.img-txt {
	font-size:       10px;
	color:           #555555;
	vertical-align:  top;
	width:           340px;
	margin:          0 20px 0 0;
	float:           left;
}

ul#sealbox li.img-txt img,
ul#sealbox li.img-txt object {
	float:           left;
	margin:          0 10px 0 0;
}

ul#sealbox li.img {
	width:           220px;
	float:           right;
}




/* ClearFix */
/*/////////////////////////////////////////////////*/

div#control ul:after,
div.showcasebox div.elm p.sh-price:after,
ul#sealbox:after {
	content:          " ";
	height:           0px;
	clear:            both;
	visibility:       hidden;
	display:          block;
}

div#control ul,
div.showcasebox div.elm p.sh-price,
ul#sealbox {
	display:          inline-block;
}

/*\*/
* html div#control ul,
* html div.showcasebox div.elm p.sh-price,
* html ul#sealbox {
	height:           1%;
}

div#control ul,
div.showcasebox div.elm p.sh-price,
ul#sealbox {
	display:          block;
}
/* cloud_header  --------------------------------------------------------*/

#cloud_header {

	background-clip: border-box;

	background-origin: padding-box;

	background-size: auto auto;

	height: 34px;

	padding-top: 10px;

	text-align: left;
margin-top: -10px;

	background: #e4e4e4 url(/data/img/index/gmoc_header/cloud_header_bg.gif) repeat-x scroll 0 0;

}

#cloud_header ul {

    margin-bottom: 7px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 0;

    width: 940px;

}

#cloud_header li {

    float: left;

    margin-right: 30px;

}

.cloud_header_isle {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_isle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 144px;

}

.cloud_header_isle a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_isle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 144px;

}

.cloud_header_isle a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_isle.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}





.cloud_header_rapidsite {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_rapi.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 144px;

}

.cloud_header_rapidsite a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_rapi.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 144px;

}

.cloud_header_rapidsite a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_rapi.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}

.cloud_header_public {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_public.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 122px;

}

.cloud_header_public a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_public.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 122px;

}

.cloud_header_public a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_public.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}

.cloud_header_pisle {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_pisle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 123px;

}

.cloud_header_pisle a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_pisle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 123px;

}

.cloud_header_pisle a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_pisle.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}
/*\*/