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

/*------------ sub ------------*/

#slideMiddle{
	padding-top:10px;	
}

#slideMiddle.pt20{
	padding-top:20px;	
}

.mLeft{
	float:left;
	width:261px;
	_width:263px;
	overflow:hidden;
}


.lefuMenuBox{
	background:#f4f4f4;
	width:238px;
	border:solid 1px #d4d4d4 ;
	
}

.mRight{
	float:left;
	width:687px;
	overflow:hidden;
}

h2{
	width:683px;
	height:38px;
	background: url(../images/common/bg_gray.gif) no-repeat left top;
	font-size:17px;
	font-weight:normal;
	padding-top:15px;
	padding-left:20px;
	color:#000;
}

h2.bg_login{
	width:507px;
	background: url(../images/member/ttl_login.gif) no-repeat left top;
	text-indent:40px;
	color:#000;
	margin:0 auto;
}

h2.blue{
	background: url(../images/download/bg_blue.gif) no-repeat left top;
	color:#000;
}

h2.green{
	background: url(../images/download/bg_green.gif) no-repeat left top;
	color:#000;
}

h2.yellow{
	background: url(../images/download/bg_yellow.gif) no-repeat left top;
	color:#000;
}

h2.bg_qa{
	background: url(../images/support/bg_gray_qa.gif) no-repeat left top;
	color:#000;
	text-indent:40px;
}

h2.bg_support{
	background: url(../images/support/bg_gray_support.gif) no-repeat left top;
	color:#000;
	text-indent:40px;
	/*margin-top:30px;*/
}

.alert h2{
	background: url(../images/support/bg_blue.gif) no-repeat left top;
	color:#FFF;
	font-weight:700;
}

h2 span.mainTtl{
	float:left;
	font-size:16px;
}

h2 span..w100{
	width:100px;
}

h2 span.iconArea{
	/*width:150px;*/
	color:#5a5a5a;
	float:right;
	font-size:12px;
	margin-right:20px;
	/*padding-top:5px;*/
}

h2 span.iconArea img{
	float:right;
}

h2 span.iconAreaList{
	color:#5a5a5a;
	float:right;
	font-size:12px;
	margin-right:30px;
	padding-top:5px;
}

h3.blue{
	width:223px;
	height:36px;
	background: url(../images/common/bg_blue.gif) no-repeat left top;	
	font-size:15px;
	color:#FFF;
	font-weight:normal;
	padding-top:17px;
	padding-left:17px;
}

h3.pink{
	width:223px;
	height:35px;
	background: url(../images/common/bg_pink.gif) no-repeat left top;	
	font-size:15px;
	color:#FFF;
	font-weight:normal;
	padding-top:17px;
	padding-left:17px;
	margin-top:20px;
}


.menu_l span{
	font-size:10px;	
}

.menu_l{
	font-size:14px;	
}

#contents .menu_l a{
	text-decoration:none;
	color:#000;
}

#contents .menu_l a:hover{
	text-decoration:underline;
	color:#000;
}

.lefuMenuBox ul li{
	margin-left:10px;
	background: url(../images/common/left_menu_icon.gif) no-repeat left center;	
	padding:7px 0 7px 0px;
}

.lefuMenuBox ul li p{
	padding-left:20px;
}

.lefuMenuBox ul li.last p{
	padding-left:20px;
}

.lefuMenuBox ul li.last{
	padding:15px 0 15px 0px;
	margin-left:10px;
	background: url(../images/common/left_menu_icon.gif) no-repeat left center;	
}

.lefuMenuBox ul li.li_blue,
.lefuMenuBox ul li.li_yellow,
.lefuMenuBox ul li.li_green{
	background: url(../images/common/left_menu_icon.gif) no-repeat 10px center;	
	margin-left:0px;
	padding:15px 0 15px 0px;
	padding-left:10px;
}

.lefuMenuBox ul li.li_blue{
	background-color:#99c5ff;
}

.lefuMenuBox ul li.li_yellow{
	background-color:#fff2ca;
}

.lefuMenuBox ul li.li_green{
	background-color:#daf7e4;
}


