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

/* 第１階層 pfm */
/* function_top.cssに移行 */


/* 第２階層 fn_top (fn_sl, fn_nv, fn_av, fn_di) */
/* ヘッダーと本文部の間隔 */
#cyb09 #fn_top #mainblock {margin-top: 18px;}
/* 中構造（mainblock内） */
#cyb09 #fn_top .box_top {margin:10px auto 50px auto;}
#cyb09 #fn_top .box_mid {margin:10px auto 30px auto;}
#cyb09 #fn_top .box_btm_w {margin:10px auto 50px auto;}


/* 第３階層 fn_sub (fn_sl_a,_b,... fn_di_d) */

/* 第３階層背景画像 */
#cyb09 #fn_sub #navi_3_sl #navi_3 {background-image:url(../../function/images/navi3_btn_bg_fn_sl.jpg);}
#cyb09 #fn_sub #navi_3_nv #navi_3 {background-image:url(../../function/images/navi3_btn_bg_fn_nv.jpg);}
#cyb09 #fn_sub #navi_3_av #navi_3 {background-image:url(../../function/images/navi3_btn_bg_fn_av.jpg);}
#cyb09 #fn_sub #navi_3_di #navi_3 {background-image:url(../../function/images/navi3_btn_bg_fn_di.jpg);}

/* ヘッダーと本文部の間隔 */
#cyb09 #fn_sub #mainblock {margin-top: 18px;}


/* 中構造（mainblock内） */
#cyb09 #fn_sub .box_top {margin:10px auto 30px auto;}
#cyb09 #fn_sub .box_mid {margin:10px auto 30px auto;}
#cyb09 #fn_sub .box_mid_c {margin:10px auto 30px auto;}
#cyb09 #fn_sub .box_btm {margin:10px auto 30px auto;}

/* 小構造 */
#cyb09 #fn_sub .inbox{margin-top:20px;clear:both;}
#cyb09 #fn_sub .inbox2{margin-top:1px;clear:both;overflow:hidden;}
#cyb09 #fn_sub .inbox_c {margin-top:20px; text-align:center; clear:both;}

/* 画像２ w340px */
#cyb09 #fn_sub .in_img2 {width:340px;}
#cyb09 #fn_sub .in_img2 p {font-size: 10px;}
/* 画像２ w340px ロールオーバー*/
#cyb09 #fn_sub .in_img2ov {width:340px;}
#cyb09 #fn_sub .in_img2ov p {font-size: 10px; float:left;}
#cyb09 #fn_sub .in_img2ov div.ro_set_1,#cyb09 #fn_sub .in_img1 div.ro_set_1 {width:118px;height:22px; float:right; background-image:url(../images/btn_ro_set_a_1.gif); cursor:pointer;}
#cyb09 #fn_sub .in_img2ov div.ro_set_1 span,#cyb09 #fn_sub .in_img1 div.ro_set_1 span {display:block;width:58px;height:23px;text-indent: -9999px; float:left;}
#cyb09 #fn_sub .in_img2ov div.ro_set_1 a:link,
#cyb09 #fn_sub .in_img2ov div.ro_set_1 a:visited,
#cyb09 #fn_sub .in_img2ov div.ro_set_1 a:active,
#cyb09 #fn_sub .in_img1 div.ro_set_1 a:link,
#cyb09 #fn_sub .in_img1 div.ro_set_1 a:visited,
#cyb09 #fn_sub .in_img1 div.ro_set_1 a:active {display:block;width:58px;height:23px;text-indent: -9999px;float:right;}
#cyb09 #fn_sub .in_img2ov div.ro_set_1 a:hover,#cyb09 #fn_sub .in_img1 div.ro_set_1 a:hover {display:block;width:58px;height:23px;text-indent: -9999px;float:right;}

/* テキストw320＋画像１w400*/
#cyb09 #fn_sub .in_txim p {display:block; width:320px; float:left;}
#cyb09 #fn_sub .in_txim .in_img1 {width:400px; float:right;}
#cyb09 #fn_sub .in_txim .in_img1 p {display:block; width:400px; font-size: 10px;}

/* テキストw380＋画像１w340*/
#cyb09 #fn_sub .in_txim34 p {display:block; width:380px; float:left;}
#cyb09 #fn_sub .in_txim34 .in_img1 {width:340px; float:right;}
#cyb09 #fn_sub .in_txim34 .in_img1 p {display:block; width:340px; font-size: 10px;}

