/*=========================================
_Initialization-Common
=========================================*/

html,body {
	margin: 0;
	padding: 0;
	font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:small;
	color: #000000;
	background:url(../images/bg.gif);
	text-align:center;
	}

a{
	color:#2999d7;
	}

a:hover,a:active{
	color:#ff0000;
	}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}

.clear{
	clear: both;
}

.f10_bk{
	font-size:10px;
	color:#000;
}

.f10_red{
	font-size:10px;
	color:#F00;
}

h3{
	font-size:12px;
	font-weight:bold;
	line-height:140%;
}

h3 span{
	color:#FC0;
}


li{
	overflow:hidden;
}

img{
	margin:0;
	padding:0;
	border:0;
}

/*=========================================
_Layout
=========================================*/
#wrapper{
	padding: 0px;
	width: 949px;
	margin: 0px auto;
}

#head{
	width:949px;
	height:235px;
	margin:0;
	padding:0;
}

#head_menu{
	width:949px;
	height:30px;
	background:url(image/promo_head_back.png) top left no-repeat;
	font-size:12px;
	line-height:30px;
}

#dwl_box{
	width:889px;
	_width:949px;/*forIE*/
	height:85px;
	padding-left:30px;
	padding-right:30px;
	background:url(image/promo_main_back.png) top left repeat-y;
}

#dwl_left{
	width:490px;
	height:55px;
	float:left;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	line-height:75px;
}

#dwl_left img{
	float:right;
	margin-top:20px;}

#dwl_right{
	width:365px;
	height:70px;
	float:right;
	margin-right:20px;
}

#dwl_box_and{
	width:889px;
	_width:949px;/*forIE*/
	height:60px;
	padding-left:30px;
	padding-right:30px;
	background:url(image/promo_main_back.png) top left repeat-y;
}

#dwl_android{
	width:880px;
	height:55px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:55px;
	margin:0 auto;
}


/*Windows Mobile*/
#wm_dwl_box{
	width:889px;
	_width:949px;/*forIE*/
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	background:url(image/promo_main_back.png) top left repeat-y;
}

#wm_dwl_tit{
	width:860px;
	height:30px;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	background:#FC0;
}

#wm_dwl_tit img{
	float:right;
	margin-top:25px;
}

.wm_dwl_left{
	width:465px;
	height:55px;
	float:left;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	margin-left:15px;
}

.wm_dwl_right{
	width:365px;
	height:55px;
	float:right;
	margin-right:15px;
	text-align:left;
}

.image_right{
	float:right;
	margin-left:10px;
}

.ma_10{
	margin:10px;
}


#promo_main{
	width:917px;
	_width:933px;/*forIE*/
	padding-left:32px;
	background:url(image/promo_main_back.png) top left repeat-y;
}

#promo_foot{
	width:949px;
	height:45px;
	margin:0;
	padding:0;
}

#foot_copy{
	text-align:center;
	font-size:10px;
	margin-top:15px;
}

/*=========================================
 head_menu
=========================================*/

#head_menu ul{
	margin-left:180px;
	padding:0;
	list-style:none;
}

#head_menu li{
	margin-left:10px;
	padding:0;
	float:left;
}

#lang_menu{
	height:25px;
	font-size:12px;
}

#lang_menu ul{
	margin-left:650px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	list-style:none;
}

#lang_menu li{
	margin-right:10px;
	padding:0;
	list-style:none;
	float:left;
}

/*=========================================
 DWL-Btn
=========================================*/

#dwl_right ul li{
	margin:0;
	padding:0;
	list-style:none;
}

/*iPhone*/
#dwl_right li#dwl_btn_ip a,#dwl_right li#dwl_btn_ip a:link,#dwl_right li#dwl_btn_ip a:visited {
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_ip_off.gif) left top no-repeat;
	
	text-indent:-9999px;
}

#dwl_right li#dwl_btn_ip a:hover,#dwl_right #dwl_btn_ip a:active{
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_ip_on.gif) left top no-repeat;
	
	text-indent:-9999px;
}

/*WM*/
#dwl_right li#dwl_btn_wm a,#dwl_right li#dwl_btn_wm a:link,#dwl_right li#dwl_btn_wm a:visited {
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_wm_off.gif) left top no-repeat;
	
	text-indent:-9999px;
}

#dwl_right li#dwl_btn_wm a:hover,#dwl_right #dwl_btn_wm a:active{
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_wm_on.gif) left top no-repeat;
	
	text-indent:-9999px;
}

/*CAS*/
#dwl_right li#dwl_btn_cas_01 a,#dwl_right li#dwl_btn_cas a:link,#dwl_right li#dwl_btn_cas a:visited {
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_btn_1tb_off.gif) left top no-repeat;
	
	text-indent:-9999px;
}

#dwl_right li#dwl_btn_cas_01 a:hover,#dwl_right #dwl_btn_cas a:active{
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_btn_1tb_on.gif) left top no-repeat;
	
	text-indent:-9999px;
}


