/* Minification failed. Returning unminified contents.
(141,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@max-width'
 */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

@-ms-viewport
{
	width:device-width;
}

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;
    -webkit-appearance: none;
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	-ms-touch-action:none;
}

body {
    line-height:1;
}

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

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;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #afb0b7;
    margin:1em 0;
    padding:0;
	width:100%;
}

input, select {
    vertical-align:middle;
}

input[type="submit"], input[type="button"], input[type="reset"], button
{
	-webkit-appearance:none;
}

input[type="text"], input[type="password"]
{
	-webkit-appearance:none;
	border-radius:0;
}
@charset "utf-8";

/*com共通ヘッダーcss*/

/* =========================================================
header style
========================================================= */
#parentContainer {
	width:960px;
	padding:0;
	margin:0 auto;
}

#header1 {
	width:960px;
	min-width:400px;
	@max-width:960px;
	margin-right:-150px;
	height:59px;
	color:#fff;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック","MS PGothic","sans-serif","arial","helvetica"; 
	background-color:#0d2ea0;
}

#header2{
font-size:16px;
line-height:1;
/*width:960px;*/
min-width:400px;
/*@max-width:960px;*/
/*margin-right:-150px;*/
height:59px;
color:#fff;
font-family: "arial","helvetica","sans-serif";

background-color:#0d2ea0;

}

#search {
	float:right;
	width:auto;
}


#brabox {
	font-size:62.5%;
	width:auto;
}


*:first-child+html #brabox {
	width:275px;
	float:right;
	margin-right:18px
}



#brabox1 {
	float:right;
	margin-right:18px;
	padding-top:10px;
	width:150px;
}

*:first-child+html #brabox1 {
	margin-top:19px;
	padding-top:10px;
}



.bra_logo { 
  width:106px;
	text-align:left;
	padding-top:11px;
	padding-left:18px;
	float:left;
	}
	

.bra_logo a img { 
	border-style:none;
	}





#inner {
	margin:10px 20px 0 0;
}

#largeAlphaWrap {
	float:left;
	width:auto;
} 

*:first-child+html #largeAlphaWrap {
	float:left;
	width:160px;
	padding-left:40px;
}

#largeBetaWrap {
	float:right;
	 width:auto;
}


#aWrap {
	float:right;
	margin-right:5px;
}  

*:first-child+html #aWrap {
	float:right;
	margin-right:1px;
}


#bWrap {
	float:right;
	margin-right:7px;
	margin-top:1px;
	padding:0 0 0 40px;
	color:#fff;
	font-weight:bold;
	font-size: 1.1em;
}


html>/* */body #bWrap {
	float:right;
	margin-right:7px;
	margin-top/***/:0\9;
	padding:0 0 0 40px;
	color:#fff;
	font-weight:bold;
	font-size: 1.1em;
}


*:first-child+html #bWrap {
	margin-top:0;
	margin-bottom:0;
	float:right;
	padding:0 0 0 0;
	color:#fff;
	font-weight:bold;
	line-height:1.1em;
	font-size: 1.1em;
}




#cWrap { float:right;}  
#dWrap { 
   float:right;	
	 margin-left:2px;
	 }

*:first-child+html #dWrap { 
   float:right;	
	 text-align:left;
	 }
	 
	 
#dWrap a {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
} 


#dWrap a:link  {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
} 
  

#dWrap a:visited  {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#dWrap a:hover {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#dWrap a:active {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}


.clear { clear:both; }  
.clear hr { display:none; } 

	





input#search_box{
	height:14px;
	padding:0;
	margin:0;
	vertical-align:top;
}


html>body input#search_box{
	margin:0 2px 0 0;
}

#header form input{
	padding:0 0 0 2px;
	_padding:2px 0 0 2px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}



#header form {
	margin: 0;
	padding: 0 0 8px 0;
	}


.posi{
	position:relative;
	
}

*:first-child+html .posi{
	position:relative;
	margin-top:-20px;
}



/*--Search1--*/

.globalHeaderSearch {
	width: 150px; 
				}


.globalHeaderSearchDefault {
	background:url(input_off.gif) no-repeat;
	border: none;
	width: 150px;
	height: 17px;
	font-size:11px;
	margin: 0px;
	padding: 0px;

}

.globalHeaderSearchInputOff {
	background:url(input_off.gif) no-repeat;
	border: none;
	width: 150px;
	height: 17px;
	font-size:11px;
	margin: 0px;
	padding: 0px;

}


																																			
.globalHeaderSearchInputOn {
	background:url(input_on.gif) no-repeat;
	border: none;
	width: 150px;
	height: 17px;
	font-size:11px;
	margin: 0px;
	padding: 0px;
}


#searchBtn4	{
	position: absolute;
	top: 1px;
	left: 125px;
	width: 25px;
	height: 15px;
	background:none;
	background-color:transparent;
	border:none;
}

html>/**/body  #searchBtn4 {
	position: absolute;
	top: 1px;
	left: 120px;
	width: 30px\9;
	height: 15px;
	background:none;
	background-color:transparent;
	border:none;
}

*:first-child+html #searchBtn4	{
	position: absolute;
	top: 1px;
	left: 125px;
	width: 25px;
	height: 15px;
	background:none;
	background-color:transparent;
	border:none;
}


