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

/* ------------------------------common 開始 */

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
	color: #333;
}
img {
	border-style: none;
}

/* common END */

/* ------------------------------class共通 開始 */

/* float */

/* floatの親に指定clearfix"cf" */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* common内の共通ボタン画像 bgとhover */
a.btn{
	background-image: url(../img/common/btn.gif);
	display: block;
	text-indent: -9999px;
}
a.btn:hover {
	background-image: url(../img/common/btn_hover.gif);
}

/* imgのhover 白い透明フィルター */
a.imghover:hover img {
 filter: alpha(opacity=50);
 opacity: 0.7;
 }
 


/* pタグのhover　（hoverで下線と文字グレー） */

.p_hover a:hover {
	text-decoration: underline;
	color: #999;
}

/* pタグ長文用 */

p.p {
	letter-spacing: 0.1em;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
	margin:10px 0px;
}

/* imgコピーガード */

.guard_results {
	position:relative;
	width: 153px;
	height: 155px;
}
.guard_100 {
	position:relative;
	width: 100px;
	height: 100px;
}
span.cover { 
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background: url(../img/common/spacer.gif);
}


/* p strong キャッチ */

p strong.h {
	letter-spacing: 0.2em;
	font-size: 24px;
	color: #686db9;
}


/* class共通 END */




/* ------------------------------header 開始 */

#header {
	margin: 0px auto;
	width: 980px;
	height: 135px;
}
#header #header_l {
	float:left;
	margin: 7px 0px 10px 0px;
}
#header #header_r {
	float:right;
}
#header #header_r a#contact_btn {
	float: right;
}
#header #header_r ul {
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}
#header #header_r ul li {
	float:left;
	background: url(../img/common/marker_1.gif) no-repeat left center;
	padding-left: 30px;
	padding-right: 30px;
}
#header #header_r ul li a {
	font-size:14px;
}
#header #navi {
	clear: both;
}
#header #navi li {
	border-left: 1px solid #999;
	float:left;
}

/* header END */



/* ------------------------------main contents 開始 */

#main {
	clear: both;
	border-top: 1px solid #999;
	border-bottom: 1px solid #4b519f;
}
#pan {
	background: url(../img/common/bg_pan.gif) repeat-x top left;
	height: 24px;
}
#pan p {
	margin: 0px auto;
	width: 980px;
	color: white;
	font-size: 12px;
}
#pan p a ,
#pan p strong {
	line-height: 20px;
	font-size: 12px;
	color: white;
}
#pan p a:hover {
	text-decoration: underline;
}

#main_contents {
	margin: 0px auto;
	width: 980px;
	height: 100px;
}
#main_contents img#atention {
	margin-top: 30px;
	clear: both;
}
#contents {
	width: 720px;
	float: left;
}

#contents h2 {
	letter-spacing: 0.2em;
	font-weight: normal;
	font-size:30px;
	text-indent: 84px;
	line-height: 86px;
	margin-top: 27px;
	width: 720px;
	height: 80px;
	background: url(../img/common/bg_h2.gif) no-repeat top left;
}
#contents h3 {
	clear: both;
	letter-spacing: 0.2em;
	font-size:18px;
	width: 690px;
	border-bottom: 1px solid #4b519f;
	border-left: 5px solid #4b519f;
	height:33px;
	line-height:33px;
	padding-left:20px;
	color: #4b519f;
	margin: 30px 0px;
}
#contents table.table_base {
	border-bottom:1px solid #999;
	border-collapse: collapse;
	border-left:1px solid #999;
}
#contents table.table_base th {
	font-size:13px;
	width:165px;
	border-top:1px solid #999;
	border-right:1px dotted #999;
	background-color:#e8e8f6;
}
#contents table.table_base td {
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	font-size:14px;
	width:530px;
	line-height:25px;
}
#contents table.table_base td li {
	font-size:12px;
	width: 250px;
	float: left;
}



/* main END */

/* ------------------------------side 開始 */

#side {
	width: 220px;
	margin: 10px 0px 20px;
	float: right;
}
#side img {
	margin-top: 20px;
}
#side img#side_imgtop {
	margin-top: 0px;
}
#side ul li {
	background: url(../img/common/bg_sidebtn.gif) no-repeat left top;
	width: 220px;
	height: 49px;
}
#side ul li a {
	line-height: 49px;
	padding-left: 60px;
	letter-spacing: 0.1em;
	display: block;
	font-size:14px;
}
#side ul li a#side_pdt2 {
	letter-spacing: 0.1em;
	line-height: 18px;
	padding-top: 8px;
	letter-spacing: 0em;
	display: block;
	font-size:14px;
}
#side ul li a:hover {
	color: #999;
	letter-spacing: 0.15em;
}
#side ul li a#side_pdt2:hover {
	letter-spacing: 0.15em;
}