.lefuMenuBox ul li.bgDot{
	background: url(../images/common/bg_dot.gif) no-repeat left top;	
	width:220px;
	height:3px;
	overflow:hidden;
	padding:0;
}


/*  technique  */

#sub_contents{
	width:966px;	
	z-index:1;
}

#slide{
	position:relative;
	height:300px;
	width:950px;
	overflow:hidden;
	z-index:1;
}

#slideContent{
	
}

#sub_contents ul.slideImage{
	height:265px;
	width:2000px;
	overflow:hidden;
	position:absolute;
	left:-181px;
	top:10px;
	z-index:1;
}
#sub_contents ul.slideImage li{
	float:left;	
	text-align:center;
	padding:0 5px 0 5px;
	z-index:1;
	
}



.slideIcon{
	position:relative;
	z-index:2;
}	

.iconLeft{
	position:absolute;
	top:100px;
	left:-30px;
	z-index:2;
}

.iconLeft .slide_left{
	width:55px;
	height:58px;
	background: url(../images/technique/slide_left.png) no-repeat left top;
	display:block;
}

.iconRight{
	position:absolute;
	top:100px;
	right:-30px;
	z-index:2;
}

.iconRight .slide_right{
	width:55px;
	height:58px;
	background: url(../images/technique/slide_right.png) no-repeat left top;
	display:block;
}

.picBg{
	position:absolute;	
	z-index:2;
	left:348px;
	top:10px;
	width:252px;
	height:212px;
	background: url(../images/technique/main_boder.png) no-repeat left top;
}

.p_list{
	padding-top:10px;
	padding-bottom:10px;
}

.p_list div{ 
	float:left;
	
}

.p_list img{
	padding:2px;
	border:1px solid #CCCCCC;
}

.p_list .name{
	padding-top:10px;	
	width:217px;
}

.p_list .money{
	padding-top:10px;	
}

.dot_l{
	margin-top:20px;
	width:685px;
	height:2px;
	background: url(../images/common/bg_dot_l.gif) no-repeat left top;
}

.newIcon{
	position:relative;	
}

.newAbs{
	position:absolute;	
	background: url(../images/common/icon_new.png) no-repeat left top;
	display:block;
	width:55px;
	height:55px;
}

h2 span.p_number{
	font-size:16px;
	font-weight:normal;
	float:none;
	color:#555555;
	float:left;
}

h2 span.p_name{
	font-size:16px;
	font-weight:normal;
	float:none;
	color:#555555;
	margin-left:10px;
	float:left;
}

#detailTopic{
	width:681px;
	border:solid 1px #bfbfbf;	
	border-top:none;
}

#detailTopic ul{
	padding:7px 0 7px 15px;
}

#detailTopic ul li{
	background: url(../images/technique/icon_detail_right.gif) no-repeat left top;
	padding-left:25px;
}

#detailTopic ul li a{
	text-decoration:underline;
	color:#000;
}

.detailMain{
	padding-top:20px;	

	_width:690px;
}

.detailMain .detailLeft{
	width:340px;
	float:left;
	
}

.detailMain .detailLeft #imagePickUp img{
	display:block;
	padding:2px;
	border:1px solid #CCCCCC;
	
}

.detailMain .detailRight{
	width:328px;
	float:right;
}

.detailMain .detailRight h4{
	width:320px;
	_width:330px;
	height:29px;
	background: url(../images/technique/detail_ttl_bg.gif) repeat-x left top;
	font-size:14px;
	font-weight:normal;
	padding-top:9px;
	padding-left:8px;
	
}

.detailComment{
	font-size:12px;
	padding-top:5px;
	line-height:1.8;
	padding-bottom:20px;
}

.dIconList {
	width:328px;
}

.dIconList  li{
	float:left;	
}

.kakudai{
	float:right;
	background: url(../images/technique/icon_mushi.gif) no-repeat left center;
	padding-left:20px;
	padding-top:5px;
}

.dMoney{
	padding-top:5px;	
}

span.money{
	font-size:20px;	
}

span.time{
	font-size:16px;	
}