.pad_top{
	padding-top:1px;}
body {
    background-color: #fff;
    color: #333;
    font-size: .85em;
    line-height: 1;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari,Chrome */
    -ms-user-select: none; /* IE10+ */
}

body, button, input[type=submit] {
    font-family: 'Lucida Grande', 'Segoe ui', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif' !important;
}
    /*ハングル*/
    body:lang(ko), button:lang(ko), input[type=submit]:lang(ko) {
        font-family: 'Lucida Grande', 'Segoe ui', 'Malgun Gothic', 'sans-serif' !important;
    }
    /*繁体字*/
    body:lang(zh-Hans), button:lang(zh-Hans), input[type=submit]:lang(zh-Hans) {
        font-family: 'Lucida Grande', 'Segoe ui', 'Microsoft JhengHei', 'sans-serif' !important;
    }
    /*簡体字*/
    body:lang(zh-Hant), button:lang(zh-Hant), input[type=submit]:lang(zh-Hant) {
        font-family: 'Lucida Grande', 'Segoe ui', 'Microsoft YaHei', 'sans-serif' !important;
    }
    /*ロシア語*/
    body:lang(ru), button:lang(ru), input[type=submit]:lang(ru), .ui-dialog:lang(ru) {
        font-family: 'Lucida Grande', 'Segoe ui', Avenir, 'Helvetica Neue', 'sans-serif' !important;
    }

input {
    border: 1px solid #afb0b7;
    line-height: 1.5em;
    padding: 2px 4px;
}

