/*page.css縺九ｉ縺ｮ遘ｻ讀�*/
/*body{
    font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    font-size:14px;
}*/

.webfont01{
    font-family: 'Inconsolata', monospace;
    font-size:1.25em;
}

#b_column_wrap .index {
    font-size:18px;
    /*text-align: left;*/
    width:820px;
    margin: 0 auto;
}
#b_column_wrap .index ul li{
    margin:10px 0 12px 15px;
	font-size:1em;
	list-style:none;
	text-indent:0.5em;
	border-left:8px solid #008eda;
	color:#5d5d5d;
}

.headline{
	margin:10px 0 14px 0;
	text-indent:0.5em;
	font-size:1.75em;
    font-weight: 100;
	border-left:8px solid #1f8cdc;
	color:#171717;
}

#PageIndexBeginner{
    text-align: left;
}
.table th{ background-color:#00aae7; border-bottom:1px solid #c8c9ca; }
.table td{ border:1px solid #c8c9ca; text-align:center; }
.table .leye_column_title th{
	padding:14px 10px 12px;
	font-size:1.3em;
	font-weight:bold;
	vertical-align:middle;
	color:#ffffff;
	border-right:2px solid #ffffff; 
}
.leye_column_title th:first-child, .leye_column_title th:last-child{ border-right:none; }
.table th:first-child{
	padding:5px 2px 3px 0;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	color:#000000;
	background-color:#ffffff;
}
.table tr:nth-child(2n){ background-color:#ddf0fa;}
.table tr:nth-child(2n) th{ background-color:#e4e4e5;}
.table_teiatsu{width:880px;}
.table_teiatsu_board{width:920px; margin:20px 0;}
.table th:first-child,
.table_teiatsu_board td,.table_teiatsu_board th:first-child{ text-indent:15px; }

.beginner ig{
	display:block;
	padding-left:23px;
	margin-top:3px;
}

#PageIndexBeginner .main_wrap{
    margin-top: 44px;
}

#PageIndexBeginner .main_wrap .beginner{
	width:940px;
	height:34px;
    border-radius: 6px;

	background-color:#108adf;
    padding: 8px 0 15px 20px;
}
.leye_ttl{
	padding-top:20px;
	font-size:2em;
	font-weight:bold;
	background:#ffffff;
	border:none;
	color:#007dc0;
}
.leye_copy{
	font-size:1.3em;
	line-height:1.2;
	color:#007cbf;
}
#PageIndex hr{
	width:920px;
	height: 2px;
	margin:12px 0 23px -20px;
	background-color:#2688c4;
	border:none;
}	
/*end_PageIndex all ---------------------------*/

/*PageIndexBeginner ---------------------------*/
#Container{
    font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    font-size: 14px;
}

#b_column_wrap{
	margin-top:25px;
	padding:5px 20px 0 20px;
	/*background:#fffbec;*/
}
#b_column_wrap .index ul  {
	margin-top:15px;
	padding:10px 0 5px 0;
	background-color:#ffffff;
	box-shadow:0 0 4px 0.5px rgba(177, 177, 177, 1);
	behavior:url(PIE.htc);
}
#b_column_wrap .index ul li {
	margin:10px 0 12px 15px;
	font-size:1em;
	list-style:none;
	text-indent:0.5em;
	border-left:8px solid #008eda;
	color:#5d5d5d;
}
#b_column_wrap .index ul li a{ color:#333; }
#b_column_wrap .index ul li a:hover{ color:#666;}
#b_column_wrap .index ul li a:visited{ color:#60448E;}
#b_column1 ul{
	padding-left:15px;
	line-height:1.5;
}
#b_column1 , #b_column2 ,#b_column3 ,#b_column4{
	padding-bottom:60px;
}
#b_column1 img{
	padding-top:10px;
}
#b_column2 table{
	background:#0b4066;
	margin-bottom:15px;	
	margin-top:-15px;
}
#b_column2 td{
	vertical-align:inherit;
	text-align:center;
	color:#47494a;
	background:#ffffff;
	font-weight:bolder;
	padding:15px 5px 15px 5px;	
}
#b_column2 .td_left{
	vertical-align:inherit;
	text-align:left;
	padding-left:27px;	
}
#b_column3 table{
	background:#0b4066;
	margin-bottom:8px;	
}
#b_column3 td{
	vertical-align:inherit;
	text-align:center;
	color:#47494a;
	background:#ffffff;
	font-weight:bolder;
	padding:20px;	
}
.t_head {
	vertical-align:middle;
	color:#ffffff;
	background-color:#135d92;
	font-weight:bolder;
	padding:10px 0 10px 0;
    text-align: center;
}

