@charset "utf-8";
/* CSS Document */

#contents{
	line-height: 1.9;
}
.clear{
	clear:both;
	}
.page-title{
	margin: 0 auto;
	text-align:center;
	}
.personal-logo{
	width: 950px;
	margin-top: 47px;
}

h1{
	margin-top: 37px;
}

h2{
	margin: 30px 0 0 0;
}

h4{
	margin: 40px 0 0 0;
}

h3{
	margin: 40px 0 0 0;
}

.attention-01{
	color: #FF3366;
}
.attention-02{
	color: #FF9900;
}

.box-personal{
	width: 796px;
	margin: 0 0 0 74px;
	background: url(../img/bg_contents_02.gif) repeat-y 0 0;
}
.box-personal .inner{
	background: url(../img/bg_content.gif) no-repeat 0 100%;
}
.box-personal p{
	margin: 40px 0 0 0;
}
.section-personal-01{
	margin: 0 48px;
	padding: 0 0 40px 0;
	background: url(../img/personal_produce.gif) no-repeat 0 100%;
}
.section-personal-02{
	margin: 0 48px;
	padding: 0 0 40px 0;
}
.section-personal-02 .inner-box-01{
	background: url(../img/bg_contents_03.gif) no-repeat 0 0;
	width: 690px;
	height: 170px;
	position: relative;
	margin: 30px 0 0 0;
}
.section-personal-02 .inner-box-01 .copy{
	position: absolute;
	top: 36px;
	left: 180px;
	margin: 0;
	font-size: 116%;
}
.section-personal-03{
	margin: 0 48px;
	padding: 0 0 40px 0;
}
.section-personal-03 p{
	margin: 20px 0 0 0;
}
.section-personal-04{
	margin: 0 48px;
	padding: 0 0 40px 0;
}
.local-navigation{
	margin: 23px 0 0 -20px;
}
.local-navigation li{
	float: left;
	margin-left: 20px;
	width: auto;
}

.box-link{
	width: 796px;
	height: 297px;
	margin: 40px 0 0 76px;
	background: url(../img/bg_other_001.gif) no-repeat 0 0;
	position: relative;
}
.box-link h2{
	position: absolute;
	top: 20px;
	left: 26px;
}
.box-link .logo{
	position: absolute;
	top: 105px;
	left: 26px;
}
.box-link .discription{
	position: absolute;
	top: 167px;
	left: 26px;
}
.box-link .botten{
	width: 312px;
	height: 113px;
	position: absolute;
	top: 165px;
	right: 19px;
}

/*---------------------------------------------------
  レイアウト
----------------------------------------------------*/
#contents .layout-frame {
	clear: both;
	margin-left: -20px;
}

#contents .layout-3col {
	margin-left: -15px;
}

#contents .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

#contents .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 700px */
#contents .grid-2 {	width: 144px;}
#contents .grid-3 {	width: 190px;}
#contents .grid-4 {	width: 210px;}
#contents .grid-5 {	width: 250px;}
#contents .grid-6 {	width: 340px;}
#contents .grid-5-2 { width: 289px;}
#contents .grid-6-2 { width: 385px;}
#contents .grid-7 {	width: 430px;}
#contents .grid-8 {	width: 470px;}
#contents .grid-9 {	width: 490px;}
#contents .grid-10 { width: 536px;}


/*-----------------------------------------------
	clearfix
-----------------------------------------------*/

#contents .layout-frame,
#contents .layout-unit,
.local-navigation,
.local-navigation li{
	display: inline-block;
}
#contents .layout-frame:after,
#contents .layout-unit:after,
.local-navigation:after,
.local-navigation li:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/* hide from MacIE */
* html #contents .layout-frame,
* html #contents .layout-unit,
* html .local-navigation,
* html .local-navigation li{
	height: 1em;
}
#contents .layout-frame,
#contents .layout-unit,
.local-navigation,
.local-navigation li{
	display: block;
}
/* end of clearfix


/*-----------------------------------------------
	2011/08/25　追加分
-----------------------------------------------*/
.box-personal-02{
	width: 796px;
	margin: 0 0 0 74px;
	background: url(../img/bg_contents_02.gif) repeat-y 0 0;
}
.box-personal-02 .inner{
	background: url(../img/bg_content.gif) no-repeat 0 100%;
}
.box-personal-02 p{
	margin: 40px 0 0 0;
}
.box-personal-02 .section-personal-04 strong{
	color: #0099CC;
	font-weight: bold;
}
.box-personal-02 em{
	font-weight: bold;
}
.section-personal-item-01{
	background: url(../02/img/img_02_003.gif) no-repeat 100% 100%;
}
.center{
	text-align: center;
}
.box-link-02{
	width: 796px;
	height: 297px;
	margin: 40px 0 0 76px;
	background: url(../02/img/bg_other_001.gif) no-repeat 0 0;
	position: relative;
}
.box-link-02 h2{
	position: absolute;
	top: 20px;
	left: 26px;
}
.box-link-02 .logo{
	position: absolute;
	top: 105px;
	left: 26px;
}
.box-link-02 .discription{
	position: absolute;
	top: 167px;
	left: 26px;
}
.box-link-02 .botten{
	width: 312px;
	height: 113px;
	position: absolute;
	top: 165px;
	right: 19px;
}

/*morishita-box*/
.morishita-box{
	width:690px;
	}
.img-f-r01 img{
	float:right;
	margin-left:10px;
	}
.m-box-01-fr{
	float:right;
	width:275px;
	}	
.m-box-01-fl{
	float:left;
	width:407px;
	margin-bottom:30px;
	}		
	
.morishita-box em{
	color:#D34548;
	}