/*SNC Icons*/
@font-face {
    font-family: 'snccicons';
    src: url('/Content/snccicons.woff?soimf9sdf') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sncicon {
    font-family: 'snccicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .sncicon.header {
        text-decoration: none;
        font-size: 25px;
        color: #7d7de2;
    }

    .sncicon.header-pc {
        display: inline-block;
        font-size: 20px;
        vertical-align: middle;
        margin-right: 2px;
        color: #7d7de2;
    }

    .sncicon.hometab {
        display: inline-block;
        margin: 0 8px 0 5px;
        font-size: 24px;
        height: 27px;
        vertical-align: bottom;
        color: #3d3d59;
    }

    .unactivated > .sncicon.activation {
        padding: 6px 10px 0 0;

    }

    .sncicon.activation {
        position: absolute;
        right: 0px;
        top: 0px;
        border: 0px;
        margin: 0px;
        padding: 3px 10px 0px 0px;
        color: #3d3d59;
    }

        .sncicon.activation > img {
            width: 20px;
            height: 20px;
            margin: 0px;
            padding: 0px;
        }

        .sncicon.activation > span.sncicon.lock {
            font-size: 24px;

        }


        .sncicon.activation > span.sncicon.unlock {
            font-size: 30px;
        }

    .sncicon.shape_count:before {
        content: "\e66b";
    }

    .sncicon.stamp:before {
        content: "\e66c";
        /*font-size: 14px;*/
        color: #e59c00;
    }

    .sncicon.dl_to_pc .path1:before {
        content: "\e65d";
        color: rgb(61, 61, 89);
    }

    .sncicon.dl_to_pc .path2:before {
        content: "\e65e";
        margin-left: -1em;
        color: rgb(109, 78, 235);
    }

    .sncicon.dl_to_pc_gray:before {
        content: "\e666";
    }

    .sncicon.transfer .path1:before {
        content: "\e667";
        color: rgb(61, 61, 89);
    }

    .sncicon.transfer .path2:before {
        content: "\e668";
        margin-left: -1em;
        color: rgb(109, 78, 235);
    }

    .sncicon.transfer_gray:before {
        content: "\e67e";
    }

    .sncicon.size_icon_h .path1:before {
        content: "\e674";
        color: rgb(255, 0, 0);
    }

    .sncicon.size_icon_h .path2:before {
        content: "\e675";
        margin-left: -1em;
        color: rgb(61, 61, 89);
    }

    .sncicon.size_icon_h .path3:before {
        content: "\e676";
        margin-left: -1em;
        color: rgb(56, 255, 0);
    }

    .sncicon.size_icon_w .path1:before {
        content: "\e682";
        color: rgb(255, 0, 0);
    }

    .sncicon.size_icon_w .path2:before {
        content: "\e683";
        margin-left: -1em;
        color: rgb(61, 61, 89);
    }

    .sncicon.size_icon_w .path3:before {
        content: "\e684";
        margin-left: -1em;
        color: rgb(56, 255, 0);
    }

    .sncicon.size_icon_wh .path1:before {
        content: "\e682";
        color: rgb(255, 0, 0);
    }

    .sncicon.size_icon_wh .path2:before {
        content: "\e674";
        margin-left: -1em;
        color: rgb(255, 0, 0);
    }

    .sncicon.size_icon_wh .path3:before {
        content: "\e683";
        margin-left: -1em;
        color: rgb(61, 61, 89);
    }

    .sncicon.size_icon_wh .path4:before {
        content: "\e684";
        margin-left: -1em;
        color: rgb(56, 255, 0);
    }

    .sncicon.rhinestone:before {
        content: "\e653";
        /*font-size: 14px;*/
        color: #ff64c0;
    }

    .sncicon.sticker:before {
        content: "\e654";
        /*font-size: 14px;*/
        color: #60b200;
    }

    .sncicon.emboss:before {
        content: "\e904";
        /*font-size: 14px;*/
        color: #7fb5ff;
    }

    .sncicon.foil:before {
        content: "\e905";
        /*font-size: 14px;*/
        color: #4755f5;
    }

    .sncicon.akawaku:before {
        content: "\e613";
        color: red;
    }

    .sncicon.blank_window3:before {
        content: "\e620";
        margin: 0 2px;
        font-size: 0.8em;
    }

    .sncicon.checkmark:before {
        content: "\e63b";
    }

    .sncicon.minus:before {
        content: "\e640";
    }

    .sncicon.plus:before {
        content: "\e646";
    }

    .sncicon.close:before {
        content: "\e652";
    }

    .sncicon.pulldown:before {
        content: "\e647";
    }

    .sncicon.size_icon:before {
        content: "\e648";
        font-size: 22px;
        margin: 2px 0 0 2px;
    }

    .sncicon.size_width:before {
        content: "\e649";
        font-size: 16px;
        margin: 0 2px;
    }

    .sncicon.size_height:before {
        content: "\e64a";
        font-size: 16px;
        margin: 0 2px;
    }

    .sncicon.zoomin:before {
        content: "\e64b";
    }

    .sncicon.zoomreal:before {
        content: "\e650";
    }

    .sncicon.zoomout:before {
        content: "\e64c";
    }

    .sncicon.Home-H:before {
        content: "\e63f";
    }

    .sncicon.Home-I:before {
        content: "\e60c";
    }

    .sncicon.Home-E:before {
        content: "\e63c";
    }

    .sncicon.Home-B:before {
        content: "\e638";
    }

    .sncicon.Home-F:before {
        content: "\e63d";
    }

    .sncicon.Home-G:before {
        content: "\e63e";
    }

    .sncicon.E1-A:before {
        content: "\e600";
    }

    .sncicon.E1-B:before {
        content: "\e601";
    }

    .sncicon.E1-C:before {
        content: "\e602";
    }

    .sncicon.E1-D:before {
        content: "\e603";
    }

    .sncicon.E1-E:before {
        content: "\e604";
    }

    .sncicon.E1-F:before {
        content: "\e605";
    }

    .sncicon.E2-AA:before {
        content: "\e615";
    }

    .sncicon.E1-H:before {
        content: "\e607";
    }

    .sncicon.E1-J:before {
        content: "\e609";
    }

    .sncicon.E1-J.open:before,
    .sncicon.E1-K:before {
        content: "\e60a";
    }

    .sncicon.E1-I:before {
        content: "\e608";
    }

    .sncicon.E1-L:before {
        content: "\e60d";
    }

    .sncicon.E1-K2:before {
        content: "\e60b";
    }

    .sncicon.E1-L_02:before {
        content: "\e60e";
    }

    .sncicon.E1-M:before {
        content: "\e60f";
    }

    .sncicon.E1-N:before {
        content: "\e610";
    }

    .sncicon.E1-O:before {
        content: "\e611";
    }

    .sncicon.E1-P:before {
        content: "\e612";
    }

    .sncicon.E2-A:before {
        content: "\e614";
    }

    .sncicon.E2-B:before {
        content: "\e616";
    }

    .sncicon.E2-C:before {
        content: "\e617";
    }

    .sncicon.E2-D:before {
        content: "\e618";
    }

    .sncicon.E2-E:before {
        content: "\e619";
    }

    .sncicon.E2-F:before {
        content: "\e61a";
    }

    .sncicon.E2-G:before {
        content: "\e61b";
    }

    .sncicon.E2-H:before {
        content: "\e61c";
    }

    .sncicon.E2-I:before {
        content: "\e61d";
    }

    .sncicon.E2-J:before {
        content: "\e61e";
    }

    .sncicon.E2-K:before {
        content: "\e642";
    }

    .sncicon.E2-L:before {
        content: "\e61f";
    }

    .sncicon.E2-N:before {
        content: "\e621";
    }

    .sncicon.E2-O:before {
        content: "\e622";
    }

    .sncicon.E1-G:before {
        content: "\e606";
    }

    .sncicon.E2-P:before {
        content: "\e623";
    }

    .sncicon.E2-Q-A:before {
        content: "\e624";
    }

    .sncicon.E2-Q-B:before {
        content: "\e625";
    }

    .sncicon.E2-Q-C:before {
        content: "\e626";
    }

    .sncicon.E2-Q-D:before {
        content: "\e627";
    }

    .sncicon.E2-Q-E:before {
        content: "\e628";
    }

    .sncicon.E2-Q-F:before {
        content: "\e629";
    }

    .sncicon.E2-R-A:before {
        content: "\e62a";
    }

    .sncicon.E2-R-B:before {
        content: "\e62b";
    }

    .sncicon.E2-S-A:before {
        content: "\e62c";
    }

    .sncicon.E2-S-B:before {
        content: "\e62d";
    }

    .sncicon.E2-S-C:before {
        content: "\e62e";
    }

    .sncicon.E2-S-D:before {
        content: "\e62f";
    }

    .sncicon.E2-T-A:before {
        content: "\e630";
    }

    .sncicon.E2-T-B:before {
        content: "\e631";
    }

    .sncicon.E2-T-C:before {
        content: "\e632";
    }

    .sncicon.E2-T-D:before {
        content: "\e633";
    }

    .sncicon.Home-A:before {
        content: "\e637";
    }

    .sncicon.Home-C:before {
        content: "\e639";
    }

    .sncicon.Home-J:before {
        content: "\e641";
    }

    .sncicon.Home-D:before {
        content: "\e63a";
    }

    .sncicon.E2-U:before {
        content: "\e634";
    }

    .sncicon.E2-W:before {
        content: "\e644";
    }

    .sncicon.E2-V:before {
        content: "\e643";
    }

    .sncicon.E2-X:before {
        content: "\e645";
    }

    .sncicon.E2-Y:before {
        content: "\e635";
    }

    .sncicon.E2-Z:before {
        content: "\e636";
    }

    .sncicon.PRJ-PDF:before {
        content: "\e636 \e608";
    }

    .sncicon.PRJ-PARTS:before {
        content: "\e651 \e608";
    }

    .sncicon.Rotate:before {
        content: "\e64d";
    }

    .sncicon.change_fill_color:before {
        content: "\e64e";
    }

    .sncicon.change_stroke_color:before {
        content: "\e64f";
    }

    .sncicon.Home-K:before {
        content: "\e651";
    }

    .sncicon.PlayVideo:before {
        content: "\e900";
    }

    .sncicon.filter:before {
        content: "\e901";
    }

    .sncicon.refresh:before {
        content: "\e902";
    }

    .sncicon.resizeScale:before {
        content: "\e903";
        font-size: 30px;
    }

    .sncicon.imgmode_fot .path1:before {
        content: "\e906";
        color: rgb(61, 61, 89);
    }

    .sncicon.imgmode_fot .path2:before {
        content: "\e907";
        margin-left: -1em;
        color: rgb(100, 100, 122);
    }

    .sncicon.imgmode_col .path1:before {
        content: "\e908";
        color: rgb(100, 100, 122);
    }

    .sncicon.imgmode_col .path2:before {
        content: "\e909";
        margin-left: -1em;
        color: rgb(100, 100, 122);
    }

    .sncicon.imgmode_col .path3:before {
        content: "\e90a";
        margin-left: -1em;
        color: rgb(177, 177, 189);
    }

    .sncicon.imgmode_col .path4:before {
        content: "\e90b";
        margin-left: -1em;
        color: rgb(216, 216, 222);
    }

    .sncicon.imgmode_col .path5:before {
        content: "\e90c";
        margin-left: -1em;
        color: rgb(61, 61, 89);
    }

    .sncicon.imgmode_col .path6:before {
        content: "\e90d";
        margin-left: -1em;
        color: rgb(61, 61, 89);
    }

    .sncicon.import_snc:before {
        content: "\e90e";
    }

    .sncicon.fotAd_Plus:before {
        content: "\e90f";
    }

    .sncicon.fotAd_Minus:before {
        content: "\e912";
    }

    .sncicon.fotAd_Erace:before {
        content: "\e914";
    }

    .sncicon.fotAd_EraceAll:before {
        content: "\e915";
    }

    .sncicon.fot_basic:before {
        content: "\e906";
    }

    .sncicon.fot_pro:before {
        content: "\e907";
    }

    .sncicon.premium:before {
        content: "\e908";
    }

    .sncicon.premium.mk {
        color: #5672d6;
    }

    .sncicon.canvasupg1:before {
        content: "\e908";
        color: #6d50e9;
    }

    .sncicon.rarrow:before {
        content: "\e909";
        font-size: 10px;
    }

    .sncicon.open_image:before {
        content: "\e90a";
    }

    .sncicon.resetmask:before {
        content: "\e90b";
    }

    .sncicon.setting:before {
        content: "\e90c";
    }

    .sncicon.Movie:before {
        content: "\e90d";
        font-size: 1.1em;
    }

    .sncicon.fotZoomIn:before {
        content: "\e910";
    }

    .sncicon.fotZoomOut:before {
        content: "\e911";
    }

    .sncicon.fotAd_Hide:before {
        content: "\e913";
    }

    .sncicon.attention {
        font-size: 38px;
    }

        .sncicon.attention:before {
            content: "\e916";
        }

    .sncicon.ContentDL_Back .path1:before {
        content: "\e917";
        color: rgb(255, 255, 255);
    }

    .sncicon.ContentDL_Back .path2:before {
        content: "\e918";
        margin-left: -1em;
        color: rgb(60, 60, 87);
    }

    .sncicon.ContentDL_Back .path3:before {
        content: "\e919";
        margin-left: -1em;
        color: rgb(57, 58, 85);
    }

    .sncicon.ContentDL_Back .path4:before {
        content: "\e91a";
        margin-left: -1em;
        color: rgba(255, 255, 255, 0.5);
    }

    .sncicon.ContentDL_Back .path5:before {
        content: "\e91b";
        margin-left: -1em;
        color: rgb(136, 75, 228);
    }

    .sncicon.ContentDL_Back .path6:before {
        content: "\e91c";
        margin-left: -1em;
        color: rgb(255, 255, 255);
    }

    .sncicon.ContentDL_Back .path7:before {
        content: "\e91d";
        margin-left: -1em;
        color: rgb(136, 75, 228);
    }

    .sncicon.hometab.ContentDL {
        font-size: 26px;
    }

    .sncicon.ContentDL:before {
        content: "\e91e";
    }

    .sncicon.lock:before {
        content: "\e91f";
    }

    .sncicon.unlock:before {
        content: "\e920";
    }

    .sncicon.btn {
        margin: 0 5px;
        font-size: 1.1em;
    }

a {
    cursor: pointer;
}

p {
    padding: 1em 0;
    line-height: 1.2em;
}

    p.alert {
        padding: 1em 0 1em 20px;
    }

        p.alert .ui-icon.ui-icon-alert,
        p.alert .ui-icon.ui-icon-info {
            float: left;
            margin: 0px 0px 0px -20px;
            /*display: inline-block;*/
        }

ul {
    padding-left: 2em;
}

input[type="radio"] {
    margin: 6px;
}

.myradio input[type="radio"] {
    display: none !important;
}

.myradio label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 18px;
    padding: 7px 18px;
    text-align: left;
    line-height: 1;
}

