/* ------------------------------------- 
 *	CSS Reset
 * ------------------------------------- */
 
* {
	margin: 0px;
	padding: 0px;
	border:none;
}


/* ------------------------------------- 
 *	Basic
 * ------------------------------------- */

body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	color:#333;
	background:url(../img/common/back.png) repeat-x;
}



a:link {
	text-decoration:underline;
	color:#333;
}

a:visited {
	text-decoration:underline;
	color:#333;
}

a:hover,
a:active {
	text-decoration:none;
	color:#333;
}


/* ------------------------------------- 
 *	general Parts
 * ------------------------------------- */
.clear{
	clear:both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
 
* html .clearfix             { zoom: 1; } /* IE6 */
 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 
.clearfix {overflow:hidden;} /* Dw表示用 */

.clear{
	clear:both;
	}

.bt_english{
	float:right;
	background:url(../img/common/head_arrow.png) no-repeat 0px 10px;
	width:65px;
	font-size:11px;
	display:block;
	text-indent:10px;
	margin-top:5px;
	color:#333;
	text-align:right;
	}
	
.list{
	margin-top:15px;
	 }

ul.list li{
	margin-left:30px;
	border-bottom:#CCC 1px dotted;
	padding:5px 0px;
	 }


/* ------------------------------------- 
 *	Frame
 * ------------------------------------- */
 #main{
	 width:900px;
	 margin:0px auto;
	 }
 
 #logo{
	 float:left;
	 margin-top:30px;
	 width:197px;
	 }
	 
#head_bts{
	text-align:right;
	}
	
#menu{
	float:right;
	text-align:right;
	}
	
#menu ul{
	list-style:none;
	margin-top:25px;
	}
	
#menu ul li{
	float:left;
	border-right:#e2e2e2 1px solid;
	padding:7px 20px 0px 20px;
	}
	
#menu ul li.last{
	float:left;
	border-right:none;
	padding:7px 0px 0px 20px;
	}
 
#banner img{
	margin-bottom:10px;
	}

#footer_english{
	width:900px;
	margin:0px auto;
	padding:60px 0px 10px 0px;
	clear:both;
	}

#footer_menu{
	background:url(../img/common/footer_menu_back.png) repeat-x;
	height:55px;
	line-height:55px;
	text-align:center;
	clear:both;
	font-size:12px;
	color:#FFF;
	}
	
#footer_menu a{
	color:#FFF;
	}
	
#foot_copy{
	background:#f4f4f4;
	}
	
#foot_copy .contener{
	width:900px;
	position:relative;
	margin:0px auto;
	text-align:center;
	font-size:10px;
	line-height:14px;
	padding:20px 0px;
	}
	
#bt_pagetop{
	position:absolute;
	top:10px;
	right:0px;
	}
	
#bt_gohome{
	position:absolute;
	top:10px;
	right:53px;
	}
 
 /* ------------------------------------- 
 *	Home
 * ------------------------------------- */
 
#home_back{
	 background:url(../img/home_back.png) repeat-x;
	 }
	 
#home_cach{
	margin:0px auto;
	padding:90px 0px 100px 0px;
	width:595px;
	clear:both;
	}
	
#home_bts_back{
	background:url(../img/home_bt_back.png) no-repeat 0px 5px;
	height:278px;
	width:900px;
	}

#home_bts_back ul{
	list-style:none;
	margin-top: -10px;
	margin-bottom: 0px;
	}
	
#home_bts_back li{
	float:left;
	width:260px;
	margin:-15px 20px 0;
	font-size:12px;
	line-height:18px;
	}
	
#home_bts_back li a:link {
	color:#666;
	text-decoration:none;
	}

#home_bts_back li a:visited{
	color:#666;
	text-decoration:none;
	}

#home_bts_back li a:hover{
	color:#ffa000;
	}

#home_bts_back li a:active{
	color:#ffa000;
	}
	
#home_bts_back li h3{
	text-align:center;
	margin-bottom:15px;
	}
	
#home_left{
	width:590px;
	float:left;
	}
	
.home_news{
	border:#e5e5e5 1px solid;
	margin-top:10px;
	}
	
