@charset "Shift_JIS";

/*=========================================================


	Site Name   セキュリティー Sample
	File Name   page.css

	Create Date 2008/12/12
	Update Date 2009/08/13


==========================================================*/

/*----------------------------------------------------------

Module Top Style Sheet

-----------------------------------------------------------*/

/*共通部分*/

body div#container div#pagebody div#column2-main760 div.mainTitle {
	position: relative;
	width: 755px;
	height: 39px;
	padding: 0 0 25px;
}
body div#container div#pagebody div#column2-main760 div.mainTitle h2 {
	width: 755px;
	height: 39px;
}
body div#container div#pagebody div#column2-main760 div.mainTitle p.toIndexNav {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 128px;
	height: 13px;
}


body div#container div#pagebody div#column2-main760 h2.title {
	width: 755px;
	height: 39px;
	padding: 0 0 25px;
}
body div#container div#pagebody div#column3-main h2.title {
	width: 560px;
	height: 39px;
	padding: 0 0 25px;
}
body div#container div#pagebody div#column2-main760 div.section {
	padding-bottom: 70px;
}
body div#container div#pagebody div#column2-main760 div.section h3 {
	margin: 0 0 30px;
	padding: 0 0 10px;
	background: transparent url(../../images/title_bg.gif) bottom center no-repeat;
}
body div#container div#pagebody div#column2-main760 div.section h4 {
	position: relative;
	clear: both;
	margin: 0 0 0 12px;
	padding: 25px 0 15px 0;
}
body div#container div#pagebody div#column2-main760 div.section h4.top {
	padding-top: 0;
}


body div#container div#pagebody div#column2-main760 div.section ul.sampleList li {
	display: block;
	float: left;
	display: inline;
	width: 355px;
	margin: 0 5px 15px 13px;
}


body div#container div#pagebody div#column2-main760 div#sample {
	margin: 0 10px 25px 10px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div#sample ul.sampleList {
	margin: 0;
	padding: 0 0 25px;
	list-style-type: none;
}
body div#container div#pagebody div#column2-main760 div#sample ul.sampleList li {
	float: left;
	display: inline;
	width: 355px;
	margin-bottom: 25px;
}
body div#container div#pagebody div#column2-main760 div#sample ul.sampleList li.odd {
	margin-right: 25px;
}



/*----------------------------------------------------------

Module Detail Style Sheet

-----------------------------------------------------------*/

/*タイトル部分*/

body div#container div#pagebody div#column2-main760 div.titleBox {
	width: 735px;
	margin: 0 10px 25px 10px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.titleBox h2 {
	float: left;
	display: inline;
	margin-right: 10px;
}
body div#container div#pagebody div#column2-main760 div.titleBox p.category {
	float: left;
	display: inline;
	margin-right: 10px;
}
body div#container div#pagebody div#column2-main760 div.titleBox p.pdf_download {
	float: right;
	display: inline;
}


/*キャッチ部分*/
body div#container div#pagebody div#column2-main760 h3 {
	margin: 0 10px;
	padding: 0 0 25px;
	background: #ffffff;
}

body div#container div#pagebody div#column2-main760 div.point {
	background: url(../../../sample/images/icon_bg_arrow.gif) no-repeat center center;
}

body div#container div#pagebody div#column2-main760 div.catchBox dl {
	float: left;
	display: inline;
	width: 350px;
	margin: 0;
	padding-bottom: 20px;
}
body div#container div#pagebody div#column2-main760 div.catchBox dl dt {
	overflow: hidden;
	width: 350px;
	height: 50px;
	margin: 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.catchBox dl dd {
	padding: 0 20px;
}
body div#container div#pagebody div#column2-main760 div.catchBox dl dd p {
}

body div#container div#pagebody div#column2-main760 div.catchBox dl.odd {
	margin-right: 35px;
}


/*会社紹介部分*/