.myradio.br label {
    display: block;
    float: left;
    clear: left;
}

.myradio label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -9px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
    border-radius: 50%;
    border: 1px solid #afb0b7;
}

.myradio input[type="radio"]:checked + label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: -4px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: #b400e0;
    border: 1px solid #b400e0;
}

.mycheck input {
    display: none !important;
}

    .mycheck input[name="RememberMe"] {
        position: absolute;
        z-index: -1;
        -ms-opacity: 0.0;
        opacity: 0.0;
        display: inline-block !important;
    }

    .mycheck input[type="checkbox"][name="RememberMe"]:focus + label:before {
        outline: dotted 1px #333;
    }

.mycheck.br label {
    display: block;
}

.mycheck label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 18px !important;
    padding: 7px 18px;
    text-align: left;
    line-height: 1;
}

    .mycheck label:before {
        position: absolute;
        content: "";
        top: 50%;
        left: -9px;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
        border: 1px solid #afb0b7;
    }


.mycheck input[type="checkbox"]:checked + label:after,
.mycheck input[type="checkbox"]:checked + input + label:after {
    position: absolute;
    font-family: 'snccicons';
    content: "\e63b";
    font-size: 15px;
    top: 50%;
    left: -7px;
    width: 16px;
    height: 16px;
    margin-top: -6px;
    color: #b400e0;
}

