@charset "utf-8";

/* 会社情報　[ company.css ]
=================================
1: 共通

2: サイトマップ　[ id="sitemap" ]

3: このサイトについて　[ id="about" ]
	
=================================*/


/*1: 共通
=================================*/
#main-col-function {
	float: left;
    width: 530px;
	margin: 0;
	padding: 0;
}

/* ============================== sub_col */
#sub-col-function {
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
}

#sub-col-function p {
	margin: 10px 0 0;
}

#sub-col-function #ln {
	padding: 1px 0 0;
	background: url(/img/ln_bg_top.gif) no-repeat 0 0;
}

#sub-col-function #ln ul {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#sub-col-function #ln ul li {
	border-bottom: 1px solid #dddddd;
}

#sub-col-function #ln ul li.end {
	border: none;
}

#sub-col-function #ln ul li ul {
	border: none;
}

#sub-col-function #ln ul li ul li {
	padding: 1px 0 0;
	background: url(/img/ln_bg_dot.gif) no-repeat 0 0;
	border: none;
}

#sub-col-function #ln p {
	margin: 0;
	font-size: 0.1;
}

#sub-col-function #ln p img {
	vertical-align: top;
}

#sub-col-function dl {
	margin: 20px 0 0;
}

#sub-col-function dl dt {
	margin: 0 0 12px;
}

#sub-col-function dl dd {
	margin: 0 7px 7px 10px;
	padding: 0 0 0 17px;
	background: url(img/arrow_blue.gif) no-repeat 0 3px;
	
}

h2.policy {
	margin: 15px 10px;
	font-weight:bold;
} 

p.lead {
	margin: 15px 10px 0;
}

div.list {
	margin: 15px 10px 0;
}


.g-1 { background: url(/img/icon_gray_1.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-2 { background: url(/img/icon_gray_2.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-3 { background: url(/img/icon_gray_3.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-4 { background: url(/img/icon_gray_4.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-5 { background: url(/img/icon_gray_5.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-6 { background: url(/img/icon_gray_6.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}

.g-1s { background: url(/img/icon_gray_1.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
.g-2s { background: url(/img/icon_gray_2.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
.g-3s { background: url(/img/icon_gray_3.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}

dl.indent {
	margin: 15px 0;
}

dl.indent dt {
	float: left;
	width: 6.5em;
}

dl.indent dd {
	margin-left: 7.5em;
	text-indent: -1em;
}






/*3: このサイトについて　[ id="about" ]
=================================*/
#about #main-col {
	margin: 0;
}

#about h1.condition,
#about h1.environment,
#about h1.rss {
	margin: 10px 0 0;
}

#about h2 {
	margin: 20px 10px 0;
	font-weight:bold;
}

#about #main-col p {
	margin: 10px 10px 0;
}

#about #main-col p#title {
	margin: 0;
}

#about #main-col p.lead {
	margin: 15px 10px 0;
}

#about #main-col dl {
	margin: 0 10px;
}

#about #main-col dl dt {
	margin: 10px 0 0;
	background: url(/img/icon_disc.gif) no-repeat 0 5px;
	padding: 3px 0 2px 20px;
}

#about #main-col dl dd {
	padding: 5px 0 0 20px;
}

#about #main-col ul#attention-box {
	margin: 20px 10px 0;
}

#about #main-col ul#attention-box li {
	margin: 0;
	background: url(/img/icon_kome.gif) no-repeat 0 5px;
	padding: 3px 0 2px 20px;
	font-size: 85%;
}

/*表
---------------------------------*/
#about table {
	width: 720px;
	margin: 10px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
}

#about table th {
	padding: 3px 7px;
	background-color: #c6c6c6;
	border-collapse: collapse;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	font-weight: bold;
}

#about table td {
	width: 33%;
	padding: 3px 7px;
	border-collapse: collapse;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	vertical-align: middle;
}

#about table td.icon {
	width: 200px;
}








