@charset "utf-8";

/*=======================================================

Basic CSS for http://tensyoku.iimhs.co.jp/

2008.04.14
=======================================================*/


/*---- Initialize -----------------*/

*{ margin:0; padding:0;}
img{ border:0;}
/*input, button, select, optgroup, option, textarea{position:relative;margin-right:2px;padding:2px 0; vertical-align:middle;}
input[type="radio"],input[type="checkbox"] {top:-2px;}
select {_padding:0;}/* Mozilla*/

ul,ol,dl{ list-style:none;}
li img {vertical-align:top;}
table{
	border:0;
	border-collapse:collapse;
	border-spacing:0;}

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

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.5;color:#333333;
	background:url(../img/body_bg.gif) top repeat-x;
	font-size:12px;
	}
a,a:visited{ color:#333;}
a:hover{ color:#FF6600;}
.pd_b10 {padding-bottom:10px;}
.pd_b20 {padding-bottom:20px;}
.pd_b30 {padding-bottom:30px;}

/*---- Link ----------------------*/

a.arrow01 {
	background:url(../img/arrow01.gif) 0 0.2em no-repeat;
	padding-left:11px;
}
a.arrow02 {
	background:url(../img/arrow02.gif) 0 0.3em no-repeat;
	padding-left:11px;
}
a.arrow03 {
	background:url(../img/arrow03.gif) 0 0.3em no-repeat;
	padding-left:11px;
}

/*---- TITLE ----------------------*/

.title01 {
	padding:13px 10px 5px 10px;
	margin-bottom:15px;
	border-bottom:1px #FF6800 solid;
	background:url(../img/title_bg01.gif) 0 0 repeat-x;
	font-size:16px;
	line-height:1.3;
}
.title01 strong { font-size:22px;}
.title02,.title02_line3,.title02_line1  {
	background:url(../img/title_bg02.gif) no-repeat;
	padding:10px 15px;
	line-height:1.25;
	font-size:16px;
	margin-bottom:10px;
}
.title02_line3 {
	background:url(../img/title_bg03.gif) no-repeat;
}
.title02_line1 {
	background:url(../img/title_bg04.gif) no-repeat;
}


.title03 {
	clear:both;
	background-color:#F60;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:3px;
	line-height:1.2;
}


/*---- TEXT ----------------------*/

p {padding-bottom:10px;}
p em {font-style:normal;color:#F00;}

.copy {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;}


/*---- Contents ----------------------*/

#topBanner {
	margin-bottom:15px;
}

#read {
	float:left;
	width:340px;
	margin-bottom:10px;
}
#photo {
	float:right;
	width:184px;
	background:url(../img/photo_bg.gif) no-repeat;
	margin-bottom:5px;
}
#photo .img {
	padding:25px 0 5px 13px;
}
#photo p {
	font-size:10px;
	padding:0 15px 0 13px;
	line-height:1.3;
}
#main ul.gotoContents {
	background:url(../img/line_dot01.gif) top repeat-x;
	padding-top:10px;
}
#main ul.gotoContents li {
	background:url(../img/line_dot01.gif) bottom repeat-x;
	margin-bottom:8px;
	padding:0 0 8px 8px;
	font-weight:bold;
	color:#F93;
}
#main ul.gotoContents li a {
	background:url(../img/arrow01.gif) no-repeat 0 0.15em;
	padding:2px 0 2px 20px;
	font-size:14px;
	}
	
#contentsMenu {
	clear:both;
	background:url(../img/list_bg01.gif) no-repeat bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
#contentsMenu li {
	background:url(../img/list_bg01.gif) no-repeat 0 0;
	padding:15px 10px 2px 28px;
	font-weight:bold;
}

#contentsMenu li.top {
	background:url(../img/list_bg01.gif) no-repeat 0 -6px;
	padding-top:5px;
}
html>/**/body #contentsMenu li.top {padding-top:10px;}

#contentsMenu li.bottom {margin-bottom:0;}

.reference, .reference_2 {
	text-align:right;
	font-weight:bold;
	padding:10px;
	border:1px #000 dotted;
	margin-bottom:10px;
}
.reference_2 {border:none; padding:0}