.mycheck input[type="checkbox"]:checked:disabled + label:after,
.mycheck input[type="checkbox"]:checked:disabled + input + label:after {
    color: #afb0b7;
}

/*.ui-button-text-only .ui-button-text {
    padding: .3em 1em !important;
}*/

.ui-selectmenu-menu.ui-selectmenu-open {
    z-index: 1010;
}

.lapselect {
    display: inline-block;
    vertical-align: middle;
}

.ui-menu .ui-menu-item {
    line-height: 1.5em;
}

.ui-dialog .ui-dialog-buttonpane button {
    height: 35px;
}

.ui-dialog .ui-dialog-title {
    line-height: 1.5em;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-btn {
    width: 26px !important;
    height: 26px !important;
    margin: -13px 0 0 0 !important;
    outline: 0;
    font-size: 20px !important;
    line-height: 22px;
    background: transparent !important;
    border: none !important;
}

.ui-dialog-titlebar-btnset {
    display: inline-block;
    position: absolute;
    right: 2.3em;
    height: 26px;
    line-height: 26px;
    margin: 3px 0 0 0;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar-btn.ui-state-hover {
    color: rgb(109, 78, 235);
}

/* Patch for latest jQuery-UI dialog close-button */
.ui-dialog .ui-dialog-titlebar-close.ui-button-icon-only {
    text-indent: 0 !important;
	overflow: hidden !important;
	padding-left: 3px;
	padding-top: 2px;
}

.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-dialog-titlebar-btn:before {
    font-family: 'snccicons' !important;
    speak: none;
    content: "\e652";
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 2em; /* Patch for latest jQuery-UI dialog close-button */
}

.ui-dialog .ui-dialog-titlebar-btn.Movie:before {
    content: "\e90d";
}

.ui-dialog .ui-dialog-titlebar-btn.Help:before {
    content: "\e63a";
}

.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-btn span {
    display: none;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-focus:not(.ui-state-hover),
.ui-dialog .ui-dialog-titlebar-btn.ui-state-focus:not(.ui-state-hover) {
    background: #FFF;
}

.ui-dialog.dlgWhiteBar .ui-dialog-titlebar {
    background-color: #FFF;
    border-color: #FFF;
    padding: 14px 20px;
}

    .ui-dialog.dlgWhiteBar .ui-dialog-titlebar .ui-dialog-title {
        white-space: normal;
    }

    .ui-dialog.dlgWhiteBar .ui-dialog-titlebar .ui-button {
        position: absolute;
        top: 20px;
    }

#pre_loader {
    width: 60px;
    height: 60px;
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -30px;
    z-index: 910;
    background-color: #6D50E9;
    border-radius: 100%;
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

#pre_fade {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 900;
}

.loginbutton {
    min-width: 130px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 2px;
    border: none;
    padding: 9px 35px 9px 35px;
    text-decoration: none;
    /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #675f6c), color-stop(100%, #2c2036) );
    background:-moz-linear-gradient( center top, #675f6c 5%, #2c2036 100% );
    background:-ms-linear-gradient( top, #675f6c 5%, #2c2036 100% );*/
    background-color: #342b3a;
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    line-height: 1.5em;
    vertical-align: middle;
}

    .loginbutton:hover {
        /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7c16cb), color-stop(100%, #a53df6) );
    background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
    background:-ms-linear-gradient( top, #7c16cb 5%, #a53df6 100% );*/
        background-color: #b400e0;
        cursor: pointer;
    }

    /*
    .loginbutton:active {
        position:relative;
        top:1px;
    }
    */

    .loginbutton:disabled {
        /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');*/
        background-color: #ccd0d7;
        color: #342b3a;
    }

        .loginbutton:disabled:hover {
            cursor: not-allowed;
        }

        .loginbutton:disabled:active {
            position: relative;
            top: 0px;
        }

a.loginbutton {
    color: #FFF;
    min-width: 60px;
    /*padding: 12px 0px 13px 0px;*/
}

.loginbutton.small {
    width: auto;
    font-size: 16px;
    padding: 5px 25px;
    line-height: normal;
}
/* This css button was generated by css-button-generator.com */

.spinsmall,
.box.cp.preload,
.thumbbox.preload,
.thumbbox_dc.preload,
#projectSite,
#infscr-loading,
.slick-loading .slick-list {
    background-image: url(data:image/gif;base64,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);
}

#projectSite {
    background-position: center;
    background-repeat: no-repeat;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: "";
    clear: both;
    display: block;
}

.bold {
    font-weight: bold;
}

a.releasenotes {
    text-decoration: underline;
}

/* scroll */
.showscroll,
.ui-dialog .ui-dialog-content {
    -webkit-overflow-scrolling: touch;
}

    .showscroll.noscroll {
        -webkit-overflow-scrolling: initial;
        pointer-events: none;
    }

/*
.showscroll::-webkit-scrollbar
{
    width: 15px;
}

.showscroll::-webkit-scrollbar:horizontal
{
    height:15px;
}

.showscroll::-webkit-scrollbar-thumb
{
    background: #888;
    border-radius: 10px;
}
.showscroll::-webkit-scrollbar-track-piece:start
{
    background: #f6f6f6;
}
.showscroll::-webkit-scrollbar-track-piece:end
{
      background: #f6f6f6;
}
    */

/*ヘッダー*/
#sitelogo {
    height: 50px;
    width: 225px;
    margin: 3px 0 0 0;
}

#brotherlogo {
    width: 118px;
    height: 35px;
    margin: 5px;
}

.premsg {
    color: red;
    font-size: 1em;
    position: absolute;
    top: 30px;
    left: 240px;
    cursor: pointer;
}

.fixedbody .premsg {
    position: relative;
    right: 10px;
    bottom: 5px;
    height: 0;
    top: inherit;
    left: inherit;
}


.header-left {
    float: left;
    padding-left: 15px;
}

.header-right {
    float: right;
    text-align: right;
}

.fixedbody > .header-left {
    padding-left: 10px;
}

a.link {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    cursor: pointer;
}

    a.link:link, a.link:visited, a.link:active, a.link:hover {
        color: #333;
    }

    a.link:hover {
        text-decoration: underline;
    }

a.helpref {
    display: block;
    line-height: 1.6em;
    float: left;
    clear: left;
}

/* ヘルプ中の <hr> はフローティングの影響を受けないことが想定されている */
#help_body > hr {
    clear: left;
}
#help_body > #help-close-btn {
    float: right;
}

