@charset "utf-8";
@import url(reset.css);

body {
	/* default fontsize
	if change default
	px12..75%
	px14..87%
	px16..100%
	font-size:75%;
	*/
}

/* text size */

/* if default px12*/


.px10 {
	font-size: 84%;
	line-height: 1.4;
	color: #333333;
}
.px12 {
	font-size: 100%;
	line-height: 1.4;
	color: #333333;
}
.px14 {
	font-size: 117%;
	line-height: 1.4;
	color: #333333;
}
.px16 {
	font-size: 134%;
	line-height: 1.4;
	color: #333333;
}

.px18 {
	font-size: 150%;
	line-height: 1.4;
	color: #333333;
}



/* if default px14 */
/*
.px10 {
	font-size: 71%;
	line-height: 1.4;
	color: #333333;
}
.px12 {
	font-size: 86%;
	line-height: 1.4;
	color: #333333;
}
.px16 {
	font-size: 114%;
	line-height: 1.4;
	color: #333333;
}

.px18 {
	font-size: 128%;
	line-height: 1.4;
	color: #333333;
}
*/

/* link style */
a:link{
	color: #0b71c0;
	text-decoration: none;
}
a:visited{
	color: #0b71c0;
	text-decoration: none;
}
a:hover{
	color: #0b71c0;
	text-decoration: underline;
}



/* *************************************************************************************** */


/* note */
.note_01 li {
	text-indent: -1em;
	padding-left: 1em;
}

/* layout styles END */

/* *************************************************************************************** */

/* input styles START */

/* radio & checkbox btn */
.sel_btn_01 {
	vertical-align: middle;
	margin-right: 5px;
}
* html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}
*:first-child+html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}

/* input styles END */

/* *************************************************************************************** */

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/*overflow: hidden;*/
	/* 上記のoverflow: hidden;はDreamweaver上でレイアウトを正しく表示させるためのCSSです。
	   Dreamweaverで編集する際にコメントアウトを外して使用してください。
	   また、編集が完了した際にはコメントアウトしておいてください。 */
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */

/* *************************************************************************************** */

/*
	共通関連CSS
*/
/* BOX */
.box01 {
	width: 670px;
	border: solid 1px #dadada;
	padding: 28px 23px 22px;
}

.box_left{
	float:left;
	width: 139px;
}
.box_right{
	float:right;
	width: 510px;
	color: #313030;
}

.box01 ul {
}
.box01 ul li {
	background:url(../images/icon01.gif) no-repeat 0 4px;
	padding-left: 12px;
	padding-bottom: 17px;
}
.box01 ul li p.date{
	color: #7f7f7f;
	font-size: 85%;
}
.box01 ul li p.date span{
	color: #000000 !important;
}

/* PADDING */

/* MARGIN */
.mar_t11{
	margin-top: 11px;
}
.mar_t20{
	margin-top: 20px;
}
.mar_t25{
	margin-top: 25px;
}
.mar_t45{
	margin-top: 45px;
}

.mar_b7{
	margin-bottom: 7px;
}
.mar_b15{
	margin-bottom: 15px;
}
.mar_b20{
	margin-bottom: 20px;
}
.mar_b25{
	margin-bottom: 25px;
}
.mar_b30{
	margin-bottom: 30px;
}

/* BORDER */
.border_top {
	border-top: solid 1px #dadada;
}

/* FLOAT */
.flo_l {
	float:left;
}
.flo_r {
	float:right;
}

/* SECOND PAGE COMMON */
#main .title{
	background:url(../images/title_bar.gif) no-repeat left bottom;
	padding-bottom:11px;
	font-size:200%;
}
#main .box02_bottom {
	background:url(../images/box_bottom.gif) no-repeat left bottom;
	width:446px;
	margin:20px auto 0px;
}
#main .box02_top {
	background:url(../images/box_top.gif) no-repeat left top;
	padding:40px;
}
#main .box02_top table tr th {
	width:146px;
	padding:10px 0px;
}
#main .box02_top table tr td {
	width:220px;
	padding:10px 0px;
	font-weight:bold;
}

.single_date{
	color: #7f7f7f;
}
.single_date span{
	color: #000000 !important;
	font-size: 83%;
}