@charset "utf-8";
/* CSS Document */

/* ------------------------------
all-page
------------------------------ */
/* contents sidebar */
#sidebar em {
	color:#FF6633;
}
p.kumiai  {
	font-size: 120%;
}
#sidebar #company01 {
	padding: 25px 7px 15px;
	background-image: url(../images/bubble.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#sidebar #company01 h2 {
	border-bottom: 1px dotted #666666;
}
#sidebar #company02 {
	padding: 7px;
	background-color: #64b8ff;
	margin-bottom: 40px;
}
#sidebar #pr {
	margin-bottom: 20px;
}

#sidebar #pr h2 {
	font-size: 120%;
	font-weight: bold;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px ridge #EFF2F5;
	border-bottom: 4px ridge #4371B3;
	background-color: #E0EDFF;
	margin: 10px 0px 15px;
	border-right: 2px ridge #A3B4CC;
	border-left: 1px ridge #EFF2F5;
	text-align: center;
}
#sidebar #pr h3 {
	margin-bottom: 15px;
	font-size: 95%;
	font-weight: bold;
	padding: 4px 0px 4px 4px;
	border-bottom: 2px dashed #4371B3;
	border-left: 4px solid #4371B3;
}
#sidebar ul li {
	background-image: url(../images/i_shikaku.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	display: block;
	padding-left: 18px;
}

p#topicPath {
	display: block;
	margin-bottom: 20px;
	padding-left: 30px;
	border-bottom: 1px dotted #CCCCCC;
}
p#topicPath img {
    margin: 0 5px;
}

/* ------------------------------
index-page
------------------------------ */

/* contents main guide */
#main #guide {
	margin: 0px 0px 10px;
}
#main #guide  #massage {
	padding: 20px 10px 10px;
	margin-bottom: 15px;
	width: 560px;
	font-size: 110%;
	line-height: 1.7;
}
#main #guide h2 {
	margin: 0px 0px 20px;
	border-bottom: 3px solid #486FB3;
	height: 32px;
	clear: left;
}
#main #guide #flash {
	width: 280px;
	float: left;
	height: 180px;
	text-align: center;
}
#main #guide #mp {
	width: 260px;
	float: right;
	line-height: 1.7;
	font-size: 95%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#main #guide #mp em {
	color: #3366CC;
}
#main #guide #mp span.read {
	font-size: 110%;
	text-align: right;
	letter-spacing: 0.3em;
	display: block;
}
#main #guide #mp p a {
	color: #527ECC;
}
#main #guide #mp p a:hover {
	color: #000099;
	text-decoration: none;
}
#main #midashi {
	font-weight: bold;
	text-align: center;
	line-height: 80px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 580px;
	height: 60px;
	background-image: url(../images/midashibg.gif);
	background-repeat: repeat-x;
}
#main #midashi h2{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #000099;
	background-repeat: repeat-x;
	background-image: url(../images/midashi.png);
	background-position: center center;
}

/* contents main work */
#work {
	width: 580px;
	margin-bottom: 20px;
}
#main #work div.jirei {
	float: left;
	width: 580px;
}
#main #work div.jirei h3 {
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	padding: 4px 0px 4px 35px;
	background-image: url(../images/i_midashi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 3px solid #FF6633;
	border-bottom: 1px dotted #666666;
	letter-spacing: 0.8em;
}
#main #work div.image {
	height: 170px;
	width: 180px;
	text-align: center;
	float: left;
	padding-top: 10px;
	border: 1px solid #CCCCCC;
}
#main #work div.case {
	float: right;
	width: 380px;
}
#main #work div.jirei div.case ul li {
	background-image: url(../images/i_sankaku.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 18px;
}
#main #back a {
	text-align: right;
	display:block;
	margin-top: 5px;
}