#login, #lang_panel {
    display: inline-block;
    font-size: .85em;
    margin: 10px 5px;
    vertical-align: top;
}
/*
    #login a {
        text-decoration: underline;
    }
*/
    #login ul {
        margin: 2px 0 0 0;
        padding: 0 0 0 2em;
    }

        #login ul.mobile {
            margin: 5px 6px 0 0;
            padding: 0;
        }

    #login li {
        list-style-type: disc;
        padding-right: 6px;
        display: inline;
        /*border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #333;*/
        margin-right: 5px;
    }

    #login ul.mobile li {
        list-style-type: disc;
        padding-right: 6px;
        display: inline;
        margin-right: 12px;
        border: none;
    }

    #login li:last-child {
        border: none;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

#logoutForm {
    display: inline;
}
/*
#loginRight
{
    float:right;
    width:340px;
    margin:15px 15px 0px 15px;
}
    */

#head_help_body {
    display: none;
    position: absolute;
    top: 27px;
    right: 133px;
    background: rgb(247, 246, 246);
    padding: 1px;
    z-index: 10;
}

    #head_help_body li.sub {
        display: block;
        margin: 5px;
        padding: 3px;
        border: none;
        list-style-type: none;
        text-align: left;
    }

#exfunc_mark {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 3px;
    padding-top: 1px;
}

@media all and (max-width:450px) {
    #sitelogo {
        width: 150px;
        height: auto;
    }
    .premsg {
        top: 30px;
        left: 180px;
    }

    #exfunc_mark {
        width: 55px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
       .download-confirm div.methodframe {
            padding: 0 !important;
        }
        .download-confirm div.methodframe div.title {
            width: 170px !important;
            font-size: 0.80em !important;
        }
}