/* テキストw320＋画像１w400 ロールオーバー*/
#cyb09 #fn_sub .in_txim_ov p.txw32 {display:block; width:320px; float:left;}
#cyb09 #fn_sub .in_txim_ov .in_img1 {width:400px; float:right;}
#cyb09 #fn_sub .in_txim_ov .in_img1 p.terop {font-size: 10px; float:left;}
#cyb09 #fn_sub .in_txim_ov div.ro_set_1 {width:118px;height:22px; float:right; background-image:url(../images/btn_ro_set_a_1.gif); cursor:pointer;}
#cyb09 #fn_sub .in_txim_ov div.ro_set_1 span {display:block;width:58px;height:23px;text-indent: -9999px; float:left;}
#cyb09 #fn_sub .in_txim_ov div.ro_set_1 a:link,
#cyb09 #fn_sub .in_txim_ov div.ro_set_1 a:visited,
#cyb09 #fn_sub .in_txim_ov div.ro_set_1 a:active {display:block;width:58px;height:23px;text-indent: -9999px;float:right;}
#cyb09 #fn_sub .in_txim_ov div.ro_set_1 a:hover {display:block;width:58px;height:23px;text-indent: -9999px;float:right;}

/* コラム */
#cyb09 #fn_sub .column {padding:10px; border:#666666 solid 1px;}
#cyb09 #fn_sub .column p.title {margin-bottom:10px; font-weight:bold; text-align:center;}
#cyb09 #fn_sub .column ul {padding:10px 20px 0 20px;}
#cyb09 #fn_sub .column li {list-style:square outside;}

/* テキストw525＋画像１w195 */
#cyb09 #fn_sub .in_txi3 p {display:block; width:525px; float:left;}
#cyb09 #fn_sub .in_txi3 .in_img1 {width:195px; float:right;}
#cyb09 #fn_sub .in_txi3 .in_img1 p {font-size: 10px; margin-top:2px;}

/* 画像１w230 */
#cyb09 #fn_sub .in_txi4 {display:block; width:230px; float:left; margin-right:20px;}
#cyb09 #fn_sub .in_txi5 {display:block; width:230px; float:left;}
#cyb09 #fn_sub .in_txi4 p,
#cyb09 #fn_sub .in_txi5 p {font-size: 10px; margin-top:2px;}

/* 画像２＋１w230 */
#cyb09 #fn_sub .in_txi4w {display:block; width:500px; float:left;}
#cyb09 #fn_sub .in_txi4w img {margin:0px;}
#cyb09 #fn_sub .in_txi4w img#img1st {margin-right:20px;}
#cyb09 #fn_sub .in_txi4w p {font-size: 10px; margin-top:2px;}


/* 枠線ボックス */
#cyb09 .box_c_gr {
	width:698px;
	border:1px solid #666;
	padding:15px;
}

#cyb09 .box_c_gr img {margin-top:10px;}


/* コラム内バリエーション */
#cyb09 #fn_sub .column .title2 {margin-bottom:10px; font-weight:bold;}

/* インデント１文字分 */
#cyb09 #fn_sub .ind {
	margin-left:1em;
	text-indent: -1em;
}

#cyb09 #fn_sub .ulnon ul {padding-top:0;padding-left:0;}
#cyb09 #fn_sub .ulnon ul li {
	list-style:none;
	margin-left:1.5em;
	text-indent: -1.5em;
}


/* 表組み */
#cyb09 #fn_sub .table01 {
	background-color:#969696;
}

#cyb09 #fn_sub .table01 th {
	background-color:#F0F0F0;
	font-weight:normal;
}

#cyb09 #fn_sub .table01 td {
	background-color:#fff;
	font-weight:normal;
}

#cyb09 #fn_sub .table02 th,#cyb09 #fn_sub .table02 td {
text-align:center;
}

/* 表への見出し */
#cyb09 #fn_sub .fn_h5 {
	padding-left:5px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #000;
}

/* 表組みの背景色 */
#cyb09 #fn_sub th.tbc01 {background-color:#EFF2AA;}
#cyb09 #fn_sub td.tbc01 {background-color:#FBFCEB;}
#cyb09 #fn_sub th.tbc02 {background-color:#CDF5D0;}
#cyb09 #fn_sub td.tbc02 {background-color:#EFFCF0;}


/* フッターナビゲーションボタン */

#cyb09 #fn_btn_foot {
	width: 730px;
	height: 35px;
	margin: 20px auto 50px;
	padding: 0px;
	display: block;
	position: relative;
	border: 0px #f00 solid;
}

#cyb09 #fn_btn_foot ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #0f0 solid;
}

#cyb09 #fn_btn_foot li {
	margin: 0px;
	padding: 0px;
	display: inline;
	border: 0px #00f solid;
}