.subList{
	width:688px;
	padding-top:20px;
}

.subList h4{
	width:680px;
	height:29px;
	background: url(../images/technique/detail_ttl_bg.gif) repeat-x left top;
	font-size:14px;
	font-weight:normal;
	padding-top:9px;
	padding-left:8px;
	
}

.subList .f_left img{
	padding:2px;
	display:block;
	border:1px solid #CCCCCC;
}

#contents #detailBackLink{
	width:687px;
	height:24px;
	background: url(../images/technique/detail_back_bg.gif) no-repeat left top;
	display:block;
	color:#000000;
	padding-left:16px;
	padding-top:10px;
	color:#000000;
}

#backLink{
	color:#000000;
	padding-left:25px;
	background: url(../images/technique/icon_detail_right.gif) no-repeat left top;
	border-color:#000000;
}

/*  /technique  */

* html .iconLeft .slide_left,
* html .iconRight .slide_right,
* html .picBg,
* html .newAbs{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

#catalog_left{
	float:left;
	width:468px;
	height:437px;
	background: url(../images/catalog/bg_catalog01.jpg) no-repeat left top;
	text-align:center;
}

#catalog_right{
	float:right;
	width:468px;
	height:437px;
	background: url(../images/catalog/bg_catalog02.jpg) no-repeat left top;
	text-align:center;
}

#catalog_left div,
#catalog_right div{
	width:208px;
	margin:0 auto;
	text-align:center;
	padding-top:72px;
}

#catalog_left div .pic,
#catalog_right div .pic,
#catalog_left div .btn,
#catalog_right div .btn{
	display:block;
}

#catalog_left div .pic,
#catalog_right div .pic{
	margin-bottom:10px;
}

/*  download  */

#soft_list li{
	border-bottom:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	padding:10px 0;
	width:685px;
}

#soft_list li.bg_gray{
	background:#f1f1f1;
}

#soft_list li table{
	width:100%;
}

#soft_list li table td.arrow,
#soft_list li table td.btn{
	vertical-align:middle;
	text-align:center;
	width:5%;
}

#soft_list li table td.btn{
	border-left:1px dotted #bfbfbf;
}

#soft_list li table td.btn{
	vertical-align:middle;
	text-align:center;
	width:20%;
}

#soft_list li table .ttl{
	padding-bottom:5px;
}

#soft_list li table .body{
	line-height:180%;
}

#soft_list .liblary_list{
	border-top:1px dotted #bfbfbf;
	padding-top:10px;
	width:660px;
	margin:0 auto;
	margin-top:8px;
}

#soft_list .liblary_list li{
	border:none;
	display:inline;
	margin-right:10px;
}

#soft_list .liblary_list li a{
	display:inline-block;
	color:#333333;
	margin-bottom:5px;
	text-decoration:none;
}

#soft_list .liblary_list li a:hover{
	text-decoration:underline;
}

.liblary_ttl{
	background:url(../images/download/icon_arrow.gif) no-repeat 0 2px;
	padding-left:30px;
	margin-left:15px;
	display:inline-block;
}

.qa .liblary_ttl{
	background:url(../images/support/icon_q.gif) no-repeat 0 0px;
	padding-top:3px;
	padding-bottom:3px;
}

.active .liblary_ttl{
	background:url(../images/download/icon_arrow_d.gif) no-repeat 0 1px;
}

#soft_list .liblary_list{
	display:none;
}

.alert{
	background:url(../images/support/bg_alert_m.gif) repeat-y 0 0;
	margin-bottom:30px;
}

.alert_inner{
	padding:10px 20px;
}

.alert_inner p.ttl{
	background:url(../images/support/icon_alert.gif) no-repeat 0 0;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:2px;
	border-bottom:1px dotted #bfbfbf;
	margin-bottom:10px;
	color:#0c4da2;
	font-weight:700;
	font-size:14px;
}

.alert_inner p.body{
	line-height:170%;
}

.alert_b{
	background:url(../images/support/bg_alert_b.gif) no-repeat 0 0;
	height:10px;
	overflow:hidden;
}