/*フッター*/
#footer, footer {
    clear: both;
    /*background-color: #e2e2e2;*/
    font-size: .8em;
    /*margin-top:10px;*/
    /*padding:4px 20px 3px 3px;*/
    padding: 2px;
    min-height: 1em;
    margin: 15px 5px 1px 5px;
}

/*
footer.flow
{
position:fixed;
bottom:0px;
left:0px;
right:0px;
z-index:150;
}
*/

#footer-navi {
    padding: 2px;
    margin: 0;
}

    #footer-navi li {
        list-style-type: disc;
        padding-right: 6px;
        display: inline;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #333;
        margin-right: 3px;
    }

        #footer-navi li a {
            text-decoration: none;
        }

            #footer-navi li a:hover {
                text-decoration: underline;
            }

#copyrights {
    padding: 2px;
}

/**/

#body {
    /*padding: 5px 5px 0px 5px;*/
    clear: both;
    height: auto;
    min-height: 260px;
}

#newsbody {
    background: #FFFFFF;
    height: 55px;
    overflow: hidden;
    padding: 5px 5px 0 5px;
    margin: 5px 5px 2px 5px;
}

    #newsbody a {
        color: #3d3d59;
    }

    #newsbody ul li {
        list-style-type: none;
        width: inherit;
        display: none;
        overflow: hidden;
    }

        #newsbody ul li div.ns-title {
            display: inline-block;
            font-weight: bold;
            vertical-align: top;
        }

        #newsbody ul li div.ns-body {
            display: inline-block;
            padding-left: 1em;
            text-overflow: ellipsis;
            overflow-x: hidden;
            padding-right: 1em;
            width: 95%;
        }

.ns-title a {
    text-decoration: none;
}

.ticker {
    text-align: left;
    border: #ccc 1px solid;
    position: relative;
    overflow: hidden;
    height: 40px;
    padding: 7px 5px 5px 5px;
    margin: 5px;
}

    .ticker ul {
        position: relative;
        line-height: 1.3em;
    }

        .ticker ul li {
            display: none;
            left: 100px;
        }

#newsarchive {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: 4px;
    text-align: right;
    z-index: 9;
    font-size: 0.9em;
}

@media all and (max-width:740px) {
    #brotherlogo.login {
        display: none;
    }

    .navNonTargetLabel {
        display: none;
    }
}

@media all and (max-width:960px)
{
    .hideNarrow {
        display: none;
    }
}

@media all and (max-width:380px) {
    #sitelogo {
        width: 130px;
        height: auto;
    }
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.1em;
    display: inline-block;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.1em;
}

    .validation-summary-errors ul {
        text-align: left;
        list-style: none;
        margin: 0px auto;
    }

.validation-summary-valid {
    display: none;
}
/**/

/*Wizard*/
.download-confirm {
    padding: 0 20px;
}

    .download-confirm div.method {
        display: table;
        margin: 10px auto;
    }

    .download-confirm div.methodframe {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        padding: 5px 7px;
        width: 175px;
    }

        .download-confirm div.methodframe div.title {
            margin: 0 auto 5px auto;
            width: 175px;
            font-size: 0.85em;
        }

        .download-confirm div.methodframe button,
        .download-confirm div.methodframe a,
        .imgtrc_selbtn {
            display: block;
            width: 151px;
            height: 121px;
            border-radius: 2px;
            /*vertical-align: middle;*/
            text-align: center;
            background-color: white;
            cursor: pointer;
            border: 1px solid #afb0b7;
            box-shadow: 0px 2px 2px 0px #dbdbdb;
            background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
            text-decoration: none;
            margin: 0 auto;
            outline: none;
        }

        .download-confirm div.methodframe a {
            display: block;
            height: 119px;
        }

    .download-confirm .sncicon {
        display: inline-block;
    }

.sncicon.dl_to_pc {
    font-size: 110px;
    margin-top: 3px;
}

.sncicon.dl_to_pc_gray {
    font-size: 92px;
    margin-top: -3px;
}

.sncicon.transfer {
    font-size: 125px;
    margin-top: -6px;
}

.sncicon.transfer_gray {
    font-size: 120px;
    margin-top: -18px;
}

.download-confirm .dl_disabled {
    border: 1px solid #D0D2D6;
    height: 81px;
    width: 151px;
    position: relative;
    color: #AFB0B7;
    margin: 0 auto;
    border-radius: 2px;
}

    .download-confirm .dl_disabled svg {
        position: absolute;
        top: 0;
        left: 0;
    }

#stref:not(.dl_disabled):hover, #dlref:not(.dl_disabled):hover {
    background: #e2a6f1;
}

.download-confirm div.methodframe button:disabled {
    cursor: not-allowed;
    background-color: lightgray;
}

    .download-confirm div.methodframe button:disabled img {
        -webkit-filter: grayscale(1);
        filter: gray;
        filter: grayscale(1);
    }

