@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////

 default_CSS

/////////////////////////////////////////////////////////////////////////*/

/* /////// Reset //////////*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {

	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;

}

body { line-height:1; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

ul { list-style:none; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before,blockquote:after,q:before, q:after { content:''; content:none; }



a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* change colours to suit your needs */

ins { background-color:#ff9; color:#000; text-decoration:none; }

/* change colours to suit your needs */

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }



table { border-collapse:collapse; border-spacing:0; }



/* basic */

* { margin:0;padding:0;}

body { text-align:center; font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}

/*h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}*/

a,object,embed { outline:none;}

img { border:none;}

.alt { position:absolute; top:-5000px; left:-9999px;}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}

.clearfix { min-height:1px;}

* html .clearfix { height: 1px;

	/*\*//*/

	height: auto;

	overflow: hidden;

	/**/

	}

a { text-decoration:underline; color:#3333cc;}

a:hover { text-decoration:none; color:#a0c426; }



.f50 { font-size:50%;}

.f55 { font-size:55%;}

.f60 { font-size:60%;}

.f65 { font-size:65%;}

.f70 { font-size:70%;}

.f75 { font-size:75%; }

.f80 { font-size:80%; }

.f85 { font-size:85%;}

.f90 { font-size:90%;}

.f95 { font-size:95%; }

.f105 { font-size:105%; }

.f110 { font-size:110%; }

.f115 { font-size:115%; }

.f120 { font-size:120%;}

.f125 { font-size:125%; }

.f130 { font-size:130%; }

.f135 { font-size:135%; }

.f140 { font-size:140%; }

.f145 { font-size:145%; }

.f150 { font-size:150%; }

.f155 { font-size:155%; } 

.f160 { font-size:160%; }

.f165 { font-size:165%; }

.f170 { font-size:170%; }

.f175 { font-size:175%; }

.f180 { font-size:180%; }

.f185 { font-size:185%; }

.f190 { font-size:190%; }

.f195 { font-size:195%; }

.f200 { font-size:200%; }



.black { color:#282828; }

/*.green { color:#a0c426; }*/

.green { colot:#2db8bb; }

/*.dgreen { color:#6d8d02; }*/

.dgreen { color:#029c9f; }

/*.lgreen { color:#eaf4c8; }*/

.lgreen { color:#dff9fa; }

.blue { color:#26b3fb; }

.dblue { color:#0c78af; }

.lblue { color:#d7f1fe; }



.underline_blue40 { background:linear-gradient(transparent 60%, #62c8fc 40%); }

.underline_green40 { background:linear-gradient(transparent 60%, #c8df7b 40%); }

.underline_yellow40 { background:linear-gradient(transparent 60%, #FFFE03 40%); }

.underline_purple40 { background:linear-gradient(transparent 60%, #efedfb 40%); }



.purple { color:#827bb6; }

.lpurple { color:#efedfb; }

.pink { color:#ef539f; }

.red, .red a { color:#db0000; }



.img_lnk a img:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }



.lefting { text-align:left; }

.righting { text-align:right; }

.centering { text-align:center; }

.block_center { margin:0 auto; }

.bolding { font-weight:bold; }

.normalizing { font-weight:normal; }



/* underline */

/*.udln_blue60 { background:linear-gradient(transparent 60%, #62c8fc 40%); }*/



.breakall { word-break:break-all; }



.mar_btm30 { margin:0 0 30px 0; }

.mar_btm20 { margin:0 0 20px 0; }

.mar_btm10 { margin:0 0 10px 0; }

.mar_btm5 { margin:0 0 5px 0; }

.mar_01 { margin:0 1%; }



.pad_btm40 {  padding:0 0 40px 0; }

.pad_btm30 {  padding:0 0 30px 0; }

.pad_btm20 {  padding:0 0 20px 0; }

.pad_btm10 {  padding:0 0 10px 0; }

.pad_btm5 {  padding:0 0 5px 0; }

.pad5 { padding:5px 0; }

.pad10 { padding:10px 0; }

.pad20 { padding:20px 0; }

.pad_top { padding:5px 0 0 0; }



/* ref warning等 クレイ背景パート */

.ref_prt_gry { /*margin:0 3%;*/ padding:14px 3%; background-color:#efefef; }



.bggrn { background-color:#dff9fa; }

.bgblu { background-color:#d7f1fe; }

.bgPpl { background-color:#efedfb; }

.bggry { background-color:#efefef; }



.border_r { border-right:1px solid #999999; }

.border_b { border-bottom:1px solid #999999; }



/* link button */

.lnk_btn { padding:5px 10px; background-color:#2db8bb; color:#ffffff; text-align:center; font-weight:bold; font-size:90%; border:none;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}

.lnk_btn a { display:block; text-decoration:none; color:#ffffff; }

.lnk_btn a:hover { color:#282828; text-decoration:underline; }

/*.lnk_btn { text-align:center; font-weight:bold; font-size:90%; }

.lnk_btn a { display:block; padding:5px 10px; background-color:#a0c426; text-decoration:none; color:#ffffff;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}

.lnk_btn a:hover { background-color:#26b3fb; text-decoration:underline; }*/

.lnk_btn_blue { padding:5px 10px; background-color:#26b3fb; color:#ffffff; text-align:center; font-weight:bold; font-size:90%;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}

.lnk_btn_blue a { display:block; text-decoration:none; color:#ffffff; }

.lnk_btn_blue a:hover { color:#282828; text-decoration:underline; }



.lnk_btn_white { padding:5px 10px; background-color:#ffffff; border:1px solid #999999; color:#282828; text-align:center; font-weight:bold; font-size:90%;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}

.lnk_btn_white a { display:block; text-decoration:none; color:#282828; }

.lnk_btn_white a:hover { color:#282828; text-decoration:underline; }



.btn50 { width:40%; margin:0 5%; }



/*/////////////////////////////////////////////////////////////////////////

/// 共通CSS  ///

/////////////////////////////////////////////////////////////////////////*/

html,body { width:100%; text-align:left; }

body { color:#282828; font-size:90%; line-height:1.4; position:relative; -webkit-text-size-adjust:100%; }

#cntnr { width:100%; text-align:left; position:relative; }



/* /////////////////////////////////////////////////////////////////////////////

Basic Layout

//////////////////////////////////////////////////////////////////////////////*/

.glb_inner { max-width:1024px; margin:0 auto; }

.glb_inner_flt { max-width:1024px; margin:0 auto; display:flex; align-items:stretch; flex-wrap:nowrap; }



.prt_inner { margin:0 2%; }

.prt_inner90 { width:90%; margin:0 auto; }

.prt_inner80 { width:80%; margin:0 auto; }



.flex_flt { display:flex; align-items:stretch; flex-wrap:nowrap; }

.flex_flt_wrap { display:flex; align-items:stretch; flex-wrap:wrap; }

.flex_flt_nostretch { display:flex; align-items:center; flex-wrap:wrap; }

.flex_flt_wrap_center { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; }

.flex_flt_nowrap_center { display:flex; align-items:center; flex-wrap:nowrap; justify-content:center; }



.flt3_btns { width:26.33%; margin:0 3%; }

.flt4_btns { width:21%; margin:0 2%; }

.flt5_btns { width:18%; margin:0 1%; }

.flt5 { width:20%; }

.flt4 { width:25%; }

.flt3 { width:33.33%; }



.flt5050_l { width:50%; }

.flt5050_r { width:50%; }



.flt4040 { width:40%; margin:0 auto; }



.flt4060_l { width:40%; background-color:#2db8bb; }

.flt4060_l .flt4060_l_inner { max-width:385px; margin:0 0 0 auto; padding:10px 3%; }

.flt4060_r { width:60%; background-color:#26b3fb; }

.flt4060_r .flt4060_r_inner { /*max-width:577px;*/ max-width:650px; margin:0 auto 0 0; padding:10px 3%; }



.flt7030_l { width:70%; }

.flt7030_l .flt7030_l_inner { margin:0 auto; padding:10px 3%; }

.flt7030_r { width:30%; }

.flt7030_r .flt7030_r_inner { margin:0 auto; padding:10px 3%; }



.flt4060_ord_l { width:40%; }

.flt4060_ord_r { width:60%; }



.flt3333 { width:33.33%; }



.flt2080_l { width:20%; }

.flt2080_r { width:80%; }



.flt1585_l { width:15%; }

.flt1585_r { width:85%; }



.flt3070_l { width:30%; }

.flt3070_r { width:70%; }



.flt2575_l { width:25%; }

.flt2575_r { width:75%; }



.w5 { width:4%; margin:0 0.5%; }

.w10 { width:9%; margin:0 0.5%; }

.w12 { width:11%; margin:0 0.5%; }

.w15 { width:14%; margin:0 0.5%; }

.w20 { width:19%; margin:0 0.5%; }

.w25 { width:24%; margin:0 0.5%; }

.w30 { width:29%; margin:0 0.5%; }

.w35 { width:34%; margin:0 0.5%; }

.w40 { width:39%; margin:0 0.5%; }

.w45 { width:44%; margin:0 0.5%; }

.w50 { width:49%; margin:0 0.5%; }

.w60 { width:59%; margin:0 0.5%; }

.w70 { width:69%; margin:0 0.5%; }

.w80 { width:79%; margin:0 0.5%; }

.w90 { width:89%; margin:0 0.5%; }

.w100 { width:99%; margin:0 0.5%; }



/* contents parts by edit phase */

.srch { /*display:none;*/ }

.list { /*display:none;*/ }

.edit { /*display:none;*/ }

.conf { display:none; }

.slct { display:none; }

.sumup { display:none; }

.use { /*display:none;*/ }

.print { display:none; }

.marker { display:none; }

#tool_srch_termtxt { display:none; }



/* tool print */

.print { position:relative; }

/*.print_inner_v { width:210mm; height:297mm; margin:10px auto; position:relative; }*/

.print_inner_v { width:658px; height:926px; margin:0 auto; position:relative; }

/*.print_inner_h { width:297mm; height:210mm; margin:0 auto; position:relative; }*/

.print_inner_h { width:926px; height:658px; margin:0 auto; position:relative; }

/*.print_inner_s { width:210mm; height:210mm; margin:10px auto; position:relative; }*/

.print_inner_s { width:658px; height:658px; margin:0 auto; position:relative; }

.print_inner_v img,

.print_inner_h img,

.print_inner_h img { width:100%; }

.print_return_btn { position:absolute; top:20px; left:2%; width:5%; padding:5px 10px; background-color:#a0c426; color:#ffffff; text-align:center; z-index:800;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}

.print_return_btn a { display:block; text-decoration:none; color:#ffffff; }

.print_return_btn a:hover { text-decoration:undeerline; color:#282828; }

.print_ref { position:absolute; top:100px; left:2%; width:10%; padding:5px 10px; background:url(../img/bg_black.png); /*background-color:#a0c426; opacity:.5;*/ color:#ffffff; text-align:left; font-size:80%; z-index:800;

	-webkit-border-radius: .3em;

	-moz-border-radius: .3em;

	border-radius: .3em; 

}

 

/*.break_after { break-after:page; }*/





/* /////////////////////////////////////////////////////////////////////////////

Parts

//////////////////////////////////////////////////////////////////////////////*/

/* title */

h1.title { display:block; margin-bottoom:0; text-align:center; font-size:240%; font-weight:bold; }

h2.pagettl { display:block; margin-bottoom:0; text-align:center; font-size:200%; font-weight:bold; position:relative; }

h2.pagettl_sample { display:block; margin-bottoom:0; text-align:center; font-size:200%; font-weight:bold; position:relative; }

h2.pagettl .pagettl_ref { position:absolute; top:10px; left:3%; width:20%; text-align:center; font-size:50%; font-weight:normal; }

h3.itmttl { display:block; margin-bottom:0; /*padding:3px 0 3px 3%;*/ padding:3px 0 3px 6%; background:url(../img/icon_tooth1.png) no-repeat 0 4px; /*background-size:2.3%;*/ background-size:3%; font-size:160%; font-weight:bold; }

h3.itmttl_noicon { display:block; margin-bottom:0; padding:3px 0 3px 3%; font-size:220%; font-weight:bold; text-align:center; }



/* ↓ADD@230227 folt5050内のアイテムタイトル */

.flt5050_l h3.itmttl,

.flt5050_r h3.itmttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; background:url(../img/icon_tooth1.png) no-repeat 0 4px; background-size:5.3%; font-size:160%; font-weight:bold; }

/* ↑ADD@230227 folt5050内のアイテムタイトル */

h4.itm_subttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; font-size:130%; font-weight:bold; position:relative; }

h4.itm_subttl .itm_bubttl_ref { position:absolute; top:10px; left:3%; width:20%; text-align:center; font-size:60%; font-weight:normal; }

h5.subprt_ttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; font-size:110%; font-weight:bold; position:relative; }

h5.subprt_ttl .subprt_ttl_btn { position:absolute; top:-2px; right:3%; font-size:80%; }

h5.subprt_ttl .subprt_ttl_btn a { text-decoration:none; color:#ffffff; }



/* thumbnails list (my catalog - tools list/) */

.thm_ech { margin:0 0 14px; padding:0 2%; }

.thm_ech .thm_hldr { margin:0 auto 10px; }

.thm_ech .thm_hldr.thm_v { width:71%; }

.thm_ech .thm_hldr.thm_h { width:100%; }

.thm_ech .thm_hldr.thm_s { width:71%; }

.thm_ech .thm_hldr a { display:block; }

.thm_ech .thm_hldr img { width:100%; border:1px solid #cccccc; }

.thm_ech .thm_hldr .overlayer img { border:none; }

.thm_ech .cpt_hldr { font-size:90%; text-align:center; }



/* inner of colored background */

.prt_bg_white { width:94%; padding:10px 3%; background-color:#ffffff;

	-webkit-border-radius: .3em;

	-moz-border-radius: .3em;

	border-radius: .3em; 

}



/* form elements */

form input,

form textarea { padding:2px 5px; font-size:100%; }

form select,

form option { padding:2px 5px; font-size:100%; }

.form_item_submit { text-align:center; }

form input.submit_btn { padding:10px 20px; background-color:#2db8bb; color:#ffffff; }

form input.submit_btn_wht { padding:10px 20px; background-color:#ffffff; }

form input.showpssbtn { margin:10px 0 0; background-color:#efefef; font-size:80%; }



/* referrence */

.ref_r { text-align:right; }



/* button in center */

.btn_cntr { width:34%; margin:0 auto; }



/* toTop */

.totop { width:40px; height:40px; position:fixed; right:40px; bottom:40px; display:none; }

.totop img { width:100%; }



/* icon tool property */

.icon_prpty { margin:0 1% 5px; padding:2px 10px; background-color:#26b3fb; color:#ffffff; font-size:80%; 

	-webkit-border-radius: .2em;

	-moz-border-radius: .2em;

	border-radius: .2em; 

}

.icon_frmt { width:94%; margin:0 3% 5px; padding:2px 10px; background-color:#2db8bb; color:#ffffff; font-size:80%; 

	-webkit-border-radius: .2em;

	-moz-border-radius: .2em;

	border-radius: .2em; 

}

/* icon tool property　comentID */

.icon_comnetid { margin:0 1% 5px; padding:2px 10px; background-color:#eaf4c8; color:#282828; font-size:80%; 

	-webkit-border-radius: .2em;

	-moz-border-radius: .2em;

	border-radius: .2em; 

}

.icon_folder { margin:0 1% 5px; padding:2px 10px; background-color:#d7f1fe; color:#282828; font-size:80%; 

	-webkit-border-radius: .2em;

	-moz-border-radius: .2em;

	border-radius: .2em; 

}



.exp_added_ttl { font-size:110%; font-weight:bold; }



/* modal */

.cmn_modal { position:absolute; top:0; left:-200%; /*left:0;*/ z-index:901; }

.cmn_modal .modal_inner { width:100%; position:relative; }

.cmn_modal_bg { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg_black.png); z-index:900; }

/*.cmn_modal .modal_closebtn { position:absolute; top:0; right:1%; font-size:200%; z-index:999; }

.cmn_modal .modal_closebtn a { text-decoration:none; }*/

.cmn_modal .modal_closebtn { position:absolute; top:10px; right:1%; width:6%; line-height:0; z-index:999; }

.cmn_modal .modal_closebtn a { text-decoration:none; }

.cmn_modal .modal_closebtn .modal_closebtn_prnt { width:100%; padding:3px 0; text-align:right; }

.cmn_modal .modal_closebtn .modal_closebtn_prnt a { width:100%; }

.cmn_modal .modal_closebtn .modal_closebtn_prnt img { width:100%; }

/* MOD@240312 matsushita */



/* warning plate bottom */

#warning_btm { width:100%; position:fixed; bottom:-100%; /*bottom:0;*/ left:0; z-index:700; background:url(../img/bg_white.png); border-top:1px solid #a0c426; }

#warning_btm .warning_cnt { position:relative; }

#warning_btm .warning_cnt .cls_btn { width:3%; position:absolute; top:-10px; right:10px; z-index:701; }

#warning_btm .warning_cnt .cls_btn a { display:block; }

#warning_btm .warning_cnt .cls_btn img { width:100%; }

#warning_btm .warning_cnt .warning_txt { width:65%; margin:0 5% 0 0; }

#warning_btm .warning_cnt .warning_btns { width:25%; }

#warning_btm .warning_cnt .warning_btns .warning_btn_ech { width:80%; margin:10px auto; }



/* ↓ add 2024-05-29 */

.cmn_modal .modal_closebtn a img { width:100%; }

/* ↑ add 2024-05-29 */



/* tool image over layer */

.tlimghldr { position:relative; }

.tlimghldr img { width:100%; }

.tlimghldr .overlayer { position:absolute; top:0; left:0; width:100%; }

.tlimghldr .overlayer img { width:100%; }

.tlimghldr .overlayer a { display:block; }

/* logo_position：1/2　下ロゴ */

.tlimghldr .overlayer_logo_btm { position:absolute; bottom:0; left:0; width:100%; }

/* logo_position：3　右上ロゴ縦 @230125時点　widthは仮 */

.tlimghldr .overlayer_logo_topright_v { position:absolute; top:0; right:0; width:42%; }

/* logo_position：4　右上ロゴ横 @230125時点　widthは仮 */

.tlimghldr .overlayer_logo_topright_h { position:absolute; top:0; right:0; width:42%; }

/* tag over tool image Drag and Drop*/

.tlimghldr .tag_fordd { position:absolute; top:0; left:0; width:14%; }

.tlimghldr .tag_fordd img { width:100%; }

/* tag over tool image usage logs */

/*.tag_forul { position:relative; width:100%; }

.tag_forul img { width:100%; }

.tag_forul .tag_forul_txt { width:94%; margin:0 auto; padding:5px 0 0 0; position:absolute; top:0; left:0; text-align:center; }*/

.tag_forul { width:60%; margin:0 20% 5px; padding:5px 0; background-color:#666666; color:#ffffff; font-weight:bold; text-align:center;

    -webkit-border-radius: .5em;

    -moz-border-radius: .5em;

    border-radius: .5em;}



/* use modal(表示) */

/* ↓carousel.scss r90(bootstrap.css r5809以降)一部をover write */

.carousel-control-prev,

.carousel-control-next { /*height:100%;*/ height:800px; z-index:970; }

/* ↑carousel.scss r90をover write */



/* bootstrap controls icon bootstrap.css r5850 / 5850 の一部をover write */

.carousel-control-prev-icon { z-index:980; }

.carousel-control-next-icon { z-index:980; }



.carousel-control-prev-icon { background-image:url(../img/arrow_prv.png); }

.carousel-control-next-icon { background-image:url(../img/arrow_nxt.png); }







/*.cms_input {  }

.cms_input:disabled { background-color:#efefef; }



#srch_plt {  }

#btn_srch { display:none; }

#btn_sort { display:none; }*?



/*#cms_btn_sndData { display:none; }*/



/*#list_btn_btm { display:none; }



.row_ref { padding:5px 0; display:none; }



.cms_btn a { display:block; padding:5px; background-color:#999999; color:#ffffff; text-decoration:none; text-align:center;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em; 

	}

.cms_btn a:hover { background-color:#333333; }



#import_rslt { color:#ef539f; }*/



/* amp_alt */

/*.edt_alt { display:none; margin:0; padding:0 0.5%; }

.cms_input_alt { display:none; }*/







/* /////////////////////////////////////////////////////////////////////////////

Header

/////////////////////////////////////////////////////////////////////////////*/

.hdr { width:100%; margin:0 auto; padding:5px 0; /*border-bottom:2px solid #6d8d02;*/ }

.hdr .glb_inner { max-width:1024px; display:flex; align-items:stretch; flex-wrap:nowrap; }

/*.hdr .btn_spc { width:5%; }*/

.hdr .hd_logo { width:26%; margin:0 2% 0 0; }

.hdr .hd_logo a { display:block; }

.hdr .hd_logo img { width:100%; }

.hdr .hd_cnt { width:70%; margin:0 2% 0 0; }

.hdr .hd_cnt .hd_ttl_lnk { width:100%; margin:0 0 10px 0; }

/*.hdr .hd_cnt .hd_ttl_lnk .hd_ttl { width:30%; padding:3px 0 0; font-size:110%; }*/

.hdr .hd_cnt .hd_ttl_lnk .hd_ttl { width:70%; padding:3px 0 0; font-size:110%; }

.hdr .hd_cnt .hd_ttl_lnk .hd_tel { width:26%; margin:0 2%; padding:3px 0 0; font-size:110%; font-weight:bold; text-align:center; }

.hdr .hd_cnt .hd_ttl_lnk .hd_lnk { width:26%; margin:0 2%; text-align:center; }

.hdr .hd_cnt .hd_ttl_lnk .hd_lnk a { display:block; }

.hdr .hd_cnt .hd_login { text-align:right; }



/* header free page */

.hdr.hdr_free { margin:0 0 20px 0; border-bottom:2px solid #6d8d02; }

.hdr .hd_cnt .hd_ttl_lnk .hd_ttl_free { width:64%; padding:3px 0 0; font-size:110%; }



/* /////////////////////////////////////////////////////////////////////////////

links top

/////////////////////////////////////////////////////////////////////////////*/

#lnks_top {  }

#lnks_top .lnk_btn { border-bottom:3px solid #2db8bb; background-color:#ffffff; color:#2db8bb;

    -webkit-border-radius: 3em;

	-moz-border-radius: 0;

	border-radius: 0;  

}

#lnks_top .lnk_btn a { color:#2db8bb; }

#lnks_top .lnk_btn a:hover {  }



/* /////////////////////////////////////////////////////////////////////////////

Footer

/////////////////////////////////////////////////////////////////////////////*/

.ft { padding:10px 0; border-top:1px solid #999999; font-size:90%; }

.ft .ft_ttl { padding:0 3% 10px; font-size:140%; font-weight:bold; }

.ft .ft_cnt { padding:0 3% 10px; }

.ft .ft_cnt .ft_com { width:50%; }

.ft .ft_cnt .ft_btns { width:50%; }

.ft .ft_cnt .ft_btns .ft_lnk { width:40%; margin:10px 5% 0; }

.ft .ft_copy { text-align:center; }



/* /////////////////////////////////////////////////////////////////////////////

Bread

//////////////////////////////////////////////////////////////////////////////*/

#bread { /*border-top:2px solid #6d8d02;*/ border-top:1px solid #029c9f; }

#bread .bread_txt { padding:0 5%; font-size:80%; }



/* /////////////////////////////////////////////////////////////////////////////

Member Login form

//////////////////////////////////////////////////////////////////////////////*/

.login_form { margin:10% 20%; }

.login_form .field_ech { margin:0 0 30px 0; }

.login_form .field_ech .form_item_ttl { width:30%; margin:0 5% 0 0; }

.login_form .field_ech .form_item { width:65%; }



/* /////////////////////////////////////////////////////////////////////////////

may page - Infomation

//////////////////////////////////////////////////////////////////////////////*/

#info {  }

.info_inner { margin:0 5%; padding:20px 5%; background-color:#ffffff; box-shadow:4px 4px #cccccc;

    -webkit-border-radius: 3em;

	-moz-border-radius: 3em;

	border-radius: 3em; 

}

#info .info_cnt { margin:0 auto 0 0; padding:10px 0; /*background-color:#26b3fb;*/ }

#info .info_cnt .info_txt { margin:0 auto 0 3%; padding:10px 3%; background-color:#ffffff; font-size:110%; }





/*#info .info_ttl { width:24%; padding:20px 0; background-color:#2db8bb; text-align:center; color:#ffffff; }

#info .info_ttl .info_ttltxt { max-width:205px; margin:0 0 0 auto; }

#info .info_cnt { width:76%; margin:0 auto 0 0; padding:10px 0; background-color:#26b3fb; }

#info .info_cnt .info_txt { max-width:800px; margin:0 auto 0 3%; padding:10px 3%; background-color:#ffffff; font-size:110%;

	-webkit-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

	border-radius: 0.3em; 

}*/



/* /////////////////////////////////////////////////////////////////////////////

my page - main buttons

//////////////////////////////////////////////////////////////////////////////*/

/* MOD@230824 main buttonレイアウト変更 */

#main_btns { padding:30px 0; background-color:#2db8bb; }

#main_btns .main_btns_inner { margin:0 0 20px 0; padding:20px 5%; background-color:#ffffff;

	-webkit-border-radius: 3em;

	-moz-border-radius: 3em;

	border-radius: 3em; 

}



.main_btn_ech { width:36%; margin:0 7% 10px; position:relative; }

.main_btn_ech a { display:block; }

.main_btn_ech img { width:100%; }

.main_btn_ech .mainbtn_ttl.catalog { position:absolute; left:50%; top:28%; width:44%; margin:0 auto; padding:10px 3%; font-size:200%; font-weight:bold; color:#282828; }

.main_btn_ech .mainbtn_ttl.search { position:absolute; left:10%; top:28%; width:44%; margin:0 auto; padding:10px 3%; font-size:200%; font-weight:bold; color:#282828; }

.main_btn_ech .mainbtn_ttl a { color:#282828; text-decoration:none; }

.main_btn_ech .mainbtn_ttl a:hover { text-decoration:underline; }

.main_btn_ech .mainbtn_txt { position:absolute; left:0; bottom:0; width:94%; margin:0 auto; padding:5px 3%; font-size:80%; text-align:center; color:#ffffff; }



.second_btns_inner { padding:0 22%; }

.second_btns_inner .second_btn_ech { width:100%; position:relative; }

.second_btns_inner .second_btn_ech img { width:100%; }

.second_btns_inner .second_btn_ech .secondbtn_ttl { position:absolute; left:10%; top:28%; width:44%; margin:0 auto; padding:10px 3%; font-size:200%; font-weight:bold; color:#282828; }

.second_btns_inner .second_btn_ech .secondbtn_txt { position:absolute; left:0; bottom:0; width:94%; margin:0 auto; padding:5px 3%; font-size:80%; text-align:center; color:#282828 }



#third_btns { padding:30px 0; background-color:#f4f5f0; }

.third_btn_ech { width:25.33%; margin:0 5%; position:relative; }

.third_btn_ech img { width:100%; }

.third_btn_ech a { display:block; }

.third_btn_ech .third_btn_txt { position:absolute; left:0; bottom:0; width:94%; margin:0 auto; padding:5px 3%; font-size:80%; text-align:center; color:#282828 }



/* /////////////////////////////////////////////////////////////////////////////

my page - latest data */

/* ///////////////////////////////////////////////////////////////////////////*/

#mostused { display:none; border-bottom:1px solid #999999; }

#latest { display:none; border-bottom:1px solid #999999; }

#together { display:none; border-bottom:1px solid #999999; }

#mylog { display:none; border-bottom:1px solid #999999; }



/* /////////////////////////////////////////////////////////////////////////////

/* my page - print poster order guide */

/* ///////////////////////////////////////////////////////////////////////////*/

#po_guid_pht {  }

#po_guid_pht img { width:100%; }



/* /////////////////////////////////////////////////////////////////////////////

tool details メイン画像 / line share - image holder */

/* ///////////////////////////////////////////////////////////////////////////*/

.tldtl_imgs {  }

.tldtl_imgs .tldtl_mainimg_hldr { margin:0 auto 10px; }



.tldtl_imgs .tldtl_mainimg_hldr img { width:100%; border:1px solid #cccccc; }

.tldtl_imgs .tldtl_mainimg_hldr .overlayer img { border:none; }

.tldtl_imgs .tldtl_mainimg_hldr .overlayer_logo_btm img { border:none; }

.tldtl_imgs .tldtl_subimg {  }

.tldtl_imgs .tldtl_subimg .tldtl_subimg_ech { width:18%; margin:0 1% 10px 0; }

.tldtl_imgs .tldtl_subimg .tldtl_subimg_ech img { width:100%; border:1px solid #cccccc; }

.tldtl_imgs .tldtl_mainimg_hldr .overlayer_logo_btm img { border:none; }

.tldtl_imgs .tldtl_subimg .tldtl_subimg_ech .overlayer_logo_btm img { border:none; }

.tldtl_imgs .tldtl_subimg .tldtl_subimg_ech a { display:block; }



/* /////////////////////////////////////////////////////////////////////////////

ツール詳細 表示 / マイカタログ スライドショー */

/* ///////////////////////////////////////////////////////////////////////////*/

.carousel_container { width:100%; margin:0 auto; }

.carousel_contents { width:100%; margin:0 auto; }

.carousel_ech {  }	/* tldtlimghldr　サイズのstyleはscriptで設定 */





/* ↓不要 念のため */

/* アスペクト横 landscape */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_h.l { width:100%; }

/* アスペクト横 portrait */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_h.p { width:100%; }

/* アスペクト縦 landscapr */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_v.l { width:71%; }

/* アスペクト縦 portrait */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_v.p { width:100%; }

/* アスペクトSquare landscape */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_s.l { width:71%; }

/* アスペクトSquare portrait */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_s.p { width:100%; }

/* アスペクト動画 landscape */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_m.l { width:71%; }

/* アスペクト動画 lportrait */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_m.p { width:100%; }

/* ↑不要 念のため */





/* /////////////////////////////////////////////////////////////////////////////

tool details - review */

/* ///////////////////////////////////////////////////////////////////////////*/

.reltool { width:70%; }



#review {  }

#review h4.itm_subttl .send_good_btn { position:absolute; top:-2px; left:60%; }

#review h4.itm_subttl .send_good_btn img { width:70%; }

#review h4.itm_subttl .write_review_btn { position:absolute; top:0; right:10%; width:20%; font-size:70%; }

#review h4.itm_subttl .write_review_btn a { display:block; }



.good {  }

.good img { width:4%; }



/* MOD @230422 matsushita */

/*#review_contents { height:400px; overflow:auto; padding:10px 7% 10px 3%; border:1px solid #999999; }*/

#review_contents { max-height:400px; overflow:auto; padding:10px 7% 10px 3%; border:1px solid #999999; }

/* MOD @230422 matsushita */

#review_contents .review_ech { padding:10px 0; border-top:1px solid #999999; }

#review_contents .review_ech:first-child { border-top:none; }

#review_contents .review_ech .review_dat { padding:0 0 10px 0; text-align:right; }



/* write review modal */

#review_modal { width:60%; padding:14px 3%; background-color:#ffffff; }

#review_modal .modal_inner {  }

#review_modal .review_ttl { font-size:110%; font-weight:bold; }

#review_modal .review_txt {  }

#review_modal .review_regi_btn { width:80%; margin:0 auto; }



/* /////////////////////////////////////////////////////////////////////////////

tool details - use tool modal & myCatalog slideshow modal */

/* ///////////////////////////////////////////////////////////////////////////*/

#use_modal { width:100%; margin:0; /*z-index:902;*/ }





/* /////////////////////////////////////////////////////////////////////////////

tool details - Marker modal - tool images */

/* ///////////////////////////////////////////////////////////////////////////*/

#marker_modal { width:100%; margin:0; /*z-index:902;*/ }

.marker_container { position:relative; /*z-index:902;*/ }

.marker_container .slide_ech { position:absolute; top:0; left:0; }	/* sizeはjavascriptにより設定 */

.marker_container .slide_ech .tlimghldr { width:100%; }

.marker_container .slide_ech .tlimghldr img { width:100%; }



/* /////////////////////////////////////////////////////////////////////////////

tool details - Draw Area

/////////////////////////////////////////////////////////////////////////////*/

.draw_area { width:100%; position:relative; border:1px solid #999999; }

.draw_area img { width:100%; }

.cnvs_holder { position:absolute; top:0; left:0; width:100%; height:100%; /*border:3px solid #a0c426;*/ z-index:901; }



/* /////////////////////////////////////////////////////////////////////////////

tool details - Draw Mode Button

/////////////////////////////////////////////////////////////////////////////*/

.mode_plate { position:absolute; top:10px; left:10px; width:8%; max-width:70px; line-height:2.0em; padding:0 1%; font-size:70%; z-index:903; text-align:center; }

.mode_plate .mode_plate_btn { width:100%; margin:5px 0; }

.mode_plate .mode_plate_btn a { display:block; /*padding:5px 0;*/ /*background-color:#eaf4c8;*/ background-color:#ffffff; text-decoration:none; color:#333333; line-height:0; 

	-webkit-border-radius: .3em;

	-moz-border-radius: .3em;

	border-radius: .3em; 

}

.mode_plate .mode_plate_cnt { padding:10px 0; background-color:#ffffff; }

.mode_plate .mode_plate_btn img { width:96%; margin:0 2%;　}



form input.color_btn,

form input.volume_btn{ width:80%; margin:0 8.5%; /*padding:5px 10px;*/ padding:5px; /*font-size:110%;*/ }

form input.marker_btn_grey { background-color:#cccccc; }

form input.marker_btn_green { background-color:#eaf4c8; }

form input.marker_btn_yellow { background-color:#ffff99; }

form input.marker_btn_blue { background-color:#d7f1fe; }

form input.marker_btn_red { background-color:#ffccff; }

form input.marker_btn_purple { background-color:#dedafb; }

form input.marker_slct {border:3px solid #ff0000; }

/* ADD@240317 matsushita マーカー設定ボタン変更　marker_nowがなくなったので不要 */

.mode_plate .mode_now { width:100%; margin:5px 0; padding:5px; background-color:#ffffff; }

.mode_plate .mode_now .mode_now_ech { width:50%; }



.marker_btn_grey { background-color:#cccccc; }

.marker_btn_green { background-color:#eaf4c8; }

.marker_btn_yellow { background-color:#ffff99; }

.marker_btn_blue { background-color:#d7f1fe; }

.marker_btn_red { background-color:#ffccff; }

.marker_btn_purple { background-color:#dedafb; }

/* ADD@240317 matsushita マーカー設定ボタン変更 */



/* /////////////////////////////////////////////////////////////////////////////

search tools - serch terms form

//////////////////////////////////////////////////////////////////////////////*/

.srch_term_blck { padding:14px 3%; border:1px solid #999999; background-color:#efefef; }

/*.tool_srch_btn { width:50%; margin:0 auto; }*/

.tool_srch_btn { width: 46%; margin: 0 auto; }

.tool_srch_btn a { display:block; width:100%; }



/* ADD@240316 matsushita */

#MainContent_chkファイル形式 { display:flex; align-items:stretch; flex-wrap:wrap; }

#chkToolClass { display:flex; align-items:stretch; flex-wrap:wrap; }



/* /////////////////////////////////////////////////////////////////////////////

myCatalog

//////////////////////////////////////////////////////////////////////////////*/

/* tool list */

#tool_list_cnt { /*height:700px;*/ /*overflow:auto;*/ }



.tool_folder { padding:0 0 5px 20%; background:url(../img/icon_folder_s.png) no-repeat 0 0; }

.tool_btn {  }

.tllnk_btn { width:94%; margin:0 auto 5px; padding:3px 5px; border:1px solid #2db8bb; font-size:70%; text-align:center;

	-webkit-border-radius: .3em;

	-moz-border-radius: .3em;

	border-radius: .3em; 

}

.tllnk_btn a { display:block; color:#029c9f; text-decoration:none; }

.tllnk_btn a:hover { color:#282828; text-decoration:underline; }





/* myCatalog folder list */

.mycatalog_ref {  }

.mycatalog_ref img { width:1.6%; }



#folder_list { position:relative; }

/* MOD/ADD@231222 matsushita myCatalogフォルダ一覧リスト化 */

.folder_flt_nav { /*position:absolute; left:0; top:0;*/ width:95%; margin:0 5% 0 0; /*max-height:700px*/; overflow:auto; background:url(../img/bg_white.png) }

.folder_flt_nav .folder_flt_nav_ech { position:relative; padding:0 2%; }

.folder_flt_nav .folder_flt_nav_ech img { width:100%; }

.folder_flt_nav .folder_flt_nav_ech a { display:block; color:#282828; /*font-weight:bold;*/ text-decoration:none; }

.folder_flt_nav .folder_flt_nav_ech img { width:100%; }

.folder_flt_nav .folder_flt_nav_ech .folder_icon { width:18%; margin:0 3% 0 0; }

.folder_flt_nav .folder_flt_nav_ech .folder_name { width:64%; margin:0 3% 0 0; padding:3px 0 0 0; font-size:90%; }

.folder_flt_nav .folder_flt_nav_ech .folder_btn { width:12%; }

/*.folder_flt_nav .folder_flt_nav_ech .folder_name { position:absolute; top:40%; left:0; width:96%; padding:10 2%; text-align:center; }*/

/* MOD/ADD@231222 matsushita myCatalogフォルダ一覧リスト化 */



.folder_flt_nav .folder_flt_nav_ech.folder_on {  }

.folder_flt_nav .folder_flt_nav_ech.folder_on a { color:#282828; font-weight:bold; }



/* new folder modal */

#new_folder_modal { width:60%; padding:14px 3%; background-color:#ffffff; }

#new_folder_modal .modal_inner {  }

#new_folder_modal .review_ttl { font-size:110%; font-weight:bold; }

#new_folder_modal .review_txt {  }

#new_folder_modal .review_regi_btn { width:80%; margin:0 auto; }



/* delete folder modal */

#dlt_folder_modal { width:60%; padding:14px 3%; background-color:#ffffff; }

.dlt_folder_list { column-count:2; }

.dlt_folder_ech { margin:0 0 7px 0; }



/* moveto folder modal */

#moveto_folder_modal { width:60%; padding:14px 3%; background-color:#ffffff; }

.moveto_folder_list { column-count:2; }



/* change foldername modal */

#change_foldername_modal { width:60%; padding:14px 3%; background-color:#ffffff; }

#change_foldername_modal .modal_inner {  }

#change_foldername_modal .review_ttl { font-size:110%; font-weight:bold; }

#change_foldername_modal .review_txt {  }

#change_foldername_modal .review_regi_btn { width:80%; margin:0 auto; }



/* slideshow modal */

#slideshow_modal { width:90%; margin:0 auto; }



/* drag & drop */

#folder_list { z-index:800; }

#tool_list { z-index:801; }



/* /////////////////////////////////////////////////////////////////////////////

myCatalog - slideshow interval設定プレート(modal)

//////////////////////////////////////////////////////////////////////////////*/

/* インターバル設定modal */

#slideshow_interval_plate { width:60%; margin:0; background-color:#ffffff; }

#slideshow_interval_plate .modal_inner { padding:14px 3%; }

#slideshow_interval_plate .interval_list {  }

#slideshow_interval_plate .interval_list .interval_list_ech { width:31%; margin:0 0 5px 0; padding:5px 3%; text-align:center; background-color:#efefef; border:1px solid #999999; }

#slideshow_interval_plate .interval_setbtn {  }



#slideshow_intrvl_btn { position:absolute; left:20px; top:20px; }

#slideshow_intrvl_btn a { display:block; width:40px; height:40px; }

#slideshow_intrvl_btn a img { width:100%; }



/* ADD@231102 slideshow fadein/out */

.slide_contents { width:100%; position:relative; }

.slide_contents .slide_item { position:absolute; top:0; left:0; width:100%; display:none; }

/* .slide-item tlimghldrのwidth/height/top/leftはJAで計算 */

/* ADD@231102 slideshow fadein/out */



/* /////////////////////////////////////////////////////////////////////////////

index / tool sample - 

//////////////////////////////////////////////////////////////////////////////*/

.free_ttl_bg { margin:-20px 0 20px 0; padding:40px 0; background:url(../img/sample_title_bg.jpg) no-repeat; background-size:100%; color:#ffffff; display:flex; align-items:stretch; flex-wrap:nowrap; }

.free_ttl_bg .free_ttl_bg_ech_l { width:26%; margin:0 2%; font-size:140%; }

.free_ttl_bg .free_ttl_bg_ech_r { width:66%; margin:0 2%; }



/* contents layout */

.sample_flex_flt { display:flex; align-items:stretch; flex-wrap:nowrap; }

.flt6040_l { width:58%; margin:0 2% 0 0; }

.flt6040_r { width:38%; margin:0 0 0 2%; }



/* sample thumbneil */

#samdle_tl_thms { display:flex; align-items:stretch; flex-wrap:wrap; }

#samdle_tl_thms .sample_tldtl_subimg_ech { width:31.33%; margin:0 1% 14px; } 



#sample_tldtl_exptxt { font-size:110%; }

#sample_tldtl_ttl_added { font-size:110%; font-weight:bold; }

#sample_tldtl_txt_added {  }



h5.sample_subprt_ttl { margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #999999; font-size:110%; }

.sample_tldtl_propaties_ech { margin:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; padding:0 7px; }

.sample_tldtl_propaties_ttl { width:46%; margin:0 4% 0 0; padding:3px 0; background-color:#26b3fb; color:#ffffff; text-align:center; font-size:80%;

	-webkit-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

	border-radius: 0.3em; 

}

.sample_tldtl_propaties_txt { width:50%; padding:3px 0; }



/* index */

.free_ttl_bg.for_idx { display:block; padding:20px 0 40px; }

.free_ttl_bg.for_idx .glb_inner { width:100%; }

.free_ttl_txt { padding:0 0 20px; font-size:160%; font-weight:bold; }



/* index free_ttl_bg login link buton */

.free_ttl_bg.for_idx #idx_mmbr_login  {  }

.free_ttl_bg.for_idx #idx_mmbr_login .idx_mmbr_login_btn { width:25%; margin:0 0 0 75%; text-align:center; font-weight:bold; }

.free_ttl_bg.for_idx #idx_mmbr_login .idx_mmbr_login_btn a { display:block; padding:7px 2%; background-color:#ffffff; color:#333333; text-decoration:none; 

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

 }



/* about */

#idx_about { margin:-20px 0 30px 0; background-color:#eaf4c8; }

.idx_about_cnt { display:flex; align-items:stretch; flex-wrap:wrap; }

.idx_about_pht { width:48%; margin:0 2% 0 0; }

.idx_about_pht img { width:100%; }



.idx_about_txt { width:48%; margin:0 0 0 2%; }

.idx_about_txt .idx_about_cnt { /*margin:0 0 14px 0;*/ margin:0 0 0 0; padding:10px 3%; background-color:#ffffff;

	-webkit-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

	border-radius: 0.3em; 

}

.idx_about_txt .idx_about_cnt .idx_about_tools_ttl { width:100%; margin:0 0 5px 0; padding:0 0 3px 0; font-size:120%; font-weight:bold; }

.idx_about_txt .idx_about_cnt .idx_about_tools_txt { width:95%; margin:0 0 5px 0; padding:0 0 3px 5%; }



.idx_about_txt .idx_about_arrow { width:50%; margin:0 25%; }

.idx_about_txt .idx_about_arrow img { width:100%; }



/* common for index */

.idx_lnk_btn { display:flex; align-items:stretch; flex-wrap:wrap; margin:20px 0 0; }

.idx_lnk_btn .hd_btn_ech { width:30%; margin:0 10%; text-align:center; }

.idx_lnk_btn .hd_btn_ech a { display:block; background-color:#a0c426; padding:10px 0; color:#ffffff; text-decoration:none;

	-webkit-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

	border-radius: 0.3em; 

}











/* -------------------------------------------------------------------------- */

/* ///////////////////////////////////////////////////////////////////////////*/

/* ↓admin site */

/* ///////////////////////////////////////////////////////////////////////////*/

/* -------------------------------------------------------------------------- */



/* 共通///////////////////////////////////////////////////////////////////////*/

/* header */

.hdr.admn { background-color:#666666; }

.hdr.admn .hd_logo.admn { width:8%; margin:0 2% 0 0; }



.hdr.admn .hd_cnt .hd_ttl_lnk .hd_ttl.admn { width:50%; padding:10px 0 0; font-size:140%; font-weight:bold; color:#ffffff; }

.hdr.admn .hd_cnt .hd_ttl_lnk .hd_login.admn { width:50%; padding:12px 0 0; font-weight:bold; color:#ffffff; }



/* navigation */

#nav { background-color:#efefef; border-right:1px solid #999999; font-size:90%; }

#nav .nav_cnt { margin:0 5%; }

#nav .nav_ech { padding:7px 0 7px 18%; }

#nav .nav_ech a { display:block; color:#282828; text-decoration:none; }

#nav .nav_ech a:hover { color:#6d8d02; text-decoration:underline; }

#nav .nav_ech.nav_ttl { padding:7px 0 7px 12%; color:#282828; font-weight:bold; }

#nav .nav_ech.nav_ttl a { display:block; color:#282828; text-decoration:none; }

#nav .nav_ech.nav_ttl a:hover { color:#6d8d02; text-decoration:underline; }



#nav .nav_ech.nav_mmbr { background:url(../img/icon_mmbr.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_tool { background:url(../img/icon_tool.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_info { background:url(../img/icon_info.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_log { background:url(../img/icon_log.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_rvw { background:url(../img/icon_rvw.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_navgd { background:url(../img/icon_navgd.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_master { background:url(../img/icon_master.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_lnk { background:url(../img/icon_lnk.png) no-repeat 0px 8px; background-size:8%; }

#nav .nav_ech.nav_dsh { background:url(../img/icon_dsh.png) no-repeat 0px 8px; background-size:8%; }



/* bread */

#bread.admn { border-top:none; }



/* footer */

.ft.admn { background-color:#666666; text-align:center; color:#ffffff; }



/* basic layout & part */

.admn_list { /*display:none;*/ }

.admn_edit { /*display:none;*/ }

.admn_srch { /*display:none;*/ }



/* buttons */

.lnk_btn_admn { padding:5px 3%; background-color:#d7f1fe; text-align:center; font-size:90%;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}

.lnk_btn_admn a { display:block; text-decoration:none; color:#282828; }

.lnk_btn_admn img { vertical-align:middle; }



.admn_btn_btm { padding:0 0 20px 0; }

.admn_btn_btm .btn_btm_ech { width:20%; margin:0 5%; }



/* table elements spacially for admin tables */

form select.admn_ecset,

form option.admn_ecset { padding:5px; font-size:100%; background-color:#d7f1fe; }





/* title for admin site */

h2.admn_pagettl { display:block; margin:7px 0 0 0; font-size:110%; font-weight:bold; position:relative; }

h4.admn_itm_subttl { display:block; margin:7px 0 0 0; font-size:105%; font-weight:bold; position:relative; }



/* list table */

.admn_tbl { font-size:90%; width:100%; }

.admn_tbl_hd { background-color:#eeeeee; }

/* ↓add@230317 matsushita for table記述に変更されたため */

.admn_tbl th,

.admn_tbl td { padding:5px 0.5%; border-bottom:1px solid #999999; }

.admn_tbl th { background-color:#efefef; }

/* ↑add@230317 matsushita for table記述に変更されたため */



.admn_tbl .admn_tbl_ech { width:100%; padding:5px 0; border-bottom:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

.admn_tbl .admn_tbl_ech .admn_tbl_clm {  }

.admn_tbl .admn_tbl_ech .admn_tbl_clm .tbl_btn { width:94%; margin:-3px auto 0; padding:3px 0; background-color:#eaf4c8; text-align:center; }

.admn_tbl .admn_tbl_ech .admn_tbl_clm .tbl_btn a { display:block; color:#282828; text-decoration:none; }

.admn_tbl .admn_tbl_ech .admn_tbl_clm .tbl_btn_blue { width:94%; margin:-3px auto 0; padding:3px 0; background-color:#d7f1fe; text-align:center; }

.admn_tbl .admn_tbl_ech .admn_tbl_clm .tbl_btn_blue a { display:block; color:#282828; text-decoration:none; }



/* list table pagenation */

.pagenation {  }

.pagenation .page_ech { width:3%; margin:0 20px 10px; padding:5px 12px; boder:1px solid #999999; text-alig:center; }

.pagenation .page_ech.crnt { background-color:#d7f1fe; }



/* edit form */

.admn_btn_btm {  }

.admn_edt_ech { margin:0 0 20px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

.admn_edt_ech .admn_edt_ttl { width:20%; margin:0 5% 0 0; padding:3px 0 0 0; text-align:right; }

.admn_edt_ech .admn_edt_txt { width:75%; }



.admn_input { padding:5px; }



/* tab */

.admn_tab { border-bottom:1px solid #999999; }

.admn_tab .admn_tab_ech { width:40%; margin:0 auto; padding:5px 0; text-align:center;

	border-radius:.5em .5em 0 0;

	/*-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;*/

}

.admn_tab .admn_tab_ech.on { background-color:#a0c426; color:#ffffff; }

.admn_tab .admn_tab_ech.on a { text-decoration:none; color:#ffffff; }

.admn_tab .admn_tab_ech.off { background-color:#efefef; color:#282828; }

.admn_tab .admn_tab_ech.off a { text-decoration:none; color:#282828; }



/* ↓add 2023-02-21 haruki */

/* ダッシュボードのスタイル */

.summarylist { width: 30%; border: 1px solid #000000; margin: 10px 10px; }

.support_member { border-left: 20px solid /*#0c78af*/ #26b3fb; margin: 10px; padding-left:10px; }

.tool_member { border-left: 20px solid /*#6d8d02*/ #a0c426; margin: 10px; padding-left:10px; }

.free_member { border-left: 20px solid #827bb6; margin: 10px; padding-left:10px; }

/* ↑add 2023-02-21 haruki */



/* ↓add 2023-05-09 matsushita for ツール管理　関連ツール検索 */

.reltool_search { /*display:none;*/ }

.reltool_searchresult { padding:14px 3%; background-color:#eaf4c8; border:1px solid #999999; }

.reltool_setbtn { width:20%; margin:0 auto; }

/* ↑add 2023-05-09 matsushita for ツール管理　関連ツール検索 */



/* ↓add 2023-05-18 matsushita for ツール管理　関連ツール検索結果 */

#MainContent_FmView_rdols_reltool1_result,

#MainContent_FmView_rdols_reltool2_result { width:100%; }

#MainContent_FmView_rdols_reltool1_result td,

#MainContent_FmView_rdols_reltool2_result td { width:31.33%; padding:5px 1%; }

/* ↑add 2023-05-18 matsushita for ツール管理　関連ツール検索結果 */



/* -------------------------------------------------------------------------- */

/* ///////////////////////////////////////////////////////////////////////////*/

/* ↑admin site */

/* ///////////////////////////////////////////////////////////////////////////*/

/* -------------------------------------------------------------------------- */





@media print {

	.prtWeb { display:none; }

	.prtSP { display:none; }

/* print画面 */	

	.break_after { break-after:page; }

	.print_return_btn { display:none; }

	.print_ref { display:none; }

	

	

}







/* -------------------------------------------------------------------------- */

/* ///////////////////////////////////////////////////////////////////////////*/

/* ↓SP */

/* ///////////////////////////////////////////////////////////////////////////*/

/* -------------------------------------------------------------------------- */

@media screen and (max-width:1033px){

	

/* /////////////////////////////////////////////////////////////////////////////

Header

/////////////////////////////////////////////////////////////////////////////*/

.hdr { width:100%; margin:0 auto; padding:5px 0; /*border-bottom:2px solid #6d8d02;*/ }

.hdr .glb_inner { display:block; }



/*.hdr .hd_logo { width:70%; margin:0 15%; }*/

.hdr .hd_logo { width:100%; position:relative; }

.hdr .hd_logo a { display:block; }

/*.hdr .hd_logo img { width:100%; }*/

.hdr .hd_logo img { width:38%; margin:0 58% 0 2%; }



.hdr .hd_logo .hd_lnk_sp { position:absolute; top:12px; right:2%; width:20%; font-size:50%; }    



.hdr .hd_cnt { width:96%; margin:0 2%; }

.hdr .hd_cnt .hd_ttl_lnk { width:100%; margin:0 0 10px 0; }

.hd_ttl_lnk.flex_flt { display:block; }

.hdr .hd_cnt .hd_ttl_lnk .hd_ttl { width:100%; padding:3px 0 0; font-size:90%; }

.hdr .hd_cnt .hd_ttl_lnk .hd_tel { width:100%; margin:0 2%; padding:3px 0 0; font-size:100%; font-weight:bold; text-align:center; }

.hdr .hd_cnt .hd_ttl_lnk .hd_lnk { width:100%; margin:0 2%; text-align:center; }

.hdr .hd_cnt .hd_ttl_lnk .hd_lnk a { display:block; }

.hdr .hd_cnt .hd_login { text-align:right; }



/* header free page */

.hdr.hdr_free { margin:0 0 20px 0; border-bottom:2px solid #6d8d02; }

.hdr .hd_cnt .hd_ttl_lnk .hd_ttl_free { width:100%; padding:3px 0 0; text-align:center; font-size:90%; }



/* /////////////////////////////////////////////////////////////////////////////

Footer

/////////////////////////////////////////////////////////////////////////////*/

.ft { padding:10px 0; border-top:1px solid #999999; font-size:90%; }

/*.ft .ft_ttl { padding:0 3% 10px; font-size:140%; font-weight:bold; }*/

.ft .ft_ttl { padding:0 3% 10px; font-size:120%; font-weight:bold; }

.ft .ft_cnt { padding:0 3% 10px; }

.ft_cnt.flex_flt { display:block; }

.ft .ft_cnt .ft_com { width:50%; }

.ft .ft_cnt .ft_btns { width:50%; }

.ft .ft_cnt .ft_btns .ft_lnk { width:40%; margin:10px 5% 0; }

.ft .ft_copy { text-align:center; }



/* /////////////////////////////////////////////////////////////////////////////

page title

/////////////////////////////////////////////////////////////////////////////*/

h2.pagettl_sample { display:block; margin-bottoom:0; text-align:center; font-size:160%; font-weight:bold; position:relative; }



/* /////////////////////////////////////////////////////////////////////////////

tool sample - index

//////////////////////////////////////////////////////////////////////////////*/

/* title */

.free_ttl_bg { display:block; margin:-20px 0 12px; padding:10px 0; background:url(../img/sample_title_bg.jpg) no-repeat; background-size:100%; color:#ffffff; }

.free_ttl_bg .free_ttl_bg_ech_l { width:96%; margin:0 2% 10px; line-height:1.2em }

.free_ttl_bg .free_ttl_bg_ech_r { width:100%; margin:0; padding:10px 2%; background-color:#26b3fb; font-size:80%; }



/* contents layout */

.sample_flex_flt { display:block; }

.flt6040_l { width:96%; margin:0 2% 10px; }

.flt6040_r { width:96%; margin:0 2% 10px; }



/* sample thumbneil */

#samdle_tl_thms { display:flex; align-items:stretch; flex-wrap:wrap; }

#samdle_tl_thms .sample_tldtl_subimg_ech { width:31.33%; margin:0 1% 10px; } 



#sample_tldtl_exptxt { font-size:110%; }

#sample_tldtl_ttl_added { font-size:110%; font-weight:bold; }

#sample_tldtl_txt_added {  }



h5.sample_subprt_ttl { margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #999999; font-size:110%; }

.sample_tldtl_propaties_ech { margin:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; padding:0 7px; }

.sample_tldtl_propaties_ttl { width:46%; margin:0 4% 0 0; padding:3px 0; background-color:#26b3fb; color:#ffffff; text-align:center; font-size:80%;

	-webkit-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

	border-radius: 0.3em; 

}

.sample_tldtl_propaties_txt { width:50%; padding:3px 0; }



/* index */

.free_ttl_bg.for_idx { display:block; padding:5px 0 10px; }

.free_ttl_bg.for_idx .glb_inner { width:100%; }

.free_ttl_txt { padding:0 3% 10px; font-size:110%; font-weight:bold; }

.free_cnt_txt { padding:10px 3%; /*font-size:90%;*/ background-color:#26b3fb; }



/* index free_ttl_bg login link buton */

.free_ttl_bg.for_idx #idx_mmbr_login  {  }

.free_ttl_bg.for_idx #idx_mmbr_login .idx_mmbr_login_btn { width:40%; margin:0 3% 0 57%; text-align:center; font-weight:bold; }

.free_ttl_bg.for_idx #idx_mmbr_login .idx_mmbr_login_btn a { display:block; padding:5px 2%; background-color:#ffffff; color:#333333; text-decoration:none; 

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

 }



#idx_about { margin:-20px 0 20px 0; background-color:#eaf4c8; }

.idx_about_cnt { display:block; }

.idx_about_pht { width:100%; margin:0 0 10px 0; }

.idx_about_pht img { width:100%; }

.idx_about_txt { width:100%; margin:0 0 10px 0; }



#idx_sample_lst {  }

#idx_sample_lst .flt4 { width:50%; }



/* common for index */

.idx_lnk_btn { display:flex; align-items:stretch; flex-wrap:wrap; margin:20px 0 0; }

.idx_lnk_btn .hd_btn_ech { width:46%; margin:0 2%; text-align:center; }

.idx_lnk_btn .hd_btn_ech a { display:block; background-color:#a0c426; padding:10px 0; color:#ffffff; text-decoration:none;

	-webkit-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

	border-radius: 0.3em; 

}



}



/* -------------------------------------------------------------------------- */

/* ///////////////////////////////////////////////////////////////////////////*/

/* ↑SP */

/* ///////////////////////////////////////////////////////////////////////////*/

/* -------------------------------------------------------------------------- */





@media screen and (min-width:1034px){

	.prtSP { display:none; }

	/*.glb_inner { width:100%; margin:0 auto; }*/

	

	/* /////////////////////////////////////////////////////////////////////////////

	Contents

	//////////////////////////////////////////////////////////////////////////////*/

	.cms_cntns { /*padding:20px 0;*/ }

	

	/* login /////////////////////////////////////////////////////////////////////*/

	.cms_cntns .cms_login_area { width:60%; margin:160px auto; }

	.cms_cntns .cms_login_area .cms_login_ref { margin:0 0 20px 0; text-align:center; }

	.cms_cntns .cms_login_area .cms_login_ech { margin:0 0 20px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_cntns .cms_login_area .cms_login_ech .cms_login_ttl { width:30%; margin:0 5% 0 0; text-align:right; }

	.cms_cntns .cms_login_area .cms_login_ech .cms_login_input { width:65%; }

	.cms_cntns .cms_login_area .cms_login_btn { width:60%; margin:0 auto; text-align:center; }

	.cms_cntns .cms_login_area .cms_login_btn a { display:block; padding:8px; background-color:#333333; color:#ffffff; text-decoration:none;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em; 

	}

	.cms_cntns .cms_login_area .cms_login_btn a:hover { background-color:#333333; }

	

	/* contents title /////////////////////////////////////////////////////////////*/

	.cms_cntttl_area { margin:0 0 20px 0; padding:0 0 3px 0; /*border-bottom:1px solid #333333;*/ display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_cntttl_area .cms_cntttl_txt { width:40%; font-size:120%; font-weight:bold; }

	.cms_cntttl_area .cms_cntttl_rght { width:60%; display:flex; align-items:stretch; flex-wrap:nowrap; }

	

	.cms_cntttl_area .cms_cntttl_rght .cntttl_btn {  }

	.cms_cntttl_area .cms_cntttl_rght .cntttl_btn img { vertical-align:middle; }

	

	.cms_cntttl_area .cms_cntttl_rght .cms_edt_btn_ech { width:36%; margin:0 2%; }

	

	/* 抽出期間 */

	.cms_cntttl_area .cms_cntttl_rght .cms_cntttl_dat { width:100%; text-align:right; font-weight:bold; font-size:110%; }

	

	/* search //////////////////////////////////////////////////////////////////////*/

	.cms_cntttl_srch { margin:0 0 20px 0; padding:10px 2%; background-color:#efedfb; position:relative; }

	.cms_cntttl_srch .srch_ttl { padding:0 0 10px 0; text-align:center; font-weight:bold; }

	.cms_cntttl_srch .srch_subttl { padding:0 0 10px 0; }

	.cms_cntttl_srch .srch_cnt { padding:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_cntttl_srch .srch_cnt .srch_ech { width:25%; }

	.cms_cntttl_srch .srch_cnt .srch_ech3 { width:33.3%; }

	.cms_cntttl_srch .srch_cnt .srch_ech.srch_flg { padding:4px 0 0 0; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech50 { width:50%; }

	

	.cms_cntttl_srch .srch_cnt100 {  }

	.cms_cntttl_srch .srch_cnt100 .srch_ech100 { width:100%; margin:0 0 10px 0; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech2 { width:40%; margin:0 5%; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ttl { padding:0 3% 10px; font-size:110%; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech { border-bottom:1px solid #999999; background-color:#ffffff; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a { display:block; padding:5px 3%; /*font-weight:bold;*/ color:#282828; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a:hover { background-color:#efedfb; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a.sumup_slct_shp.crnt,

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a.sumup_slct_fc.crnt { background-color:#dddddd; }

	

	/* order data import */

	#import_cnd { margin:50px 0; }

	.setdate { width:90%; margin:0 auto 30px; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.setdate .dat_ech { width:40%; margin:0 5%; }

	.setdate .dat_ech input { width:70%; }

	

	.setdate_btm { margin:0 0 10px 0; }

	.setdate_btm .import_btn { width:30%; margin:0 auto; }

	.setdate_btm .import_btn input { padding:5px; background-color:#827bb6; color:#ffffff; font-size:90%; text-align:center; }

	

	/* analysis demention buttons */

	.ana_menu_btn { width:18%; margin:0 1%; text-align:center; font-size:90%; }

	.ana_menu_btn a { display:block; padding:5px 3%; color:#282828; border:1px solid #282828; text-decoration:none;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em; 

	}

	.ana_menu_btn a:hover { background-color:#ffffff; }

	.ana_menu_btn.crnt a { background-color:#827bb6; color:#ffffff }

	

	

	

	/* import //////////////////////////////////////////////////////////////////////*/

	#sendDataBtn { display:none; }

	

	.srch_tbl_area {  }

	.srch_tbl_area img { padding:3px 0 0 0; }

	

	.cms_cntttl_srch .srch_btn { width:20%; margin:0 auto; }

	.cms_cntttl_srch .srch_btn80 { width:80%; margin:0 auto; }

	

	.cms_cntttl_srch .cls_btn { width:30px; position:absolute; top:4px; right:0; font-size:180%; font-weight:bold; }

	.cms_cntttl_srch .cls_btn a { display:block; }

	

	.srch_cls_btn { font-size:180%; font-weight:bold; text-align:right; }

	

	/* common part ///////////////////////////////////////////////////////////////*/

	.cms_oneprt { margin:0 0 20px 0; }

	.cms_oneprt10 { margin:0 0 10px 0; }

	

	/* contents内 title //////////////////////////////////////////////////////////*/

	.cms_prttop { margin:0 0 20px 0; }

	.cms_prttop .prttop_ech { /*width:20%;*/ margin:0 2%; }

	.cms_prttop .prttop_ech.crnt a { color:#282828; text-decoration:none; }

	

	.cms_prttop .cms_cnt_ttl { width:100%; padding:0px 0 0px 0; text-align:center; font-size:130%; font-weight:bold; }

	.cms_prttop .cms_cnt_ttl img { width:3%; }

	

	.cms_tbl {  }

	.cms_tbl .cms_tbl_ech { padding:5px 0; border-bottom:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_tbl .cms_tbl_ech.noBdr { border-bottom:none; }

	.cms_tbl .cms_tbl_ech.cncl { background-color:#dddddd; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm {  }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm.ampi { /*background-color:#ffe6e6;*/ color:#0000ff; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm .tbl_btn { width:94%; margin:0; text-align:center; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm .tbl_btn a { display:block; padding:5px 0; }

	

	.cms_tbl .cms_tbl_ech.crnt { background-color:#efedfb; }

	#cms_tbl_hd { background-color:#eeeeee; }

	

	/* edit area */

	.cms_edt_ech { margin:0 0 20px 0; display:flex; align-item:stretch; flex-wrap:nowrap; }

	.cms_edt_ech .cms_edt_ttl { width:20%; margin: 0 5% 0 0; text-align:right; }

	.cms_edt_ech .cms_edt_txt { width:75%; }

	

	/* button bottom */

	.cms_btn_btm { width:60%; margin:0 auto 20px; display:flex; align-item:stretch; flex-wrap:nowrap; }

	.cms_btn_btm .cms_btn_btm_ech { width:40%; margin:0 5%; }





	/* dashboard ///////////////////////////////////////////////////////////*/

	.d_brd_l { width:50%; margin:0 0 0 5%; }

	.d_brd_r { width:45%; height:220px; margin:-20px 0 0 0; background-color:transparent; }



	.d_brd_l .d_brd_pie_tbl_ech { margin:0 0 6px 0; padding:2px 0; border-bottom:1px solid #999999; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_ttl { width:60%; margin:0 5% 0 0; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_cnt { width:35%; font-weight:bold; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_ttl3 { width:45%; margin:0 5% 0 0; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_cnt3 { width:25%; font-weight:bold; }



	/* ドリルアップボタン */

	.rtrn_btn { margin:20px 3% 0; }



	

	form textarea.cms_faq_inpt,

	form input.cms_faq_inpt { width:80%; }

		



	/*order data */

	#cms_srch_area { margin:50px 0; }

	

	.sumup {  }

	.sumup .sumup_total { display:flex; align-items:stretch; flex-wrap:nowrap; }

	.sumup .sumup_total .sumup_ech { width:16.5%; padding:0 3%; text-align:right; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Print Select

	/////////////////////////////////////////////////////////////////////////////*/

	.slct { /*size:A4;*/ width:210mm; margin:0 auto; height:297mm; /*background:url(../img/prnt_bg_l.png) top left no-repeat; background-size:14%;*/ position:relative; }

	

	.slct .msi_hd { margin:0 0 24px; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .msi_hd .msi_hd_ech { width:50%; }

	

	.slct .msi_hd .msi_hd_ech .shp_adrs { width:95%; margin:0 0 8px 0; }

	.slct .msi_hd .msi_hd_ech .shp_name { width:95%; margin:0 0 8px 0; font-size:160%; font-weight:bold; }

	.slct .msi_hd .msi_hd_ech .grt { font-size:120%; }

	

	.slct .msi_hd .msi_hd_ech .msi_hd_ttl { margin:0 0 8px 0; font-size:200%; font-weight:bold; }

	.slct .msi_hd .msi_hd_ech .msi_hd_prd { font-size:140%; margin:0 0 12px 0; }

	.slct .msi_hd .msi_hd_ech .msi_hd_pso {  }

	

	.slct .prnt_bd { width:96%; margin:0 auto 20px; }

	

	.slct .prnt_bd .prnt_total { margin:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .prnt_bd .prnt_total .total_ech { width:12.5%; text-align:center; }

	.slct .prnt_bd .prnt_total .total_ech.underline { padding:0 0 2px 0; border-bottom:2px solid #827bb6; text-align:center; color:#827bb6; }

	

	.slct .prnt_bd .prnt_total2 { margin:0 0 30px 0; padding:8px 0; border:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .prnt_bd .prnt_total2 .total_ech1 { width:20%; text-align:center; }

	.slct .prnt_bd .prnt_total2 .total_ech2 { width:15%; }

	

	.slct .prnt_bd .prnt_tbl { margin:0 0 20px 0; }

	.slct .prnt_bd .prnt_tbl .slct_subttl { margin:0 0 20px 0; text-align:center; font-size:120%; }

	.slct .prnt_bd .prnt_tbl .tbl_cnt {  }

	.slct .prnt_bd .prnt_tbl .tbl_cnt .tbl_onerow { padding:5px; border-bottom:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .prnt_bd .prnt_tbl .tbl_cnt .tbl_onerow.row_hd { background-color:#efedfb; /*text-align:center;*/ }

	.slct .prnt_bd .prnt_tbl .tbl_cnt .tbl_onerow .tbl_ech { padding:0 5px; }

	

	.rtn_btn { position:absolute; top:0; left:-16%; }

	.rtn_btn a { padding:5px 10px; }

	

	.slct .prnt_ft {  }

	

}







@media print {

	

	.srch { display:none; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Basic Layout

	/////////////////////////////////////////////////////////////////////////////*/

	.cntnr { width:842px; margin:0 auto; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cntnr .cnt_l { display:none; }

	.cntnr .cnt_r { width:842px; margin:0 auto; padding:20px 2%; }



	/* /////////////////////////////////////////////////////////////////////////////

	Header

	/////////////////////////////////////////////////////////////////////////////*/

	.cms_hd { max-width:842px; margin:0 auto; padding:5px 0; border-bottom:1px solid #333333; }

	.cms_hd .glb_inner { max-width:842px; display:flex; align-items:stretch; flex-wrap:nowrap; /*color:#ffffff;*/ }

	.cms_hd .btn_spc { width:5%; }

	.cms_hd .cms_hd_cnt { width:95%; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_hd .cms_hd_logo { width:7%; margin:-2px 5% 0 0; }

	.cms_hd .cms_hd_logo img { width:100%; }

	.cms_hd .cms_hd_cntr { width:40%; padding:0 0 0 0; font-size:130%; }

	.cms_hd .cms_hd_rght { display:none; width:43%; padding:0 0 0 0; }

	.cms_hd .cms_hd_rght .cms_lgdin_ttl { width:30%; margin:0 5% 0 0; text-align:right; float:left; }

	.cms_hd .cms_hd_rght .cms_lgdin { width:65%; float:left; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Footer

	/////////////////////////////////////////////////////////////////////////////*/

	.cms_ft { display:none; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Contents

	//////////////////////////////////////////////////////////////////////////////*/

	.cms_cntns {  }

	

	/* login /////////////////////////////////////////////////////////////////////*/

	.cms_cntns .cms_login_area { width:60%; margin:160px auto; }

	.cms_cntns .cms_login_area .cms_login_ref { margin:0 0 20px 0; text-align:center; }

	.cms_cntns .cms_login_area .cms_login_ech { margin:0 0 20px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_cntns .cms_login_area .cms_login_ech .cms_login_ttl { width:30%; margin:0 5% 0 0; text-align:right; }

	.cms_cntns .cms_login_area .cms_login_ech .cms_login_input { width:65%; }

	.cms_cntns .cms_login_area .cms_login_btn { width:60%; margin:0 auto; text-align:center; }

	.cms_cntns .cms_login_area .cms_login_btn a { display:block; padding:8px; background-color:#333333; color:#ffffff; text-decoration:none;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em; 

	}

	.cms_cntns .cms_login_area .cms_login_btn a:hover { background-color:#333333; }

	

	/* contents title /////////////////////////////////////////////////////////////*/

	.cms_cntttl_area { margin:0 0 20px 0; padding:0 0 3px 0; border-bottom:1px solid #333333; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_cntttl_area .cms_cntttl_txt { width:40%; font-size:120%; font-weight:bold; }

	.cms_cntttl_area .cms_cntttl_rght { width:60%; display:flex; align-items:stretch; flex-wrap:nowrap; text-align:right; font-weight:bold; font-size:110%; }

	

	.cms_cntttl_area .cms_cntttl_rght .cntttl_btn {  }

	.cms_cntttl_area .cms_cntttl_rght .cntttl_btn img { vertical-align:middle; }

	

	.cms_cntttl_area .cms_cntttl_rght .cms_edt_btn_ech { width:36%; margin:0 2%; }

	

	/* 抽出期間 */

	.cms_cntttl_area .cms_cntttl_rght .cms_cntttl_dat { width:100%; text-align:right; font-weight:bold; }

	

	/* search //////////////////////////////////////////////////////////////////////*/

	.cms_cntttl_srch { margin:0 0 20px 0; padding:10px 2%; background-color:#efedfb; position:relative; }

	.cms_cntttl_srch .srch_ttl { padding:0 0 10px 0; text-align:center; font-weight:bold; }

	.cms_cntttl_srch .srch_subttl { padding:0 0 10px 0; }

	.cms_cntttl_srch .srch_cnt { padding:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_cntttl_srch .srch_cnt .srch_ech { width:25%; }

	.cms_cntttl_srch .srch_cnt .srch_ech3 { width:33.3%; }

	.cms_cntttl_srch .srch_cnt .srch_ech.srch_flg { padding:4px 0 0 0; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech50 { width:50%; }

	

	.cms_cntttl_srch .srch_cnt100 {  }

	.cms_cntttl_srch .srch_cnt100 .srch_ech100 { width:100%; margin:0 0 10px 0; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech2 { width:40%; margin:0 5%; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ttl { padding:0 3% 10px; font-size:110%; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech { border-bottom:1px solid #999999; background-color:#ffffff; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a { display:block; padding:5px 3%; /*font-weight:bold;*/ color:#282828; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a:hover { background-color:#efedfb; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a.sumup_slct_shp.crnt,

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a.sumup_slct_fc.crnt { background-color:#dddddd; }

	

	/* order data import */

	#import_cnd { margin:50px 0; }

	.setdate { width:90%; margin:0 auto 30px; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.setdate .dat_ech { width:40%; margin:0 5%; }

	.setdate .dat_ech input { width:70%; }

	

	.setdate_btm { margin:0 0 10px 0; }

	.setdate_btm .import_btn { width:30%; margin:0 auto; }

	.setdate_btm .import_btn input { padding:5px; background-color:#827bb6; color:#ffffff; font-size:90%; text-align:center;

		/*-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em;*/  

	}

	

	/* analysis demention buttons */

	.ana_menu_btn { width:18%; margin:0 1%; text-align:center; font-size:90%; }

	.ana_menu_btn a { display:block; padding:5px 3%; color:#282828; border:1px solid #282828; text-decoration:none;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em; 

	}

	.ana_menu_btn a:hover { background-color:#ffffff; }

	.ana_menu_btn.crnt a { background-color:#827bb6; color:#ffffff }

	

	/* import //////////////////////////////////////////////////////////////////////*/

	#sendDataBtn { display:none; }

	

	.srch_tbl_area {  }

	.srch_tbl_area img { padding:3px 0 0 0; }

	

	.cms_cntttl_srch .srch_btn { width:20%; margin:0 auto; }

	.cms_cntttl_srch .srch_btn80 { width:80%; margin:0 auto; }

	

	.cms_cntttl_srch .cls_btn { width:30px; position:absolute; top:4px; right:0; font-size:180%; font-weight:bold; }

	.cms_cntttl_srch .cls_btn a { display:block; }

	

	.srch_cls_btn { font-size:180%; font-weight:bold; text-align:right; }

	

	/* common part ///////////////////////////////////////////////////////////////*/

	.cms_oneprt { margin:0 0 20px 0; }

	.cms_oneprt10 { margin:0 0 10px 0; }

	

	/* contents内 title //////////////////////////////////////////////////////////*/

	.cms_prttop { margin:0 0 5px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_prttop .prttop_ech { /*width:20%;*/ }

	.cms_prttop .prttop_ech.crnt a { color:#282828; text-decoration:none; }

	

	.cms_prttop .cms_cnt_ttl { width:100%; padding:2px 0 0 0; text-align:center; font-size:130%; font-weight:bold; }

	.cms_prttop .cms_cnt_ttl img { width:3%; }

	

	

	/* list table /////////////////////////////////////////////////////////////////*/

	.w5 { width:4%; margin:0 0.5%; }

	.w10 { width:9%; margin:0 0.5%; }

	.w12 { width:11%; margin:0 0.5%; }

	.w15 { width:14%; margin:0 0.5%; }

	.w20 { width:19%; margin:0 0.5%; }

	.w25 { width:24%; margin:0 0.5%; }

	.w30 { width:29%; margin:0 0.5%; }

	.w35 { width:34%; margin:0 0.5%; }

	.w40 { width:39%; margin:0 0.5%; }

	.w45 { width:44%; margin:0 0.5%; }

	.w50 { width:49%; margin:0 0.5%; }

	.w60 { width:59%; margin:0 0.5%; }

	.w70 { width:69%; margin:0 0.5%; }

	.w80 { width:79%; margin:0 0.5%; }

	.w90 { width:89%; margin:0 0.5%; }

	

	.w10_rply { width:9%; margin:0 0.5%; }

	.w25_rply { width:24%; margin:0 0.5%; }

	

	/* contents内　テーブル ////////////////////////////////////////////////////////*/

	.cms_tbl {  }

	.cms_tbl .cms_tbl_ech { padding:5px 0; border-bottom:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_tbl .cms_tbl_ech.noBdr { border-bottom:none; }

	.cms_tbl .cms_tbl_ech.cncl { background-color:#dddddd; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm {  }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm.ampi { /*background-color:#ffe6e6;*/ color:#0000ff; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm .tbl_btn { width:94%; margin:0; text-align:center; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm .tbl_btn a { display:block; padding:5px 0; }

	

	.cms_tbl .cms_tbl_ech.crnt { background-color:#efedfb; }

	#cms_tbl_hd { background-color:#eeeeee; }

	

	.pagenation { display:flex; align-items:stretch; justify-content:center; }

	.pagenation a { display:block; margin:0 5px; padding:3px 4px; border:1px solid #999999; }

	.pagenation a.crnt { background-color:#333333; color:#ffffff; }

	

	/* edit area ///////////////////////////////////////////////////////////////////*/

	.cms_edt_ech { margin:0 0 20px 0; display:flex; align-item:stretch; flex-wrap:nowrap; }

	.cms_edt_ech .cms_edt_ttl { width:20%; margin: 0 5% 0 0; text-align:right; }

	.cms_edt_ech .cms_edt_txt { width:75%; }

	

	/* button bottom ///////////////////////////////////////////////////////////////*/

	.cms_btn_btm { width:60%; margin:0 auto 20px; display:flex; align-item:stretch; flex-wrap:nowrap; }

	.cms_btn_btm .cms_btn_btm_ech { width:40%; margin:0 5%; }

	

	/* dashboard ///////////////////////////////////////////////////////////*/

	.d_brd_l { width:50%; margin:0 0 0 5%; }

	.d_brd_r { width:45%; height:220px; margin:-20px 0 0 0; background-color:transparent; }



	.d_brd_l .d_brd_pie_tbl_ech { margin:0 0 6px 0; padding:2px 0; border-bottom:1px solid #999999; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_ttl { width:60%; margin:0 5% 0 0; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_cnt { width:35%; font-weight:bold; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_ttl3 { width:45%; margin:0 5% 0 0; }

	.d_brd_l .d_brd_pie_tbl_ech .d_brd_pie_tbl_cnt3 { width:25%; font-weight:bold; }

	

	/* ドリルアップボタン */

	.rtrn_btn { margin:20px 3% 0; }

	

		

	/*order data */

	#cms_srch_area { margin:50px 0; }

	

	.sumup {  }

	.sumup .sumup_total { display:flex; align-items:stretch; flex-wrap:nowrap; }

	.sumup .sumup_total .sumup_ech { width:16.5%; padding:0 3%; text-align:right; }



	

	#nav_btn { display:none; }

	.rtn_btn { display:none; }

	

	.slct { width:210mm; margin:0 auto; height:297mm; position:relative; }

	

	.slct .msi_hd { margin:0 0 24px; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .msi_hd .msi_hd_ech { width:50%; }

	

	.slct .msi_hd .msi_hd_ech .shp_adrs { width:95%; margin:0 0 8px 0; }

	.slct .msi_hd .msi_hd_ech .shp_name { width:95%; margin:0 0 8px 0; font-size:160%; font-weight:bold; }

	.slct .msi_hd .msi_hd_ech .grt { font-size:120%; }

	

	.slct .msi_hd .msi_hd_ech .msi_hd_ttl { margin:0 0 8px 0; font-size:200%; font-weight:bold; }

	.slct .msi_hd .msi_hd_ech .msi_hd_prd { font-size:140%; margin:0 0 12px 0; }

	.slct .msi_hd .msi_hd_ech .msi_hd_pso {  }

	

	.slct .prnt_bd { width:96%; margin:0 auto 20px; }

	

	.slct .prnt_bd .prnt_total { margin:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .prnt_bd .prnt_total .total_ech { width:12.5%; text-align:center; }

	.slct .prnt_bd .prnt_total .total_ech.underline { padding:0 0 2px 0; border-bottom:2px solid #827bb6; text-align:center; color:#827bb6; }

	

	.slct .prnt_bd .prnt_total2 { margin:0 0 30px 0; padding:5px 0; border:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .prnt_bd .prnt_total2 .total_ech1 { width:20%; text-align:center; }

	.slct .prnt_bd .prnt_total2 .total_ech2 { width:15%; }

	

	.slct .prnt_bd .prnt_tbl { margin:0 0 20px 0; }

	.slct .prnt_bd .prnt_tbl .slct_subttl { margin:0 0 20px 0; text-align:center; font-size:120%; }

	.slct .prnt_bd .prnt_tbl .tbl_cnt {  }

	.slct .prnt_bd .prnt_tbl .tbl_cnt .tbl_onerow { padding:5px; border-bottom:1px solid #999999; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.slct .prnt_bd .prnt_tbl .tbl_cnt .tbl_onerow.row_hd { background-color:#efedfb; }

	.slct .prnt_bd .prnt_tbl .tbl_cnt .tbl_onerow .tbl_ech { padding:0 5px; }

	

	.rtn_btn { position:absolute; top:0; left:-16%; }

	.rtn_btn a { padding:5px 10px; }

	

	.slct .prnt_ft {  }

	

}







@media screen and (max-width:1033px){

	body { font-size:100%; }

	.prtPC { display:none; }

	.glb_inner { width:96%; margin:0 auto; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Basic Layout

	/////////////////////////////////////////////////////////////////////////////*/

	.cntnr { /*display:flex; align-items:stretch; flex-wrap:nowrap;*/ }

	.cntnr .cnt_l { width:96%; padding:20px 2%; background-color:#666666; }

	.cntnr .cnt_r { width:96%; padding:20px 2%; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Header

	/////////////////////////////////////////////////////////////////////////////*/

	.cms_hd { padding:5px 0; background-color:#666666; color:#ffffff; }

	.cms_hd .glb_inner { display:flex; align-items:stretch; flex-wrap:wrap; }

	.cms_hd .btn_spc { width:10%; }

	.cms_hd .cms_hd_cnt { width:88%; margin:0 2% 0 0; display:flex; align-item:stretch; flex-wrap:wrap; }

	.cms_hd .cms_hd_logo { width:20%; }

	.cms_hd .cms_hd_logo img { width:100%; }

	.cms_hd .cms_hd_cntr { width:77%; padding:2px 0 0 3%; font-size:100%; line-height:1.2em; }

	.cms_hd .cms_hd_rght { width:100%; font-size:90%; }

	.cms_hd .cms_hd_rght .cms_lgdin_ttl { width:25%; margin:0 5%; text-align:right; float:left; }

	.cms_hd .cms_hd_rght .cms_lgdin { width:65%; float:left; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Footer

	/////////////////////////////////////////////////////////////////////////////*/

	.cms_ft { padding:10px 0; background-color:#555555; /*background-color:#827bb6;*/ color:#ffffff; font-size:90%; text-align:center; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	navigation

	/////////////////////////////////////////////////////////////////////////////*/

	.nav { background-color:#999999; color:#ffffff; display:none; }

	.nav .nav_ech { padding:10px 0 10px 12%; }

	.nav .nav_ech a { display:block; color:#ffffff; text-decoration:none; }

	.nav .nav_ech.nav_mssg { background:url(../img/icon_mssg_w.png) no-repeat 0 10px; background-size:5%; }

	.nav .nav_ech.nav_alt { background:url(../img/icon_alt_w.png) no-repeat 0 10px; background-size:5%; }

	.nav .nav_ech.nav_import { background:url(../img/icon_import_w.png) no-repeat 0 9px; background-size:5%; }

	.nav .nav_ech.nav_emp { background:url(../img/icon_emp_w.png) no-repeat 0 10px; background-size:5%; }

	.nav .nav_ech.nav_cls { background:url(../img/icon_cls_w.png) no-repeat 0 10px; background-size:5%; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Contents

	/////////////////////////////////////////////////////////////////////////////*/

	.cms_cntns { padding:10px 0; }

	

	/* login */

	.cms_cntns .cms_login_area { width:80%; margin:80px auto; }

	.cms_cntns .cms_login_area .cms_login_ref { margin:0 0 20px 0; text-align:center; }

	.cms_cntns .cms_login_area .cms_login_ech { margin:0 0 20px 0; }

	.cms_cntns .cms_login_area .cms_login_ech .cms_login_ttl { width:100%; margin:0 0 5px 0; }

	.cms_cntns .cms_login_area .cms_login_ech .cms_login_input { width:100%; }

	.cms_cntns .cms_login_area .cms_login_btn { width:100%; margin:0 auto; text-align:center; }

	.cms_cntns .cms_login_area .cms_login_btn a { display:block; padding:8px; background-color:#333333; /*background-color:#827bb6;*/ color:#ffffff; text-decoration:none;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em; 

	}

	.cms_cntns .cms_login_area .cms_login_btn a:hover { background-color:#df7b18; }

	

	/* contents title */

	.cms_cntttl_area { margin:0 0 20px 0; padding:0 0 3px 0; border-bottom:1px solid #333333; display:flex; align-itemw:stretch; flex-wrap:nowrap; }

	.cms_cntttl_area .cms_cntttl_txt { width:50%; font-size:105%; font-weight:bold; /*text-align:center;*/ }

	.cms_cntttl_area .cms_cntttl_rght { width:50%; display:flex; align-items:stretch; flex-wrap:wrap;*}

	

	.cms_cntttl_area .cms_cntttl_rght .cntttl_btn {  }

	.cms_cntttl_area .cms_cntttl_rght .cntttl_btn img { vertical-align:middle; }

	

	.cms_cntttl_area .cms_cntttl_rght .cms_edt_btn_ech { width:90%; margin:0 auto 5px; font-size:90%; }

	

	/* search */

	.cms_cntttl_srch { margin:0 0 20px 0; padding:10px 2%; background-color:#efedfb; position:relative; }

	.cms_cntttl_srch .srch_ttl { padding:0 0 10px 0; text-align:center; font-weight:bold; }

	.cms_cntttl_srch .srch_cnt { /*display:flex; align-items:stretch; flex-wrap:nowrap;*/ }

	.cms_cntttl_srch .srch_cnt .srch_ech { margin:0 0 10px 0; }

	.cms_cntttl_srch .srch_cnt .srch_ech3 { margin:0 0 10px 0; }

	.cms_cntttl_srch .srch_cnt .srch_ech.srch_flg { padding:4px 0 0 0; }

	/*.cms_cntttl_srch .srch_cnt .srch_ech .srch_btn { width:80%; margin:0 auto; }*/

	

	.cms_cntttl_srch .srch_btn { width:80%; margin:0 auto; }

	.cms_cntttl_srch .srch_btn80 { width:80%; margin:0 auto; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech50 { margin:0 0 10px 0; }

	

	.cms_cntttl_srch .srch_cnt100 { /*padding:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap;*/ }

	.cms_cntttl_srch .srch_cnt100 .srch_ech100 { margin:0 0 10px 0; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ttl { padding:0 3% 10px; font-size:110%; }

	

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech { border-bottom:1px solid #999999; background-color:#ffffff; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a { display:block; padding:5px 3%; /*font-weight:bold;*/ color:#282828; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a:hover { background-color:#efedfb; }

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a.sumup_slct_shp.crnt,

	.cms_cntttl_srch .srch_cnt .srch_ech2 .odrs_shplst_ech a.sumup_slct_fc.crnt { background-color:#dddddd; }

	

	/* ikmport */

	#sendDataBtn { display:none; }

	

	.srch_tbl_area { width:100%; height:240px; overflow:hidden; }



	/*.srch_2clm { display:flex; align-items:stretch; flex-wrap:wrap; }

	.srch_2clm .srch_l { width:100%; margin:0 0 10px 0; }

	.srch_2clm .srch_r { width:100%; }*/

	

	.cms_cntttl_srch .cls_btn { width:30px; position:absolute; top:4px; right:0; font-size:180%; font-weight:bold; }

	.cms_cntttl_srch .cls_btn a { display:block; }

	

	.srch_cls_btn { font-size:180%; font-weight:bold; text-align:right; }

	

	/* common part */

	.cms_oneprt { margin:0 0 20px 0; }

	.cms_oneprt10 { margin:0 0 10px 0; }

	

	.cms_prttop { margin:0 0 5px 0; display:flex; align-items:stretch; flex-wrap:nowrap; }

	.cms_prttop .prttop_ech { width:30%; }

	.cms_prttop .prttop_ech.crnt a { color:#282828; text-decoration:none; }

	

	#rply_baseinf {  }

	.cms_prttop_no_float {  }

	.cms_prttop_no_float .rply_baseinfo { margin:0 0 7px 0; padding:10px 2%; border:1px solid #999999; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_title { font-weight:bold; margin:0 0 7px 0; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_row { margin:0 0 7px 0; display:flex; align-items:stretch; flex-wrap:wrap; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_row .rply_baseinfo_ech { margin:0 0 7px 0; padding:3px 0.5%; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_row .rply_baseinfo_ech.ttl { width:24%; background-color:#efefef; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_row .rply_baseinfo_ech.cnt { width:24%; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_row .rply_baseinfo_ech.cnt_lng { width:74%; }

	.cms_prttop_no_float .rply_baseinfo .rply_baseinfo_row .rply_baseinfo_ech_lng { width:74%; margin:0 0 7px 0; padding:3px 0.5%; }

	

	#rply_srchinf { display:none; }

	.cms_prttop_no_float .rply_baseinfo .rply_srchinfo_row { display:flex; align-items:stretch; flex-wrap:wrap; }

	.cms_prttop_no_float .rply_baseinfo .rply_srchinfo_row .rply_srchcnd_ech { width:24%; margin:0 0 7px 0; padding:3px 0.5%; }

	.cms_prttop_no_float .rply_baseinfo .rply_srchinfo_row .rply_srchcnd_ech.ttl { background-color:#efefef; }

	.cms_prttop_no_float .rply_baseinfo .rply_srchinfo_row .rply_srchcnd_ech.cnt_lng { width:74%; }

	

	#srch_amp2_ttl { display:none; }

	#srch_amp2_cnt { display:none; }

	

	#rply_ratio { padding:10px 3%; }



	

	.w5 { width:14%; margin:0 0.5%; }

	.w10 { width:14%; margin:0 0.5%; }

	.w15 { width:24%; margin:0 0.5%; }

	.w20 { width:29%; margin:0 0.5%; }

	.w25 { width:14%; margin:0 0.5%; }

	.w30 { width:29%; margin:0 0.5%; }

	.w40 { width:39%; margin:0 0.5%; }

	.w50 { width:49%; margin:0 0.5%; }

	.w70 { width:54%; margin:0 0.5%; }

	.w80 { width:79%; margin:0 0.5%; }

	.w90 { width:89%; margin:0 0.5%; }

	

	.w10_rply { width:19%; margin:0 0.5%; }

	.w25_rply { width:54%; margin:0 0.5%; }

	

	.cms_tbl {  }

	.cms_tbl .cms_tbl_ech { padding:5px 0; border-bottom:1px solid #999999; display:flex; align-item:stretch; flex-wrap:nowrap; }

	.cms_tbl .cms_tbl_ech.noBdr { border-bottom:none; }

	.cms_tbl .cms_tbl_ech.cncl { background-color:#dddddd; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm {  }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm.ampi { /*background-color:#ffe6e6;*/ color:#0000ff; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm .tbl_btn { width:94%; margin:0 3%; text-align:center; }

	.cms_tbl .cms_tbl_ech .faq_tbl_clm .tbl_btn a { display:block; padding:5px 0; }

	

	.cms_tbl .cms_tbl_ech.crnt { background-color:#efedfb; }

	#cms_tbl_hd { background-color:#eeeeee; }

	

	.pagenation { display:flex; align-item:stretch; justify-content:center; }

	.pagenation a { display:block; margin:0 5px; padding:3px 4px; border:1px solid #999999; }

	.pagenation a.crnt { background-color:#333333; color:#ffffff; }

	

	/* edit area */

	.cms_edt_ech { margin:0 0 14px 0; padding:0 0 10px 0; border-bottom:1px solid #999999; }

	.cms_edt_ech .cms_edt_ttl { margin:0 0 10px 0; }

	.cms_edt_ech .cms_edt_txt {  }

	

	/* button bottom */

	.cms_btn_btm { width:100%; margin:0 auto 20px; display:flex; align-item:stretch; flex-wrap:nowrap; }

	.cms_btn_btm .cms_btn_btm_ech { width:40%; margin:0 5%; }

	

	form textarea.cms_faq_inpt,

	form input.cms_faq_inpt { width:90%; }

	

	/* order data import */

	#import_cnd { margin:20px 0; }

	.setdate { width:100%; margin:0 auto 20px; }

	.setdate .dat_ech { width:90%; margin:0 5% 10px; }

	.import_btn { width:90%; margin:0 auto; }

	.import_btn input { /*display:block;*/ padding:5px; background-color:#827bb6; color:#ffffff; text-decoration:none; text-align:center; }

	

	/*order data */

	#cms_srch_area { margin:20px 0; }

	

	.sumup {  }

	.sumup .sumup_total { display:flex; align-items:stretch; flex-wrap:nowrap; }

	.sumup .sumup_total .sumup_ech { width:16.5%; padding:0 3%; text-align:right; }

	

	/* /////////////////////////////////////////////////////////////////////////////

	Kantei

	/////////////////////////////////////////////////////////////////////////////*/

	.kantei_inpt { margin:0 0 20px 0; }

	.kantei_inpt .cnd_txt { margin:0 0 14px 0; }

	.kantei_inpt .cnd_btn { margin:0 0 14px 0; }

	.kantei_inpt .cnd_btn a { display:block; width:80%; }

	

	.kantei_cnd_form { margin:0 0 20px 0; }

	/*.kantei_cnd_form*/ .field_ech { margin:0 0 10px 0; }

	/*.kantei_cnd_form*/ .field_ech .form_item_ttl { margin:0 0 10px 0; }

	/*.kantei_cnd_form*/ .field_ech .form_item { margin:0 0 10px 0; }

	/*.kantei_cnd_form*/ .field_ech .form_item_lng { margin:0 0 10px 0; }

	

	.kantei_btn { margin:0 0 14px 0; }

	.kantei_btn a { display:block; width:80%; margin:0 auto; }

	

	.kantei_rslt {  }

	.kantei_rslt .field_ech .form_item_ttl { padding:0 0 0 0; }

	.kantei_rslt .field_ech .form_item { color:#827bb6; font-weight:bold; font-size:110%; }

	

	.kanteisho_btn { padding:20px 0 0 0; }

	.kanteisho_btn .kanteisho_btn_ech { margin:0 0 10px 0; }

	.kanteisho_btn .kanteisho_btn_ech a { display:block; }

	

	/* modal */

	.modal { position:absolute; /*top:10%; left:4%;*/ width:92%; height:360px; padding:14px 3%; /*background-color:#ffffff;*/ background:url(../img/mdl_bg.jpg) no-repeat; background-size:100%; display:none; z-index:101; }

	.modal .mdl_cnt { padding:100px 0; text-align:center; }

	.modal .mdl_cnt .mdl_ech { margin:0 0 30px 0; /*font-size:110%;*/ }

	.modal .mdl_cnt .mdl_ech.nowloading { height:60px; margin:0 48%; }

	.mask { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg_black.png); display:none; z-index:100; }

	

}







/* スマホオプティマイズ */

@media screen and (max-width:768px){



/* /////////////////////////////////////////////////////////////////////////////

Footer

/////////////////////////////////////////////////////////////////////////////*/

/*.ft { padding:10px 0; border-top:1px solid #999999; font-size:90%; }

.ft .ft_ttl { padding:0 3% 10px; font-size:140%; font-weight:bold; }

.ft .ft_cnt { padding:0 3% 10px; }

.ft .ft_cnt .ft_com { width:100%; }

.ft .ft_cnt .ft_btns { width:100%; }

.ft .ft_cnt .ft_btns .ft_lnk { width:45%; margin:10px 2% 0; }

.ft .ft_copy { text-align:center; }*/



/* /////////////////////////////////////////////////////////////////////////////

共通styl

/////////////////////////////////////////////////////////////////////////////*/

/* title */

h3.itmttl { display:block; margin-bottom:0; background:none; padding:3px 0; font-size:110%; font-weight:bold; }





/* /////////////////////////////////////////////////////////////////////////////

tool details / line share - image holder */

/* ///////////////////////////////////////////////////////////////////////////*/

/* アスペクト横 */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_h { width:100%; }

/* アスペクト縦 */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_v { width:100%; }

/* アスペクトSquare */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_s { width:100%; }

/* アスペクト動画 */

.tldtl_imgs .tldtl_mainimg_hldr.aspct_m { width:100%; }



}