.baloon{
	background:url(../images/support/baloon_m.gif) repeat-y 0 0;
	width:636px;
	float:right;
}

.baloon_inner{
	background:url(../images/support/baloon_t.gif) no-repeat 0 0;
}

.box_q .baloon_inner p{
	font-size:18px;
	color:#2976da;
	line-height:170%;
}

.box_a .baloon_inner p{
	font-size:14px;
	line-height:170%;
}

.box_q{
	padding-bottom:20px;
	border-bottom:1px dotted #bfbfbf;
	margin-bottom:20px;
	margin-top:20px;
}

.baloon_inner p{
	padding:15px 15px 0 35px;
}

.baloon_b{
	background:url(../images/support/baloon_b.gif) no-repeat 0 0;
	height:20px;
	overflow:hidden;
}

#student_list{
	padding-bottom:20px;
	padding-top:1px;
}

#student_list li{
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding:2px;
	width:184px;
	float:left;
	margin-left:-1px;
	margin-top:-1px;
}

#student_list li .student_box{
	background:url(../images/student/bg_student.jpg) no-repeat 0 0;
	padding:5px;
}

#student_list li .student_box p{
	text-align:center;
	padding:5px 0;
}

.btn_contact{
	text-align:center;
	padding:20px 0 50px;
}

.btn_qa{
	margin-left:65px;
	margin-top:15px;
	display:block;
	width:112px;
}

.login_area{
	width:475px;
	margin:0 auto;
	border:1px solid #bfbfbf;
	border-top:none;
	padding:0 25px 25px;
	margin-bottom:40px;
}

.login_area .caption{
	text-align:center;
	padding:10px 0;
	border-bottom:1px dotted #CCC;
	color:#999999;
}

.login_area table{
	width:100%;
	margin-top:20px;
}

.login_area table th,
.login_area table td{
	padding:8px;
}

.login_area table th{
	width:15%;
	font-weight:normal;
	text-align:left;
}

.login_area table input:focus {
    border-color: #79C8C7;
    -webkit-box-shadow: 0 0 5px 2px #B2D1D1;
    -moz-box-shadow: 0 0 5px 2px #B2D1D1;
    box-shadow: 0 0 5px 2px #B2D1D1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.login_area table input {
	width: 94%;
	height: 22px;
	margin-bottom: .5em;
	padding: 5px;
	border: 3px solid #B2D1D1;
	font-size: 100%;
	line-height: 22px;
}

.login_area form p{
	text-align:center;
	padding:10px 0 10px;
}

.info_list li{
	float:left;
	margin-right:15px;
}

.info_list li.last{
	margin-right:0px;
}

.info_list{
	border-bottom:1px solid #000;
	padding-bottom:15px;
	width:947px;
}

.item_list{
	padding-left:20px;
}

.item_list li{
	float:left;
	background:url(../images/member/bg_item.jpg) no-repeat left top;
	width:175px;
	height:271px;
	padding:15px 0 0 30px;
	margin-left:15px;
	margin-top:35px;
}

.item_list .icon_list{
	margin-left:5px;
}

.item_list .icon_list li{
	float:left;
	background:none;
	width:auto;
	height:auto;
	padding:0;
	margin-right:13px;
	margin-bottom:5px;
	margin-top:0;
	margin-left:0;
}

.item_list .name_table{
	width:100%;
	margin-bottom:3px;
}

.item_list .name_table td{
	width:15%;
	text-align:center;
	height:40px;
}

.item_list .name_table th{
	text-align:left;
	font-weight:normal;
	padding-right:35px;
}

.item_list p img{
	display:block;
	padding:2px;
	border:1px solid #CCC;
	margin-bottom:5px;
}

.item_area{
	padding-bottom:40px;
}

.pop_box {
        border: 2px solid #0C4DA2;
		background-color:#DEE9FA;
        width: 150px;
		margin-top:30px;
		padding:10px;
        position: absolute;
        top: 0px;
		left:-70px;
        display:none;
}

.item_list .icon_list li .pop_box li {
	display:block;
	float:none;
}