@import url("common.css");

/**************************************/
/*              BASIC               */
/**************************************/

body{
	background:#FFF;
	padding-top:30px;
	padding-bottom:30px;
	font-size:12px;
	line-height:1.4;
	color:#666;
	text-align:center;
}
#container{
	margin: 0 auto ;
	padding-top: 10px;
	width:880px;
	text-align:left;
}
#header {
	width: 880px;
	background:url(../images/common/header_back.png) no-repeat left top;
	position: relative;
}
#header02 {
	width: 880px;
	background:url(../images/common/header_back02.png) no-repeat left top;
	position: relative;
}

#main{
	clear:both;
	float:left;
	width:680px;
}
#right_side{
	width:200px;
	padding-bottom:5px;
	background:#E8EBEC url(../images/common/side_rbox200_btm.gif) no-repeat left bottom;
}

/* ����΍� */

#toppage #right_side{
	padding-bottom:1px
	}

#footer{
	clear:both;
	overflow:hidden;
	padding-top:18px;
	background:#E6E6E6;
	font-size: 10px;
	text-align:center;
}

/* LINK
---------------------------------------------*/
a { outline:none; }
a:link { text-decoration: underline; color: #0092ff; }
a:visited { text-decoration: underline; color: #0092ff; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000;}


/* HEADING
---------------------------------------------*/

#container { font-size: 1em;}
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }


/*  section title */
#main .ttl{
	background:url(../images/parts/heading_bg01.gif) no-repeat left top;
	margin-bottom:18px;
	padding-left:32px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	line-height: 1;
	color:#000;
}
#main .ttl span {
	display:block;
	height:21px;
	text-indent:-9999px;
}
#main .ttl2{
	background:url(../images/parts/heading_bg01.gif) no-repeat left top;
	height:21px;
	margin-bottom:15px;
	padding-left:32px;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height: 20px;
}
#main .ttl2 span {
	padding-right:15px;
	background:#FFFFFF;
}
#main .section .ttl,
#main .section .ttl2 { 
	margin-left: -32px;
}

/*  section sub title */
#main .subttl {
	background:url(../images/parts/main_h2.gif) no-repeat scroll 0 50% transparent;
	height:20px;
	margin-bottom:10px;
	padding:3px 0 0 25px;
	color:#444444;
	font-size:15px;
	font-weight:bold;	
}

#main .subttl02 {
	background:url(../images/parts/main_h2.gif) no-repeat scroll 0 50% transparent;
	height:20px;
	margin-bottom:10px;
	padding:3px 0 0 25px;
	color:#444444;
	font-size:15px;
	font-weight:bold;
	margin-top:28px;
}

#main .subttl03 {
	background:url(../images/parts/main_h2.gif) no-repeat scroll 0 50% transparent;
	height:20px;
	margin-bottom:10px;
	padding:3px 0 0 25px;
	color:#444444;
	font-size:15px;
	font-weight:bold;
}

#main .headline {
	background:transparent url(../images/news/def_title.png) no-repeat scroll left 3px;
	margin:20px auto;
	padding:0 0 0 16px;
	color:#003F9B;
	font-size:13px;
	font-weight:bold;
}
.ttlbar {
	background:url(../images/common/titlebar.png) no-repeat left bottom;
	height:24px;
	padding:0 0 0 25px;
	margin:20px auto;
	color:#003f9b;
	font-size:13px;
}


/**************************************/
/*              TOPPAGE               */
/**************************************/

/* NEWS
---------------------------------------------*/
/* heading */
#news_ttl1 span { width: 130px; background: #FFF url(../images/news/news_heading03.gif) no-repeat left top;}

#news_area .list a{color:#5e5e5e;}
#news_area .list {text-align:right;}
#news_area .list a{
	padding-left:15px;
	background:url(../images/parts/news_arrow.gif) no-repeat 0 50%;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#main .section {
	clear:both;
	overflow:hidden;
	margin: 0 auto;
	padding-bottom: 35px;
	width: 608px;
	position:relative;
}
#main .box_wrap {
	clear:both;
	overflow:hidden;
	margin: 0 auto;
	width: 608px;
}
p.lead {
	margin-bottom:25px;
}

/*  banner area  */
#main .head-bnr{
	background:url("/images/banner/head_text02.png") no-repeat scroll 0 0 transparent;
	height:19px;
	margin:0 0 35px 60px;
	padding:41px 0 0 437px;
	width:123px;
}

#main .head-bnr a{
	display:block;
	width:625px;
	height:110px;
	text-indent:-9999px;
	}

#main .head-bnr a:hover{
	background:url(/images/gw_banner01_ov.gif) no-repeat 0 0;
	}

#main .head-bnr p{
	font-weight:bold;
}

#main .head-bnr span{
	display:none;
}

#main .head-bnr2{
	height:60px;
	margin:0 0 30px 110px;
	width:468px;
}

