@charset "utf-8";


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

.question{
	margin: 8px 6px 8px 6px;
	color:#3961b9;/*色*/
        /*background-color:#f0f0f0;*/
        font-size: 14px;
        font-weight: bold;
}

.answer{
	margin: 8px 12px 8px 12px;
	color:#212121;/*色*/
}

.accordion_head {
        cursor:pointer;
	margin: 8px 6px 8px 6px;
	color:#3961b9;/*色*/
        /*background-color:#f0f0f0;*/
        font-size: 14px;
        font-weight: bold;
}

.column_refix_date {
       color: #ff0000;
       text-align: right; 
       font-size: 14px;
　　　 font-weight: normal; 
}

div.subject {
    color:#434343;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    float: left;
 }

div.subject {
    color:434343;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    float: left;
 }


.reskilling { 
padding-left:5px;
font-size: 17px; font-weight: bold; margin-top:20px;}


div#cre_twa { 
float:left; width:200px; margin-left:10px;}

.underline  { text-decoration:underline;   }

hr.dot {
    border: 0;
    border-bottom: 1px dashed #73dacf;
}

hr.line{
	height: 1px;
	background-color: #d6d6d6;
	border: none;
	margin:30px 10px 30px 0px;
}

.subtitle {
    font-size: 17px; 
    font-weight: bold; 
    margin: 4em 0em 1em 0em; 
    padding-left: 10px;
    font-color: #73dacf;
    background: #ffffff;
    border-left:5px solid #73dacf;
    border-bottom: 1px solid #73dacf;
}


.subtitle_mini {
    font-size: 14px; 
    font-weight: bold; 
    margin: 2em 0em 1em 0em; 
    padding-left: 10px;
    font-color: #73dacf;
    background: #ffffff;
    border-left:5px solid #73dacf;
    border-bottom: 1px dashed #73dacf;
}

.profile_frame {
    width:650px;
    margin: 20px 30px 20px 10px; 
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:#bfeee9;
    padding : 20px 20px 20px 20px;
    background-color:#ffffff;
}

.profile_leftBox01{
	width:120px;
	float:left;
	display:inline;
}
.profile_rightBox01{
	width:400px;
	float:left;
	display:inline;
}

.profile_name{
	font-size: 17px; 
    	font-weight: bold;  
    	font-color: #434343;
	padding:0px 20px 20px 20px;
}

.profile_text{
	font-size: 12px; 
    	font-color: #434343;
	padding:0px 20px 20px 20px;
}

.profile_btn{
	float:right;
	padding:0px 5px 0px 5px;
}	

.column_obi{
	width: 450px;
 	position: relative;
 	left: 446px;
	top: -160px;
}

.business_head{
    	border-radius: 10px;	/* CSS3草案 */
    	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
    	-moz-border-radius: 10px;	/* Firefox用 */
	width: 700px;
	line-height: 35px;
	text-align: center;
	margin: 0px auto;
	font-color: #212121;
	font-size: 20px;
	padding: 30px;
	background-color: #DAF3F5;
}

/* 納品までの流れ */
#breadcrumb { 
	list-style: none; 
	overflow: hidden;
	background: #b6e9f3;
	-webkit-border-radius: 0 5px 5px 0; 
	-moz-border-radius: 0 5px 5px 0; 
	border-radius: 0 5px 5px 0;
}

#breadcrumb li{
	color: #434343;
	text-decoration: none; 
	padding: 6px 0 6px 55px;
	background: #87ceeb; 
	position: relative; 
	display: block;
	float: left;
	width: 175px
}
#breadcrumb li:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #87ceeb;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
#breadcrumb li:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #b6e9f3;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 2px;
	left: 100%;
	z-index: 1; 
}	
#breadcrumb li:first-child {
	padding-left: 20px;
	-webkit-border-radius: 5px 0 0 5px; 
	-moz-border-radius: 5px 0 0 5px; 
	border-radius: 5px 0 0 5px;
}

#breadcrumb li:nth-child(2)       { background: #9dd6ee; }
#breadcrumb li:nth-child(2):after { border-left-color: #9dd6ee; }

#breadcrumb li:nth-child(3)       { background: #a3e3f1; }
#breadcrumb li:nth-child(3):after { border-left-color: #a3e3f1; }

#breadcrumb li:nth-child(4)       { background: #b6e9f3; }
#breadcrumb li:nth-child(4):after { border-left-color: #b6e9f3; }

#breadcrumb li:last-child {
	background: transparent !important;
	color: #104862;
	pointer-events: none;
	cursor: default;
}
#breadcrumb li:last-child a:after { border: 0; }

.business_frame{
	width:175px;
	margin: 10px; 
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:#bfeee9;
	padding : 10px 10px 10px 22px;
	 background-color:#ffffff;
	float:left;
}

.business_inquiry{
	text-align: center;
	margin: 10px; 
}

