@charset "euc-jp";
/* CSS Document */

body{font-family: "メイリオ", inherit; line-height:145%; color:#535353;
	background-image: url(../images/img_background.gif);
	background-repeat: repeat;
	background-position: center center;
	}
	

#wrapper{ padding: 20px 25px 15px 25px;
	text-align:left;
	height:100%;
	background-color:#FFF;
	/*background-image:url("./img/bg_.jpg");*/
	/*border-left:#666 1px solid;
	border-right:#666 1px solid;*/
	margin:0 auto;
}

.button{
	margin:1em ;
}

#top_img {
	background-image: url(../images/individual_bottom_shadow.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height:186px;
}
.img_background_left {
	background-image: url(../images/img_background_left.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.img_background_right {
	background-image: url(../images/img_background_right.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.img_background_bottom {
	background-image: url(../images/img_background_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#contents{ background-color:#CFF;}
.main-visual{
	margin:0 0 20px 0;

}

.box{margin:0px 10px 0px 20px;
	font-size:13px;
}
.box_2{ margin:0px 10px 0px 20px;
margin-left:62px; padding-bottom:15px;
	font-size:12px;/*border-bottom: dotted 1px #D8D8D8;*/
}
.pic{ text-align:center;
	font-size:13px;margin:10px 0px 10px 0px;
}
.pic_2{
	margin:10px 0px 0px 0px;
}

.photo{
	float:left;
	margin:0 1em 0 0;
}

.name{
	clear:float;
	padding:1.2em;
}

.wave{
margin:0px 10px 0px 20px;
	background-image: url(../images/wave.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.line{
	background-image: url(../images/individual_bottom_shadow.gif);
	background-repeat: repeat-x;
	height:10px ;
	margin: 2em 0 0 0 ;
}
.bn{width:638px;
    height:105px;
	margin:10px 0px 10px 80px;
	background-image:url(../img/bn1.gif);
	clear:none;
	}

.text-idt{text-indent:2em;}

.title{margin: 20px 0px 10px 0px;
			text-align:center;
}

.title_1{margin: 20px 0px 10px 0px;
}

.text1{color:#FF3300;}

dl{font-size:85%;}

.bottom_shadow {margin: 10px 0px 10px 0px;
	background-image: url(../images/individual_bottom_shadow.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#header {
	background-color: #F2F5F6;
	background-image: url(../images/header_line.gif);
	background-repeat: repeat-x;
	background-position: center top;
	/*height:83px;*/
	border-bottom: solid 1px #D8D8D8;
}
#header .inner { position: relative; }
#header a:hover,
#header a:focus { outline: none; }


#siteLogo { 
	padding: 18px 0 5px 2px;
	/*width: 70%;*/display: block; float:left;
}
#siteLogo h1 { font-size:11px; font-weight:normal; font-style:italic; color:#646464; margin: 0px 0px 0px 240px;font-family: "Trebuchet MS", "Verdana", "Geneva", "sans-serif"; }
#siteLogo a { display: block; width: 398px; height: 40px; background: url(http://www.itoman.com/-img/share/siteLogo.gif) no-repeat; text-indent: -999em; overflow: hidden; }


#interview {
	 margin-top:15px;
	background-image: url(../images/menu_line.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#interview .question_title {margin: 7px 0px 0px 0px;padding: 0px 10px 0px 0px; display: block; float:left; color:#CC0033; font-size:12px;}
#interview .question {margin-top:7px;padding: 2px 0px 10px 0px; /*color:#CC0033;*/display: block;  font-size:12px; font-weight:bold;}
#interview .pic {margin: 0px 10px 0px 0px; display: block; float:left;}
#interview .frame {margin: 10px 10px 10px 0px; padding-bottom:10px ;display: block; float:left; border-bottom: dashed #999 1px ;}
#interview .answer_title {margin: 0px 0px 0px 0px;padding: 0px 10px 0px 0px; display:inline; /*float:left;*/ color:#0189C2;  font-size:12px;}
#interview .answer {margin: 0px 0px 0px 0px; float:left; }
#interview .answer_frame {margin-left:22px; font-size:12px;}
#interview dl {margin-top:10px;}
#interview dt { color:#2C65AB; font-size:13px; }
#interview dd { clear:both; }


#footer {
	padding: 30px 25px 20px 25px;
	font-size:11px;
	color:#646464;
	background-image: url(../images/copyright_line.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
/*#footer .inner { background: none; }
#groupSites h5 { margin-bottom: .5em; }
#groupSites { float: right; margin-top: 1px; }
#groupSites li { display: block; float: left; margin-left: 5px; min-width: 150px; height: 36px; }
#groupSites img {border: 1px solid #999; }
#footInfo { float: left; height: 50px; padding-right: 8px; color: #666; font-size: .75em; cursor: default; }*/
#copyright {width:295px; margin-bottom: .2em; padding-bottom: .2em; font-family: "Trebuchet MS", "Verdana", "Geneva", "sans-serif"; border-bottom: dotted 1px #D8D8D8; }
#footLink ul li { display: inline; padding-right: 1em; }
#footLink ul li a { color: #666; text-decoration: none; background: url(http://www.itoman.com/-img/share/link_footer.gif) no-repeat 0 .4em; padding-left: 14px; }
#footLink ul li a:hover { text-decoration: underline; }

	/****************************
	
		CLEARFIX
		フロートの背景がなくなるのを防ぐ
		
		というかボックス内のすべての要素が
		すべてフロートのときは
		ボックスの高さが０になるので、ブラウザに
		その高さを強制的に算出させる
		
		IE6やMacIE5までのほとんどのブラウザに
		対応しています。
		
	****************************/
	
	#footer .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	/*#footer .inner { display: inline-block; }*/
	/* exlude MacIE5 \*/
	* html #footer .inner { height: 1% }
	#footer .inner { display:block; }
	/* end MacIE5 */