#main .head-bnr3{
	width:644px;
	height:260px;
	margin:0 0 30px 0;
	background:url(/images/banner/camp_book_01.jpg) no-repeat left top;
}

#main .head-bnr3 p,
#main .head-bnr3 ul{
	visibility:hidden;
	position:absolute;
	}

#main .head-bnr3 p.details-link{
	visibility:visible;
	position:static;
	width:644px;
	height:232px;
	}

#main .head-bnr3 p.details-link a{
	display:block;
	width:644px;
	height:260px;
	text-indent:-9999px;
	}

#main .head-bnr3 p.details-link a:hover{ background:url(/images/banner/camp_book_01_ov.jpg) no-repeat left top; }


/*  INFO LIST 
---------------------------------------------*/
.info_list dt{
	line-height:14px;
	margin:0;
	padding:10px 0 2px 0;
	color:#000;
}
.info_list dd{
	font-size:12px;
	line-height:14px;
	margin-left:7em;
	margin-top:-26px;
	padding:10px 0 2px;
}

.info_list a{color:#5e5e5e;}
.info_list p.list{text-align:right;}
.info_list p.list a{
	padding-left:15px;
	background:url(../images/parts/news_arrow.gif) no-repeat 0 50%;
}


/*  ORDER BUTTON
---------------------------------------------*/
#guide_btns {
	clear:both;
	position:relative;
	margin: 0px auto 30px;
	width:528px;
	height:92px;
	padding:0;
	background:url(../images/parts/btn_areabg.gif) no-repeat left top;
}
#guide_btns ul li a {
	text-align:center;
	color:#FFFFFF;
}

/* button large */
#guide_btns #btn_odr{
	position:absolute;
	top:11px;
	left:13px;
	width: 286px;
}
#guide_btns #btn_odr02{
	position:absolute;
	top:11px;
	left:13px;
	width: 286px;
}
#guide_btns #btn_odr a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:70px;
	padding-top: 70px;
	background-image: url(../images/parts/btn_order_large.gif);
	background-position: 0 0;
}
#guide_btns #btn_odr02 a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:70px;
	padding-top: 70px;
	background-image: url(../images/parts/btn_order_large02.gif);
	background-position: 0 0;
}
#guide_btns #btn_odr a:hover{ background-position: 0  -70px; }
#guide_btns #btn_odr02 a:hover{ background-position: 0  -70px; }

/* buttons black */
#guide_btns #btn_prc{
	position:absolute;
	top:12px;
	left:311px;
}
#guide_btns #btn_fnc{
	position:absolute;
	top:49px;
	left:311px;
}
#guide_btns #btn_prc,
#guide_btns #btn_fnc {
	width: 204px;
	height:32px;
}
#guide_btns #btn_prc a,
#guide_btns #btn_fnc a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:32px;
	padding-top: 32px;
	background-image: url(../images/parts/btn_bk.gif);
}
#guide_btns #btn_prc a { background-position: 0px  0px; }
#guide_btns #btn_prc a:hover{ background-position: 0px  -35px; }

#guide_btns #btn_fnc a { background-position:   -205px  0px; }
#guide_btns #btn_fnc a:hover{ background-position: -205px  -35px; }


/* caution
---------------------------------------------*/
/* caution */
#main .caution{
	margin:10px auto 0;
	padding:10px 10px 10px 10px;
	width:593px;
	border:1px solid #ddd;
	font-size:11px;
	color:#666;
}
#main .caution2{
	margin:10px auto 20px;
	padding:10px;
	width:593px;
	border:1px solid #ddd;
	font-size:11px;
	color:#666;	
}
#main .caution p {
	padding-left: 10px;
}
#main .caution p.bold {
	background:url("../images/details/icon_arrow.png") no-repeat ;
	padding-left: 10px;
	font-weight:bold;
}
#main .mark {
	background: url(../images/parts/caution.gif) no-repeat 6px center;
}
#main .mark p {
	padding-left:40px;
	line-height:1.3;
}


/* link icon */
.link1 { padding-left:20px; background: url(../images/parts/ic_arrow01.gif) no-repeat left center;}
.link2 { padding-left:20px; background: url(../images/parts/ic_arrow02.gif) no-repeat left center;}
.new { padding-left:20px; background: url(../images/parts/ic_blank.gif) no-repeat left center;}



/* BOX STYLE
---------------------------------------------*/
/* round box */
#main .boxtop{
	display:block;
	height: 5px;
	background: url(../images/parts/rbox608_top.gif) no-repeat left top;
}
#main .rbox{
	overflow:hidden;
	width:608px;
	background: url(../images/parts/rbox608_gray.gif) no-repeat left bottom;
	color:#474747;
	margin-top:30px;
}
#main .rbox01 {
	overflow:hidden;
	width:608px;
	background: #CCE9FC url(../images/parts/rbox608_btm.gif) no-repeat left bottom;
}


ul.table {display: inline-table;/* \*/ display: block;/* */min-height: 1px;}
* html ul.table {height: 1%;}
ul.table:after {content: ".";display: block;visibility: hidden;height: 0;line-height: 0;clear: both;}
ul.table li{
	float:left;
}
dl.table {
	margin: 1em 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}
