@charset "utf-8";

/********************************************************
Copyright(C)Japan New Alpha CO., LTD. All Rights Reserved.
********************************************************/

/* csr ********************************************/

/* --- BACKGROUND --- */

.toppage{ padding: 15px 0 0 20px;}
.toppage h1{ margin: 20px 0;}

#read{ margin: 20px 25px 20px;}
#read .l_335{ padding: 70px 0 0;}

.toppage{ background: url(img/csr/index/base_title_l.jpg) no-repeat top left;}
.toppage #main_inner{ background: url(img/csr/index/read_bg.jpg) no-repeat top right;}

.pages{ background: url(img/csr/base_title_s.jpg) no-repeat top left;}
.pages #main_inner{ background: url(img/csr/read_bg.jpg) no-repeat top right;}

#navi_left{ background: url(img/csr/navi_left.gif) no-repeat;}
#navi_left li a:hover{ background-image: url(img/csr/navi_left_r.gif);}

/* --- pagetop --- */

.pagetop{ background: url(img/csr/btn_pagetop.gif) no-repeat;}

/* --- TITLES --- */

.toppage h2.h2_01 { background: url(img/csr/index/h2_1.gif);}
.toppage h2.h2_02 { background: url(img/csr/index/h2_2.gif);}
.toppage h2.h2_03 { background: url(img/csr/index/h2_3.gif);}

.principle h1{ background: url(img/csr/principle/h1.jpg) no-repeat right top;}
.mecenat h1{ background: url(img/csr/mecenat/h1.jpg) no-repeat right top;}
.list h1{ background: url(img/csr/list/h1.jpg) no-repeat right top;}

.mecenat h2.h2_01 { background: url(img/csr/mecenat/h2_1.gif);}
.mecenat h2.h2_02 { background: url(img/csr/mecenat/h2_2.gif);}
.mecenat h2.h2_00 { background: url(img/csr/mecenat/h2_3.gif);}

.list h2.h2_01 { background: url(img/csr/list/h2_1.gif);}
.list h2.h2_02 { background: url(img/csr/list/h2_2.gif);}

h3{ color: #00661d;}
h3.w690{ background: url(img/csr/h3_1.gif) no-repeat bottom left;}
h3.w570{ background: url(img/csr/h3_2.gif) no-repeat bottom left;}
h3.w440{ background: url(img/csr/h3_3.gif) no-repeat bottom left;}
h3.w350{ background: url(img/csr/h3_4.gif) no-repeat bottom left;}

.c3_680 h3{ padding: 0 0 5px 5px; background: url(img/csr/h3_4.gif) no-repeat bottom left;}
.list h3{ margin: 0 0 0.1em; background: url(img/csr/h3_1.gif) no-repeat bottom left;}

/* --- TOPICS --- */

.topics{
	margin: 0 2px 35px;
}
.topics .hght{
	padding: 0 5px;
	clear: both;
	border-bottom: 1px solid #ccc;
}
.topics .l{
	padding: 5px 0 2px;
	clear: none;
	float: left;
	width: 80px;
}
.topics .r{
	margin: 5px 0 2px;
	padding: 0;
	float: right;
	width: 595px;
}

/* --- PAGES --- */

/* index */

.c3_680 img{ margin: 0 0 10px; vertical-align: bottom;}
.c3_680 p{ line-height: 150%;}
.c3_680 .btn_more{
	margin: 0 0 10px 58px;
	width: 94px;
	height: 15px;
	background: url(img/csr/btn_more.gif) no-repeat left top;
}
.c3_680 .btn_more a{ display: block; width: 94px; height: 15px;}
.c3_680 .btn_more span{ display: none;}

.toppage .list{ margin: 0 10px 35px; border-bottom: 1px solid #ddd;}
.toppage .list .hght{ clear: both;}
.toppage .list .l{
	padding: 5px 0 3px;
	clear: none;
	float: left;
	width: 150px;
	background: url(img/company/table_bg_th1.gif);
	text-indent: 15px;
}
.toppage .list .r{
	padding: 5px 0 3px 20px;
	float: right;
	width: 490px;
	border-top: 1px solid #ddd;
}