/* side END */

/* ------------------------------index 開始 */



#main_g {
	margin: 10px auto 0px;
	width: 978px;
	height: 268px;
	border: 1px solid #999;
}
#index #index_results h2 {
	background: none;
	color: #333;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #333;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-indent: 0px;
	width: 695px;
}
#index #index_results .results_con {
	margin-top: 20px;
	float: left;
	margin-right: 25px;
}
#index #index_results .guard_results {
	border: 1px solid #999;
}
#index #index_results .results_con p {
	background: url(../img/common/marker_3.gif) no-repeat left center;
	padding-left:15px;
	margin-top: 10px;
	width: 140px;
	line-height: 14px;
}
#index #index_results .results_con p a {
	font-size: 12px;
}

#index .index_con1 ,
#index .index_con2 ,
#index .index_con3 {
	margin-top: 20px;
	background: url(../img/common/bg_index_h2.gif) repeat-x left top;
	border: 1px solid #999;
}
#index .index_con1 h2 ,
#index .index_con2 h2 ,
#index .index_con3 h2 {
	font-weight: bold;
	background: none;
	color: #4b519f;
	border-left: 5px solid #4b519f;
	padding: 0px 0px 0px 15px;
	margin: 9px 0px 7px 15px;
	text-indent: 0px;
	font-size: 18px;
	height: 22px;
	line-height: 22px;
	letter-spacing: 0em;
}
#index .index_con1 {
	height: 300px;
}
#index .index_con2 {
	float: left;
	width: 345px;
	height: 300px;
}
#index .index_con3 {
	float: right;
	width: 345px;
	height: 300px;
}
#index .index_con1 ul li ,
#index .index_con2 ul li ,
#index .index_con3 ul li {
	background: url(../img/index/bg_indexbtn.gif) no-repeat left top;
	height: 29px;
	width: 209px;
}
#index .index_con1 ul li a ,
#index .index_con2 ul li a ,
#index .index_con3 ul li a {
	padding-left:40px;
	height: 29px;
	width: 169px;
	display: block;
	color: white;
	line-height: 30px;
}
#index .index_con1 ul li a:hover ,
#index .index_con2 ul li a:hover ,
#index .index_con3 ul li a:hover {
	color: #ddd;
}
#index .index_con1 p {
	float: left;
	width: 450px;
	margin: 30px 0px 20px 30px;
}
#index .index_con1 ul {
	clear: both;
}
#index .index_con1 ul li {
	float: left;
	margin-left:20px;
}
#index .index_con1 img {
	float: right;
	margin:20px;
}
#index .index_con2 ul ,
#index .index_con3 ul {
	margin-right:15px;
	float: right;
}
#index .index_con2 ul li ,
#index .index_con3 ul li {
	margin-bottom: 10px;
}
#index .index_con2 .guard_100 ,
#index .index_con3 img {
	margin-left: 15px;
}
#index .index_con2 .guard_100 {
	margin-top: 10px;
	float: left;
}
#index .index_con2 p ,
#index .index_con3 p {
	margin: 20px;
}
#index li#index_libtn {
	background: url(../img/index/bg_indexbtn2.gif) no-repeat left top;
	height: 40px;
}
#index li#index_libtn a {
	height: 35px;
	padding-top: 5px;
	line-height: 16px;
	font-size: 14px
}

/* index END */

/* ------------------------------footer 開始 */

#pagetop {
	clear: both;
	margin: 0px auto;
	width: 980px;
}
#pagetop img {
	float: left;
}
#pagetop a img {
	float: right;
}

#footer {
	margin: 0px auto;
	width: 980px;
	height: 100px;
}
#footer img {
	float: left;
	margin-top: 27px;
}
#footer #footer_r {
	float: right;
}
#footer #footer_r ul {
	margin:30px 0px 30px;
	float: right;
}
#footer ul li {
	float:left;
	background: url(../img/common/marker_1.gif) no-repeat left center;
	padding-left: 30px;
	margin-left: 30px;
}
#footer ul li a {
	font-size:14px;
}
#footer address {
	font-size:12px;
	clear: both;
}

/* footer END */