dl.table dt {
	margin: 0;
	margin-right: -13em;
	padding: 0.2em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 13em;
	text-indent: 10px;
}
dl.table dd {
	margin-left:13em;
	padding: 0.2em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}
dl.table {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
dl.table:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/**************************************/
/*                OTHER                */
/**************************************/

/* service modified 07.23.2010 */
#toppage .twtrbnr {
	position: absolute;
	background:url(../images/banner/twtr_bnr01.gif) no-repeat;
	text-indent: -9999px;
	right: -61px;
	top:0px;
	width: 60px;
	height: 221px;
}

#toppage .twtrbnr a {
	display: block;
	width: 60px;
	height: 221px;
}

#toppage .twtrbnr a:hover {
	background:url(/images/twtr_bnr01_on.gif) no-repeat;
}


#start_wd {
	margin: 30px auto 0;
	background: #fff;
	width: 800px;
	height: 460px;
	display: block;
}

#rfclsbtn {
	position: fixed;
	_position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -440px;
	text-indent: -9999px;
	background: url(/remoteflash/images/close_btn.png) no-repeat;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

/* rmtflsh */
#remote{
	background: url(/images/remote_frsh_bg.gif) no-repeat;
	width:608px;
	height:104px;
	margin:0 auto 35px;
	padding-top:23px;
	padding-bottom:23px;
}
#rmtflshbg{
	display:none;
	position:fixed;
	_position: absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:black;
	filter:alpha(opacity=90);
	opacity: 0.9;
	z-index: 200;
}
* html #rmtflshbg{
	position:absolute;
}
#rmtflshl{
	display:none;
	position: fixed;
	_position: absolute;
	z-index: 201;
	top: 10px;
	left: 50%;
	margin-left: -440px;
	width: 860px;
	height: 520px
}

#rmtflsh{
	background: url(/images/rmtflsh_btn001..gif) no-repeat;
	width:560px;
	height:96px;
	margin:0 auto;
}
#rmtflsh:hover{
	background: url(/images/rmtflsh_btn001_ov.jpg) no-repeat;
	cursor:pointer;
}

#rmtflsh p{
	display:none;
}

p.bnr_pre{
	margin:20px 0 37px 10px;
}

/*  seminar banner */

div.seminar{
	position:relative;
	width:508px;
	height:80px;
	margin:0 0 11px 32px;
	padding-left:100px;
	background:url(/images/banner/bnr_seminar.jpg) no-repeat left top;
	}

div.seminar:hover{ background:url(/images/banner/bnr_seminar_ov.jpg) no-repeat left top; }

div.seminar p{
	width:330px;
	color:#000;
	line-height:1.6;
	}

div.seminar p.vanish{
	height:44px;
	text-indent:-9999px;
	}

div.seminar p.detailsLink{
	position:absolute;
	left:0;
	top:0;
	width:108px;
	height:136px;
	}

div.seminar p.detailsLink a{
	display:block;
	width:231px;
	height:29px;
	padding:49px 0 0 379px;
	background:url(/images/parts/bnr_seminar.jpg) no-repeat 100px 110px;
	}



/*  apps banner */

div.appsStart{
	position:relative;
	width:508px;
	height:136px;
	margin:0 0 30px 32px;
	padding-left:100px;
	background:url(/images/banner/apps_img01.gif) no-repeat left top;
	}

div.appsStart:hover{ background:url(/images/banner/apps_img01_ov.gif) no-repeat left top; }

div.appsStart p{
	width:330px;
	color:#000;
	line-height:1.6;
	}

div.appsStart p.ttl01{
	height:44px;
	text-indent:-9999px;
	}

div.appsStart p.detailsLink{
	position:absolute;
	left:0;
	top:0;
	width:108px;
	height:136px;
	}

div.appsStart p.detailsLink a{
	display:block;
	width:490px;
	height:29px;
	padding:107px 0 0 118px;
	background:url(/images/parts/ic_arrow01.gif) no-repeat 100px 110px;
	}

#fxhdr {
	background-color: #CF000D;
	left: 233px;
	position: absolute;
	top: 21px;
	width: 285px;
	color: #fff;
	min-height: 35px;
}
#fxhdr h1{
	font-size: 1em;
	font-weight: normal;
}
div#header02 div.hd_left #fxhdr p {
	font-size: 80%;
	display: inline;
	height: auto;
	outline: medium none;
	width: auto;
	text-indent: 0;
	margin: 0;
}

.trialFree{
	cursor:pointer;
	text-indent: -9999px;
}

.trialFree{
	background: url(/images/trial_free.gif) no-repeat;
	margin: 0 auto 22px;
	width: 468px;
}
.trialFree:hover{
	background: url(/images/trial_free_on.gif) no-repeat;
}
.trialFree a{
	width:468px;
	height:65px;
	display:block;
}