/*end_PageIndex begginer */

/*PageIndex advanced ---------------------------*/
#a_column1{
	padding:5px 20px 0 20px;
	background:#dff0f8;
}
/*end_PageIndex advanced */

/* ProductFeatures ---------------------------*/
/* 菴主悸繝代ャ繧ｱ繝ｼ繧ｸ3縺､縺ｮ繝昴う繝ｳ繝医€€*/
.merit_block{ width:920px; background-color:#dff0f8; margin-bottom:25px; margin-top:20px;}
.merit_block.h01{ height:100px; }
.merit_block.h02{ height:82px; }
.merit_left{
	float:left;
	width:355px;
	margin-left:10px;
	padding-top:8px;
}
.merit_right{
	float:right;
	width:548px;
	margin-right:-10px;	
}
.merit_right.h01{ padding-top:27px; }
.merit_right.h02{ padding-top:15px; }

/*縲€*/
.pcs_link{
	display:inline-block;
	padding:10px 25px;
	background-color:#1e8fde;
	color:#ffffff;
	text-decoration:none;
	border-radius:7px;
	font-size:1.3em;
	margin-top:4em;
}
.cc_bg{
	background-color:#ffffff;
	padding:14px 0px 17px 22px;
	margin-bottom:8px;
	margin-top:12px;
}
.cc_head{ font-size:1.5em; }
.bold{ font-size:1.35em; }
.cc_num{
	font-size:1.7em;
	line-height:1.8;
	font-weight:bold;
	letter-spacing:4px;
}

/* 菫｡鬆ｼ縺ｮ螳溽ｸｾ縲€*/
.head_record{
	font-size:1.75em;
	font-weight:bolder;
	color:#005183;
	margin-top:-5px;
}
.head_record_small{
	font-size:1.25em;
	font-weight:bolder;
	color:#005183;
	margin-top:-5px;
	padding-left:5px;	
}
#record .value img{
	margin:25px 0 10px 0;
}
.block_record1{
	background-color:#dff0f8;
	width:920px;
	height:347px;
}
.left_record1{
	float:left;
	width:350px;
	height:285px;
	margin-left:15px;
}
.right_record1{
	float:right;
	width:535px;
	margin-top:5px;
	margin-right:10px;	
}
.record2{
	background-color:#dff0f8;
	width:905px;
	height:203px;
	padding-left:15px;
}
.record2 img{
	margin-bottom:6px;
}

.block_record3{
	background-color:#dff0f8;
	width:920px;
	height:334px;
}
.left_record3{
	float:left;
	width:350px;
	height:285px;
	margin-left:15px;
}
.right_record3{
	float:right;
	width:535px;
	margin-top:5px;
	margin-right:12px;	
}
.caption{
	font-size:0.9em;
	font-weight:bolder;
	color:#004671;
	margin:3px 0 0 3px;
}

/* end_ProductFeatures ---------------------------*/