.skills_bunner{
	text-align: center;
}

.cm-order_arrow01 {
	background-image: url(../img/common/info/cm-order/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	font-size: 12px;
	text-indent: 10px;
	margin: 10px 5px 5px 15px;
	padding: 0px 5px 5px 0px;
}

.cm-order_bold {
	font-size: 14px;
	color: #434343;
	margin-top: 2px;
	margin-bottom: 6px;
	font-weight: bold;
	padding: 0px 5px 0px 8px ;
}

.cmorder_right {
	padding: 10px 35px 25px 5px ;
	float:right;
	font-weight: bold;
}

.cmorder_left {
	padding: 0px 0px 0px 30px ;
	float:left; 
	font-weight: bold;
}

.business_subtitle {
	font-color: #73dacf;
	font-size: 14px; 
	font-weight: bold; 
	margin: 15px 5px 0px 0px;
	padding-left: 10px;
	background: #ffffff;
	border-left:5px solid #73dacf;
}

.business_subtitle2 {
	font-size: 17px;
	color: #5cb72c;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 6px;
}

.about_feature_title01{
	margin-top:25px;
	padding-left:45px;
	padding-top:10px;
	font-color:#73dacf;
	font-size: 14px; 
	font-weight: bold; 
	height:30px;
	background-image: url("../img/common/info/business/icon_number01.png");
	background-repeat: no-repeat;
 }

.about_feature_title02{
	margin-top:25px;
	padding-left:45px;
	padding-top:10px;
	font-color:#73dacf;
	font-size: 14px; 
	font-weight: bold; 
	height:30px;
	background-image: url("../img/common/info/business/icon_number02.png");
	background-repeat: no-repeat;
 }

.about_feature_title03{
	margin-top:25px;
	padding-left:45px;
	padding-top:10px;
	font-color:#73dacf;
	font-size: 14px; 
	font-weight: bold; 
	height:30px;
	background-image: url("../img/common/info/business/icon_number03.png");
	background-repeat: no-repeat;
 }

.about_feature_title04{
	margin-top:25px;
	padding-left:45px;
	padding-top:10px;
	font-color:#73dacf;
	font-size: 14px; 
	font-weight: bold; 
	height:30px;
	background-image: url("../img/common/info/business/icon_number04.png");
	background-repeat: no-repeat;
 }

.business_subtitle3{
	font-size: 14px;
	font-weight: bold;
	background-color: #e7e7e7;
	margin: 30px 0px 20px 0px;
	padding: 3px 0px 3px 12px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.example_frame{
	margin: 7px; 
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:#ffffff;
	padding : 0px 10px 10px 20px;
	background-color:#ffffff;
	float:left;
}

.example_subtitle{
    	border-radius: 10px;	/* CSS3草案 */
    	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
    	-moz-border-radius: 10px;	/* Firefox用 */
	width: 240px;
	margin: 0px 10px 10px 0px; 
	font-size: 14px;
	font-color:#192d5a;
	line-height: 20px;
	text-align: center;
	padding: 3px;
	background-color:#dffffa;
}

.example_blue{
	color: #44a2ff;
}

.example_red{
	color: #ff0000;
}


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

/* リンクバナーテーブル */
#linkbanar table {
width: 700px;
height: 60px;
border: 0 #ffffff;
border-collapse: separate;
}

#linkbanar td {
text-align: center;
vertical-align: bottom;
}

#linkbanar th {
text-align: center;
vertical-align: bottom;
}

/* CREPOS SELECTIONテーブル 20131024 */
#contest table {
width: 710px;
border: 0 3px #ffffff;
border-collapse: separate;

}

/* 規定書DL 20131025*/
.caption{
	font-size:10px;
	font-weight: normal;

}

.download{
	font-size:12px;
	font-weight: normal;
	padding-right: 12px;
}

/* boxマージン（規定書DL）20131025 */
.box_marL20{ margin-left:20px;}

/* ダウンロードコーナー */
.wallpaper_box1{ 
float:left;
width:150px;
margin-right:35px;
margin-bottom:20px;

}

.wallpaper_box2{
float:left;
width:150px;
margin-right:35px;
margin-bottom:20px;
}

.wallpaper_box3{ 
float:left;
width:150px;
margin-right:35px;
margin-bottom:20px;
}

.wallpaper_box4{ 
float:right;
width:150px;
margin-right:0px;
margin-bottom:20px;

}

.wallpaper_clear{ 
clear:both;

}

.dotline{ 
	border-bottom:dotted 3px #d6d6d6;
}


/* スキルアップ講座 */

.colorBox{
	display:box;
	background-color:#fffce6;
	padding:10px;
	width:300px;
}
.skill_leftBox01{
	width:300px;
	float:left;
	display:inline;
}
.skill_rightBox01{
	width:400px;
	float:left;
	display:inline;
}