#cyb09 #fn_btn_foot .fn_btn_left {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px #0f0 solid;
}

#cyb09 #fn_btn_foot .fn_btn_center {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 227px;
	top: 0px;
	border: 0px #0f0 solid;
}

#cyb09 #fn_btn_foot .fn_btn_right {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	border: 0px #0f0 solid;
}





/* --------------- function内　製品ボックス .boxtype1 --------------- */
/* 外枠 */
#cyb09 #fn_sub .boxtype1 {
	clear:both;
	width:728px;
	border:1px solid #000;
	text-align:left;
	min-height:1px;
	overflow:hidden;
}
#cyb09 #sys_sub .boxtype1a {
	clear:both;
	width:728px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	text-align:left;
	min-height:1px;
}
#cyb09 #sys_sub .boxtype1:after,
#cyb09 #sys_sub .boxtype1a:after,
#cyb09 #sys_sub .boxtype2b:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#cyb09 #sys_sub .boxtype2b {
	clear:both;
	width:728px;
	margin-top:10px;
	text-align:left;
	background:url(../images/sys_boxbg_2_2.gif) bottom no-repeat;
	min-height:1px;
}

/* 個々の枠サイズ */
#cyb09 #sys_sub .boxtype2b dl {
	width:363px;
	float:left;
}

/* 左右のマージン */
#cyb09 #sys_sub dl.mr1 {margin-right:1px;}
#cyb09 #sys_sub .ml12 {margin-left:12px;}

/* 帯 */
#cyb09 #sys_sub .boxtype1 h4,
#cyb09 #sys_sub .boxtype1a h4 {border-bottom:1px solid #000;}
#cyb09 #sys_sub .boxtype2b h4 {
	background-color:#A8A8A8;
	height:60px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}



/* 枠内本文のレイアウト */
#cyb09 #sys_sub .boxtype1 dd,
#cyb09 #sys_sub .boxtype1a dd {padding:12px 12px 8px 15px;}
#cyb09 #sys_sub dd p.note {margin:5px 0;}

#cyb09 #sys_sub dd .box_btn_more {
	text-align:right;
	margin:10px 0;
}


/* インデント１文字分 */
#cyb09 #sys_sub dd ul.box_dd_ul li,
#cyb09 #sys_sub .ind {
	margin-left:1em;
	text-indent: -1em;
}

/* 詳細ボタン */
#cyb09 #sys_sub dd a.btn_more {
	padding:3px 5px 3px 22px;
	margin:0;
	background:#AEAEAE url(../images/arr.gif) 9px center no-repeat;
}

#cyb09 #sys_sub dd a.btn_more:hover {
	background:#C7C7C7 url(../images/arr.gif) 9px center no-repeat;
}

/* 画像340px + テキスト334px */
#cyb09 #sys_sub dd.in_txi4 {
	float:right;
	padding:12px 12px 8px 0;
	margin:0;
	width:341px;
}
#cyb09 dd.in_txi6 {
	float:right;
	padding:12px 12px 8px 0;
	margin:0;
	width:341px;
}

/* 左寄せ */
#cyb09 #sys_sub .boxL {
	float:left;
	margin-right:10px;
}

/* w340 二列リスト */
#cyb09 #fn_sub ul.li34x2 li {float:left; width:310px; padding-left:10px;}
#cyb09 #fn_sub ul.li34x2 li.li34x2_l {margin-right:50px;}

#cyb09 #fn_sub ul.li_o_disc {padding-left:15px;}
#cyb09 #fn_sub ul.li_o_disc li {list-style:outside disc;}

#cyb09 #fn_next {text-align:right; margin:5px 14px 30px 0; clear:both;}
#cyb09 #fn_prev {text-align:left; margin:0 0 15px 7px; clear:both;}
#cyb09 a.next_link {border:1px solid #FF0000;padding:3px;color:#FF0000;font-size:14px;}
#cyb09 a.next_link:hover {text-decoration:none;}


/* 新ボタン */

#cyb09 .box_btn_more02 {
margin:10px 0 0;
width:25em;
float:right;
clear:both;
}
#cyb09 .box_btn_more02 a {
display:block;
color:#000;
font-weight:bold;
text-decoration:none;
padding:0 0 0 22px;
margin:0;
background:#AEAEAE url(../images/arr.gif) 9px 3px no-repeat;
border-right:1px #666 solid;
border-bottom:1px #666 solid;
}
#cyb09 .box_btn_more02 a:hover {
background:#C7C7C7 url(../images/arr.gif) 9px 3px no-repeat;
}