#dwl_right li#dwl_btn_cas_02 a,#dwl_right li#dwl_btn_cas a:link,#dwl_right li#dwl_btn_cas a:visited {
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_btn_2tb_off.gif) left top no-repeat;
	
	text-indent:-9999px;
}

#dwl_right li#dwl_btn_cas_02 a:hover,#dwl_right #dwl_btn_cas a:active{
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_btn_2tb_on.gif) left top no-repeat;
	
	text-indent:-9999px;
}

/*Android*/
#dwl_right li#dwl_btn_and a,#dwl_right li#dwl_btn_and a:link,#dwl_right li#dwl_btn_and a:visited {
	display:block;
	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_and_off.gif) left top no-repeat;
	text-indent:-9999px;
}

#dwl_right li#dwl_btn_and a:hover,#dwl_right li#dwl_btn_and a:active{
	display:block;

	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_and_on.gif) left top no-repeat;
	text-indent:-9999px;
}

/*Win*/
#dwl_right li#dwl_btn_win a,#dwl_right li#dwl_btn_win a:link,#dwl_right li#dwl_btn_win a:visited {
	display:block;
	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_win.gif) left top no-repeat;
	text-indent:-9999px;
}

#dwl_right li#dwl_btn_win a:hover,#dwl_right li#dwl_btn_win a:active{
	display:block;
	width:365px;
	height:55px;
	background:url(image/promo_dl_btn_win.gif) left bottom no-repeat;
	text-indent:-9999px;
}


/*=========================================
 Feature
=========================================*/

.feature_box{
	width:285px;
	float:left;
	margin-right:15px;
	text-align:left;
}

.feature_tit{
	vertical-align:bottom;
}

.feature_contents{
	width:263px;
	/*_width:285px;forIE*/
	/*height:550px;*/
	padding:10px;
	border:#FC0 1px solid;
	
	font-size:12px;
	color:#000;
	line-height:140%;
}

.feature_contents img{
	text-align:center;
	margin-top:5px;
	padding:0;
}

.feature_contents p{
	margin-top:15px;
}

.feature_contents ul{
	margin:0;
	padding:0;
	list-style:none;
}

.feature_contents li{
	margin-left:20px;
	padding:0;
	list-style:disc;}
	
	#feature_new{
		width:885px;
		margin-bottom:20px;
	}
	
	#feature_new_tit{
		width:775px;
		height:60px;
		background:url(image/tit_ip_new.gif) left top no-repeat;
		font-size:16px;
		line-height:65px;
		font-weight:bold;
		text-align:left;
		padding-left:110px;
		margin:0;
	}
	
#feature_new_tit_and{
		width:775px;
		height:60px;
		background:url(image/tit_and_new.gif) left top no-repeat;
		font-size:16px;
		line-height:65px;
		font-weight:bold;
		text-align:left;
		padding-left:110px;
		margin:0;
	}

	
	#feature_new_contents{
		width:843px;
		padding:20px;
		border:#FC0 1px solid;
		margin:0;
		text-align:left;
	}
	
	#left-2{
		width:315px;
		float:left;
		margin-top:10px;
		padding-left:15px;
	}
	
#left-2 img{
	margin-bottom:10px;
}
	
	#left-2 p{
		border:#666 1px dotted;
		padding:10px;
	}
	
#right-3{
		width:480px;
		float:right;
		margin-top:10px;
		padding-right:15px;
}

#right-3 img{
	margin-bottom:10px;
}
	
#right-3 p{
	border:#666 1px dotted;
	padding:10px;
}

#feature_new_half{
		width:435px;
		margin-bottom:20px;
		margin-right:15px;
		float:left;
}

#feature_new_half_tit{
		width:325px;
		height:42px;
		background:url(image/tit_ip_new.gif) left top no-repeat;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding-left:110px;
		margin:0;
		line-height:100%;
		padding-top:18px;
	}
	
	#feature_new_half_contents{
		width:393px;
		height:250px;
		padding:20px;
		border:#FC0 1px solid;
		margin:0;
		text-align:left;
	}

#feature_new_3column{
		width:285px;
		margin-bottom:10px;
		margin-right:15px;
		float:left;
}

#feature_new_3column #tit_3{
		width:175px;
		height:42px;
		background:url(image/tit_ip_new.gif) left top no-repeat;
		font-size:14px;
		font-weight:bold;
		text-align:left;
		padding-left:110px;
		margin:0;
		line-height:100%;
		padding-top:18px;
}

	
	#feature_new_3column #con_3{
		width:243px;
		height:auto;
		padding:20px;
		border:#FC0 1px solid;
		margin:0;
		text-align:left;
}
	
#feature_new_half_contents img{
	margin-bottom:15px;
}
	
.left{
	float:left;
}

.right{
	float:right;
}

.page_top{
	text-align:right;
	padding-bottom:10px;
	padding-right:30px;
	font-size:10px;
}

