@charset "shift-jis";
/* ===================================================================
CSS information

 file name  :style.css
 style info :ALSOK LP
  
=================================================================== */

/*Global----------*/
form,
div,
p,
img,
ul,ol,li,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
}

/*Clear-----------*/
.clrfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clrfix {
	min-height: 1px;
}

* html .clrfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*A---------------*/
a { text-decoration: none; }
a:focus { outline:none }

address {
	font-style:normal;
}
img {
	border: none;
	vertical-align: bottom;
}

body {
	margin: 0 auto;
	text-align: center;
	background: #e1e1e1;
	font-family: Sans-Serif;
	color: #000;
	font-size: 16px;
}

#wrap {
	width: 955px;
	margin: 0 auto;
	padding-bottom: 50px;
	background: #fff;
}
#wrap p {
	font-size: .88em;
	line-height: 1.3em;
}


#head {
	margin-bottom: 30px;
}
.head-in {
	height: 235px;
	padding: 0 0 0 15px;
	background: url("../images/bg_head.jpg") center bottom no-repeat;
	text-align: left;
}
.head-in dl {
	width: 328px;
	padding-bottom: 15px;
	background: url("../images/bg_head_dl.png") center top no-repeat;
	text-align: center;
}
.head-in dt {
	padding: 15px 0 6px;
}
.head-in dd {
	height: 50px;
}


.item01 {
	height: 185px;
}
.item02, .item03 {
	height: 195px;
}
.item04 {
	width: 920px;
	height: 165px;
	margin: 0 auto 5px;
	border-bottom: 1px solid #ddd;
}


#sect01, #sect02, #sect03 {
	width: 850px;
	margin: 0 auto 20px;
	padding-bottom: 140px;
}
#sect01 { background: url("../images/bg_sect01.gif") center bottom no-repeat; }
#sect02 { background: url("../images/bg_sect02.gif") center bottom no-repeat; }
#sect03 { background: url("../images/bg_sect03.gif") center bottom no-repeat; }

#sect01 h3 { margin-bottom: 15px; }
#sect03 h3 { margin-bottom: 20px; }

#sect01 dl {
	width: 740px;
	margin: 0 auto;
}
#sect01 dt {}
#sect01 dd {
	padding: 20px 0 0;
	background: url("../images/bg_sect01_02_dl.gif") center bottom no-repeat;
}
/* ↓130926追記 */
#sect02 .list-v1 {
}
#sect02 .list-v1 li {
	min-height: 284px;
	background: url("../images/bg_sect02_list01.gif") left bottom no-repeat;
}
#sect02 .list-v1 li p {
	width: 210px;
	margin: 5px 0 0 15px;
}


/* ↑130926追記 */

.sect02-01 {
	width: 750px;
	height: 384px;
	margin: 0 auto 30px;
	background: url("../images/bg_sect02_01.jpg") right top no-repeat;
	text-align: left;
}
.sect02-01 ul {
	position: relative;
	width: 500px;
	height: 265px;
	margin: 0 0 0 40px;
}
.sect02-01 ul li {
	position: absolute;
	width: 215px;
	text-align: left;
}
.sect02-01 ul li h4 { text-align: center; margin-bottom: 5px; }

.sect02-01-01 { left: 0; top: 11px; }
.sect02-01-02 { left: 245px; top: 11px; }
.sect02-01-03 { left: 0; top: 120px; }
.sect02-01-04 { left: 165px; top: 120px; }
.sect02-01-05 { left: 333px; top: 120px; }

.sect02-01-03,
.sect02-01-04,
.sect02-01-05 { width: 130px !important; }

.sect02-01-03 h4,
.sect02-01-04 h4,
.sect02-01-05 h4 { text-align: left !important; }


#sect03 ol {
	margin: 0 0 60px 55px;
}
#sect03 ol li {
	float: left;
	height: 273px;
}
#sect03 ol li.flw-als {
	width: 491px;
	background: url("../images/bg_flw-als.gif") left top no-repeat;
}
#sect03 ol li.flw-als ul {
	margin: 0 0 0 30px;
}
#sect03 ol li.flw-als ul li {
	width: 210px;
	height: 220px;
	background: url("../images/bg_flw-als_in.gif") left bottom no-repeat;
	text-align: left;
}

#sect03 ol li.flw-als ul li h5 {
	margin-bottom: 5px;
}
#sect03 ol li ul li img.flw-als-img {
	display: block;
	margin: 0 0 10px 30px;
}
#sect03 ol li.flw-als ul li p {
	width: 190px;
	margin-left: 10px;
}

#sect03 ol li.flw-cli {
	width: 249px;
	background: url("../images/bg_flw-cli.gif") left top no-repeat;
}
#sect03 ol li.flw-cli p {
	width: 200px;
	margin: 10px 0 0 25px;
	text-align: left;
}

.txt-alt{
	width: 740px;
	margin: 5px auto 0;
	color: #444;
	font-size: .63em !important;
	text-align: right;
}

#copy {
	margin: 0 auto 40px;
	font-size: .75em !important;
}

/* 共通横並びリスト */
.list-v1 {
	padding-bottom: 20px;
}
.list-v1 li {
	float: left;
	text-align: left;
}
.list-v1 li span { color: #ff3ba0; }

.ml10 { margin-left: 10px !important; }

.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb60 { margin-bottom: 60px !important; }

.pl25 { padding-left: 25px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }

.lw210 { width: 210px; }
.lw218 { width: 218px; }
.w222 li { width: 222px !important; }
.w222 li p { width: 195px; margin: 5px 5px 0; }
.w252 li { width: 252px !important; }
.w252 li p { width: 230px; margin: 5px 5px 10px; }
.w378 li { width: 378px !important; }
.w378 li p { width: 355px; margin: 5px 5px 0; }

.fs75 { font-size: .75em !important; }