.home_news h4{
	border-bottom:#CCC 1px dotted;
	}
	
.home_news .contener{
	padding:20px;
	font-size:12px;
	line-height:24px;
	}
	
.home_news .contener dl dt{
	clear: both;
     width:90px;
     float:left;
     font-size:12px;
     }
    
.home_news .contener dl dd{
     float:left;
     margin:0px;
	 width:450px;
     }


#home_right{
	width:280px;
	float:right;
	margin-top:10px;
	}
	
#home_training{
	border:#e5e5e5 3px solid;
	padding:2px;
	}
	
#home_training .contener{
	background:#fcf7ed;
	padding:10px 0px;
	font-size:11px;
	line-height:22px;
	}
	
#home_training .contener h4{
	text-align:center;
	}
	
#home_training .contener ul{
	list-style:none;
	margin-top:20px;
	}
	
#home_training .contener ul li{
	background:url(../img/training_arrow.png) no-repeat 13px 6px;
	padding-left:30px;
	}
	
#home_blog h4{
	border-bottom:#CCC 1px dotted;
	padding-bottom:10px;
	margin:30px 0px 10px 0px;
	}

#home_blog dl{
	font-size:12px;
	line-height:18px;
     }
	
#home_blog dl dt{
     width:80px;
     float:left;
     }
    
#home_blog dl dd{
     float:left;
     margin:0px;
	 width:195px;
     }
	
#home_pickup{
	background:#f4f4f4;
	border:#e5e5e5 1px solid;
	padding:19px 19px 9px 19px;
	margin:30px 0px;
	}
	
#home_pickup h4{
	margin-bottom:15px;
	}
	
 /* ------------------------------------- 
 *	Sec
 * ------------------------------------- */
 
 #pan{
	 font-size:11px;
	 margin:80px 0px 30px 0px;
	 }
	 
 #pan a{
	 font-size:11px;
	 color:#ffa000;
	 }
 
 #pagetitle{
	 font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	 font-weight:bold;
	 font-size:30px;
	 color:#FFF;
	 margin-top:60px;
	 }
	 
#pagetitle span{
	 font-weight:normal;
	 /*text-transform:uppercase;*/
	 font-size:11px;
	 color:#FFF;
	 display:block;
	 margin-top:10px;
	 }
	 
#left_column{
	width:590px;
	float:left;
	}
	
#right_column{
	width:280px;
	float:right;
	}

#submenu_shadow{
	display: block;
	width: 277px;
	height: 10px;
	background: url(../img/common/submenu_shadow.png) left top no-repeat;
	}

#submenu{
	border:#e5e5e5 1px solid;
	background:#FFF;
	margin-top:86px;
	}
	
#submenu h2{
	background:url(../img/common/back_title_right.png) no-repeat;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	height:58px;
	font-size:16px;
	line-height:58px;
	text-indent:20px;
	border-bottom:1px solid #e5e5e5;
	}
	
#submenu ul{
	list-style:none;
	zoom: 1;  
    overflow: hidden;  
	}
	
#submenu ul li a:link{
	list-style:none;
	background:url(../img/common/submenu_arrow.png) no-repeat 10px 17px #FFF;
	text-indent:27px;
	height:40px;
	line-height:40px;
	border-top:#CCC 1px dotted;
	display:block;
	text-decoration:none;
	color:#333;
	margin-top: -1px; 
	}
	
#submenu ul li a:visited{
	list-style:none;
	background:url(../img/common/submenu_arrow.png) no-repeat 10px 17px #FFF;
	text-indent:27px;
	height:40px;
	line-height:40px;
	border-top:#CCC 1px dotted;
	display:block;
	text-decoration:none;
	color:#333;
	margin-top: -1px; 
	}
	
#submenu ul li a:hover{
	list-style:none;
	background:url(../img/common/submenu_arrow.png) no-repeat 10px 17px #f4f4f4;
	text-indent:27px;
	height:40px;
	line-height:40px;
	border-top:#CCC 1px dotted;
	display:block;
	text-decoration:none;
	color:#333;
	margin-top: -1px; 
	}
	
