@charset "Shift_JIS";

/* --------基本設定------- */

html {
	overflow-y: scroll;
}

body {
	font: 100% "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif, Meiryo, "メイリオ";
	color: #666666;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(/img/common/bg_body_window.gif) repeat-x top;
}

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,pre,blockquote,address,div,span,img {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	list-style: none;
}

img {
	border: 0;
}
.txtSmall {
	font-size: 84.5%;
}

td,th {
	vertical-align: top;
}

select,input,textarea {
	font: 100% ;
}
label {
	cursor: pointer;
}

/* --------外枠部分指定-------- */

#container {
	font-size: 78%;
}

#containerIn {
	width: 634px;
	text-align: left;
	padding: 0px 8px 0px 8px;
}

/* --------ヘッダーエリア-------- */

#headerArea {
	width: 634px;
	position: relative;
	height: 57px;
}

#headerArea p.logo {
	position: absolute;
	top: 14px;
	left: 4px;
}

/* --------コンテンツエリア-------- */
#contentsArea {
	width: 634px;
	padding: 14px 0px 0px 0px;
	margin: 0px;
}

#contentsArea p {
	line-height: 1.4;
}

/* --------メインエリア内部-------- */
#mainArea {
	width: 634px;
	color: #666666;
}

#mainArea #mainContentsArea {
	width: 610px;
	margin: 0px 12px 0px 12px;
}

#mainArea h1 {
	background: url(/img/common/bg_h1bottom.jpg) no-repeat bottom left;
	width: 634px;
	margin-bottom: 16px;
	font: 160% 'ヒラギノ角ゴ Pro W3';
	letter-spacing: 2px;
}

#mainArea h1 span {
	background: url(/img/common/bg_h1top.png) no-repeat top left;
	color: #12125B;
	font-weight: bold;
	padding: 18px 15px 14px 26px;
	display: block;
	width: 593px;



	_behavior:url(/js/iepngfix.htc);

}

#mainArea .ttl1 {
	background: url(/img/common/bg_h2.gif) no-repeat top left;
	width: 574px;
	color: #FFFFFF;
	padding: 3px 10px 4px 26px;
	margin-bottom: 16px;
	font-size: 120%;
	line-height: 1.2;
}

#mainArea .ttl2 {
	color: #333333;
	font-size: 120%;
	line-height: 1.2;
	border-top: solid #CCCCCC 1px;
	border-bottom: solid #CCCCCC 1px;
	margin-bottom: 2px;
	background-color: #F0F9FD;
}


#mainArea h2 span {
	width: 610px;
	border-top: solid #FFFFFF 1px;
	border-bottom: solid #FFFFFF 1px;
	font-weight: bold;
	padding: 15px 10px 14px 10px;
	display: block;
}

#mainArea .name {
	text-align: right;
	background: url(/img/common/bg_dottedlineGrey1.gif) repeat-x bottom left;
	padding: 4px 10px 4px 0px;
	margin-bottom: 20px;
}

/* -------破線とグラデ枠内にあるリストエリア（汎用）-------- */
#mainArea #mainContentsArea .graListArea {
	width: 610px;
}
/* -------グラデ（短）（汎用）-------- */
#mainArea #mainContentsArea .graListArea .bgS {
	width: 590px;
	background: url(/img/common/bg_shadowS.jpg) repeat-x top left;
	padding-top: 15px;
	line-height: 1.4;
	padding-left: 20px;
}
/* -------グラデ（長）（汎用）-------- */
#mainArea #mainContentsArea .graListArea .bgL {
	width: 590px;
	background: url(/img/common/bg_shadowL.jpg) repeat-x top left;
	padding-top: 15px;
	line-height: 1.4;
	padding-left: 20px;
}

/* --------メインエリア内部 リンク（ブランク）-------- */

#mainArea .blank {
	background: url(/img/common/bg_blank.gif) no-repeat center left;
	display: block;
	padding: 1px 0px 2px 14px;
}



/* --------フッターエリア-------- */
#footerArea {
	clear: both;
	width: 634px;
	position: relative;
	text-align: center;
}

#footerArea p {
	text-align: center;
	padding-top: 36px;
	padding-bottom: 36px;
}

#footerArea address {
	clear: both;
	margin: -10px 0px 20px 0px;
}

/* --------調整用-------- */

.marTop10 {
	margin-top: 10px;
}

.marTop20 {
	margin-top: 20px;
}

.marBottom10 {
	margin-bottom: 10px;
}

.marBottom20 {
	margin-bottom: 20px;
}

.marBottom30 {
	margin-bottom: 30px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

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

.clearfix {
	display: inline-block;
}

/* --------リンクカラー パタン1--------- */
a:link,
#topicPassArea a:link {
	color: #3A8BB2;
	text-decoration: underline;
}
a:visited,
#topicPassArea a:visited {
	color: #3A8BB2;
	text-decoration: underline;
}
a:active,
#topicPassArea a:active {
	color: #3A8BB2
	text-decoration: underline;
}
a:hover,
#topicPassArea a:hover {
	color: #3A8BB2;
	text-decoration: none;
}

/* --------リンクカラー パタン2-------- */
.service .list01 a:link,
.service .list01 a:visited,
.service .list01 a:active,
.news .list01 a:link,
.news .list01 a:visited,
.news .list01 a:active {
	text-decoration: none;
	color: #333333;
}

.service .list01 a:hover,
.news .list01 a:hover {
	text-decoration: underline;
	color: #333333;
}

/* --------リンクカラー パタン3-------- */
.service .list02 a:link,
.service .list02 a:visited,
.service .list02 a:active,
#topicPassArea a:link,
#topicPassArea a:visited,
#topicPassArea a:active {
	text-decoration: underline;
	color: #3A8BB2;
}

.service .list02 a:hover,
#topicPassArea a:hover {
	text-decoration: none;
	color: #3A8BB2;
}

/* --------リンクカラー パタン4-------- */
.service .projectListArea_1 a:link,
.service .projectListArea_1 a:visited,
.service .projectListArea_1 a:active {
	color: #5B6370;
	text-decoration: underline;
}

.service .projectListArea_1 a:hover {
	color: #5B6370;
	text-decoration: none;
}

/* エディターフィールド用の調整 */
.cms_editor_field {
	margin-bottom:20px;
	line-height:1.6;
}

.cms_editor_field p {
	margin-bottom:20px;
	line-height:1.6;
}

.cms_editor_field ul {
    margin-left: 24px;
}

.cms_editor_field .disc {
    list-style: disc;
    margin-left: 24px;
}

.cms_editor_field .circle {
    list-style: circle;
    margin-left: 24px;
}

.cms_editor_field .square {
    list-style: square;
    margin-left: 24px;
}

.cms_editor_field .lower_roman {
    list-style: lower-roman;
    margin-left: 24px;
}

.cms_editor_field .upper_roman {
    list-style: upper-roman;
    margin-left: 24px;
}

.cms_editor_field .lower_greek {
    list-style: lower-greek;
    margin-left: 24px;
}

.cms_editor_field .decimal {
    list-style: decimal;
    margin-left: 24px;
}

.cms_editor_field .decimal_leading_zero {
    list-style: decimal-leading-zero;
    margin-left: 24px;
}

.cms_editor_field .lower_latin {
    list-style: lower-latin;
    margin-left: 24px;
}

.cms_editor_field .upper_latin {
    list-style: upper-latin;
    margin-left: 24px;
}