@charset "UTF-8";
/* 346 */
/* kuromaru-design */


/* 346SOCIAL WORK
============================================= */
#body {
	position:relative;
}

a, a:link {
	color: #191970;
	text-decoration: none;
	}
	
a:hover {
	color: #FF8C00;
    text-decoration: underline;
	}

.content {
	width: 900px;
/* border: 1px solid tomato; */
}

.content:after {
	display: block;
    clear: both;
    height: 0;
    visibility:hidden;
    content:".";
}

#cont_left {
	float: left;
    width: 170px;
    margin-left: 50px;
    padding: 0;
/* border: 1px solid tomato; */
}

#cont_right {
	float: right;
    width: 580px;
    margin-right: 50px;
    padding: 0;
/* border: 1px solid tomato; */
}

.btn {
    	margin: 10px 0;
        padding: 2px 5px;
        width: 175px;
		height: 40px;
		text-align: center;
        border: 1px solid #C0C0C0;
}

p {
	line-height: 1.5em;
	padding-bottom: 1em;
}


/* 346SOCIAL WORK INDEX PAGE
============================================= */

#tpttl {
	margin: 0;
	padding-bottom: 20px;
	width: 580px;
	height: 300px;
    text-indent: -9999px;
    background: url(../img/sw_index.jpg) no-repeat;
/* border: 1px solid tomato; */
}

.sw_cont {
	margin-top: 20px;
	padding: 0;
	width: 580px;
	height: 220px;
/* border: 1px solid tomato; */
}

.tp_item {
	margin-top: 20px;
	padding: 0;
	width: 580px;
	height: 160px;
/* border: 1px solid tomato; */
}

.tp_item:after {
	display: block;
    clear: both;
    height: 0;
    visibility:hidden;
    content:".";
}

.tp_photo {
	float: left;
	margin: 0;
	padding: 0;
	width: 186px;
	height: 140px;
/* border: 1px solid tomato; */
}

.tp_cap {
	float: right;
	margin: 0;
	padding: 0;
	width: 370px;
}

.link {
	text-align: right;
}

/* 346SOCIAL WORK CONTENTS PAGE
============================================= */

#main {
    position:relative;
	width: 580px;
	height: 680px;
	margin: 0;
    background: url(../img/sw_top.jpg) no-repeat;
}

#catch {
    position:absolute;
	margin: 0;
    padding: 0;
    top: 40px;
	left: 0px;
}

#catch h1 {
    padding-bottom: 20px;
}

#sw_cap {
    position:absolute;
	margin: 0;
    padding: 0;
    top: 530px;
	left: 0px;
}

#sw_cap h3{
	padding-bottom: 10px;
	color: #808080;
}

#sw_cap p{
	color: #808080;
}

#title {
	width: 750px;
	height: 35px;
	margin: 20px 75px 10px 75px; 
    background: url(../img/ttlbg_g.gif) no-repeat;
}

#title h2 {
	padding: 12px 0 0 40px;
	font-weight: bold;
}

#items {
	width: 750px;
	height: 380px;
	margin: 0 0 20px 75px;
	padding: 0;
}

#items:after {
	display: block;
    clear: both;
    height: 0;
    visibility:hidden;
    content:".";
}

.item {
	float: left;
	margin: 0 4px;
	width: 240px;
	height: 380px;
	border: #cccccc 1px solid;
}

.photo {
	width: 186px;
	height: 140px;
	margin: 27px 27px 10px 27px;
}

#acct {
	display: block;
    width: 320px;
	height: 20px;
	margin: 0 0 20px 110px;
}

.acct {
	text-align: right;
	margin: 0;
	padding-right: 27px;
}

.caption {
	width: 195px;
	margin-top: 5px;
	margin-left: 27px;
}

.caption h3 {
	line-height: 1.5em;
	padding-bottom: 0.5em;
}