@charset "utf-8";

/* ===================================================
	Contents Area
=================================================== */

/*----------------------------------------------------
	Topicpath
----------------------------------------------------*/

#topicpath{
	margin: 7px 0;
	text-align: left;
}

#topicpath li{
	display: inline;
	list-style-type: none;
	font-size: 83.3%;
	font-weight: bold;
	text-align: left;
}

#topicpath li a{
	margin-right: 5px;
	padding-right: 10px;
	color: #8e0e1a;
	text-decoration: underline;
	font-weight: normal;
	background: url(../img/topicpath_arrow.gif) no-repeat right center;
}

/*----------------------------------------------------
	Head
----------------------------------------------------*/

#area{
	width: 523px;
	padding: 5px 15px 15px;
	border-bottom: 1px solid #999;
	background: url(../img/area_bg.gif) repeat-y;
}

#area p{
	margin-bottom: 1.2em;
}

#area.first_sent{
	padding-top: 20px;
}

h1{
	padding: 3px 10px 8px 17px;
	font-size: 116%;
	font-weight: bold;
	text-align: left;
}

h2{
	width: 511px;
	margin: 15px 0;
	padding: 4px 6px;
	font-size: 100%;
}

h2 span{
	width: 481px;
	padding: 0 10px 0 20px;
}

h3{
	width: 523px;
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 100%;
	background: url(../img/line.gif) no-repeat bottom;
}

h3 span{
	padding: 5px 3px 0 19px;
}

.photoL{
	float: left;
	margin: 0 10px 10px 0;
}

.photoR{
	float: right;
	margin: 0 0 10px 10px;
}

/*----------------------------------------------------
	Contact Info
----------------------------------------------------*/

/*======= 電話から・インターネットから ========*/

#area div.consult{
	margin-top: 10px;
	padding-top: 15px;
	background:url(../img/line.gif) no-repeat top center;
}

#area .consult ul{
	margin: 0 0 12px 12px;
}

#area .consult li{
	float: left;
	list-style: none;
}

#area .consult li a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#area .consult .tel{
	margin-right: 15px;
}

#area .consult dt{
	margin-bottom: 7px;
}

/*======= 電話番号のみ ========*/

#area .reference{
	position: relative;
	width: 523px;
	margin: 0.4em 0;
	padding-top: 39px;
	background:url(../img/reference_bg.gif) no-repeat;
}

#area .reference img{
	position: absolute;
	top: 5px;
	left: 172px;
}

#area .reference p{
	width: 507px;
	padding: 2px 8px;
	color: #fff;
	font-size: 84.6%;
	text-align: center;
	letter-spacing: 0.04em;
	background: url(../img/reference_bottom.gif) no-repeat bottom left #843c43;
}

/*----------------------------------------------------
	Contact Link
----------------------------------------------------*/

#area .question a{text-decoration: none;}
#area .question a:hover{text-decoration: underline;}

.question dt{
	display: block;
	width: 519px;
	margin: 0;
	padding: 2px;
	color: #000;
	font-size: 100%;
	font-weight: normal;
	background-image: none;
}

#area .question dd{
	margin: 1px 0 10px 2.8em;
	padding: 2px;
	font-size: 84.6%;
}

/*----------------------------------------------------
	Page Top
----------------------------------------------------*/

#area p.pagetop{
	margin: 15px 0 18px;
	text-align: right;
}

#area p.pagetop a:hover img,
.banner a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*----------------------------------------------------
	List
----------------------------------------------------*/

.contents_link li{
	float: left;
	list-style: none;
	margin-right: 5px;
}

.link li{
	list-style: none;
	padding: 3px 10px 3px 15px;
}

#area ol{
	list-style-position: inside;
	margin: 0 15px;
}

/*----------------------------------------------------
	Table
----------------------------------------------------*/

#area table{
	font-size: 100%;
}

/*----------------------------------------------------
	Notes
----------------------------------------------------*/

#area .note{
	margin: 8px 0;
	padding: 8px;
	border: 1px solid #CCC;
}

#area .note p{
	width: 505px;
	margin: 0;
}

#area .note .num{
	margin-right: 0.5em;
	font-weight: bold;
}

/*----------------------------------------------------
	Get Adobe Reader
----------------------------------------------------*/

#area .get_reader{
	margin: 10px 0;
}

#area .get_reader p.reader_img{
	float: left;
	width: 95px;
}

#area .get_reader p.reader_img a img{margin: 0;}

#area .get_reader p.reader_text{
	float: right;
	width: 428px;
}

/*----------------------------------------------------
	Decoration
----------------------------------------------------*/

strong{font-weight: normal;}

.bold{font-weight: bold;}
.large{font-size: 120%;}
.red{color: #CC0000;}
.small{font-size: 83.3%;}

#area .mt1{margin-top: 1em;}
#area .mb1{margin-bottom: 1em;}
#area .mb15{margin-bottom: 15px;}
#area .m0{margin: 0;}
#area .pt2e{padding-top: 2em;}


/*----------------------------------------------------
	Get Flash Player
----------------------------------------------------*/

.getFlashplayer{
	margin-top: 10px;
	font-size: 76.9%;
}

#area .getFlashplayer a img{
	float: left;
	margin-right: 10px;
}


/*----------------------------------------------------
	Tabs
----------------------------------------------------*/

#tabs{
	width: 523px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #666;
}

#tabs .number{
	margin-bottom: 1px;
}

#tabs .last{
	margin-bottom: 0;
}


.year ul{
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
}


.year li{
	display: inline;
	margin: 0;
	padding: 0;
}

#area .year a{
	float: left;
	padding: 0 0 0 4px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/tab_bg_l.gif) no-repeat top left;
}

.year a span{
	cursor: pointer;
	display: block;
	float: left;
	padding: 4px 10px 3px 6px;
	background: url(../img/tab_bg.gif) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
}

.year a:hover{
	color: #252525;
	background-position: 0% -44px;
}

.year a:hover span{background-position: 100% -44px;}

.year span{
	display: block;
	float: left;
	padding: 4px 10px 3px 6px;
	background: url(../img/tab_bg.gif) no-repeat right top;
}

#area .year .active a{
	color: #a74747;
}

.mm{margin-bottom: 1em;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float: none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color: #252525;
}

/*----------------------------------------------------
	Clear fix
----------------------------------------------------*/

.get_reader:after,
#area .consult ul:after,
.year:after,
.number:after,
#mm_backnumber:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.get_reader,
#area .consult ul,
.year,
.number,
#mm_backnumber{
	zoom:1;
}

/*----------------------------------------------------
	Page : 手続の流れ
----------------------------------------------------*/

.f_navi{
	text-align: center;
}

/*----------------------------------------------------
	Page : 事例紹介
----------------------------------------------------*/

.case_table{
	text-align: center;
}