/* Spec ---------------------------*/
.spec_list{
	font-size:0.85em;
	line-height:1.4;
	background:#0c446d;
	border:1px solid #0c446d;
	border-top:none;
}
.spec_list > dt{
	float:left;
	padding-top:0.5em;
	padding-left:0.5em;
	color:#ffffff;
	width:16.5em;
	border-top:1px solid #d3d3d3;
	font-weight: bold;
}
.spec_list > dd{
	background:#fbfdff;	
	color:#3d3a3a;
	margin: 0 0 0 17em;	
	padding: 0.5em 0.5em 0.25em 0.5em;
	border-top:1px solid #0c446d;
}
.spec_list .spec_list{ margin:7px 0; }
#Spec .note{ font-size:0.9em; }
.table_pcs{
	width:920px;
	height:80px;
	margin:8px 0 5px;
	border:1px solid #c4c5c6;
	font-size:0.95em;
	border-collapse: collapse;	
}
.table_pcs td{
	padding-top:10px;
	padding-bottom:8px;
	width:227px;
	vertical-align:middle;
	text-align:center;
	line-height:1.3;
}
.table_pcs td{ border-left:1px solid #c4c5c6; }
.table_pcs .ruby{ display:block; }
.table_pcs tr{ padding:0; border-bottom: 1px solid #c4c5c6; }
.table_pcs tr:nth-child(2n-1){ background-color:#dcf1fc; }
.table_pcs tr:nth-child(2n){ background-color:#ffffff; }
.title{ font-size:1.5em; }
#ProductFeatures .title{ font-size:1.3em; }
.pcs > th{
	background-color:#ffffff;
	color:#0c446d;
	font-weight:bolder;
	vertical-align:middle;
	padding:7px;
}
/* end_Spec ---------------------------*/
/* function */
.func_outline .headline{ font-size:1.5em; }
.func_ttl{
	padding-top:4px;
	font-weight:bold;
}
.func_list img{
	padding-left:10.5px;
	padding-bottom:2px;
}
.func_list dl{
	background-color:#ffffff;
	border:solid #becfdb;
	border-width:2px 0;
	margin:0.7em 0;
}
.func_list dt , .func_list dd{ display:inline-block; padding:15px 0 12px; font-size:1em; }
.func_list dt{ width:245px; text-indent:0.9em; vertical-align:top; font-weight:bold; color:#003b5f;}
.func_list dd{ width:623px; }
.func_list.diagnosis dt{ width:170px; }
.func_list.diagnosis dd{ width:690px; }
.func_icon{ padding:5px 10px; border:2px solid #becfdb; font-weight:bold;}
.func_img{
	padding:0.8em 15px 0.6em;
	margin-bottom:12px;
	background-color:#ffffff;
	border-top:2px solid #becfdb;
	border-bottom:2px solid #becfdb;
}
.func_img .ttl{
	font-weight:bold;
	color:#003b5f;
}
.icon span:first-child{ margin-right:43px; }
.icon span:first-child::before{
	content:"";
	position:absolute;
	width:40px; height:30px;
	background:url(../img/k00_icon.png) 0 0 no-repeat;
	vertical-align:middle;	
}
.func_list_icon02 span:first-child:before{ background-position:-40px 0; }
.func_list_icon03 span:first-child:before{ background-position:-80px 0;}
.func_list_icon04 span:first-child:before{ background-position:0 -30px;}
.func_list_icon05 span:first-child:before{ background-position:-40px -30px;}
.func_list_icon06 span:first-child:before{ background-position:-80px -30px;}
.func_list_icon07 span:first-child:before{ background-position:0 -60px;}
.func_list_icon08 span:first-child:before{ background-position:-40px -60px;}
.func_list_icon09 span:first-child:before{ background-position:-80px -60px;}
/*.l_blue{
	padding:6px 10px 10px;
	margin:7px 0 17px;
	background-color:#e1f2ff;
	border:1px solid #d6e6ea;
}*/
/****縲€list 險ｭ螳壹€€****/
dd img{ padding:12px 0 5px; }
.parent dl{
	width:430px;	
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:1.8em;
	background-color:#ffffff;
}
.parent dt{
	padding:9px 0 7px;
	padding-left:1em;
	font-size:1.3em;
	background-color:#16a8cc;
	color:#ffffff;
}
.parent dd{
	width:390px;
	padding:18px 20px 0;
	margin-left:0;
	font-size:1em;
	line-height:1.5;
}
.parent dd img{
	display:block;
	margin:0 auto;
}
.parent .btn a{ margin-top:20px; }
dl.dl2 { width:878px; }
dl.dl2 dd{
	padding-top:15px;
	width:840px;
}
.child{
	float:left;
	width:420px;
}
.child:first-child , .parent > *:first-child+*+*{ margin-right:20px; }
#ProductFeatures .child:first-child{ margin-right:45px; }
.parent:after,.parent:before{
	content:"";
	clear:both;
	display:block;
}
dl.point{ padding:0; background-color:#ffffff; }
.point img{padding:0; margin-top:0; vertical-align:sub; }
.point dt{ display:inline-block; width:346px; }
.point .yellow{ display:inline-block; width:60px; background-color:#ffe04f; }
.point dd{ display:inline-block; width:500px; padding-left:30px; vertical-align:top; }
dl.point dd{ padding-top:25px; }
dl:nth-child(4).point dd{ padding-top:15px; }
dl.point dd{ margin-bottom:10px; }
.screen ul li{ float:left; }
.screen ul li:nth-child(2), .screen ul li:nth-child(5){ padding:0 15px; }
.screen ul > *:first-child+*, .screen ul > *:first-child+*+*+*+*{ padding:0 15px\9; }


/*sumita霑ｽ蜉�*/
.linkArea{
    border-top:1px solid #5c5c5c;
}

.btn_leye{
	display:block;
	margin-top:10px;
	padding-top:22px;
	padding-bottom:20px;
	width:296px;	
	border:1px solid #d2d2d2;
	border-radius:5px;
	font-size:0.95em;
	font-weight:bold;	
}

.btn_leye.btn_primary{
	text-indent:13px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.56, #e1e1e1), color-stop(0.54, #f1f1f1), color-stop(0.00, #f3f3f3));
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #f1f1f1 54%, #e1e1e1 56%, #fff 100%);
	background: -moz-linear-gradient(top, #f3f3f3 0%, #f1f1f1 54%, #e1e1e1 56%, #fff 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%, #f1f1f1 54%, #e1e1e1 56%, #fff 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%, #f1f1f1 54%, #e1e1e1 56%, #fff 100%);
	background: linear-gradient(to bottom, #f3f3f3 0%, #f1f1f1 54%, #e1e1e1 56%, #fff 100%);	
	background-color:#e1e1e1;
	color:#232323;
	box-shadow:0px 2px 4px 0px #d2d2d2;
	-moz-box-shadow:0px 2px 4px 0px #d2d2d2;
	-webkit-box-shadow:0px 2px 4px 0px #d2d2d2;
    font-size: 0.95em;
}

a.btn_leye{ text-decoration:none; }
.transition:after{
	display:block;
	padding-top:2px;
	padding-right:10px;
	float:right;
	content: url(../../../common/img/btn_next_ko_icon_navy.png);
	vertical-align:sub;	
}

.about_recommend_link,.arch_recommend_link{ display:table-cell; width:330px; }
.about_recommend_link:last-child,.arch_recommend_link:last-child{ display:table-cell; width:298px; }


.linkArea{
    margin-bottom: 100px;
}

.linkTextArea{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    color:#171717;
}
.mainText{
    font-size:26px;
    margin-bottom: 10px;
}

.linkTextArea p{
    font-size: 14px;
} 

#TopicPath{
    background:url(../../../common/img/topic_path_back_wide.gif) no-repeat left 5px;
}

.about_btn_block{
    width:960px;
}

#b_column1 img{
     margin-top: 24px;
     margin-bottom: 24px;
}

#b_column1 a{
    text-decoration: underline;
    color:#0099ff;
}

#b_column2 table{
    margin-top: 24px;
    margin-bottom: 10px;
}

#b_column2 img{
    margin-bottom: 24px;
}

#b_column3 table{
    margin-top: 24px;
    margin-bottom: 24px;
}

#main_wrap table tr th{
    text-align: center;
}

#MainWide table th,
#MainWide table td{
border:2px solid #0c446d!important;
}

/*笏≫煤笏≫煤笏≫煤笏≫煤笏≫煤笏≫煤蜈ｱ騾夊ｨｭ螳壺煤笏≫煤笏≫煤笏≫煤笏≫煤笏≫煤笏�*/

.hover:hover{
    opacity:0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8,9 */ 	
}