@charset "UTF-8";


* {
	margin:0;
	padding:0;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body {
	color:#333333;
	background:url(http://www.pccollege.jp/img/body_bg.gif) repeat-y #f2f2f2;
	text-align:left;
}

#main-container {
	background:url(http://www.pccollege.jp/img/body_top.gif) no-repeat;
	width:820px;
}

a {
	text-decoration:none;
	color:#267db1;
}

a img{
         background:none;
         border:0;
}

a:hover {
	background:none;
        text-decoration:underline
}



.clear {
	clear:both;
	text-decoration: none;
	font-size: 2px;
	text-indent: -700em;
}

fieldset { padding:10px; }

/* ---------- body_end ---------- */

/* ---------- header ---------- */
#header {
	padding:26px 0 0 13px;
	text-align:left;
}

#header img { float:left;border:none; }

#head-module p {
	text-align:right;
	font-size:60%;
}

/* ---------- header_end ---------- */

/* ---------- main-menu ---------- */

#main-menu {
	background:url(http://www.pccollege.jp/img/main_menu_bg.gif) repeat-x;
	margin:0 10px 0 10px;
	padding:5px 10px;
	border-bottom:1px solid #d5d5d5;
	text-align:left;
	display : block;
}

#main-menu ul {
	list-style-type: none;
}

.gn-btn {
	width:145px;
}

#main-menu li {
	float:left;
	display : block;
	margin-bottom: 3px;
	margin-right: 5px;
	list-style-type: none;
}

#main-menu li a {
	text-decoration: none;
	font-size:80%;
	padding: 5px 15px;
	display : block;
	background:url("http://www.pccollege.jp/img/menu_li.gif") no-repeat top left;
	border: 1px solid #d5d5d5;
}

#main-menu ul li a:hover { color:#666666; background:url("http://www.pccollege.jp/img/menu_li.gif") no-repeat 0% 56%;}

/* ---------- main-menu_end ---------- */

/* ---------- banner ---------- */

#banner {
	display:block;
	background: transparent url("http://www.pccollege.jp/img/pccollege-title.jpg") no-repeat top left;
	margin:0 10px;
	width:800px;
	height:120px;
        text-indent:-1000px;
}

#banner img{border:0}

/* ---------- banner_end ---------- */

/* ---------- main ---------- */

#main-content {
	background:url(http://www.pccollege.jp/img/main_top.gif) no-repeat;
	padding-top:14px;
	margin:0 10px;
}

#main {
	width:600px;
	float:right;
	text-align:left;
}

.content { padding:10px; }

.content ul li { list-style-position:inside; }

.content p { font-size:15px;line-height:140%; text-indent:0em ;}

.content p.navi { margin:5px 0; }