#submenu ul li a:active{
	list-style:none;
	background:url(../img/common/submenu_arrow.png) no-repeat 10px 17px #f4f4f4;
	text-indent:27px;
	height:40px;
	line-height:40px;
	border-top:#CCC 1px dotted;
	display:block;
	text-decoration:none;
	color:#333;
	margin-top: -1px; 
	}
 
#sec ul li .box h3{
	background:url(../img/common/sec_heading.png) repeat-x;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	border-bottom:#e6e6e6 1px solid;
	height:38px;
	line-height:38px;
	font-size:13px;
	text-indent:40px;
	 }
	 
#sec {
  width: 590px;

}
#sec ul {
  width: 605px;
  margin-right: -15px;
  list-style-type: none;
}
#sec li {
  float: left; 
  width: 287px;
  margin: 25px 15px 0px 0px; 
}

#sec li .box{
  border:#e6e6e6 1px solid;
  font-size:12px;
  line-height:20px;
  position:relative;
}

#sec li .box .contener{
	padding:15px;
}

#sec li .box .contener .bt{
	margin-top:15px;
	display:block;
}

#sec li .box .ribbon{
	position:absolute;
	left:-7px;
	top:-5px;
	width:60px;
	height:59px;
}

#sec li .box .ribbon.technologies { background: url(../img/common/ribbon_technologies.png) left top no-repeat; }
#sec li .box .ribbon.services { background: url(../img/common/ribbon_service.png) left top no-repeat; }

.sec_shadow{
	width:279px;
	height:11px;
	background: url(../img/common/shadow_sec.png) left top no-repeat;
	}


 
 /* ------------------------------------- 
 *	Third
 * ------------------------------------- */
 
 #third_pagetitle{
	 font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	 font-weight:bold;
	 font-size:18px;
	 border-top:#e5e5e5 1px solid;
	 background:url(../img/common/title_underline.png) no-repeat 0px 54px;
	 height:60px;
	 line-height:55px;
	 margin-bottom:30px;
	 }
 
 
 
 /* 以下旧サイトから平沢追記 */
 
 /*//////////////// 本文エリア ////////////////*/
#content { display: block; margin: 0 auto; padding: 0; }

#content_label { padding-bottom: 6px; margin-bottom: 20px; }
#content_label h2.pagetitle { font-size: 1.6em; margin-bottom: 0; padding-bottom: 0; line-height: 1.2em; }
#content_label span.subtitle { font-family: Arial,Helvetica,sans-serif; margin: 0 0 0 2px; font-size: 0.84em; letter-spacing: 0.24em; color: #999; }

#content .post { margin: 24px 0 0; }
 /*#content h3 { clear: both; font-size: 1.5em; margin: 36px 0 12px; padding: 3px 0 0; border-bottom: 1px solid #aaa; }*/
#content h3, h3.pagetitle { 
	font-size: 1.5em;
 	/*border-top:#e5e5e5 1px solid;*/
	background:url(../img/common/title_underline.png) no-repeat 0px bottom;
	line-height:1.2;
	padding: 0 0 10px;
	margin:40px 0 24px;
	clear: both;
 }

#content h3 a { text-decoration: none; } 

 /*#content h4 { clear: both; font-size: 1.1em; margin: 24px 0 12px; border-bottom: 1px dotted #aaa; line-height: 1.36; }*/
 
#content h4 {
	background:url(../img/common/mark_h4.png) no-repeat 0px 3px;
	border-bottom:#CCC 1px dotted;
	padding-bottom:5px;
	clear: both; 
	font-size: 1.1em; 
	margin: 24px 0 12px;
	line-height: 1.36;
	padding-left:20px;
	}
 
#content h5 {
	background:url(../img/common/mark_h5.png) no-repeat 0px 5px;
	padding-bottom:5px;
	clear: both; 
	font-size: 1em; 
	margin: 24px 0 5px;
	line-height: 1.36;
	padding-left:20px;
	}
	
#content h6 {
	background:url(../img/common/mark_h6.png) no-repeat 0px 5px;
	padding-bottom:5px;
	clear: both; 
	font-size: 1em; 
	margin: 24px 0 5px;
	line-height: 1.36;
	padding-left:20px;
	}


 /*#content h5 {}
#content h6 {}*/