.download-confirm div.filename {
    font-size: 0.9em;
    margin: 3px 10px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.download-confirm div.noteText {
    font-size: 0.9em;
    padding: .5em 3px 0 3px;
    text-align: left;
}

.cannotSend {
    font-size: 0.9em;
    padding: .5em 3px 0 3px;
    color: #db001e;
    text-align: left;
}

.imgtrc_selbtn {
    display: inline-block;
}

    .imgtrc_selbtn span {
        font-size: 100px;
        line-height: 120px;
    }

.notes-space {
    font-size: 0.8em;
    margin-top: 1em;
    padding: 10px;
    border: 1px solid #afb0b7;
}

    .notes-space div {
        max-height: 250px;
        overflow-y: auto;
    }

    /* Android Chrome で見切れ確認のため対応 */
    .notes-space div > ul {
        margin-top: 3px;
    }

        .notes-space div ul li {
            margin-bottom: 7px;
        }

            .notes-space div ul li ul li {
                margin-bottom: 2px;
            }

.transferready {
    text-align: center;
    padding: 15px 10px;
}

    .transferready div.note {
        margin: 10px auto;
        text-indent: 1em;
        font-size: 0.9em;
        text-align: left;
        padding: 5px;
        width: 350px;
    }

/*touchspin*/
.input-group {
    display: inline-block;
    border-collapse: separate;
    box-sizing: border-box;
    margin: 0 2px;
}

.input-group-btn {
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
}

button.btn.btn-default {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    /* border-radius: 4px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #444;
    background-color: #e8e8fc;
    border-color: #afb0b7;
    height: 36px;
    width: 36px;
    font-family: 'snccicons' !important;
}

    button.btn.btn-default:hover {
        background-color: #b400e0;
        color: #FFF;
    }

    button.btn.btn-default.bootstrap-touchspin-up:before {
        content: "\e646";
    }

    button.btn.btn-default.bootstrap-touchspin-down:before {
        content: "\e640";
    }

    button.btn.btn-default.btn-disabled {
        background-color: #ccd0d7;
        color: #FFF;
    }

        button.btn.btn-default.btn-disabled:hover {
            cursor: default;
            background-color: #ccd0d7;
            color: #FFF;
        }

        #text_letter-spacing:disabled {
            color: LightGray;
        }


/*.form-control {
    display: inline-block !important;
     width: 40px;
    height: 30px;    padding: 6px 12px;    font-size: 14px;    line-height: 1.428571429;    color: #555;    vertical-align: middle;    background-color: #fff;    background-image: none;    border: 1px solid #ccc;    border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-radius: 0;
    /* width: 100%; * /
    margin: 0;
}*/

.form-control {
    display: inline-block !important;
    width: 45px;
    height: 30px;
    padding: 2px !important;
    font-size: 14px;
    line-height: 1.428571429;
    color: #444;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 4px;
    border-radius: 0;
    margin: 0;
    border-top: 1px solid #afb0b7;
    border-bottom: 1px solid #afb0b7;
}

/**/

/*news*/
#morenewswindow ul {
    margin: 8px;
    padding: 0;
}

    #morenewswindow ul li {
        list-style-type: none;
        margin: 7px 0;
    }

#morenewswindow li div.ns-title {
    display: block;
    font-weight: bold;
    min-width: 100px;
    padding: 2px;
    border-bottom: 1px solid #afb0b7;
}

#morenewswindow li div.ns-body {
    display: block;
    padding: 7px 12px 17px 12px;
    line-height: 1.3em;
}

#morenews-close-btn {
    float: right;
    margin-bottom: 10px;
}
/**/

/*Edit & DL @Home&Project*/
.boxpart.editpanel {
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 10%;
    text-align: center;
}

.home-toolbutton {
    height: 54px;
    width: 60px;
    border-radius: 2px;
    display: inline-block;
    -webkit-box-shadow: 0px 1px 1px 0px #888;
    -moz-box-shadow: 0px 1px 1px 0px #888;
    box-shadow: 0px 1px 1px 0px #888;
    background-color: #6D50E9;
    color: #FFF;
    font-size: 40px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    line-height: 54px;
    padding: 5px;
    margin: 2px;
}

.boxpart.editpanel.small .home-toolbutton {
    height: 27px;
    width: 30px;
    line-height: 27px;
    font-size: 24px;
}

table#sup-env {
    margin: 10px 0 0 15px;
}

/*
    table#sup-env tr {
    }
*/

    table#sup-env th {
        padding: 4px;
        border: 1px solid #333;
    }

    table#sup-env td {
        padding: 4px;
        border: 1px solid #333;
    }

    table#sup-env .os {
        background-color: #ededed;
    }

.trademark {
    list-style-type: none;
    font-size: 10px;
    line-height: 1.3em;
    text-align: left;
}

.download-app-btn {
    width: 240px;
    margin: 10px auto;
}

    .download-app-btn a {
        text-decoration: none;
    }

    .download-app-btn .download-app-btn-content {
        background-color: #333333;
        color: white;
        padding: 10px 30px;
        margin: 0 auto;
        border-radius: 8px;
    }

        .download-app-btn .download-app-btn-content > img {
            height: 26px;
            float: left;
            padding: 6px 0;
        }

        .download-app-btn .download-app-btn-content > .label {
            text-align: center;
            line-height: 1.3;
        }

            .download-app-btn .download-app-btn-content > .label > h1 {
                font-size: 18px;
            }

            .download-app-btn .download-app-btn-content > .label > div {
                font-size: 14px;
            }

/* jQuery-UI Fixes */
.ui-icon-info {
    margin-top: -0.1px !important;
}