.icon_ojt {
	background:url(../img/icon_ojt.gif) no-repeat 0 0;
	padding:4px 0 6px 33px;
}
.icon_article {
	background:url(../img/icon_article.gif) no-repeat 0 0;
	padding:4px 0 6px 33px;
}
.reference a ,.reference_2 a {
	color:#F60;}



/*--------------LeftNavi--------------*/

#leftNavi iframe {width:220px;height:210px;}
#leftNavi .taiken {
	border:1px #628297 solid;
	border-top-width:0;
	margin-bottom:10px;
}
#leftNavi .taikenList {
	margin-bottom:5px;
}
#leftNavi .taikenBn {
	background-repeat:no-repeat;
	height:80px;
	margin-left:3px;
	}
#leftNavi .taikenBn h2 a {
	text-indent:-999px;
	display:block;
	width:212px;
	height:55px;
}
#leftNavi .taikenBn .date a {
	display:block;
	text-align:center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:1.1;
	text-decoration:none;	
}

#leftNavi #taiken01 {background-image:url(../img/banner_taiken01_s.gif);}
#leftNavi #taiken02 {background-image:url(../img/banner_taiken02_s.gif);}
#leftNavi #taiken03 {background-image:url(../img/banner_taiken03_s.gif);}
#leftNavi #taiken04 {background-image:url(../img/banner_taiken04_s.gif);}
#leftNavi #taiken05 {background-image:url(../img/banner_taiken05_s.gif);}
#leftNavi #taiken06 {background-image:url(../img/banner_taiken06_s.gif);}
#leftNavi #taiken07 {background-image:url(../img/banner_taiken07_s.gif);}

#leftNavi #navi {
	margin-bottom:10px;
}
#leftNavi #navi li,#leftNavi #navi li.active {
	padding:5px 7px;
	background-color:#FFDAA2;
	color:#333333;
	margin-bottom:3px;
}
#leftNavi #navi li.active {
	background-color:#FF9900;
	color:#000;
	}

#leftNavi #navi li span {
	font-size:10px;
}
#leftNavi #navi li a {
	background:url(../img/arrow05.gif) no-repeat 0 0.2em;
	color:#000;
	font-weight:bold;
	display:block;
	padding:2px 0 0 20px;
}
#leftNavi #navi li a:hover.#navi li a:active {
	color:#F00;
}
#leftNavi #navi li.active a {
	background-image:url(../img/arrow06.gif);
	text-decoration:none;}


/*--------------layout2段カラム--------------*/
#container {
	width: 770px;
	margin:7px auto;
}
#header {
	height:60px;
}

#main {
	width: 540px;
	float:right;
}

#leftNavi {
	width: 220px;
	float: left;
}
#footer {
	width: 770px;		/* for IE5.5-6.0 */
	clear: both;
}


/*--------------Header--------------*/
#header h1{
	float:left;
	width:480px;
	font-size:10px;
	font-weight:normal;
}
#header h1 img {
	border:0;
	vertical-align:middle;
	margin:auto 5px auto 0;
}

#header #navi {
	float:right;
	padding:4px;
}
#header #navi li {
	display:inline;
	margin-left:15px;
}

/*--------------pankuzuList--------------*/
#pkz {background:url(../img/pkz_bg.gif) repeat-x;
	padding:6px 3px;
	font-size:10px;
	margin-bottom:10px;
}
#pkz a {color:#F60;}
/*--------------pageTop--------------*/
.pageTop {
	clear:both;
	text-align:right;
	font-size:10px;
	margin-bottom:20px;}
.pageTop a {
	color:#00F;}
.pagetop a:hover, .pagetop a:activ {
	color:#F60;}


/*--------------Footer--------------*/
#footer {
	margin-top:30px;
	padding-top:10px;
	border-top:1px #FF6600 solid;
	margin-bottom:500px;
}
#footer .link {
	float:left;
	width:300px;
	font-size:10px;
}
#footer .copyright {
	float:right;
	width:400px;
	text-align:right;
}

#printFooter {
	visibility:hidden;
}
	

/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */