@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(../../function/img/icon_gray_1.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-2 { background: url(../../function/img/icon_gray_2.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-3 { background: url(../../function/img/icon_gray_3.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-4 { background: url(../../function/img/icon_gray_4.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-5 { background: url(../../function/img/icon_gray_5.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}
.g-6 { background: url(../../function/img/icon_gray_6.gif) no-repeat 0 5px; padding: 3px 0 1.5em 20px;}

.g-1s { background: url(../../function/img/icon_gray_1.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
.g-2s { background: url(../../function/img/icon_gray_2.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
.g-3s { background: url(../../function/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;
}



/*2: サイトマップ　[ id="sitemap" ]
=================================*/
#sitemap div#main-col,
#sitemap div#sub-col,
#sitemap div#sub-col p {
	margin: 0;
	padding: 0;
}

#sitemap #main-col div.multicol {
	width: 510px;
	margin: 0 10px;
}

#sitemap #main-col ul {
	width: 250px;
	margin: 0;
	padding: 0;
}

#sitemap #main-col ul li {
	margin: 15px 0 0;
	padding: 0 0 0 17px;
}

#sitemap #main-col ul li a {
	font-weight: bold;
}

#sitemap #main-col ul.sub {
	margin: 0;
	padding: 10px 0 0;
}

#sitemap #main-col ul.sub li {
	margin: 5px 0 0;
	padding: 0 0 0 12px;
}

#sitemap #main-col ul li.orange { background: url(../../img/arrow_orange.gif) no-repeat 0 3px; }
#sitemap #main-col ul li.red { background: url(../../img/arrow_red.gif) no-repeat 0 3px; }
#sitemap #main-col ul li.blue { background: url(../../img/arrow_blue.gif) no-repeat 0 3px; }
#sitemap #main-col ul li.green { background: url(../../img/arrow_green.gif) no-repeat 0 3px; }
#sitemap #main-col ul li.yellow { background: url(../../img/arrow_yellow.gif) no-repeat 0 3px; }

#sitemap #main-col ul.sub li.orange { background: url(../../img/arrow_orange_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul.sub li.red { background: url(../../img/arrow_red_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul.sub li.gray { background: url(../../img/arrow_gray_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul.sub li.green { background: url(../../img/arrow_green_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul.sub li.yellow { background: url(../../img/arrow_yellow_s.gif) no-repeat 0 5px; }


#sitemap #main-col ul li ul {
	width: auto;
}

#sitemap #main-col ul li ul li {
	margin: 5px 0 0;
	padding: 0 0 0 12px;
}

#sitemap #main-col ul li ul li a {
	font-weight: normal;
}

#sitemap #main-col ul li.orange li { background: url(../../img/arrow_orange_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul li.red li { background: url(../../img/arrow_red_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul li.blue li { background: url(../../img/arrow_blue_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul li.green li { background: url(../../img/arrow_green_s.gif) no-repeat 0 5px; }
#sitemap #main-col ul li.yellow li { background: url(../../img/arrow_yellow_s.gif) no-repeat 0 5px; }



/*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(../../function/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(../../function/img/icon_kome.gif) no-repeat 0 5px;
	padding: 3px 0 2px 20px;
	font-size: 85%;
}

/*表
---------------------------------*/
#about table {
	width: 510px;
	margin: 10px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#about table th {
	padding: 3px 7px;
	background-color: #f5f5f5;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
}

#about table td {
	width: 33%;
	padding: 3px 7px;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	vertical-align: middle;
}

#about table td.icon {
	width: 1%;
}

#about table td.icon2 {
	width: 18%;
}