/**ip_4.0****/
.tw_box{
	width:195px;
	float:left;
	margin-top:10px;
}

.tw_box img{
	margin-bottom:10px;
}

.tw_box p{
	width:183px;
	padding:5px;
	border:#999 1px dotted;
	font-size:12px;
}

.tw_arrow{
	float:left;
	margin-top:50px;
}

/**ip_4.0****/
	

/*=========================================
 Environment_Link
=========================================*/

#envi_box{
	width:552px;
	_width:585px;/*forIE*/
	padding:15px;
	border:#666 1px dotted;
	margin-right:10px;
	margin-top:20px;
	font-size:12px;
	color:#000;
	line-height:140%;
	float:left;
	text-align:left;
}

#envi_box p{
	margin-bottom:10px;
	margin-left:20px;
}

#link_box{
	width:285px;
	font-size:12px;
	color:#000;
	line-height:140%;
	float:right;
	margin-top:20px;
	margin-right:32px;
	text-align:left;
}

#link_box p{
	margin-bottom:10px;
	margin-left:20px;
}

/*=========================================
 Class
=========================================*/
.f20_red_b{
	font-size:20px;
	font-weight:bold;
	color:#F00;
	margin-bottom:10px;
}

.f12{
	font-size:12px;
	color:#000;
}

/*=========================================
 cn_navi
=========================================*/

#cn_navi{
	width:949px;
	margin:0 auto;
	background:url(image/promo_main_back.png) top left repeat-y;
}

#cn_navi ul{
	list-style:none;
	margin-left:17px;
	padding:0;
}

#cn_navi li{
	float:left;
}

/*w153*/
#cn_navi li.menu_153 a,#cn_navi li.menu_153 a:link,#cn_navi li.menu_153 a:visited {
	display:block;
	width:153px;
	height:35px;
	background:url(image/menu_btn_153_off.gif) left top no-repeat;
	text-align:center;
	font-size:16px;
	color:#996600;
	line-height:35px;
	text-decoration:none;
}

#cn_navi li.menu_153 a:hover,#cn_navi .mmenu_153 a:active{
	display:block;
 width:153px;
	height:35px;
	background:url(image/menu_btn_153_on.gif) left top no-repeat;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	line-height:35px;
	text-decoration:none;
}

/*w150*/
#cn_navi li.menu_150 a,#cn_navi li.menu_150 a:link,#cn_navi li.menu_150 a:visited {
	display:block;
	width:150px;
	height:35px;
	background:url(image/menu_btn_153_off.gif) left top no-repeat;
	text-align:center;
	font-size:16px;
	color:#996600;
	line-height:35px;
	text-decoration:none;
}

#cn_navi li.menu_150 a:hover,#cn_navi .mmenu_150 a:active{
	display:block;
 width:150px;
	height:35px;
	background:url(image/menu_btn_153_on.gif) left top no-repeat;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	line-height:35px;
	text-decoration:none;
}

/*=========================================
 device_navi
=========================================*/

#device_navi{
	width:949px;
	padding:10px 0 10px 0;
	margin:0 auto;
	background:url(image/promo_main_back.png) top left repeat-y;
	font-size:14px;
}

#device_navi ul{
	list-style:none;
	margin-left:50px;
	padding:0;
}

#device_navi li{
	float:left;
	margin-right:10px;
}

/*=========================================
 howto_dl
=========================================*/
#howto_dl{
	width:881px;
	padding:0px;
	border:#FC0 2px solid;
	text-align:left;
	margin-top:15px;
}

#cn_and_dl_01{
	width:110px;
	height:55px;
	padding:25px 35px 10px 25px;
	background:url(image/cn_dl_01.gif) left top no-repeat;
	float:left;
	margin-top:12px;
	margin-left:5px;
}

#cn_and_dl_02{
	width:110px;
	height:55px;
	padding:25px 35px 10px 25px;
	background:url(image/cn_dl_02.gif) left top no-repeat;
	float:left;
	margin-top:12px;
}

#cn_and_dl_03{
	width:110px;
	height:55px;
	padding:25px 35px 10px 25px;
	background:url(image/cn_dl_03.gif) left top no-repeat;
	float:left;
	margin-top:12px;
}

#cn_and_dl_04{
	width:110px;
	height:55px;
	padding:25px 15px 10px 25px;
	background:url(image/cn_dl_04.gif) left top no-repeat;
	float:left;
	margin-top:12px;
}


/*=========================================
 win desktop
=========================================*/
#feature_new_half_tit_win{
		width:325px;
		height:42px;
		background:url(image/tit_new_win.gif) left top no-repeat;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding-left:110px;
		margin:0;
		line-height:100%;
		padding-top:18px;
	}
	
#win_contents{
		width:393px;
		padding:20px;
		border:#FC0 1px solid;
		margin:0;
		text-align:left;
}

#win_contents img{
	margin-bottom:10px;
}