#content p { clear: both; margin-bottom: 1em; }
#content strong { font-weight: bold; }
 /*#content ul { list-style-position: outside; margin: 0 10px 1em 34px; list-style-type: square; }*/
#content ul {
	list-style-image:url(../img/common/mark_li.png);
	list-style-position: outside; 
	margin: 0 10px 1em 16px;
	}


#content ol { list-style-position: outside; list-style-type: decimal; margin: 0 10px 1em 34px; }

#content blockquote {
	margin: 24px 0 16px;
	text-decoration:none;
	color:#444 !important;
	background-color:#eee !important;
	font-size:13px !important;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 16px 20px;
	*padding: 16px 20px;
	}

#content div.navigation { display: block; width: 100%; height: 20px; margin: 20px 0 0 0; }
#content span.time { font-size: 0.84em; color: #999; }
.page_content .wp_social_bookmarking_light { display: none; }

#content table{
     width:100%;
     border-collapse:collapse;
     border:#e5e5e5 2px solid;
	 text-align:left;
    
}
#content table td{
     padding:7px;
     border:#e5e5e5 1px solid;
	 background:#FFF;  
}

#content table td.item{
	 background:#fff3e6;
	 text-align:center;
}




#content table th{
     padding:7px;
     border:#e5e5e5 1px solid;
	 background: #f2f2f2;
}


.gotop { display: none; }



/*//////////////// ロンウイットについて ////////////////*/
dl#profile {}
dl#profile dt { clear: both; float: left; width: 125px; padding-top: 20px; border-top: 1px dotted #000; }
dl#profile dd { float: left; width: 425px; margin:  0 0 20px 25px; padding: 20px 5px 0; border-top: 1px dotted #000; }
dl#profile .first { border-top: 0px;  }
dl#profile ul { margin: 0 0 0 20px; }

/*//////////////// トレーニングコース ////////////////*/
#training table { width: 100%; }
th, td { padding: 6px 12px; vertical-align: middle; }
th { font-weight: normal; background: #f2f2f2; }
td { border-bottom: 1px solid #dfdfdf; }

/*//////////////// 出版物 ////////////////*/
dl#books_articles {}
dl#books_articles dt { clear: both; float: left; width: 180px; padding: 32px 0; border-top: 1px dotted #000; text-align: center;  }
dl#books_articles dd { float: left; width: 425px; margin:  0 0 20px 25px; padding: 20px 5px 0; border-top: 1px dotted #000; }
dl#books_articles .first { border-top: 0px;  }
dl#books_articles ul { margin: 0 0 0 20px; }

/*//////////////// ダウンロード ////////////////*/
.alignleft_dl { clear: left; float: left; margin: 6px 20px 16px 20px; text-align: center; font-size: 0.9em; }

/*//////////////// ソーシャルボタン ////////////////*/
.wp_social_bookmarking_light { display: block; margin: 25px 0 0; padding: 0 0 10px; }
.wp_social_bookmarking_light div { float: left; margin-right: 15px; }

/*//////////////// ソーシャルボタンをサイドバーのトレーニング記事ではOFF ////////////////*/
#home_training .wp_social_bookmarking_light { display: none; }
#home_training .wp_social_bookmarking_light_clear { display: none; }

/*//////////////// フォーム ////////////////*/
#formpage table { border: none; }
#formpage table td { border: 0px; }
#formpage input { font-size: 1.2em; padding: 2px 4px; background: #f2f2f2; border: 1px solid #dfdfdf; }
#formpage textarea { font-size: 1.2em; padding: 2px 4px; width: 350px; height: 234px; background: #f2f2f2; border: 1px solid #dfdfdf; }
#formpage input#submit_btn { color: #fff; background: #c00; cursor: pointer; }
#formpage input#submit_btn:hover { color: #fff; background: #a6a54b; cursor: pointer; }
#formpage input#reset_btn { color: #fff; background: #ccc; cursor: pointer; }
#formpage input#reset_btn:hover { color: #fff; background: #aaa; cursor: pointer; }
#formpage input.radio_btn { font-size: 1em; background: #fff; border: 0px; }
#formpage table td { white-space: nowrap; }
