/* CSS Document */

@import "header.css";
@import "footer.css";
@import "side.css";

body {
	margin:0;
	padding:0;
	color:#323232;
	font: 75%/145% "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}


h1,h2,h3,h4,h5,h6,p,form,ul,li,ol,dl,dt,dd {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
}


a img {
	border:none;
}



/*link
------------------------*/
a:link {
	color:#67B3DF;
	text-decoration:none;
}

a:visited {
	color:#67B3DF;
	text-decoration:none;
}

a:hover {
	color:#67B3DF;
	text-decoration:underline;
}


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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*margin
---------------------*/
.margin_b5 {
	margin-bottom:5px;
}

.margin_b10 {
	margin-bottom:10px;
}

.margin_b15 {
	margin-bottom:15px;
}

.margin_b20 {
	margin-bottom:20px;
}

.margin_b25 {
	margin-bottom:25px;
}

.margin_b30 {
	margin-bottom:30px;
}

.margin_b40 {
	margin-bottom:40px;
}

/*color
------------------------*/

.red {
	color: #FF0000;
	font-weight: normal;
	font-size: 1em;
}

.topics_red {
	color:#FF3366;
	text-decoration:none;
}

/*fontsize
------------------------*/

.f_size7 {	font-size:0.7em;}
.f_size8 {	font-size:0.8em;}
.f_size9 {	font-size:0.9em;}


/*文字詰め
------------------------*/
.spacing02 {	letter-spacing: -0.2em;}


/*メインイメージ
------------------------*/

#count {
	height: 205px;
	width: 635px;
}


/*contents共通
------------------------*/
#side {
	float: right;
	width: 220px;
}
#pankuzu {
	background: #F5F5F5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #161733;
	border-left: 3px solid #67B3DF;
}
.btn_more {
	height: 15px;
	width: 80px;
	font-size: 1px;
	line-height: 1px;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}
.btn_more a {
	background: url(../images/com/btn_more.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 80px;
	font-size: 1px;
	line-height: 1px;
}
.btn_more a:hover {
	background: url(../images/com/btn_more.gif) no-repeat 0px -15px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 80px;
	font-size: 1px;
	line-height: 1px;
}
#wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#side {
	float: left;
	width: 220px;
}
#contents_r {
	float: right;
	width: 710px;
}
.bg_subtitle {
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	margin-bottom: 15px;
}
.arrow_subtitle {
	background: #F0F0F0 url(../images/com/arrow_p_img.gif) no-repeat left center;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.bg_title {
	background: url(../images/com/bg_title_img.jpg) repeat-x;
	height: 35px;
	padding-top: 15px;
	padding-left: 15px;
	width: 695px;
	margin-bottom: 20px;
	color: #67B3DF;
	font-size: 1.2em;
}
.inner_wrap {
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.table_tag {
	border-top: 1px solid #67B3DF;
	border-right: 1px solid #67B3DF;
}
.table_tag th {
	background: #E3F1F9;
	padding: 8px;
	border-bottom: 1px solid #67B3DF;
	border-left: 1px solid #67B3DF;
	font-weight: normal;
}
.table_tag td {
	padding: 10px;
	border-bottom: 1px solid #67B3DF;
	border-left: 1px solid #67B3DF;
}
.table_eigyou_tag {
	border-top: 1px solid #67B3DF;
	border-right: 1px solid #67B3DF;
}
.table_eigyou_tag th {
	background: #E3F1F9;
	padding: 8px;
	border-bottom: 1px solid #67B3DF;
	border-left: 1px solid #67B3DF;
	font-weight: normal;
}
.table_eigyou_tag td {
	padding: 10px;
	border-bottom: 1px solid #67B3DF;
	border-left: 1px solid #67B3DF;
	text-align: center;
}
.table_tag02 {
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}
.table_tag02 th {
	background: #F0F0F0;
	padding: 8px;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	font-weight: normal;
}
.table_tag02 td {
	padding: 8px;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
.btn_top {
	height: 40px;
	width: 150px;
	margin-right: 0px;
	margin-left: auto;
}
.btn_top a {
	background: url(../images/com/btn_top.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 150px;
}
.btn_top a:hover {
	background: url(../images/com/btn_top.gif) no-repeat 0px -40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 150px;
}

