/*濃い背景色 */
#menuicon-area, .menu0, #footer, #menuInfo{

background-color: #DD00DD;

}

h4:after{

background: -webkit-linear-gradient(to right,#DD00DD, transparent);
background: linear-gradient(to right,#DD00DD, transparent);

}

/*濃い文字色 */
#nav a:hover, #header-content, h1, .h1sub, th,.v-up-title, .link-strong a, .link-strong a:hover, .link-strong a:visited {

color: #DD00DD;

}

/* 濃い枠線 */
h2, h3, #main table td, #main table th, #main table, blockquote, #nav a:hover, #nav-menu, #nav-tail, #menuArea .menu1, #menuArea .menu2, #menuArea .menu3, #menuArea .menu3icon, #menuArea2 .menus {

border-color:#DD00DD;	

}



/* 次に濃い背景色 */
/*
th {

background-color: #E7B4E7;

}
*/

/* 次に濃い背景色→濃い背景色 */
.menu1top,#nav-tail-header {

background-color:#DD00DD;
background: linear-gradient(#E7B4E7,#DD00DD);

}

/* 次に濃い罫線 */
h4{

border-color:#E7B4E7;

}



/* 薄い背景色 */
.menu1, .menu3icon, p.menuopen, th{

background-color: #FFCCFF;

}

/* 薄い罫線 */
#nav li,#nav-menu li,#nav-tail li, .accordion-body{

border-color:#FFBBFF;

}




/* とても薄い背景色 */
#nav, h2,p.menu2:hover {

background-color: #FFEEFF;

}

/* とても薄い背景色→白に近い背景色 */
#header {

background-color:#FFEEFF;
background: linear-gradient(to top, #FFEEFF,#FFFAFF);

}

/* とても薄い罫線 */
#menuArea2 .menu2 {

border-color: #FFEEFF;

}















/* Original */
.action-button{
width:255px;
display:inline-block;

color:#FFFFFF;
font-weight:bold;
font-size:120%;
text-align:center;
text-decoration:none;

padding:12px 8px;
margin-top:0;
margin-right:-1em;
cursor:pointer;
border:0px;
border-radius:6px;
-webkit-border-radius:46x;
}
.action-button a:link, .action-button a:visited, .action-button a:active{
color:#FFFFFF;
text-decoration:none;
}
.button-sub{
font-size:70%;
margin-top:16px;
padding-top:16px;
}
.guide-button{
background-color: #0099FF;
}
.intro-button{
background-color: #33aa33;
}
.index-login-button{
background-color: #DD00DD;
}
.info-menu-for{
text-align:center;
font-weight:bold;
font-size:110%;
background-color:#FFF;
}

.tech-result li{
margin-bottom:0.6em;
}
.user-type-bg{
background-color:#FFFFCC;
padding-top:0.5rem;
padding-bottom:0.5rem;
border:1px solid #FFCC00;
}



@media screen and (max-width:768px){
/* Original Mobile */
.action-button{
width:220px;
font-size:110%;
padding:9px 6px;
margin-right:4px;
}

#menuArea .info-menu-for{
font-size:120%;
padding:1em 0 1em 0;
margin:0;
}

} /*@media*/