.content blockquote {
	font-size:80%;
	padding:10px;
	background:url(http://www.pccollege.jp/img/blockquote_bg.gif) no-repeat top right #F1FBFF;
	margin:10px 0;
	border: 1px dashed #cccccc;
}

.content h1 {
	color: #ff7200;
	font-size:90%;
	padding:5px 5px 13px 5px;
	font-weight:bold;
	background:url(http://www.pccollege.jp/img/h1_bg.gif) repeat-x bottom left #ffe6bb;
	margin:10px 0;
}

.content h2 {
	color: #60aac8;
	font-size:90%;
	padding:5px 5px 13px 5px;
	font-weight:bold;
	background:url(http://www.pccollege.jp/img/h2_bg.gif) repeat-x bottom left #cbeeff;
	margin:0;
}

.content h3 {
	color: #60aac8;
	font-size:80%;
	padding:5px;
	font-weight:bold;
	background:url(http://www.pccollege.jp/img/h3_bg.gif) no-repeat top left;
	border-left:1px solid #d4f3ff;
	border-top:1px solid #d4f3ff;
	border-right:1px solid #64b6d7;
	border-bottom:1px solid #64b6d7;
	margin:10px 0;
}

.content h4 {
	color: #666666;
	font-size:80%;
	padding:5px;
	font-weight:bold;
	background:url(http://www.pccollege.jp/img/h4_bg.gif) no-repeat top left;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	margin:10px 0 0 0;
}

.content h5 {
	color: #666666;
	font-size:80%;
	padding:2px 0 2px 25px;
	font-weight:bold;
	background:url(http://www.pccollege.jp/img/h5_bg.gif) no-repeat top left;
	margin:10px 0;
}

.content h6 {
	color: #666666;
	font-size:80%;
	padding:2px 0 2px 25px;
	font-weight:bold;
	background:url(http://www.pccollege.jp/img/h6_bg.gif) no-repeat top left;
	margin:10px 0;
}

.entry-info {
	background:url(http://www.pccollege.jp/img/entry_info_bg.gif) no-repeat;
	margin-top:10px;
	padding: 5px 0 20px 0;
}

.entry-info ul { list-style-type: none; }

.entry-info li {
	color:#FFFFFF;
	font-size:70%;
	display:inline;
	margin-right: 5px;
}

/* ---------- left ---------- */

#left-menu {
	width:195px;
	float:left;
	text-align:left;
}

.search-form { 
	background:url(http://www.pccollege.jp/img/search_bg.gif) no-repeat;
	padding:25px 10px 15px 10px;
	text-align:left;
	}

.search-form label {
	text-decoration: none;
	font-size: 60%;
}

.search-form input#search { border:1px solid #999999; width:120px; font-size:80%; color:#999999;}

.search-form input.submit {
	position: relative;
	top: 5px;
	left: 3px;
}

/*-------------------サイドバナー----------------------*/
#sub-menu {
	background:#eeeeee;
	margin-top:3px;
	border-top: 1px dotted #b6b6b6;
	border-right: 1px dotted #b6b6b6;
	border-bottom: 1px dotted #b6b6b6;
}

div.side-banner img{
                border:1px #999 solid;
                margin-left:7px;
}

.logo_exam a {
	text-decoration: none;
	font-size: 2px;
                display: block ;
	width: 137px;
	height: 263px;
                text-indent: -700em;
	background: url("http://www.pccollege.jp/img/logo_exam.gif") no-repeat ;
	margin: 1px 2px 0px 1px  ;
}

.logo_exam a:hover {
	        background: url("http://www.pccollege.jp/img/logo_exam.gif") no-repeat ; 
}

.syndicate a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 193px;
	height: 47px;
	text-indent: -700em;
	background: transparent url("http://www.pccollege.jp/img/rss_link.gif") no-repeat top left;
	margin:1px 1px 10px 1px;
}

.syndicate a:hover {
	background: transparent url("http://www.pccollege.jp/img/rss_link.gif") no-repeat bottom left;
}

.necdirect a {
	  text-decoration: none;
	  font-size: 2px;
	  display: block;
	  width: 145px;
	  height: 45px;
	  text-indent: -700em;
	  background: transparent url("http://www.pccollege.jp/img/val_ye_l.gif") no-repeat ;
	  margin:2px 0px 1px 2px;
}

.necdirect a:hover {
	           background: url("http://www.pccollege.jp/img/val_ye_l.gif") no-repeat ;
}


.necdirect2 a {
	    text-decoration: none;
	    font-size: 2px;
	    display: block;
	    width: 145px;
	    height: 45px;
	    text-indent: -700em;
	    background: transparent url("http://www.pccollege.jp/img/lav_ye_l.gif") no-repeat ;
	    margin:2px 0px 1px 2px;
}

.necdirect2 a:hover {
	           background: url("http://www.pccollege.jp/img/lav_ye_l.gif") no-repeat ;
}


#sub-menu h3 {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 193px;
	height: 81px;
	text-indent: -700em;
	background: transparent url("http://www.pccollege.jp/img/subcontents_tit.gif") no-repeat top center;
	margin:1px 1px 0 1px;
}


.powered li{
	font-size:70%;
	margin:10px 5px;
	list-style-type: none;
}

/* ---------- left_end ---------- */

/* ---------- footer ---------- */

.footer {
	display:block;
	background:url(http://www.pccollege.jp/img/footer_bg.gif) no-repeat top center;
	padding:15px 10px;
}

.footer p {
	text-align:right;
	font-size:60%;
	color:#aaaaaa;
}

/* ---------- footer_end ---------- */

/* ---------- news ---------- */

#news {
	margin:10px 0;
}

#news h3 {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -700em;
	background: transparent url("http://www.pccollege.jp/img/new_tit_bg.gif") no-repeat top left;
	margin-bottom:10px;
	border:none;
}

.new-txt {
	background:#fafafa;
	border:3px double #cccccc;
}

.new-txt p {
	font-size:70%;
	margin:10px 5px;
	border-bottom:1px dotted #cccccc;
}

/* ---------- news_end ---------- */

/* ---------- archive_list ---------- */

.archive-content {
	background:#fafafa;
	border:3px double #cccccc;
	padding:15px;
}

.archive-list-item {
	font-size:80%;
	margin:5px 0;
}

/* ---------- archive_list_end ---------- */

/* ---------- sub-menu ---------- */

.sub-menu li {text-align:left;list-style-type: none;}

.sub-menu ul {margin:0 1px 15px 1px;list-style-type: none;}

.sub-menu li a {
	font-size:80%;
	display : block;
	width:193px;
	text-indent: 1em;
	background:url(http://www.pccollege.jp/img/submenu_li.gif) no-repeat top left;
	padding: 5px 0;
	border-bottom:1px solid #cccccc;
}

.sub-menu li a:hover {
	color:#666666;
	background:url(http://www.pccollege.jp/img/submenu_li.gif) no-repeat bottom left;
}

/* ---------- sub-menu_end ---------- */

/* ---------- trackback ---------- */
#trackback_url {
	border:1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
}

/* ---------- trackback_end ---------- */

/* ---------- comment ---------- */

fieldset { margin-top:20px; }

legend {
	font-size:80%;
}

#comment-author {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-email {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-url {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-text {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-preview,#comment-post,#comment-cancel  {
	width:100px;
	font-size:80%;
}

ul.comments-open-footer  {
	padding-top: 15px;
}

.comments-open-footer li {
	display:inline;
	list-style-type: none;
	margin-right: 15px;
}

.comments-post label {
	font-size:80%;
	margin:10px 0;
}

.cclicense { margin:3px 10px; }

.cclicense p { font-size:60%; }

/*---------------icjpオリジナルスタイル 共通部分------------------*/

.icjp-original{
width:550px;
margin:0 auto;
}

.icjp-original h3, .icjp-original h4, .icjp-original h5, .icjp-original h6{
background:none;
padding:0;
margin:0;
border:0;
}

.icjp-original-img{
border:1px #999 solid;
}

.icjp-original-content{
width:510px;
margin:0 auto;
}

.left-text{
width:300px;
float:left;
}

.right-photo{
width:200px;
padding-left:10px;
float:right;
}

.icjp-original-content-section{
width:510px;
margin:30px 0;
clear:both;
}

.icjp-original-content-section-l2{
width:510px;
height:210px;
clear:both;
}

.icjp-original-img{
border:1px #999 solid;
}
/*---------------icjpオリジナルスタイル 共通終了---------------*/

/*---------------icjpオリジナルスタイル 職業訓練------------------*/

h3.icjp-kikin-header{
color:#336699;
font-size:25px;
font-weight:normal;
}

h4.icjp-kikin-header{
color:#336699;
font-size:16px;
font-weight:bold;
padding-left:15px;
margin-bottom:10px;
background: url("http://www.pccollege.jp/img/h4-header-mark.gif") center left no-repeat;
border-bottom:1px #336699 solid;
}

h5.icjp-kikin-header{
color:#333333;
font-size:15px;
font-weight:bold;
border-left:5px #336699 solid;
padding-left:5px;
}

h6.icjp-kikin-header{
color:#336699;
font-size:15px;
font-weight:bold;
text-decoration:underline
}

h5.passport,h5.osaka-java,h5.osaka-java-point{
color:#CC0000;
font-size:15px;
font-weight:bold;
border-left:5px #CC0000 solid;
padding-left:5px;
}

h5.windows-kiso,h5.kikin-kiso{
color:#3366CC;
font-size:15px;
font-weight:bold;
border-left:5px #3366CC solid;
padding-left:5px;
}

h5.microsoft-office{
color:#FF6600;
font-size:15px;
font-weight:bold;
border-left:5px #FF6600 solid;
padding-left:5px;
}

h5.boki{
color:#CC9900;
font-size:15px;
font-weight:bold;
border-left:5px #CC9900 solid;
padding-left:5px;
}

h5.vba, h5.web, h5.kikin-business{
color:#669900;
font-size:15px;
font-weight:bold;
border-left:5px #669900 solid;
padding-left:5px;
}

.icjp-original-content-section p{
font-size:15px;
line-height:200%;
margin:0 0 10px 0;
}

ol.kunren-list{
width:490px;
font-size:15px;
clear:both;
padding-left:25px;
}

ol.kunren-list li{
font-size:15px;
line-height:200%;
margin:10px auto;
}

.icjp-original-content-section .small-text{
font-size:12px;
text-align:center;
}

table.kikin-table{
width:510px;
border-collapse:collapse;
margin:20px 0
}


table.kikin-table th{
width:150px;
color:#336699;
font-size:13px;
font-weight:bold;
background-color:#CCFFFF;
padding:10px;
border:1px #999 solid;
}

table.kikin-table td{
font-size:13px;
font-weight:normal;
line-height:150%;
background-color:#FFFFFF;
padding:5px;
border:1px #999 solid;
}

table.kikin-table caption{
font-size:15px;
color:#6699CC;
font-weight:bold;
}

.kunren-image-text{
width: 510px;
height: 93px;
background:linear-gradient(left, #99CC33 0%, #FFFFFF 100%);
background:-moz-linear-gradient(left, #99CC33 0%, #FFFFFF 100%);
background:-webkit-gradient(linear, left top, right top, from(#99CC33), to(#FFFFFF) );
}

.kunren-image-text p{
color:#009933;
font-size:30px;
line-height:25px;
text-shadow:1px 1px 1px #FFFFFF;
}

.kunren-image-text p span{
font-size:15px;
font-weight:bold;
}


/*---------------icjpオリジナルスタイル 職業訓練 終了------------------*/


/*---------------よくあるご質問------------------*/

dl{
 margin:20px 0;
}

dt{
color:#3366CC;
font-size:14px;
font-weight:bold;
}

dd{
font-size:12px;
margin:10px;
}
/*---------------よくあるご質問終了------------------*/

/*---------------トピックス部分------------------*/

dl.topics{
margin:10px 0 30px 0;
}

dl.topics dt{
color:#CC0000;
font-size:15px;
font-weight:bold; 
}

dl.topics dd{
font-size:13px;
}

/*---------------トピックス終了------------------*/


/*---------------トピックス部分------------------*/

.icjp-original-content-section a.leaflet{
font-size:120%;
}


/*---------------トピックス終了------------------*/


/*---------------試験のご案内------------------*/
.icjp-original-content-section-exam{
width:510px;
height:200px;
clear:both;
}

.left-text-exam{
width:350px;
float:left;
}

.right-photo-exam{
width:150px;
padding-left:10px;
float:right;
}

.right-photo-exam p, .right-photo-exam img{
text-align:center;
border:0;
}

.right-photo-exam a{
border:0;
}

table.exam-table{
width:510px;
border-collapse:collapse;
margin:20px 0
}


table.exam-table th{
width:150px;
color:#336699;
font-size:13px;
text-align:center;
font-weight:bold;
background-color:#CCFFFF;
padding:5px;
border:1px #999 solid;
}

table.exam-table td{
font-size:13px;
font-weight:normal;
text-align:center;
line-height:150%;
background-color:#FFFFFF;
padding:5px;
border:1px #999 solid;
}

table.exam-table caption{
font-size:15px;
color:#6699CC;
font-weight:bold;
}

div.attention{
width:500px;
padding:5px;
background-color:#ccffff;
border:1px #999 dashed
}

div.attention h6{
color:#336699;
text-align:center
}

div.attention ul{
font-size:15px;
color:#333333;
padding:5px
}

div.attention li{
font-size:15px;
padding:10px;
line-height:120%;
}

ul.careful-list{
font-size:13px;
color:#cc0000;
list-style-type:disc;
}

ul.careful-list li{
margin:15px 0;
line-height:150%;
}

.mos-banner{
border:1px #999 solid
}

.mos-banner-margin{
margin:0 35px;
}

/*---------------試験のご案内ここまで------------------*/



/*---------------新：地上の道順ここから------------------*/

.access-jr a, .access-hankyu a, .access-subway a{
display:block;
width:510px;
height:84px;
text-indent:-9999px;
overflow:hidden;
outline:none;
}

.access-jr a{
background-image:url("http://www.pccollege.jp/img/access_from_jr.png");

}

.access-hankyu a{
background-image:url("http://www.pccollege.jp/img/access_from_hankyu.png");
}

.access-subway a{
background-image:url("http://www.pccollege.jp/img/access_from_subway.png");
}

.access-jr a:hover{
background-image:url("http://www.pccollege.jp/img/access_from_jr_hover.png");

}

.access-hankyu a:hover{
background-image:url("http://www.pccollege.jp/img/access_from_hankyu_hover.png");
none;
}

.access-subway a:hover{
background-image:url("http://www.pccollege.jp/img/access_from_subway_hover.png");
outline:none;
}

.access-top{
text-align:right;
font-size:12px;
}


/*---------------新：地上の道順ここまで------------------*/





/*------------------地上の道順-----------------------*/
.way-form{
	width:560px;
}
/*------------------地上の道順end-----------------------*/


div.kikin-topics h3{
             width:480px;
             font-size:150%;
             color:#336699;
             font-weight:normal;
             background:none;
             border:0;
             margin:0 auto;
             letter-spacing:3px;
             clear:both
}

div.kikin-topics img{
             border:1px #999 solid
}

div.kikin-topics p{
             font-size:95%;
             line-height:150%;
             margin-bottom:1em;
}             

div.kikin-topics table{
             width:450px;
             font-size:80%;
             border-collapse:collapse;
             color:#333;
             line-height:150%;
             margin:0 auto 2em auto;
}

caption{
            font-size:130%;
            color:#6699CC;
            font-weight:bold 
}

div.kikin-topics th , div.kikin-topics td{
             vertical-align:middle;
             text-align:center;
             padding:10px;
             border:1px #333 solid

}

div.kikin-topics th{ color:#FFFFFF; background:#6699CC; }

p.kikin-note{text-align:center}

/*------------------ICJP追加フォントスタイル-----------------------*/
.attention{color:#cc0000;}

.attention-center{color:#cc0000; text-align:center}


/*------------------ICJPテスト用スタイル記入欄-----------------------*/

h4.icjp-header{
wisth:510px;
height:40px;
color:#ffffff;;
font-size:15px;
background:url("http://www.pccollege.jp/img/h4_header.gif") no-repeat;
padding-left:10px;
padding-top:8px;
}

.h5-section-box-attention{
border:2px #669900 solid;;
color:#333333;
margin:15px 0;
}

.h5-section-box-attention h5.attention-header{
font-size:15px;
background-color:#669900;
color:#FFFFFF;
padding:5px
}

.h5-section-box-attention-strong{
border:2px #FF9900 solid;;
color:#333333;
margin:15px 0;
}

.h5-section-box-attention-strong h5.attention-strong-header{
font-size:15px;
background-color:#FF9900;
color:#FFFFFF;
padding:5px
}

.h5-section-box-attention p, .h5-section-box-attention-strong p{
padding:5px;
}

.list-box{
width:420px;
padding-left:25px;
margin:0 auto;
}

.list-box li{
font-size:15px;
line-height:200%;
}

ol.kunren-list li{
font-size:15px;
line-height:200%;
}

/* ---------- reset ---------- */