body div#container div#pagebody div#column2-main760 div.corporateBox {
	position: relative;
	margin: 0 10px;
	padding: 20px 20px 50px 20px;
	background: url(../../../sample/images/icon_bg_corporate.jpg) no-repeat left top;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl {
	width: 695px;
	height: auto;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dt {
	float: right;
	display: inline;
	width: 465px;
	margin: 0 0 0 230px;
	font-weight: bold;
	margin-bottom: 1em;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd {
	float: right;
	display: inline;
	width: 465px;
	margin: 0 0 0 230px;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd p {
	margin-bottom: 1.5em;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd div.photoBox {
	position: absolute;
	top: 20px;
	left: 20px;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd div.photoBox p {
	position: relative;
}
body div#container div#pagebody div#column2-main760 div.corporateBox dl dd div.photoBox p img {
	margin-bottom: 5px;
}

/*ページナビ部分*/

body div#container div#pagebody div#column2-main760 div.pageNav {
	width: 755px;
	margin: 0 0 50px 0px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.pageNav h3 {
	float: left;
	display: inline;
	width: 90px;
	margin: 0 20px 0 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div.pageNav ul {
	float: left;
	display: inline;
	width: 715px;
	margin: 0 20px 0 20px;
	padding: 8px 0 0;
}
body div#container div#pagebody div#column2-main760 div.pageNav ul li {
	float: left;
	display: inline;
	overflow: hidden;
	height: 11px;
	margin: 0 30px 0 0;
	padding: 0 0 12px;
}




body div#container div#pagebody div#column2-main760 div#sample dl.pageNav {
	width: 695px;
	margin: 0 0 50px 20px;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div#sample dl.pageNav dt {
	display: none;
}
body div#container div#pagebody div#column2-main760 div#sample dl.pageNav dd {
}
body div#container div#pagebody div#column2-main760 div#sample dl.pageNav dd ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body div#container div#pagebody div#column2-main760 div#sample dl.pageNav dd ul li {
	overflow: hidden;
	width: 695px;
	height: 31px;
}


/*事例本文部分*/
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox {
	margin: 0 -10px;
	padding: 0 0 50px;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox h3 {
	margin: 0 0 30px;
	padding: 0;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample {
	margin: 0;
	padding: 0;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dt {
	margin: 0;
	padding: 0 0 25px;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd {
	margin: 0;
	padding: 0 10px;
	text-align: center;
	zoom: 1;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p {
	margin-bottom: 2.0em;
	text-align: left;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p .name {
	margin-right: 0.5em;
	font-weight: bold;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.photo {
	float: right;
	margin-left: 25px;
	line-height: 1.4;
	font-size: 85%;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.photo img {
	margin-bottom: 5px;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.interview {
	margin-left: 1em;
	text-indent: -1em;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd p.noIcon {
	margin-left: 1em;
	text-indent: 0em;
}

body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd div.photoBox {
	margin: 0 auto;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd div.photoBox p {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.4;
	font-size: 85%;
	text-align: left;
}
body div#container div#pagebody div#column2-main760 div#sample div.sampleBox dl.sample dd div.photoBox p img {
	margin-bottom: 5px;
}


body div#container div#pagebody div#column2-main760 div#sample div.cautionBox {
	padding: 0 10px 50px 10px;
}
body div#container div#pagebody div#column2-main760 div#sample div.cautionBox p {
	margin-bottom: 2.0em;
}
body div#container div#pagebody div#column2-main760 div#sample p.caution {
	margin-left: 1em;
	text-indent: -1em;
}

body div#container div#pagebody div#column2-main760 div#sample .linkmark {
	padding-left: 12px;
	background: url(../../images/arrow_black.gif) no-repeat left 0.4em;
}



/* 事例トップ ライブ映像部分　LIVEMOVIE */
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE {
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE p {
	position: relative;
	margin: -10px 10px 25px 10px;
}

body div#container div#pagebody div#column2-main760 div#LIVEMOVIE dl.caution {
	margin-bottom: 25px;
	font-size: 85%;
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE dl.caution dt {
	margin: 0 10px 0px 10px;
	color: #00238B;
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE dl.caution dd {
	margin: 0 10px;
	color: #00238B;
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE dl.caution dd p {
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 1em;
	text-indent: -1em;
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE dl.caution dd p a.linkmark {
	padding-left: 10px;
	background: url(../../images/arrow_black.gif) no-repeat left center;
}

body div#container div#pagebody div#column2-main760 div#LIVEMOVIE ul.sampleList li {
	position: relative;
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE ul.sampleList li p.movie {
	position: absolute;
	right: 3px;
	top: 187px;
}
body div#container div#pagebody div#column2-main760 div#LIVEMOVIE ul.sampleList li p.products {
	position: absolute;
	right: 3px;
	top: 215px;
}