@charset "utf-8";


/* --------------------------------------------------------
   Profile CSS
--------------------------------------------------------- */

#contents .profileWrapper {
	padding: 34px 0 10px;
	width: 750px ;
}
#contents .profileWrapper .toPageTop {
	width: 710px ;
	margin: 80px auto 0 ;
}

#contents .wrapper .localMenu {
	width: 750px;
	height: 64px;
	margin: 12px 0 0 ;
	background: url(../company/images/tab_bg.jpg) repeat-x;
}
#contents .wrapper .localMenu ul {
	margin-left: 20px ;
}
#contents .wrapper .localMenu li {
	display: block ;
	float: left ;
}
#contents .wrapper .localMenu li.localMenu1 {
	background: url(../profile/images/tab_history_o.gif) no-repeat ;
}
#contents .wrapper .localMenu li.localMenu1 a {
	display: block ;
	width: 69px ;
	height: 30px ;
}
#contents .wrapper .localMenu li.localMenu2 {
	background: url(../profile/images/tab_spirit_o.gif) no-repeat ;
}
#contents .wrapper .localMenu li.localMenu2 a {
	display: block ;
	width: 83px ;
	height: 30px ;
}
#contents .wrapper .localMenu li.localMenu3 {
	background: url(../profile/images/tab_process_o.gif) no-repeat ;
}
#contents .wrapper .localMenu li.localMenu3 a {
	display: block ;
	width: 130px ;
	height: 30px ;
}
#contents .wrapper .localMenu li a:hover {
	background-color:transparent;
}
#contents .wrapper .localMenu li a:hover img{
	visibility:hidden;
}


#contents .wrapper .main {
	width: 710px ;
	margin: 0 auto ;
}


/* --------------------------------------------------------
   History CSS
--------------------------------------------------------- */

#contents .wrapper .title_history {
	clear: both ;
	height: 220px ;
	margin: 0 0 40px ;
	background: url(../profile/images/history_bgimg.jpg) no-repeat ;
}
#contents .wrapper .title_history h2 {
	position: relative ;
	top: 65px ;
	left: 455px ;
	width: 210px ;
}
#contents .wrapper .block1 {
	width: 680px ;
	margin: 0 auto 40px ;
	padding: 17px 15px ;
	border: #DDDDDD 1px solid ;
	background: #EBEBEB ;
	font-size: 12px ;
	line-height: 140% ;
}
#contents .wrapper .block1 h3 {
	width: 390px ;
	margin: 0 auto 10px ;
}
#contents .wrapper .block1 p {
	padding: 12px 2px 0 ;
	background: url(../profile/images/subt_1_history_line.gif) no-repeat top ;
}
#contents .wrapper .block2	{
	width: 710px ;
	margin: 0 auto;
}
#contents .wrapper .block2 h3 {
	margin: 0 0 8px ;
}
#contents .wrapper .block2 .left {
	width: 515px ;
	float: left ;
	font-size: 12px ;
	line-height: 140% ;
}
#contents .wrapper .block2 .left th {
	vertical-align: top ;
	background: #EEEEEE url(../profile/images/history_table_bg.gif) repeat-x bottom ;
}
#contents .wrapper .block2 .left th.cellTop {
	border-top: #DDDDDD 1px solid ;
}
#contents .wrapper .block2 .left td {
	padding: 9px 0px 9px 9px;
	background: url(../profile/images/history_table_bg.gif) repeat-x bottom ;
}
#contents .wrapper .block2 .left td.cellTop {
	border-top: #DDDDDD 1px solid ;
}
#contents .wrapper .block2 .red {
	font-size: 10px ;
	color: #E33C0B ;
}
#contents .wrapper .block2 .left .bold {
	color: #162C81 ;
	font-weight: bold ;
}
#contents .wrapper .block2 .right {
	width: 145px ;
	padding: 10px 10px 30px 10px;
	float: right ;
	background: #EEEEEE ;
	font-size: 10px ;
	line-height: 140% ;
}
#contents .wrapper .block2 .right p {
	margin: 0 0 30px ;
}
#contents .wrapper .block2 .right img {
	margin: 0 0 7px ;
}

/* --------------------------------------------------------
   Spirit CSS
--------------------------------------------------------- */


#contents .wrapper .spiritMain .title {
	width: 710px ;
	margin: 0 auto 40px ;
	clear: both ;
	height: 220px ;
	background: url(../profile/images/spirit_bgimg.jpg) no-repeat ;
}
#contents .wrapper .spiritMain .title h2 {
	position: relative ;
	width: 295px ;
	top: 65px ;
	left: 376px ;
}



#contents .wrapper .spiritMain p {
	font-size: 12px ;
	line-height: 140% ;
	margin: 0 0 15px ;
}

#contents .wrapper .spiritMain div.pic {
	background-color:#F4F3D5;
	padding:11px 10px 5px 15px;
	margin-bottom:15px;
}

#contents .wrapper .spiritMain div.pic p.pic_txt {
	width:410px;
	padding:5px 22px 0px 0px;
	float:left;
}

#contents .wrapper .spiritMain div.pic p.img {
	float:right;
}


/* #contents .wrapper .spiritMain div.pic_txt img {
	margin: 0 16px 0 0 ;
}

 #contents .wrapper .spiritMain p.spirit_txt {
	margin-bottom:35px
}

#contents .wrapper .spiritMain div.pic_txt {
	margin-bottom:10px;
}

#contents .wrapper .spiritMain div.pic_txt div.image {
	float:left;
}

#contents .wrapper .spiritMain div.pic_txt p.txt {
	float:left;
	width:435px;
}*/

#contents .wrapper .spiritMain div.rokko h3 {
	padding-top:20px;
	margin-bottom:12px;
	border-bottom: 1px solid #EEEEEE;
	width:709px;
}

#contents .wrapper .spiritMain div.rokko div.rokko_img p.img {
	padding-right:25px;
	float:left;
}

#contents .wrapper .spiritMain div.rokko div.rokko_img p.last {
	float:left;
}

/* --------------------------------------------------------
   Process CSS
--------------------------------------------------------- */


#contents .wrapper .processMain {
	width: 750px ;
	margin: 0 auto ;
}

#contents .wrapper .processMain .title {
	width: 710px ;
	margin: 0 auto 40px ;
	clear: both ;
	height: 220px ;
	background: url(../profile/images/process_bgimg.jpg) no-repeat ;
}
#contents .wrapper .processMain .title h2 {
	position: relative ;
	top: 65px ;
	left: 409px ;
	width: 291px ;
}
#contents .wrapper .processMain .title p {
	position: relative ;
	width: 332px;
	top: 85px ;
	left: 340px ;
	font-size: 12px ;
	line-height: 150% ;
}

#contents .wrapper .processMain .illust {
	/*	height: 1040px ;*/
	height: 955px ;
	background: url(../profile/images/process_illust.gif) no-repeat ;
	text-indent: -9999px ;
}