@charset 'UTF-8';

@import url(reset.css);
@import url(base.css);
@import url(common.css);
@import url(navi.css);




/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */

.header_about{
 	width:100%;
	height:280px;
	background:url(/img/pc/parts/header_hinode.jpg) no-repeat;
	background-position:center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#DBDAD5;
	position:relative;
	border-bottom: 8px solid #DBDAD5;
}

/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */
h2{
	width:630px;
	height:36px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	margin: 10px 0px 60px 0px;
	background:url(/img/pc/title/title_business.gif) no-repeat;

}

h2.business_01,h2.business_02,h2.business_03,h2.business_04{margin: 10px 0px 30px 0px;}

h2.business_01{background:url(/img/pc/title/title_business_01.gif) no-repeat;}
h2.business_02{background:url(/img/pc/title/title_business_02.gif) no-repeat;}
h2.business_03{background:url(/img/pc/title/title_business_03.gif) no-repeat;}
h2.business_04{background:url(/img/pc/title/title_business_04.gif) no-repeat;}


h3,h4{
	color:#333;
}

h3{
	height:50px;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	text-indent:15px;
	margin: 0px 0px 30px 0px;
	background:url(/img/pc/title/h3_about_bg.gif) no-repeat;
}

h4{
	height:40px;
	font-size:20px;
	line-height:36px;
	font-weight:bold;
	background:url(/img/pc/icon/icon_dice_business.gif) no-repeat;
	background-position:10px 13px;
	padding: 5px 0px 0px 45px;
	margin: 10px 0px 15px 0px;
	border-top: 1px dashed #F1DAEC;
	border-bottom: 1px dashed #F1DAEC;
}

h4.none_border{
	height:40px;
	font-size:20px;
	line-height:36px;
	font-weight:bold;
	background:url(/img/pc/icon/icon_dice_business.gif) no-repeat;
	background-position:0px 13px;
	padding: 5px 0px 0px 35px;
	margin: 10px 0px 0px 0px;
	border:none;
/*	border-top: 1px dashed #F1DAEC;
	border-bottom: 1px dashed #F1DAEC;*/
}


h4.mini{
	height:30px;
	font-size:16px;
	line-height:36px;
	font-weight:bold;
	background:none;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px 5px 0px;
	border: none;
}




.business_box1{
	width:615px;
	background:url(/img/pc/parts/business_illust1.gif) no-repeat 360px 20px;

	padding: 20px 0px 40px 10px;
	margin: 0px 0px 0px 0px;

	border: 2px solid #F1DAEC;
	border-radius: 6px ; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	position:relative;
}

.business_box1 ul{}
.business_box1 li{
	font-size:18px;
	color:#CE80BC;
	width:400px;
	font-weight:bold;
	list-style-type:none;
	/*background:url(/img/pc/icon/icon_dia_business.png) no-repeat;*/
	line-height:20px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 10px 10px;
}
.business_box1 li a{ color:#333;  text-decoration:none;}
.business_box1 li a:hover{ color:#E8CBB0;}

.business_box1 li p{
	font-size:14px;
	color:#333;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.business_box2{
	width:615px;
	background:url(/img/pc/parts/business_illust2.gif) no-repeat 360px 20px;

	padding: 20px 0px 40px 10px;
	margin: 0px 0px 0px 0px;

	border: 2px solid #F1DAEC;
	border-radius: 6px ; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	position:relative;
}

.business_box2 ul{}
.business_box2 li{
	font-size:18px;
	color:#CE80BC;
	width:400px;
	font-weight:bold;
	list-style-type:none;
	/*background:url(/img/pc/icon/icon_dia_business.png) no-repeat;*/
	line-height:20px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 10px 10px;
}
.business_box2 li a{ color:#333;  text-decoration:none;}
.business_box2 li a:hover{ color:#E8CBB0;}

.business_box2 li p{
	font-size:14px;
	color:#333;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.business_box3{
	width:615px;
	background:url(/img/pc/parts/business_illust3.gif) no-repeat 360px 20px;

	padding: 20px 0px 40px 10px;
	margin: 0px 0px 0px 0px;

	border: 2px solid #F1DAEC;
	border-radius: 6px ; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	position:relative;
}

.business_box3 ul{}
.business_box3 li{
	font-size:18px;
	color:#CE80BC;
	width:400px;
	font-weight:bold;
	list-style-type:none;
	/*background:url(/img/pc/icon/icon_dia_business.png) no-repeat;*/
	line-height:20px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 10px 10px;
}
.business_box3 li a{ color:#333;  text-decoration:none;}
.business_box3 li a:hover{ color:#E8CBB0;}

.business_box3 li p{
	font-size:14px;
	color:#333;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.business_box4{
	width:615px;
	background:url(/img/pc/parts/business_illust4.gif) no-repeat 360px 20px;

	padding: 20px 0px 40px 10px;
	margin: 0px 0px 0px 0px;

	border: 2px solid #F1DAEC;
	border-radius: 6px ; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	position:relative;
}

.business_box4 ul{}
.business_box4 li{
	font-size:18px;
	color:#CE80BC;
	width:400px;
	font-weight:bold;
	list-style-type:none;
	/*background:url(/img/pc/icon/icon_dia_business.png) no-repeat;*/
	line-height:20px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 10px 10px;
}
.business_box4 li a{ color:#333;  text-decoration:none;}
.business_box4 li a:hover{ color:#E8CBB0;}

.business_box4 li p{
	font-size:14px;
	color:#333;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}







.bt_business_sub{
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	bottom:-10px;
	right:20px;}


.bt_business_sub a{
	display:block;
	width:141px;
	height:35px;
	background-image:url(/img/pc/btn/bt_more_business_sub.gif);}

.bt_business_sub a:hover{
	background-image:url(/img/pc/btn/bt_more_business_sub_on.gif);}




#pageIndx{
	font-size:12px;
	border: 1px solid #F1DAEC;
	background-color:#F5F4ED;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#pageIndx p{	background-color:#F1DAEC;}
#pageIndx p img{ padding: 10px 0px 5px 20px;}

#pageIndx ul{ padding: 15px 0px 15px 20px;}
#pageIndx li{
	background:url(/img/pc/icon/icon_diamond.gif) no-repeat;
	background-position:3px 3px;
	padding: 5px 20px 5px 25px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	line-height:140%;
}

#pageIndx li a{
	display:block;
	color:#000;
	text-decoration:none;
}
#pageIndx li a:hover{
	color:#CE80BC;
}